/* Only the Arduino tutorial additions; existing build photos stay unchanged. */
.panel-fw-features,.panel-fw-products{display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none!important;padding:0!important;margin:24px 0!important}
.panel-fw-features li{padding:8px 12px!important;background:#dce7e7;border:1px solid #a8bfc3;font-weight:600;margin:0!important}
.panel-fw-wiring figure{margin:24px 0 0}
.panel-fw-wiring img{display:block;width:100%;height:auto;background:#f9fbfc;border:1px solid #bac9ce}
.panel-fw-wiring figcaption{margin-top:14px;font-size:14px;line-height:1.65}
.panel-fw-wiring figcaption>a{font-weight:700}
.panel-fw-wiring figcaption p{font-size:14px!important;margin:10px 0 0}
.panel-fw-download{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(230px,.8fr);gap:28px;align-items:center;padding:30px;background:#dce7e7;border-top:3px solid #427780}
.panel-fw-kicker{font-size:12px!important;letter-spacing:.08em;font-weight:700;margin:0 0 14px!important;line-height:1.7!important}
.panel-fw-download h2{font-size:clamp(25px,3vw,33px)}
.panel-fw-download p{margin-bottom:0}
.panel-fw-download-action{min-width:0}
.panel-fw-download-action>p{font-size:13px!important;line-height:1.6!important;margin-top:12px}
.panel-fw-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:14px 20px;background:#173645;color:#fff!important;text-decoration:none!important;font-weight:700;line-height:1.5;max-width:100%;box-sizing:border-box;text-align:center}
.panel-fw-button:hover{background:#254e60}
.panel-fw-button:focus-visible,.panel-fw-wiring a:focus-visible,.panel-fw-details summary:focus-visible,.panel-fw-table-wrap:focus-visible{outline:3px solid #b15a21;outline-offset:4px}
.panel-fw-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none!important;padding:0!important;margin:28px 0!important;counter-reset:panel-fw}
.panel-fw-steps>li{counter-increment:panel-fw;margin:0!important;padding:0!important;min-width:0}
.panel-fw-steps>li:before{content:counter(panel-fw,decimal-leading-zero);font-family:monospace;font-size:20px;font-weight:700;color:#3d6871;display:block;margin-bottom:12px}
.panel-fw-steps h3{font-size:20px;line-height:1.35;margin:0 0 10px;overflow-wrap:anywhere}
.panel-fw-steps p{font-size:15px;line-height:1.7;margin:0}
.panel-fw-small{font-size:14px!important;line-height:1.7!important}
.panel-fw-identity{padding:16px 20px;background:#e3e8e6;line-height:1.8;overflow-wrap:anywhere}
.panel-fw-identity code{font-size:15px;font-weight:700}
.panel-fw-flow{display:flex;flex-wrap:wrap;list-style:none!important;margin:24px 0!important;padding:0!important;gap:10px}
.panel-fw-flow>li{padding:9px 13px!important;margin:0!important;border:1px solid #aabdc5;background:#fff;font-weight:600;font-size:14px}
.panel-fw-flow>li:not(:last-child):after{content:'→';margin-left:16px;color:#427780}
.panel-fw-example{padding:22px;background:#e3e8e6;margin:24px 0}
.panel-fw-example>p:first-child{font-size:13px!important;font-weight:700;margin-top:0}
.panel-fw-example>p:last-child{margin-bottom:0;font-size:15px}
.panel-fw-example pre{padding:16px;background:#142b38;color:#e8f5f2;font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;margin:16px 0}
.panel-fw-details{padding:18px 0;border-top:1px solid #b6c7cd;border-bottom:1px solid #b6c7cd;margin:24px 0}
.panel-fw-details summary{cursor:pointer;font-weight:700;line-height:1.6}
.panel-fw-details[open] summary{margin-bottom:18px}
.panel-fw-details>p{font-size:15px}
.panel-fw-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.panel-fw-table-wrap table{border-collapse:collapse;width:100%;min-width:650px;font-size:14px;line-height:1.6}
.panel-fw-table-wrap th,.panel-fw-table-wrap td{padding:12px;text-align:left;border-bottom:1px solid #b6c7cd;vertical-align:top}
.panel-fw-table-wrap thead{background:#dce7e7}
.panel-fw-table-wrap tbody th{font-weight:500}
.panel-fw-table-wrap code{font-size:12px;white-space:nowrap}
.panel-fw-subtitle{font-size:24px;line-height:1.3;margin:34px 0 20px}
.panel-fw-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.panel-fw-modes>div{border-left:3px solid #7a9aa4;padding-left:18px}
.panel-fw-modes h4{font-size:19px;line-height:1.4;margin:0 0 12px}
.panel-fw-modes p{font-size:15px;line-height:1.75;margin:0}
.panel-fw-ready{padding:36px;background:#152e3b;color:#edf3f3}
.panel-fw-ready h2,.panel-fw-ready h3,.panel-fw-ready p,.panel-fw-ready li{color:inherit}
.panel-fw-ready-lead{font-size:19px!important;line-height:1.75!important;max-width:920px!important}
.panel-fw-ready .panel-fw-kicker,.panel-fw-ready .panel-fw-steps>li:before{color:#b5d8cc}
.panel-fw-ready .panel-fw-steps{padding-top:22px!important;border-top:1px solid #4a6976}
.panel-fw-ready .panel-fw-button{background:#bee4d6;color:#15332e!important;margin-top:10px}
.panel-fw-ready .panel-fw-button:hover{background:#def4e9}
.panel-fw-products{font-size:14px;font-weight:600}
.panel-fw-products li{padding:8px 0!important;margin:0!important}
.panel-fw-availability{color:#bdced6!important;margin:20px 0 0!important}
@media(max-width:850px){.panel-fw-download{grid-template-columns:1fr}.panel-fw-steps{grid-template-columns:1fr;gap:24px}.panel-fw-steps>li{padding-left:42px!important;position:relative}.panel-fw-steps>li:before{position:absolute;left:0;top:0}.panel-fw-modes{grid-template-columns:1fr}.panel-fw-ready{padding:26px}.panel-fw-download{padding:24px}}
@media(max-width:480px){.panel-fw-ready{padding:22px 18px}.panel-fw-download{padding:22px 18px}.panel-fw-example{padding:18px 14px}.panel-fw-features{gap:8px}.panel-fw-features li{font-size:13px}.panel-fw-flow>li{font-size:13px}.panel-fw-button{width:100%}.panel-fw-ready-lead{font-size:17px!important}.panel-fw-identity{padding:14px}.panel-fw-products{display:block}.panel-fw-wiring figcaption>a{display:inline-block;padding:6px 0}}
