/* Document tabs use hash navigation, leaving the live dashboard scripts mounted. */
.learning-gallery .learning-extensions{grid-column:1 / -1;border-top:3px solid #2f8059}
.learning-extensions header{min-height:0}
.learning-extensions-body{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;padding:0 22px 22px;align-items:center}
.learning-extensions-image{display:flex;justify-content:center;padding:16px;background:#eef2f1;border-radius:10px;cursor:zoom-in}
.learning-extensions-image img{display:block;width:auto;max-width:100%;max-height:420px;height:auto;object-fit:contain}
.learning-extension-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;min-width:0}
.learning-extension-list>div{padding:18px;border:1px solid #dce6df;border-radius:12px;background:#f8fbf9}
.learning-extension-list dt{display:flex;align-items:center;gap:9px;color:#173f2b;font-family:"Space Grotesk",sans-serif;font-size:16px;font-weight:700;overflow-wrap:anywhere}
.learning-extension-list dd{margin:9px 0 0;color:#647c6c;font-size:13px;line-height:1.8}
.extension-mark{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#2f8059}
.extension-sensor{background:#f58643}.extension-light{background:#283048}.extension-clock{background:#ed5968}.extension-network{background:#2c9d50}
@media(max-width:1050px){.learning-extensions-body{grid-template-columns:180px minmax(0,1fr);gap:18px}.learning-extension-list{grid-template-columns:1fr}}
@media(max-width:600px){.learning-extensions-body{grid-template-columns:1fr;padding:0 16px 16px}.learning-extensions-image img{max-height:420px}.learning-extensions figcaption{flex-direction:column}.learning-extension-list>div{padding:15px}}
.learning-page{display:none;padding:32px;color:var(--ink,#10251e)}
.content-area:has(>.learning-page:target,>.learning-page :target)>:not(.learning-page){display:none}
.learning-page:target,.learning-page:has(:target){display:block}
body:has(.learning-page:target,.learning-page :target) .side-nav .nav-link.active{background:transparent;color:var(--muted,#6a7e75);box-shadow:none}
body:has(#circuit:target,#circuit :target) .side-nav a[href="#circuit"],body:has(#blockcode:target,#blockcode :target) .side-nav a[href="#blockcode"]{background:var(--ink,#10251e);color:#fff;box-shadow:0 5px 12px #10251e18}
body:has(#circuit:target,#circuit :target) a[href="#circuit"] .nav-icon,body:has(#blockcode:target,#blockcode :target) a[href="#blockcode"] .nav-icon{color:inherit}
.learning-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}
.learning-kicker{font-family:"Space Grotesk",sans-serif;font-size:11px;letter-spacing:.13em;color:#548166;font-weight:700;margin-bottom:10px}
.learning-heading h1{font-size:30px;line-height:1.4;margin-bottom:10px}
.learning-heading p:not(.learning-kicker){max-width:720px;color:#647c6c;font-size:14px;line-height:1.8}
.learning-back,.learning-next{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;text-decoration:none;border:1px solid #cfe1d5;border-radius:10px;color:#236446;background:#f0f7f2;font-size:13px;font-weight:600;flex-shrink:0}
.learning-back:hover,.learning-next:hover{background:#e2f0e6}
.learning-circuit{overflow:hidden;border:1px solid #dce6df;border-radius:16px;background:#fff;margin:0}
.learning-circuit>a{display:block;cursor:zoom-in}.learning-circuit img{display:block;width:100%;height:auto}
.learning-circuit figcaption,.learning-code-card figcaption{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid #e1e9e3;font-size:12px;color:#5c7565;background:#f6faf7}
.learning-page figcaption a{color:#216345;font-weight:600;text-decoration:underline;text-underline-offset:3px;min-height:30px;display:inline-flex;align-items:center}
.learning-note{font-size:12px;color:#647c6c;line-height:1.8;margin:16px 0}
.learning-caution{padding:16px 20px;margin:20px 0 24px;border-left:3px solid #b78d40;background:#faf6eb;border-radius:0 10px 10px 0;color:#6c592e}
.learning-caution strong{font-size:13px}.learning-caution p{font-size:12px;line-height:1.8;margin-top:4px}
.learning-download{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;margin-bottom:24px;background:#eef6f0;border:1px solid #cfe1d5;border-radius:14px}
.learning-download>div{min-width:0;max-width:680px}
.learning-download h2{font-size:20px;line-height:1.5;margin:0 0 8px}
.learning-download p:not(.learning-kicker){font-size:13px;line-height:1.8;color:#526d5d;margin:0}
.learning-download .learning-download-help{padding-top:8px}
.learning-download-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-height:48px;padding:13px 20px;background:#215b40;color:#fff;border-radius:10px;text-decoration:none;font-size:14px;font-weight:600}
.learning-download-button:hover{background:#163f2c}
@media(max-width:800px){.learning-download{align-items:flex-start;flex-direction:column;padding:20px;gap:18px}.learning-download-button{width:100%;box-sizing:border-box}}
.learning-index{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.learning-index a{padding:10px 13px;min-height:44px;display:inline-flex;align-items:center;border:1px solid #dce6df;border-radius:8px;text-decoration:none;color:#36604a;background:#fff;font-size:12px}
.learning-index a:hover{background:#e9f4ec}
.learning-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:start}
.learning-code-card{grid-column:span 2;margin:0;border:1px solid #dce6df;border-radius:14px;overflow:hidden;background:#fff;scroll-margin-top:100px}
.learning-code-wide{grid-column:span 3}
.learning-code-card header{padding:18px;min-height:149px}
.learning-code-card header>span{font:700 10px "Space Grotesk",sans-serif;letter-spacing:.08em;color:#548166}
.learning-code-card h2{font-size:17px;line-height:1.5;margin:8px 0 6px}
.learning-code-card header p{font-size:12px;line-height:1.7;color:#687d6f}
.learning-image{display:flex;align-items:flex-start;justify-content:center;padding:14px;background:#eef2f1;cursor:zoom-in}
.learning-image img{display:block;max-width:100%;width:auto;height:380px;object-fit:contain;object-position:top}
.learning-code-wide .learning-image img{width:100%;height:auto;max-height:440px}
.learning-page a:focus-visible,.side-nav a:focus-visible{outline:3px solid #b38a32;outline-offset:3px}
.learning-page{scroll-margin-top:80px}
@media(max-width:800px){.learning-page{padding:24px}.learning-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-code-card{grid-column:span 1}.learning-code-wide{grid-column:span 2}.learning-heading h1{font-size:26px}}
@media(max-width:600px){.sidebar{padding:8px}.side-nav{gap:4px}.sidebar .nav-link{width:auto;min-width:0;flex:1;padding:11px 5px;font-size:11px;gap:5px}.side-nav .nav-icon{display:none}.learning-page{padding:22px 16px}.learning-heading{display:block}.learning-heading h1{font-size:24px}.learning-heading p:not(.learning-kicker){font-size:13px}.learning-back{margin-top:16px}.learning-gallery{grid-template-columns:1fr}.learning-code-card,.learning-code-wide{grid-column:1}.learning-code-card header{min-height:0}.learning-image img{height:auto;max-height:560px}.learning-circuit figcaption{flex-direction:column;gap:3px}.learning-code-card{scroll-margin-top:80px}.learning-index{gap:6px}.learning-index a{font-size:11px;padding:9px 10px}}