/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--navy:#0b2451;--blue:#1261a6;--blue-2:#0e77bf;--cyan:#22b8cf;--orange:#ff8a2a;--orange-soft:#fff0df;--ink:#10213b;--muted:#60708a;--line:#dce6f1;--paper:#fff;--canvas:#f5f8fc;--shadow:0 24px 70px #14375f1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,Tahoma,Arial,sans-serif}.electronics-page{background:linear-gradient(#edf7fc 0,#f7faff 260px,#f7f9fc 100%);min-height:100vh;padding:54px 0 90px}.electronics-heading{color:#fff;box-shadow:var(--shadow);background:radial-gradient(circle at 10% 20%,#22b8cf33,#0000 30%),linear-gradient(135deg,#082b58,#0d6f99);border:1px solid #cfe3ef;border-radius:26px;justify-content:space-between;align-items:end;gap:32px;padding:34px 38px;display:flex}.electronics-heading span{color:#7ee6ee;font-size:14px;font-weight:850}.electronics-heading h2{margin:8px 0 10px;font-size:clamp(36px,5vw,60px);line-height:1.1}.electronics-sections{flex-wrap:wrap;gap:12px;padding-top:24px;display:flex}.electronics-sections a{color:#fff;background:#0b5373;border-radius:999px;padding:12px 20px;font-weight:700;text-decoration:none;display:inline-flex}.electronics-sections a:hover,.electronics-sections a:focus-visible{background:#087f95}#lessons,#components{scroll-margin-top:90px}.electronics-heading p{color:#dceefa;max-width:760px;margin:0;font-size:17px;line-height:1.8}.electronics-heading>strong{color:#dceefa;background:#ffffff14;border:1px solid #ffffff42;border-radius:18px;justify-items:center;min-width:128px;padding:18px;display:grid}.electronics-heading>strong b{color:#fff;font-size:38px;line-height:1}.electronics-library{padding-top:34px}.electronics-search{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:24px;padding:20px;box-shadow:0 12px 35px #123a6012}.electronics-search label{color:var(--navy);margin-bottom:9px;font-size:16px;font-weight:850;display:block}.electronics-search>div{background:#f9fcff;border:1px solid #c9d9e7;border-radius:13px;align-items:center;gap:10px;min-height:54px;padding:0 14px;display:flex}.electronics-search>div:focus-within{border-color:var(--blue-2);box-shadow:0 0 0 4px #0e77bf1c}.electronics-search span{color:var(--blue);font-size:26px}.electronics-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:14px 0;font-size:16px}.electronics-search button{color:var(--blue);cursor:pointer;background:#e7f3fb;border:0;border-radius:9px;padding:8px 12px;font-weight:800}.electronics-search small{color:var(--muted);margin-top:9px;font-size:14px;display:block}.electronics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.electronics-card{background:#fff;border:1px solid #d6e3ed;border-radius:20px;min-width:0;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 12px 32px #123a6014}.electronics-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #123a6024}.electronics-image-button{aspect-ratio:1.08;border:0;border-bottom:1px solid var(--line);cursor:zoom-in;background:#eef5f9;width:100%;padding:0;display:block;position:relative;overflow:hidden}.electronics-image-button img{object-fit:contain;background:#fff;width:100%;height:100%;transition:transform .25s;display:block}.electronics-image-button:hover img{transform:scale(1.025)}.electronics-image-button span{color:#fff;opacity:0;inset-inline:14px;background:#072346e0;border-radius:10px;padding:9px 12px;font-size:14px;font-weight:850;transition:all .2s;position:absolute;bottom:14px;transform:translateY(7px)}.electronics-image-button:hover span,.electronics-image-button:focus-visible span{opacity:1;transform:none}.electronics-card-copy{grid-template-columns:44px 1fr;align-items:start;gap:13px;min-height:112px;padding:18px;display:grid}.electronics-card-copy>b{width:42px;height:42px;color:var(--blue);background:#e7f7fa;border-radius:12px;place-items:center;font-size:15px;display:grid}.electronics-card-copy h2{color:var(--navy);margin:1px 0 6px;font-size:18px;line-height:1.4}.electronics-card-copy p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.electronics-empty{color:var(--muted);text-align:center;background:#fff;border:1px dashed #b8ccdc;border-radius:20px;padding:65px 20px;font-size:17px}.electronics-viewer{width:min(1200px,100%)}.electronics-viewer .image-viewer-canvas img{max-height:none}.electronics-viewer footer button:disabled{opacity:.42;cursor:not-allowed}.electronics-guide-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0b76b3,#075b91);border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:calc(100% - 36px);min-height:46px;margin:0 18px 18px;font-size:15px;font-weight:850;display:flex;box-shadow:0 8px 20px #075b9133}.electronics-guide-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.electronics-guide-button span{font-size:20px}.electronics-card-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 18px 18px;display:grid}.electronics-action-button{min-width:0;min-height:44px;color:var(--blue);cursor:pointer;white-space:nowrap;background:#eff8fd;border:1px solid #b8d4e5;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:14px;font-weight:850;display:inline-flex}.electronics-action-button:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px)}.electronics-action-button.guide{border-color:var(--blue);background:var(--blue);color:#fff}.electronics-action-button.video{color:#7d8e9c;background:#f3f6f8;border-color:#cbd8e2}.electronics-action-button:disabled{cursor:not-allowed;opacity:.68}.electronics-action-button span{font-size:17px;line-height:1}.electronics-guide-coming{color:#708496;background:#f7fafc;border:1px dashed #bdd0df;border-radius:12px;place-items:center;min-height:46px;margin:0 18px 18px;font-size:14px;font-weight:750;display:grid}.learn-electronics-page{background:linear-gradient(#edf8fc 0,#f8fbfd 280px,#f7f9fc 100%);min-height:100vh;padding:54px 0 90px}.learn-electronics-hero{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#082b58,#087b91);border-radius:26px;padding:42px 44px;position:relative}.learn-electronics-hero>span{color:#91edf0;font-weight:850}.learn-electronics-hero h1{margin:8px 0 12px;font-size:clamp(36px,5vw,60px)}.learn-electronics-hero p{color:#e0f3f5;max-width:740px;margin:0;font-size:18px;line-height:1.8}.learn-electronics-stats{inset-inline-end:44px;background:#ffffff14;border:1px solid #ffffff42;border-radius:18px;justify-items:center;padding:16px 24px;display:grid;position:absolute;top:42px}.learn-electronics-stats b{font-size:42px;line-height:1}.learn-electronics-stats span{color:#d9f4f5;margin-top:6px;font-weight:750}.learn-electronics-library{padding-top:30px}.learn-electronics-toolbar{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:14px;margin-bottom:24px;padding:16px 20px;display:flex;box-shadow:0 10px 30px #123a6010}.learn-electronics-toolbar label{color:var(--navy);font-weight:850}.learn-electronics-toolbar input{min-width:0;max-width:520px;font:inherit;border:1px solid #c9d9e7;border-radius:10px;flex:1;padding:11px 13px}.learn-electronics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.learn-electronics-card{background:#fff;border:1px solid #d6e3ed;border-radius:20px;overflow:hidden;box-shadow:0 12px 32px #123a6014}.learn-electronics-image{aspect-ratio:1.12;background:#eef5f9}.learn-electronics-image img{object-fit:contain;width:100%;height:100%;display:block}.learn-electronics-card-body{padding:18px}.learn-electronics-card h2{color:var(--navy);margin:0 0 14px;font-size:20px}.learn-electronics-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.learn-electronics-actions a,.learn-electronics-actions button{text-align:center;min-height:42px;font:inherit;white-space:nowrap;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 7px;font-size:14px;font-weight:850;text-decoration:none;display:flex}.lesson-zoom-button{color:#075b91;background:#eaf6ff;border:1px solid #9bcbe9}.lesson-text-button{color:#fff;background:#0b76b3;border:1px solid #0b76b3}.lesson-video-button{color:#fff;background:linear-gradient(135deg,#0b76b3,#075b91)}.lesson-disabled{color:#8092a0;opacity:.7;background:#f8fafb;border:1px dashed #c5d5df;cursor:not-allowed!important}.learn-electronics-modal{z-index:120;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#04182dcc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.learn-electronics-modal>section{background:#fff;border-radius:20px;grid-template-rows:auto 1fr;width:min(1050px,100%);height:min(92vh,900px);display:grid;overflow:hidden;box-shadow:0 30px 100px #0008}.learn-electronics-modal header{border-bottom:1px solid #dbe5ec;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.learn-electronics-modal h2{color:var(--navy);margin:0}.learn-electronics-modal header button{width:42px;height:42px;color:var(--navy);cursor:pointer;background:#edf3f9;border:0;border-radius:50%;font-size:28px}.learn-electronics-modal>section>div{text-align:center;background:#eaf0f6;padding:18px;overflow:auto}.learn-electronics-modal img{border-radius:10px;max-width:100%;height:auto;box-shadow:0 8px 25px #14305029}.lesson2-topic-links{border-top:1px solid #dbe7ee;margin-top:16px;padding-top:14px}.lesson2-topic-links h3{color:var(--navy);margin:0 0 9px;font-size:15px}.lesson2-topic-links a{color:#075b91;background:#f0f8fb;border-radius:8px;margin-top:6px;padding:8px 10px;font-size:13px;font-weight:800;text-decoration:none;display:block}.lesson2-topic-links a:hover{background:#dceff7}.video-topics-modal{max-height:90vh;height:auto!important}.video-topic-list{background:#f4f9fc;padding:16px;overflow:auto}.video-topic-list a{color:#075b91;background:#fff;border:1px solid #d4e4ec;border-radius:12px;grid-template-columns:38px 1fr 32px;align-items:center;gap:12px;margin-bottom:9px;padding:12px;font-weight:850;text-decoration:none;display:grid}.video-topic-list a:hover{background:#eaf6fb}.video-topic-list b{color:#fff;background:#0b76b3;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.video-topic-list i{color:#f0a326;font-size:20px;font-style:normal}@media (width<=900px){.learn-electronics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-electronics-stats{width:max-content;margin-top:24px;position:static}}@media (width<=560px){.learn-electronics-grid{grid-template-columns:1fr}.learn-electronics-hero{padding:30px 24px}.learn-electronics-toolbar{flex-direction:column;align-items:stretch}.learn-electronics-toolbar input{width:auto}}.electronics-guide-viewer{background:#f5f9fc;border-radius:22px;flex-direction:column;width:min(1220px,100%);height:min(92vh,920px);display:flex;overflow:hidden;box-shadow:0 30px 100px #041c3461}.electronics-guide-viewer>header{background:#fff;border-bottom:1px solid #d8e4ec;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 24px;display:flex}.electronics-guide-viewer>header small{color:var(--blue);font-size:14px;font-weight:850}.electronics-guide-viewer>header h2{color:var(--navy);margin:4px 0;font-size:clamp(22px,3vw,30px)}.electronics-guide-viewer>header p{max-width:790px;color:var(--muted);margin:4px 0 0;font-size:15px;line-height:1.65}.electronics-guide-viewer>header button{width:42px;height:42px;color:var(--navy);cursor:pointer;background:#eaf4f9;border:0;border-radius:50%;flex:none;font-size:28px}.electronics-guide-body{flex:1;grid-template-columns:340px 1fr;gap:20px;min-height:0;padding:20px;display:grid;overflow:hidden}.electronics-guide-body>aside{background:#fff;border:1px solid #d6e4ed;border-radius:16px;align-self:start;overflow:hidden}.electronics-guide-body>aside img{object-fit:contain;background:#fff;width:100%;max-height:500px;display:block}.electronics-guide-body>aside button{width:calc(100% - 24px);min-height:44px;color:var(--blue);cursor:pointer;background:#eff8fd;border:1px solid #b8d4e5;border-radius:10px;margin:12px;font-weight:850}.electronics-component-list{min-height:0;padding-inline-end:5px;display:block;overflow-y:auto}.electronics-component-list details{background:#fff;border:1px solid #d4e2eb;border-radius:14px;margin-bottom:10px;overflow:hidden}.electronics-component-list details:last-child{margin-bottom:0}.electronics-component-list summary{cursor:pointer;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;min-height:68px;padding:12px 16px;list-style:none;display:grid}.electronics-component-list summary::-webkit-details-marker{display:none}.electronics-component-list summary>b{width:36px;height:36px;color:var(--blue);background:#e5f6fa;border-radius:10px;place-items:center;display:grid}.electronics-component-list summary span{gap:3px;display:grid}.electronics-component-list summary strong{color:var(--navy);font-size:17px}.electronics-component-list summary small{color:var(--muted);font-size:13px}.electronics-component-list summary i{color:var(--blue);font-size:22px;font-style:normal;transition:transform .2s}.electronics-component-list details[open] summary i{transform:rotate(180deg)}.electronics-component-list details>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 16px 16px;display:grid}.electronics-component-list details section{background:#f3f8fb;border-radius:11px;padding:13px}.electronics-component-list details h3{color:var(--blue);margin:0 0 6px;font-size:14px}.electronics-component-list details p{color:#425e73;margin:0;font-size:15px;line-height:1.7}.electronics-component-list .component-note{background:#fff9eb;border:1px solid #efcf8d;grid-column:1/-1}.electronics-component-list .component-note h3{color:#9b6100}@media (width<=920px){.electronics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.electronics-heading{align-items:center}.electronics-heading>strong{min-width:105px}.electronics-guide-body{grid-template-columns:260px 1fr}}@media (width<=720px){.electronics-guide-viewer{border-radius:15px;height:96vh}.electronics-guide-viewer>header{padding:16px}.electronics-guide-viewer>header p{display:none}.electronics-guide-body{padding:12px;display:block;overflow-y:auto}.electronics-guide-body>aside{margin-bottom:12px}.electronics-guide-body>aside img{max-height:260px}.electronics-component-list{overflow:visible}.electronics-component-list details>div{grid-template-columns:1fr}.electronics-component-list .component-note{grid-column:auto}}@media (width<=620px){.electronics-page{padding-top:24px}.electronics-heading{border-radius:20px;padding:26px 22px;display:block}.electronics-heading>strong{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;display:flex}.electronics-heading>strong b{font-size:28px}.electronics-grid{grid-template-columns:1fr}.electronics-image-button{aspect-ratio:1}.electronics-image-button span{opacity:1;transform:none}.image-viewer-backdrop{padding:9px}.electronics-viewer{border-radius:15px;height:96vh}}.microbit-hero{color:#fff;background:radial-gradient(circle at 78% 25%,#22b8cf38,#0000 27%),linear-gradient(135deg,#071c40,#0d4f87);overflow:hidden}.microbit-section-nav{gap:12px;padding-block:28px;display:flex}.microbit-section-nav button{cursor:pointer;color:#123e68;font:inherit;background:#fff;border:2px solid #17649a;border-radius:14px;padding:14px 28px;font-size:1.1rem;font-weight:800}.microbit-section-nav button.active{color:#fff;background:#0d4f87}.microbit-section-nav button:focus-visible{outline-offset:3px;outline:3px solid #efb142}.microbit-learning-pending{background:#edf7fc;border-radius:20px;margin-bottom:60px;padding-block:42px}.microbit-learning-pending h2{color:#123e68;margin:0 0 12px}.microbit-learning-pending p{margin:0;font-size:1.1rem;line-height:1.9}.microbit-course{padding-bottom:70px}.microbit-course>h2{color:#123e68;margin:8px 0}.microbit-course>p{font-size:1.05rem;line-height:1.8}.microbit-course>label{margin:22px 0 8px;font-weight:700;display:block}.microbit-course>input{width:min(100%,500px);font:inherit;border:1px solid #9abbd0;border-radius:12px;padding:13px 16px;font-size:1rem;display:block}.microbit-course-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px;margin-top:24px;display:grid}.microbit-course-card{background:#fff;border:1px solid #c7dbe8;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #08335717}.microbit-course-card img{aspect-ratio:1.45;object-fit:contain;background:#eef6fa;width:100%;display:block}.microbit-course-card>div{padding:17px}.microbit-course-card span{color:#386780;font-size:.9rem}.microbit-course-card h3{color:#123e68;min-height:3.4em;margin:7px 0 15px;font-size:1.1rem;line-height:1.7}.microbit-course-actions{flex-wrap:wrap;gap:8px;display:flex}.microbit-course-actions button{cursor:pointer;color:#0d4f87;font:inherit;background:#fff;border:1px solid #0d4f87;border-radius:9px;padding:10px 13px;font-size:.95rem;font-weight:750}.microbit-course-actions button:last-child{color:#fff;background:#0d4f87}.microbit-course-actions button:disabled{opacity:.55;cursor:not-allowed}.microbit-course-image-pending{aspect-ratio:1.45;color:#345a72;background:#eef6fa;place-items:center;width:100%;font-weight:700;display:grid}.microbit-course-viewer .image-viewer-canvas img{object-fit:contain;max-width:100%;max-height:75vh}.microbit-course-detail{max-width:780px}.microbit-course-detail-body{padding:22px 28px 32px;font-size:1.08rem;line-height:2;overflow:auto}.microbit-course-detail-body h3{color:#0d4f87;margin:12px 0 3px}.microbit-course-detail-body p{margin:0 0 18px}.microbit-hero-inner{grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;min-height:500px;padding-block:70px;display:grid}.microbit-hero h1{margin:24px 0 18px;font-size:clamp(42px,5vw,68px);line-height:1.15}.microbit-hero p{color:#d8eaff;max-width:680px;margin:0;font-size:18px;line-height:1.9}.microbit-real-board{width:min(370px,100%);margin:0 auto}.microbit-real-board img{object-fit:contain;border:3px solid #5bd3e4d1;border-radius:24px;width:100%;height:auto;display:block;box-shadow:0 30px 80px #0006}.hub-section{padding-block:82px}.hub-section-tinted{background:var(--canvas)}.hub-heading{align-items:flex-start;gap:18px;margin-bottom:34px;display:flex}.hub-heading>span{background:var(--orange-soft);color:#c55c00;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-weight:850;display:grid}.hub-heading h2{color:var(--navy);margin:0 0 7px;font-size:clamp(28px,3vw,39px)}.hub-heading p{color:var(--muted);margin:0;line-height:1.7}.hub-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.hub-grid-two{grid-template-columns:repeat(2,1fr)}.hub-card{border:1px solid var(--line);background:#fff;border-radius:20px;min-height:230px;padding:28px;box-shadow:0 12px 38px #123a6012}.hub-card-featured{background:linear-gradient(145deg,#fff,#f3faff);min-height:250px}.hub-icon{width:50px;height:50px;color:var(--blue);background:#e9f8fb;border-radius:15px;place-items:center;font-size:20px;font-weight:900;display:grid}.hub-card h3{color:var(--navy);margin:22px 0 10px;font-size:20px}.hub-card p{color:var(--muted);margin:0;line-height:1.75}.hub-card a{color:var(--blue-2);gap:8px;margin-top:20px;font-weight:800;display:inline-flex}.beginner-path{box-shadow:var(--shadow);background:linear-gradient(135deg,#f7fcff,#fff 55%,#fff5e9);border:1px solid #cfe0ed;border-radius:26px;overflow:hidden}.beginner-path-head{color:#fff;background:linear-gradient(120deg,#092d59,#0c6c97);grid-template-columns:1fr 230px;align-items:center;gap:32px;padding:34px;display:grid}.path-kicker{color:#70deeb;margin-bottom:9px;font-size:14px;font-weight:900;display:inline-block}.beginner-path h2{margin:0 0 10px;font-size:clamp(27px,4vw,42px)}.beginner-path-head p{color:#d6ebf7;max-width:720px;margin:0;font-size:16px;line-height:1.8}.path-progress-card{background:#ffffff15;border:1px solid #ffffff38;border-radius:18px;padding:18px}.path-progress-card strong{font-size:32px;display:block}.path-progress-card span{color:#d9edf6;font-size:14px}.path-progress{background:#ffffff2e;border-radius:99px;height:9px;margin-top:13px;overflow:hidden}.path-progress i{border-radius:inherit;background:#ffad3d;height:100%;transition:width .25s;display:block}.path-actions{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:22px 28px;display:flex}.path-actions button,.path-actions a{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;min-height:45px;padding:0 18px;font-weight:850;display:inline-flex}.path-primary{background:var(--blue);color:#fff;border:0}.path-actions a{color:var(--blue);border:1px solid #bdd4e5}.path-lessons{grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;list-style:none;display:grid}.path-lessons li{border-bottom:1px solid var(--line);align-content:start;gap:13px;min-width:0;padding:17px 18px;display:grid}.path-lessons li:nth-child(odd){border-inline-end:1px solid var(--line)}.path-lessons li.done{background:#effbf6}.path-lesson-title{min-width:0;color:var(--navy);text-align:start;grid-template-columns:42px 1fr 22px;align-items:center;gap:12px;display:grid}.path-lesson-title>b{width:38px;height:38px;color:var(--blue);background:#e8f4fb;border-radius:11px;place-items:center;display:grid}.path-lesson-title span{min-width:0}.path-lesson-title strong,.path-lesson-title small{display:block}.path-lesson-title strong{font-size:16px}.path-lesson-title small{color:var(--muted);margin-top:5px;font-size:13px}.path-lesson-title i{color:var(--blue);font-size:20px;font-style:normal}.path-lesson-actions{flex-wrap:wrap;gap:8px;margin-inline-start:54px;display:flex}.path-lesson-actions button{cursor:pointer;border-radius:9px;min-height:38px;padding:0 12px;font-size:13px;font-weight:850}.path-image-button{color:var(--blue);background:#eaf6ff;border:1px solid #9bcbe9}.path-interactive-button{border:1px solid var(--blue);background:var(--blue);color:#fff}.path-complete{color:#526b81;background:#fff;border:1px solid #cbdbe7}.done .path-complete{color:#087252;background:#dff7ec;border-color:#56bd91}.lesson-table-wrap{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 45px #123a6014}.lesson-search{margin-bottom:22px}.lesson-search>label{color:var(--navy);margin-bottom:9px;font-size:15px;font-weight:800;display:block}.lesson-search-box{background:#fff;border:1px solid #cad9e8;border-radius:14px;align-items:center;gap:11px;min-height:54px;padding:0 15px;display:flex;box-shadow:0 8px 25px #123a600f}.lesson-search-box:focus-within{border-color:var(--blue-2);box-shadow:0 0 0 4px #0e77bf1f}.lesson-search-box>span{color:var(--blue);font-size:26px}.lesson-search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:14px 0;font-size:16px}.lesson-search-box input::placeholder{color:#8b9bb0}.lesson-search-box button{color:var(--blue);cursor:pointer;background:#e8f4ff;border:0;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:800}.lesson-result-count{color:var(--muted);margin:9px 4px 0;font-size:14px}.lesson-table{border-collapse:collapse;text-align:start;width:100%}.lesson-table th{color:#fff;background:#0b3566;padding:17px 18px;font-size:14px;font-weight:800}.lesson-table td{border-bottom:1px solid var(--line);color:var(--muted);vertical-align:middle;padding:16px 18px;line-height:1.55}.lesson-table tbody tr:last-child td{border-bottom:0}.lesson-table .no-results-row td{color:var(--muted);text-align:center;padding:42px 20px;font-size:16px}.lesson-table tbody tr:hover{background:#f3faff}.lesson-table td:first-child{color:#7e91a9;width:64px;font-weight:800}.lesson-table td:nth-child(2){min-width:260px}.lesson-table td:nth-child(3){width:170px}.lesson-table td:nth-child(4){width:285px}.lesson-table strong{color:var(--navy);font-size:16px}.table-topic-icon{width:40px;height:40px;color:var(--blue);background:#e9f8fb;border-radius:11px;place-items:center;font-weight:900;display:grid}.lesson-category{color:#536b87;background:#f0f5fa;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:750;display:inline-block}.table-view-link{min-height:38px;color:var(--blue);white-space:nowrap;cursor:pointer;background:#e8f4ff;border:0;border-radius:10px;align-items:center;gap:7px;padding:0 13px;font-size:14px;font-weight:800;display:inline-flex}.table-view-link:hover{background:var(--blue);color:#fff}.lesson-actions{flex-wrap:wrap;gap:8px;display:flex}.table-learn-link{background:var(--blue);color:#fff;white-space:nowrap;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:14px;font-weight:800;display:inline-flex}.table-learn-link:hover{background:#082e59}.image-viewer-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041228d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-viewer{background:#fff;border-radius:22px;grid-template-rows:auto 1fr auto;width:min(1050px,100%);height:min(92vh,900px);display:grid;overflow:hidden;box-shadow:0 30px 100px #00000080}.image-viewer header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:14px 20px;display:flex}.image-viewer h2{color:var(--navy);margin:0;font-size:clamp(18px,2.5vw,26px)}.image-viewer header button{width:42px;height:42px;color:var(--navy);cursor:pointer;background:#edf3f9;border:0;border-radius:50%;flex:none;font-size:30px;line-height:1}.image-viewer-canvas{text-align:center;background:#eaf0f6;min-height:0;padding:18px;overflow:auto}.image-viewer-canvas img{background:#fff;border-radius:8px;max-width:100%;height:auto;margin:auto;display:block;box-shadow:0 8px 25px #142d5029}.image-viewer footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:10px;padding:12px 20px;display:flex}.learning-viewer-backdrop{z-index:110;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041228db;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.learning-viewer{background:#f5f9fd;border-radius:22px;grid-template-rows:auto 1fr auto;width:min(1180px,100%);height:min(94vh,940px);display:grid;overflow:hidden;box-shadow:0 30px 100px #00000080}.learning-viewer>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:14px 22px;display:flex}.learning-viewer>header span{color:var(--blue-2);font-size:13px;font-weight:850}.learning-viewer>header h2{color:var(--navy);margin:3px 0 0;font-size:clamp(19px,2.5vw,27px)}.learning-viewer>header button{width:42px;height:42px;color:var(--navy);cursor:pointer;background:#edf3f9;border:0;border-radius:50%;flex:none;font-size:30px;line-height:1}.lesson-header-actions{align-items:center;gap:9px;display:flex}.learning-viewer>header .narration-button{background:var(--blue);color:#fff;border-radius:11px;width:auto;min-width:112px;padding:0 14px;font-size:14px;font-weight:850}.learning-viewer-body{grid-template-columns:minmax(360px,.95fr) minmax(390px,1.05fr);gap:20px;min-height:0;padding:20px;display:grid;overflow:auto}.learning-viewer-body.example-learning-layout{width:100%;max-width:880px;margin:0 auto;display:block}.lesson-intro{color:var(--navy);text-align:center;margin:0 0 15px;font-weight:750;line-height:1.75}.example-main-grid{grid-template-columns:minmax(270px,.72fr) minmax(390px,1.28fr);align-items:stretch;gap:14px;display:grid}.example-control-panel{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:11px;padding:14px;display:flex}.example-control-panel .sim-control{box-shadow:none;padding:0}.component-chips{grid-template-columns:1fr 1fr;gap:8px;display:grid}.component-chips button{border:1px solid var(--line);min-height:45px;color:var(--navy);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:7px;font-size:12px;font-weight:750;display:flex}.component-chips button.active{color:var(--blue);background:#edf7ff;border-color:#b9d9f0}.component-chips span{font-size:15px}.experiment-note{color:var(--muted);background:#edf5ff;border-radius:10px;margin:0;padding:11px;font-size:13px;line-height:1.65}.example-stage{gap:9px;min-width:0;display:grid}.example-stage .topic-simulator{height:100%;min-height:440px}.example-stage .visual-reference{align-self:end}.stage-switcher.example-stages{grid-template-columns:repeat(3,1fr);margin-top:13px;position:static}.example-stages button{min-height:95px}.example-quiz{margin-top:13px}.lesson-code{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:13px;overflow:hidden}.lesson-code>summary{color:var(--blue);cursor:pointer;padding:15px 18px;font-weight:850}.lesson-code>div{border-top:1px solid var(--line)}.lesson-code header{color:var(--navy);background:#edf7ff;justify-content:space-between;align-items:center;gap:14px;padding:11px 14px;font-size:13px;display:flex}.lesson-code header button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:8px;min-height:36px;padding:0 12px;font-weight:800}.lesson-code pre{color:#d9eeff;text-align:left;direction:ltr;background:#0b1f36;max-height:330px;margin:0;padding:17px;font-size:13px;line-height:1.65;overflow:auto}.interactive-workbench{align-self:start;gap:12px;display:grid;position:sticky;top:0}.sim-control{background:#fff;border-radius:15px;padding:16px;box-shadow:0 8px 28px #123a6017}.sim-control>div{color:var(--navy);justify-content:space-between;align-items:center;gap:15px;display:flex}.sim-control output{color:var(--blue);font-size:24px;font-weight:900}.sim-control input{width:100%;accent-color:var(--blue);cursor:pointer;margin-top:13px}.sim-control p{color:var(--muted);margin:7px 0 0;font-size:13px}.topic-simulator{background:linear-gradient(160deg,#edf7ff,#fff);border-radius:16px;grid-template-rows:minmax(190px,1fr) auto;place-items:center;gap:18px;min-height:440px;padding:42px 20px 18px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 28px #123a6017}.simulator-label{color:var(--blue);font-size:12px;font-weight:800;position:absolute;inset-block-start:13px;inset-inline-end:15px}.topic-simulator.is-active{background:linear-gradient(160deg,#eaf9ff,#e8faf4)}.compass-dial{background:repeating-conic-gradient(#dce9f4 0 2deg,transparent 2deg 15deg);border:8px solid #fff;border-radius:50%;place-items:center;width:175px;height:175px;display:grid;position:relative;box-shadow:0 7px 25px #123a6029}.compass-dial b{color:#ef7d22;transform-origin:50% 54%;font-size:92px;line-height:1;transition:transform .25s}.compass-dial span{color:var(--navy);font-weight:900;position:absolute}.compass-dial span:first-of-type{top:8px}.compass-dial span:last-child{bottom:8px}.servo-model{place-items:center;width:240px;height:180px;display:grid;position:relative}.servo-model div{background:#1474b8;border-radius:12px;width:80px;height:95px;box-shadow:inset 0 -12px #0000001f}.servo-model b{transform-origin:12px;background:#f6a52d;border-radius:9px;width:120px;height:14px;transition:transform .25s;position:absolute}.servo-model span,.fan-model span,.thermometer b,.distance-model span,.sound-model span{color:var(--navy);font-weight:900;position:absolute;bottom:5px}.fan-model{place-items:center;width:200px;height:200px;display:grid;position:relative}.fan-model b{color:#168cad;font-size:150px;line-height:1;animation:1s linear infinite simulator-spin}.fan-model span{left:50%;transform:translate(-50%)}.fan-system{grid-template-columns:auto minmax(150px,1fr);align-items:center;gap:18px;display:grid}.driver-chain{color:var(--navy);text-align:center;gap:8px;font-size:12px;font-weight:850;display:grid}.driver-chain>*{background:#fff;border:1px solid #bdd9e9;border-radius:9px;padding:8px 10px}.driver-chain b{color:#fff;background:#1474b8}.driver-chain span:last-child{background:#fff7df;border-color:#f1c36c}@keyframes simulator-spin{to{transform:rotate(360deg)}}.wireless-model{color:var(--navy);align-items:center;gap:25px;display:flex}.wireless-model b{background:#fff;border-radius:14px;padding:22px 15px;box-shadow:0 7px 18px #123a601f}.wireless-model .signal-wave{color:var(--blue);font-size:34px;font-style:normal;animation:1s ease-in-out infinite simulator-pulse}.wireless-model span{font-weight:900;position:absolute;bottom:28px}@keyframes simulator-pulse{50%{opacity:.28;transform:scale(.86)}}.thermometer{background:#dce9f4;border:7px solid #fff;border-radius:25px 25px 12px 12px;align-self:end;width:48px;height:190px;position:relative;box-shadow:0 7px 22px #123a6024}.thermometer i{inset-inline:5px;background:linear-gradient(#ff9c36,#ed4c4c);border-radius:15px;transition:height .25s;position:absolute;bottom:5px}.thermometer b{inset-inline-start:64px;width:80px;bottom:75px}.distance-model{align-items:center;width:90%;height:150px;display:flex;position:relative}.distance-model>b{z-index:2;color:#fff;background:#153c66;border-radius:10px;padding:20px 10px}.distance-model>i{background:repeating-linear-gradient(90deg,#20a8cf 0 8px,#0000 8px 15px);height:5px;transition:width .25s}.distance-model>strong{color:#ef7d22;font-size:45px;transition:inset-inline-start .25s;position:absolute}.distance-model span{inset-inline-start:45%}.tilt-model{place-items:center;gap:25px;display:grid}.tilt-model b{color:#fff;background:#163c65;border-radius:18px;place-items:center;width:170px;height:110px;transition:transform .25s;display:grid;box-shadow:0 10px 22px #123a6033}.tilt-model span{color:#ef7d22;font-size:42px}.shake-lamp-model{color:var(--navy);grid-template-columns:auto 44px auto;justify-content:center;align-items:center;gap:14px;display:grid}.shaking-board{color:#fff;background:#173c63;border-radius:18px 18px 25px 25px;place-items:center;width:150px;height:105px;animation:.7s ease-in-out infinite paused shake-board;display:grid;box-shadow:0 9px 22px #123a6030}.shake-lamp-model.lamp-on .shaking-board{animation-play-state:running}.shaking-board span{font-size:22px;font-weight:900}.shake-waves{color:#168cad;opacity:.3;font-size:29px;font-weight:900}.shake-lamp-model.lamp-on .shake-waves{opacity:1;animation:.7s infinite simulator-pulse}.shake-lamp{opacity:.35;background:#dedede;border:5px solid #d69b1c;border-radius:44px 44px 18px 18px;place-items:center;width:78px;height:92px;transition:all .2s;display:grid;position:relative}.shake-lamp-model.lamp-on .shake-lamp{opacity:1;background:#ffd447;box-shadow:0 0 50px 14px #ffd44799}.shake-lamp i{background:#fffa;border-radius:50%;width:30px;height:25px;position:absolute;top:12px}.shake-lamp b{color:#5b4300;margin-top:28px;font-size:12px}.shake-lamp-model>strong{text-align:center;grid-column:1/-1;font-size:13px}.shake-lamp:after{content:"";background:#8797a4;width:4px;height:29px;position:absolute;bottom:-28px;left:24px;box-shadow:21px 0 #8797a4}@keyframes shake-board{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-7px)rotate(-2deg)}75%{transform:translate(7px)rotate(2deg)}}.sound-model{color:var(--navy);align-items:center;gap:28px;display:flex;position:relative}.sound-model b{font-size:90px}.sound-model i{color:var(--blue);font-size:34px;font-style:normal;transition:transform .2s}.sound-model span{inset-inline-start:42%;bottom:-45px}.robot-model{place-items:center;width:90%;height:190px;display:grid;position:relative;overflow:hidden}.robot-model .road{inset-inline:0;background:#303945;height:75px;position:absolute;bottom:30px}.robot-model .road:after{content:"";border-top:4px dashed #ffd553;position:absolute;top:35px;left:0;right:0}.robot-model>b{z-index:2;color:#1496b8;place-items:center;font-size:60px;transition:transform .3s;display:grid}.robot-model>b i{color:#111f31;font-size:22px;font-style:normal;display:block}.robot-model>span{color:var(--navy);font-weight:850;position:absolute;bottom:4px}.display-model{justify-items:center;gap:14px;display:grid}.display-model>div{background:#173c63;border-radius:17px;grid-template-columns:repeat(5,20px);gap:8px;padding:24px;display:grid}.display-model i{background:#3a536e;border-radius:50%;width:20px;height:20px}.display-model i.on{background:#ff5b4d;box-shadow:0 0 10px #ff5b4d}.display-model span{color:var(--navy);font-size:25px;font-weight:900}.display-model.is-flashing>div{animation:1s steps(2,end) infinite simulator-pulse;animation-duration:inherit}.photoresistor-model,.potentiometer-model,.sevensegment-model{min-height:260px;color:var(--navy);align-content:center;justify-items:center;gap:18px;display:grid}.photoresistor-model .light-beam{color:#f4b522;filter:drop-shadow(0 0 22px #ffd761);font-size:64px;transition:opacity .2s}.photoresistor-model .ldr{background:#f8df94;border:8px solid #cf9b35;border-radius:50%;justify-content:center;align-items:center;gap:7px;width:110px;height:82px;display:flex}.photoresistor-model .ldr i{background:#6c4a23;border-radius:5px;width:8px;height:54px}.photoresistor-model output,.potentiometer-model output,.sevensegment-model output{font-size:28px;font-weight:900}.potentiometer-model b{background:#37536c;border:14px solid #b9d8e9;border-radius:50%;width:150px;height:150px;transition:transform .2s;position:relative;box-shadow:0 10px 28px #15365335}.potentiometer-model b i{background:#ffc13c;border-radius:8px;width:8px;height:56px;position:absolute;top:8px;left:57px}.sevensegment-model>div{background:#1c2631;border-radius:18px;width:150px;height:240px;padding:20px;position:relative;box-shadow:inset 0 0 0 5px #344657}.sevensegment-model i{background:#493333;border-radius:8px;position:absolute}.sevensegment-model i.on{background:#ff3f32;box-shadow:0 0 15px #ff433c}.sevensegment-model .a,.sevensegment-model .d,.sevensegment-model .g{width:74px;height:13px;left:38px}.sevensegment-model .a{top:24px}.sevensegment-model .g{top:113px}.sevensegment-model .d{bottom:24px}.sevensegment-model .b,.sevensegment-model .c,.sevensegment-model .e,.sevensegment-model .f{width:13px;height:72px}.sevensegment-model .b{top:39px;right:24px}.sevensegment-model .c{bottom:39px;right:24px}.sevensegment-model .f{top:39px;left:24px}.sevensegment-model .e{bottom:39px;left:24px}.keypad-model{grid-template-columns:repeat(4,64px);justify-content:center;gap:10px;display:grid}.keypad-model button{min-height:52px;color:var(--navy);background:#fff;border:1px solid #bad6e8;border-radius:10px;font-size:18px;font-weight:900;box-shadow:0 4px #a8c7dc}.keypad-model button.active{background:var(--blue);color:#fff;transform:translateY(3px);box-shadow:0 1px #07558e}.keypad-model output{text-align:center;color:var(--navy);grid-column:1/-1;margin-top:8px;font-size:22px;font-weight:900}.lcd-model{color:var(--navy);justify-items:center;gap:16px;display:grid}.lcd-model>div{color:#1c391f;text-transform:uppercase;background:#b9d978;border:12px solid #20547a;border-radius:12px;align-content:center;gap:14px;width:min(360px,90%);min-height:120px;padding:20px;font:900 20px/1.2 monospace;display:grid;box-shadow:inset 0 0 18px #29431788}.lcd-model small{color:var(--blue);font-weight:900}.maqueen-model,.line-robot-model{place-items:center;min-height:290px;display:grid;position:relative;overflow:hidden}.maqueen-road,.line-robot-model .track{background:#3d4650;border-block:5px solid #d8dde1;height:100px;position:absolute;inset:42% 0 auto}.maqueen-road:after,.line-robot-model .track:after{content:"";border-top:5px dashed #ffd54c;position:absolute;top:46px;left:0;right:0}.maqueen-model>b,.line-robot-model>b{z-index:2;color:#fff;background:#183e61;border-radius:18px;justify-content:center;align-items:center;gap:14px;width:130px;height:78px;transition:transform .25s;display:flex}.maqueen-model>b i,.line-robot-model>b i{background:#17222c;border-radius:50%;width:32px;height:32px;position:absolute;bottom:-14px}.maqueen-model>b i:first-child,.line-robot-model>b i:first-child{left:17px}.maqueen-model>b i:last-child,.line-robot-model>b i:last-child{right:17px}.maqueen-model output,.line-robot-model output{color:var(--navy);font-size:22px;font-weight:900;position:absolute;bottom:8px}.line-robot-model .sensor{z-index:3;gap:22px;display:flex;position:absolute;top:57%}.line-robot-model .sensor i{background:#e85545;border-radius:50%;width:14px;height:14px}.line-robot-model .sensor i.on{background:#21bf73;box-shadow:0 0 12px #21bf73}.build-robot-model{grid-template-columns:repeat(2,minmax(130px,1fr));gap:12px;display:grid}.build-robot-model button{min-height:66px;color:var(--navy);background:#fff;border:1px solid #c8ddec;border-radius:12px;align-items:center;gap:10px;padding:12px;font-weight:800;display:flex}.build-robot-model button span{background:#e7f1f8;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.build-robot-model button.done{background:#e5faf1;border-color:#73d4ad}.build-robot-model button.done span{color:#fff;background:#1aad70}.ideas-model{justify-items:center;gap:18px;display:grid}.ideas-model>b{color:#fff;background:#173f63;border-radius:18px;place-items:center;width:150px;height:100px;font-size:24px;display:grid}.ideas-model>div{grid-template-columns:repeat(5,64px);gap:8px;display:grid}.ideas-model button{min-height:48px;color:var(--navy);background:#fff;border:1px solid #bad6e8;border-radius:9px;font-weight:800}.ideas-model button.active{background:var(--blue);color:#fff}.ideas-model output{color:var(--navy);font-size:22px;font-weight:900}.control-model{align-items:center;gap:22px;display:flex}.control-model button{color:#fff;background:#1474b8;border:0;border-radius:50%;width:68px;height:68px;font-size:24px;font-weight:900;box-shadow:0 7px #0b4f82}.control-model button:active{transform:translateY(5px);box-shadow:0 2px #0b4f82}.control-model output{text-align:center;min-width:75px;color:var(--navy);font-size:38px;font-weight:900}.addition-model{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:min(470px,100%);display:grid}.addition-value{background:#fff;border-radius:18px;grid-template-columns:repeat(3,auto);justify-content:center;align-items:center;gap:8px;padding:16px 10px;display:grid;box-shadow:0 8px 24px #123a601f}.addition-value b{background:var(--blue);color:#fff;border-radius:50%;grid-column:1/-1;justify-self:center;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.addition-value button{width:38px;height:38px;color:var(--blue);cursor:pointer;background:#e8f4fc;border:0;border-radius:50%;font-size:24px;font-weight:900}.addition-value output{text-align:center;min-width:38px;color:var(--navy);font-size:32px;font-weight:900}.addition-symbol{color:#f29b2e;font-size:40px;font-weight:900}.addition-result{color:#08735d;background:#e5f8f1;border-radius:999px;grid-column:1/-1;justify-self:center;padding:8px 22px;font-size:24px}.addition-summary{color:var(--navy);background:#edf7ff;border-radius:13px;padding:14px}.addition-summary b,.addition-summary output{display:block}.addition-summary output{color:var(--blue);text-align:center;direction:ltr;margin:8px 0;font-size:28px;font-weight:900}.addition-summary p{color:var(--muted);margin:0;font-size:13px}.narration-transcript{color:var(--navy);background:#f3faff;border:1px solid #cde4f5;border-radius:13px;margin-bottom:14px;padding:13px 16px}.narration-transcript b{color:var(--blue)}.narration-transcript p{margin:7px 0 0;font-size:13px;line-height:1.8}.narration-transcript small{color:#08735d;margin-top:6px;font-weight:800;display:block}.pin-compare-controls{color:var(--navy);background:#f4f8fc;border-radius:13px;gap:10px;padding:12px;display:grid}.pin-compare-controls>div{flex-wrap:wrap;gap:7px;display:flex}.pin-compare-controls button{min-height:38px;color:var(--navy);cursor:pointer;background:#fff;border:1px solid #bad6e8;border-radius:9px;padding:7px 10px;font-weight:800}.pin-compare-controls button.active{border-color:var(--blue);background:var(--blue);color:#fff}.pin-compare-model{width:100%;color:var(--navy);gap:18px;display:grid}.pin-board-pair{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.pin-board-pair article{text-align:center;opacity:.45;background:#e9f1f7;border:2px solid #0000;border-radius:15px;padding:12px;transition:all .2s}.pin-board-pair article.active{opacity:1;border-color:#16ad94;box-shadow:0 8px 20px #123a6020}.pin-board{background:#172f49;border-radius:16px 16px 24px 24px;grid-template-columns:auto repeat(5,1fr) auto;align-items:end;gap:5px;height:125px;margin-top:9px;padding:15px 10px 8px;display:grid}.pin-board span{background:#dce8f0;border-radius:50%;align-self:center;place-items:center;width:29px;height:29px;font-weight:900;display:grid}.pin-board i{background:#fff;border:5px solid #e4b938;border-radius:50%;height:28px}.pin-board.v2{box-shadow:inset 0 5px #16ad94}.pin-board-pair small{color:#08735d;margin-top:6px;font-weight:800;display:block}.pin-compare-model>section{background:#fff;border-radius:14px;padding:14px;box-shadow:0 6px 18px #123a6015}.pin-compare-model h3{margin:0 0 9px}.pin-compare-model section>div{direction:ltr;flex-wrap:wrap;gap:7px;display:flex}.pin-compare-model section>div b{color:#0868aa;background:#e7f4ff;border-radius:8px;padding:7px 10px}.pin-compare-model p{margin:10px 0 0}.pin-compare-model em{color:#08735d;background:#e5f8f1;border-radius:9px;margin-top:10px;padding:9px;font-style:normal;font-weight:800;display:block}.traffic-model,.magnet-model,.tcrt-model{width:100%;min-height:280px;color:var(--navy);align-content:center;place-items:center;gap:13px;display:grid}.traffic-head{background:#172630;border-radius:24px;gap:12px;padding:16px;display:grid;box-shadow:0 9px 22px #123a6033}.traffic-head button{opacity:.22;cursor:pointer;border:8px solid #344550;border-radius:50%;width:70px;height:70px;transition:all .2s}.traffic-head button.red{background:#f13b3b}.traffic-head button.yellow{background:#ffd33d}.traffic-head button.green{background:#20b968}.traffic-head button.on{opacity:1;transform:scale(1.06);box-shadow:0 0 28px}.traffic-labels{color:var(--blue);direction:ltr;gap:32px;display:flex}.traffic-model>strong{font-size:22px}.magnet-model{grid-template-columns:auto 70px auto}.hall-sensor{color:#fff;background:#172f49;border-radius:15px;place-items:center;width:115px;height:135px;display:grid}.hall-sensor span{color:#0868aa;background:#e9f5ff;border-radius:8px;padding:5px 10px}.magnetic-field{color:#2699dc;opacity:.25;font-size:34px;font-weight:900}.magnet-model.detected .magnetic-field{opacity:1;animation:.7s infinite simulator-pulse}.horseshoe{color:#e73d4d;font-size:120px;font-weight:900;line-height:.7;transition:all .25s;transform:rotate(180deg)}.magnet-model.detected .horseshoe{filter:drop-shadow(0 0 14px #ff5d5d88);transform:translate(-38px)rotate(180deg)}.magnet-model>strong{grid-column:1/-1}.tcrt-model{grid-template-columns:1fr 1fr}.tcrt-sensor{color:#fff;background:#1974ad;border-radius:13px;grid-template-columns:1fr 1fr;gap:8px;padding:15px;display:grid}.tcrt-sensor i{background:#162331;border-radius:50%;width:42px;height:42px;box-shadow:inset 0 0 0 7px #32465a}.tcrt-sensor b{grid-column:1/-1}.ir-rays{color:#ef4a3d;white-space:pre;font-size:30px;font-weight:900}.line-surface{background:#fff;border-radius:12px;grid-column:1/-1;width:82%;height:66px;overflow:hidden;box-shadow:inset 0 0 0 1px #cfdae5}.line-surface i{opacity:0;background:#17202a;width:32%;height:100%;margin:auto;transition:all .2s;display:block}.tcrt-model.on-line .line-surface i{opacity:1}.mini-line-robot{color:#fff;background:#173c63;border-radius:18px;grid-column:1/-1;place-items:center;width:150px;height:85px;transition:all .25s;display:grid;position:relative}.tcrt-model.on-line .mini-line-robot{transform:rotate(-7deg)translate(-15px)}.mini-line-robot i{background:#17202a;border-radius:50%;width:30px;height:30px;position:absolute;bottom:-14px}.mini-line-robot i:first-of-type{left:20px}.mini-line-robot i:last-of-type{right:20px}.tcrt-model>strong{text-align:center;grid-column:1/-1}.rgb-controls{background:#f4f8fc;border-radius:13px;gap:12px;padding:12px;display:grid}.rgb-controls label{color:var(--navy);grid-template-columns:1fr auto;align-items:center;gap:5px 12px;font-size:13px;display:grid}.rgb-controls output{min-width:35px;color:var(--blue);text-align:end;font-weight:900}.rgb-controls input{cursor:pointer;grid-column:1/-1;width:100%}.rgb-controls label:first-child input{accent-color:#ef3b3b}.rgb-controls label:nth-child(2) input{accent-color:#20a35a}.rgb-controls label:nth-child(3) input{accent-color:#246ee9}.rgb-model{justify-items:center;gap:13px;display:grid}.rgb-lamp{border:5px solid #192d422e;border-radius:62px 62px 25px 25px;width:115px;height:135px;transition:background .2s,box-shadow .2s;position:relative}.rgb-lamp:after{content:"";background:#8d9aa6;width:5px;height:42px;position:absolute;bottom:-42px;left:34px;box-shadow:20px 0 #8d9aa6,40px 0 #8d9aa6}.rgb-lamp i{background:#ffffff80;border-radius:50%;width:50px;height:34px;position:absolute;top:16px;left:25px}.rgb-model>strong{color:var(--navy);direction:ltr;margin-top:34px}.rgb-pin-map{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.rgb-pin-map span{color:var(--navy);background:#fff;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:850}.rgb-pin-map .red{color:#d72f2f}.rgb-pin-map .green{color:#148b48}.rgb-pin-map .blue{color:#245fd4}@media (width<=640px){.fan-system{grid-template-columns:1fr}.fan-model{justify-self:center;width:150px;height:150px}.fan-model b{font-size:110px}.shake-lamp-model{grid-template-columns:1fr}.shake-waves{transform:rotate(90deg)}.shake-lamp-model>strong{grid-column:1}}.rotary-system{justify-content:center;align-items:center;gap:42px;display:flex}.rotary-model{grid-template-columns:auto 130px auto;align-items:center;gap:13px;margin-bottom:30px;display:grid;position:relative}.rotary-model>b{background:#465d73;border:14px solid #d8e3ed;border-radius:50%;width:130px;height:130px;transition:transform .2s;display:block;position:relative;box-shadow:0 9px 22px #123a603d,inset 0 0 0 7px #233c54}.rotary-model>b i{background:#ffbd38;border-radius:5px;width:8px;height:36px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.rotary-model button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:50%;width:48px;height:48px;font-size:26px;font-weight:900}.rotary-model output{text-align:center;color:var(--navy);inset-inline:0;font-size:23px;font-weight:900;position:absolute;bottom:-38px}.rotary-led{background:#ffd447;border:5px solid #d79b19;border-radius:42px 42px 18px 18px;place-items:center;width:74px;height:96px;transition:opacity .2s,box-shadow .2s;display:grid;position:relative}.rotary-led:after{content:"";background:#8797a4;width:5px;height:35px;position:absolute;bottom:-34px;left:22px;box-shadow:22px 0 #8797a4}.rotary-led i{background:#ffffffad;border-radius:50%;width:28px;height:28px;position:absolute;top:13px}.rotary-led b{color:#5b4300;font-size:13px}.rotary-led span{width:130px;color:var(--navy);text-align:center;font-size:12px;font-weight:850;position:absolute;bottom:-58px}.joystick-model{justify-items:center;gap:20px;display:grid}.joystick-model>div{background:#d8e5ef;border-radius:48px;place-items:center;width:230px;height:95px;display:grid;box-shadow:inset 0 5px 12px #123a6029}.joystick-model b{background:radial-gradient(circle at 35% 30%,#379acb,#10558b);border-radius:50%;width:72px;height:72px;transition:transform .2s;box-shadow:0 8px 14px #123a6040}.joystick-model output{color:var(--navy);font-size:22px;font-weight:900}.download-model{justify-items:center;gap:18px;width:85%;display:grid}.download-model b{color:#fff;background:#153c66;border-radius:14px;padding:20px}.download-model i{background:#d9e5ef;border-radius:8px;width:100%;height:12px;overflow:hidden}.download-model i span{background:var(--blue);height:100%;transition:width .2s;display:block}.download-model strong{color:var(--navy);font-size:23px}.board-model{justify-items:center;gap:22px;display:grid}.board-model>b{color:#fff;background:#153c66;border-radius:18px;padding:45px 30px;font-size:24px}.board-model>div{gap:8px;display:flex}.board-model i{width:45px;height:45px;color:var(--navy);border:4px solid #d9ad37;border-radius:50%;place-items:center;font-style:normal;font-weight:850;display:grid}.board-model i.active{background:#ffe57c;box-shadow:0 0 0 6px #ffcd3c40}.microbit-effect{justify-content:center;align-items:center;gap:10px;width:min(390px,100%);padding-top:25px;display:flex;position:relative}.microbit-effect>span{color:var(--blue);text-align:center;top:0;font-size:12px;font-weight:850;position:absolute;inset-inline:0}.connection-line{background:repeating-linear-gradient(90deg,#f0a72f 0 10px,#0000 10px 16px);flex:0 78px;width:78px;height:5px;animation:.8s linear infinite wire-flow}@keyframes wire-flow{to{background-position:32px 0}}.simulated-microbit{background:#173b5d;border-radius:20px 20px 28px 28px;flex:0 0 184px;width:184px;height:132px;position:relative;box-shadow:0 10px 24px #123a6040,inset 0 -12px #0000001f}.simulated-microbit>b{color:#fff;font-size:11px;position:absolute;top:8px;left:12px}.simulated-microbit>div{background:#0d2439;border-radius:8px;grid-template-rows:repeat(5,9px);grid-template-columns:repeat(5,9px);place-content:center;gap:4px;width:68px;height:68px;transition:transform .25s;display:grid;position:absolute;top:25px;left:58px}.simulated-microbit>div>i{background:#374f64;border-radius:2px;width:9px;height:9px}.simulated-microbit>div>i.on{background:#ff5a4d;box-shadow:0 0 6px #ff5a4d}.simulated-microbit output{z-index:2;color:#ff5a4d;letter-spacing:-1px;text-shadow:0 0 8px #ff5a4dbf,0 1px 3px #071829;place-items:center;font-size:22px;font-weight:900;display:grid;position:absolute;inset:0}.simulated-microbit .has-board-value>i{opacity:.18}.simulated-microbit .has-board-value>i.on{opacity:.28;box-shadow:none}.simulated-microbit em{color:#173b5d;background:#c7d5e0;border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;font-style:normal;font-weight:900;display:grid;position:absolute;top:55px}.simulated-microbit em:first-of-type{left:20px}.simulated-microbit em:last-of-type{right:20px}.simulated-microbit small{color:#cde5f8;text-align:center;bottom:6px;font-size:10px;position:absolute;inset-inline:8px}.visual-reference{background:#fff;border-radius:13px;box-shadow:0 5px 18px #123a6012}.visual-reference summary{color:var(--blue);cursor:pointer;padding:13px 15px;font-weight:800}.visual-reference img{border-radius:8px;width:calc(100% - 24px);margin:0 12px 12px;display:block}.learning-viewer figure{background:#fff;border-radius:16px;align-self:start;margin:0;padding:12px;position:sticky;top:0;box-shadow:0 8px 28px #123a6017}.interactive-workbench figure{transition:box-shadow .25s,transform .25s;position:relative;overflow:hidden}.interactive-workbench figure.sim-active{transform:translateY(-2px);box-shadow:0 0 0 3px #14b3c047,0 12px 34px #123a6029}.learning-viewer figure img{border-radius:9px;width:100%;height:auto;display:block}.sim-state{color:var(--navy);background:#edf3f9;border-radius:10px;align-items:center;gap:9px;padding:11px 12px;font-size:14px;font-weight:750;display:flex}.sim-state i{background:#9aaabd;border-radius:50%;flex:none;width:11px;height:11px;box-shadow:0 0 0 5px #9aaabd29}.sim-state.active{background:#e5f8f5}.sim-state.active i{background:#16a88f;box-shadow:0 0 0 5px #16a88f29}.stage-switcher{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stage-switcher button{border:1px solid var(--line);min-height:82px;color:var(--muted);cursor:pointer;text-align:start;background:#fff;border-radius:12px;padding:10px}.stage-switcher button.active{border-color:var(--blue);color:var(--navy);background:#e8f4ff}.stage-switcher span{width:23px;height:23px;color:var(--blue);background:#edf3f9;border-radius:50%;place-items:center;margin-inline-end:5px;font-size:12px;font-weight:900;display:inline-grid}.stage-switcher b{font-size:13px}.stage-switcher small{margin-top:6px;line-height:1.45;display:block}.learning-viewer figcaption{color:var(--muted);padding:12px 5px 2px;font-size:14px;line-height:1.6}.learning-content{gap:12px;display:grid}.learning-content section,.learning-content aside{border:1px solid var(--line);background:#fff;border-radius:15px;padding:18px}.learning-content b{color:var(--navy);font-size:17px}.learning-content p{color:var(--muted);margin:8px 0 0;line-height:1.75}.learning-content ul,.learning-content ol{color:var(--muted);margin:10px 0 0;padding-inline-start:22px;line-height:1.9}.learning-content aside{background:#eafafb;border-color:#bfe5e9}.learning-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin-top:13px;display:grid}.learning-flow button{color:var(--navy);text-align:center;cursor:pointer;background:#edf3f9;border:0;border-radius:10px;padding:11px 8px;font-weight:800}.learning-flow button.active{background:var(--blue);color:#fff}.learning-flow i{color:var(--blue);font-style:normal;font-weight:900}.learning-quiz>div{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.learning-quiz button{min-height:39px;color:var(--navy);cursor:pointer;background:#fff;border:1px solid #9fd7dc;border-radius:9px;padding:0 13px;font-weight:750}.learning-quiz strong{border-radius:9px;margin-top:12px;padding:10px;font-size:14px;display:block}.learning-quiz strong.correct{color:#08795f;background:#dff6ec}.learning-quiz strong.wrong{color:#a14810;background:#fff0e6}.learning-viewer>footer{border-top:1px solid var(--line);background:#fff;justify-content:center;padding:12px 20px;display:flex}.hub-section-dark{color:#fff;background:#081e42}.external-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;display:grid}.external-grid h2{margin:12px 0;font-size:clamp(30px,4vw,46px)}.external-grid p{color:#bfd4eb;line-height:1.8}.external-grid ul{grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none;display:grid}.external-grid li{color:#eaf4ff;background:#ffffff12;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;display:flex}.external-grid li span{color:#4dd2df}.safety-note{color:#ffe0ba;background:#ff8a2a1a;border:1px solid #ff9d3959;border-radius:14px;gap:13px;margin-top:24px;padding:17px;line-height:1.65;display:flex}.learning-route ol{grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.learning-route ol li{min-height:120px;color:var(--navy);background:#edf7ff;border-radius:16px;flex-direction:column;justify-content:space-between;padding:18px;font-weight:750;display:flex}.learning-route ol b{color:var(--blue-2);font-size:13px}.hub-cta{background:linear-gradient(120deg,#e9faff,#fff1e1);border-radius:24px;justify-content:space-between;align-items:center;gap:30px;margin-top:60px;padding:34px 38px;display:flex}.hub-cta h2{color:var(--navy);margin:0 0 8px}.hub-cta p{max-width:700px;color:var(--muted);margin:0;line-height:1.7}@media (width<=900px){.microbit-hero-inner,.external-grid{grid-template-columns:1fr}.microbit-hero-inner{gap:45px}.hub-grid,.learning-route ol{grid-template-columns:repeat(2,1fr)}.path-lessons{grid-template-columns:1fr}.path-lessons li:nth-child(odd){border-inline-end:0}.beginner-path-head{grid-template-columns:1fr}}@media (width<=620px){.microbit-hero-inner{min-height:auto;padding-block:50px 72px}.microbit-hero h1{font-size:39px}.hub-section{padding-block:58px}.hub-grid,.hub-grid-two,.external-grid ul,.learning-route ol{grid-template-columns:1fr}.hub-cta{flex-direction:column;align-items:stretch;padding:27px 22px}.hub-cta .button{width:100%}.lesson-table-wrap{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.lesson-table,.lesson-table tbody,.lesson-table tr,.lesson-table td{width:100%;display:block}.lesson-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.lesson-table tr{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:12px;padding:16px;box-shadow:0 8px 24px #123a600f}.lesson-table td{border:0;grid-template-columns:105px 1fr;align-items:center;gap:10px;padding:7px 0;display:grid}.lesson-table td:before{content:attr(data-label);color:#7b8da4;font-size:13px;font-weight:750}.lesson-table td:first-child,.lesson-table td:nth-child(2),.lesson-table td:nth-child(3),.lesson-table td:nth-child(4){width:100%;min-width:0}.image-viewer-backdrop{padding:8px}.image-viewer{border-radius:15px;height:96vh}.image-viewer-canvas,.learning-viewer-backdrop{padding:8px}.learning-viewer{border-radius:15px;height:97vh}.learning-viewer-body{padding:10px;display:block}.interactive-workbench,.learning-viewer figure{margin-bottom:12px;position:static}.stage-switcher,.example-main-grid,.stage-switcher.example-stages{grid-template-columns:1fr}.example-stage .topic-simulator{min-height:430px}.microbit-effect{transform:scale(.9)}.lesson-actions{flex-direction:column;align-items:stretch}.lesson-actions button{justify-content:center}.beginner-path-head{padding:25px 20px}.path-actions{flex-direction:column;align-items:stretch}.path-lesson-actions{grid-template-columns:1fr 1fr;margin-inline-start:0;display:grid}.path-lesson-actions .path-complete{grid-column:1/-1}}a{color:inherit;text-decoration:none}button,input{font:inherit}.section-shell{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #dce6f1e6;position:sticky;top:0}.header-inner{align-items:center;gap:28px;min-height:82px;display:flex}.brand{align-items:center;gap:12px;min-width:235px;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg, var(--blue-2), var(--navy));border-radius:14px;place-items:center;width:45px;height:45px;font-size:22px;display:grid;position:relative;box-shadow:0 10px 25px #1261a63d}.brand-mark:after{content:"";background:var(--orange);border:3px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;top:-4px;right:-4px}.brand span:last-child{flex-direction:column;gap:2px;display:flex}.brand strong{color:var(--navy);font-size:17px}.brand small{color:var(--muted);font-size:11px}.main-nav{flex:1;justify-content:center;align-items:center;gap:30px;display:flex}.main-nav a{color:#485a73;padding:30px 0 27px;font-size:14px;font-weight:650;position:relative}.main-nav a:after{content:"";background:var(--orange);border-radius:10px;height:3px;transition:transform .18s;position:absolute;bottom:18px;left:0;right:0;transform:scaleX(0)}.main-nav a:hover,.main-nav a.active{color:var(--blue)}.main-nav a.active:after,.main-nav a:hover:after{transform:scaleX(1)}.language-button{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex}.language-button:hover{border-color:var(--blue-2);color:var(--blue-2)}.menu-toggle{display:none}.hero{grid-template-columns:1.04fr .96fr;align-items:center;gap:54px;min-height:690px;padding-top:72px;padding-bottom:80px;display:grid}.hero-copy{padding-inline-end:10px}.eyebrow{color:var(--blue);background:#edf7ff;border:1px solid #d6edff;border-radius:999px;align-items:center;gap:10px;padding:8px 13px;font-size:13px;font-weight:750;display:inline-flex}.eyebrow-dot{background:var(--orange);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #ff8a2a21}.hero h2{color:var(--navy);letter-spacing:-2.5px;margin:26px 0 22px;font-size:clamp(48px,5vw,76px);font-weight:850;line-height:1.11}.hero h2 span{color:var(--orange);display:block}.hero-lead{max-width:650px;color:var(--muted);margin:0;font-size:19px;line-height:1.9}.hero-actions{gap:14px;margin-top:34px;display:flex}.button{border-radius:13px;justify-content:center;align-items:center;gap:12px;min-height:49px;padding:0 22px;font-size:14px;font-weight:750;transition:transform .16s,box-shadow .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg, var(--blue-2), var(--navy));color:#fff;box-shadow:0 14px 30px #1261a63d}.button-secondary{color:var(--navy);border:1px solid var(--line);background:#fff}.button-light{color:var(--navy);white-space:nowrap;background:#fff}.hero-trust{align-items:center;gap:0;margin-top:45px;display:flex}.hero-trust div{border-inline-end:1px solid var(--line);min-width:128px;padding-inline:18px}.hero-trust div:first-child{padding-inline-start:0}.hero-trust div:last-child{border:0}.hero-trust strong,.hero-trust span{display:block}.hero-trust strong{color:var(--navy);font-size:22px}.hero-trust span{color:var(--muted);margin-top:4px;font-size:11px}.hero-visual{isolation:isolate;place-items:center;min-height:540px;display:grid;position:relative}.hero-visual:before{content:"";z-index:-2;background:linear-gradient(145deg,#ffffffd6,#e9f6ffbd),radial-gradient(circle at 25% 20%,#d8efff,#0000 50%);border:1px solid #dcecf8;border-radius:46px;position:absolute;inset:4% 1% 4% 4%;transform:rotate(-2deg)}.visual-glow{filter:blur(1px);z-index:-1;border-radius:50%;position:absolute}.visual-glow-one{background:#22b8cf29;width:180px;height:180px;top:26px;left:8px}.visual-glow-two{background:#ff8a2a2e;width:140px;height:140px;bottom:22px;right:10px}.lab-card{color:#fff;background:#0a2044;border-radius:30px;width:min(410px,82%);min-height:420px;padding:24px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0b24514d}.lab-card:before{content:"";opacity:.3;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.lab-card-top,.lab-readout{z-index:2;position:relative}.lab-card-top{justify-content:space-between;align-items:center;display:flex}.status-pill{color:#bcecff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:11px;display:inline-flex}.status-pill i{background:#56efb0;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #56efb01a}.mini-code{color:#ffffff59;font-family:monospace}.robot-stage{place-items:center;height:270px;display:grid;position:relative}.orbit{border:1px dashed #4aceeb52;border-radius:50%;position:absolute}.orbit-one{width:225px;height:225px}.orbit-two{border-color:#ff994b47;width:175px;height:175px}.robot-face{z-index:2;background:linear-gradient(145deg,#29c4dc,#1176b8);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:128px;height:104px;display:flex;position:relative;box-shadow:inset 0 1px #fff6,0 16px 38px #0000003d}.robot-antenna{background:#ff9a47;width:4px;height:24px;position:absolute;top:-23px}.robot-antenna:before{content:"";background:var(--orange);border-radius:50%;width:12px;height:12px;position:absolute;top:-5px;left:-4px;box-shadow:0 0 18px #ff8a2acc}.robot-eyes{gap:27px;display:flex}.robot-eyes i{background:#fff;border-radius:50%;width:16px;height:21px;box-shadow:0 0 18px #fff9}.robot-smile{border-bottom:4px solid #fff;border-radius:0 0 50% 50%;width:37px;height:17px;margin-top:13px}.circuit-node{color:#91eaff;background:#ffffff17;border:1px solid #ffffff1f;border-radius:12px;place-items:center;width:38px;height:38px;font:700 10px monospace;display:grid;position:absolute}.node-one{top:45px;left:35px}.node-two{color:#ffc28e;top:72px;right:28px}.node-three{bottom:33px;left:51px}.lab-readout{border-top:1px solid #ffffff17;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;padding-top:17px;display:grid}.lab-readout div{flex-direction:column;gap:4px;display:flex}.lab-readout span{color:#7f9abe;font-size:10px}.lab-readout strong{color:#c5effa;font-size:13px}.signal-bars{align-items:end;flex-direction:row!important;gap:3px!important}.signal-bars i{background:var(--orange);border-radius:4px;width:4px}.signal-bars i:first-child{height:8px}.signal-bars i:nth-child(2){height:13px}.signal-bars i:nth-child(3){height:18px}.signal-bars i:nth-child(4){height:23px}.floating-chip{z-index:3;background:#fff;border:1px solid #e4edf6;border-radius:14px;align-items:center;gap:9px;padding:11px 14px;font-size:12px;font-weight:700;display:flex;position:absolute;box-shadow:0 15px 35px #1b416924}.floating-chip b{width:28px;height:28px;color:var(--blue-2);background:#e9f8ff;border-radius:9px;place-items:center;display:grid}.chip-code{bottom:95px;left:-2px}.chip-idea{top:95px;right:-4px}.chip-idea b{background:var(--orange-soft);color:var(--orange)}.intro-strip{background:var(--canvas);border:1px solid var(--line);text-align:center;border-radius:30px;padding:44px}.intro-strip>p,.section-kicker{color:var(--orange);text-transform:uppercase;letter-spacing:1.5px;margin:0;font-size:11px;font-weight:800}.intro-strip h2,.section-heading h2{color:var(--navy);letter-spacing:-.8px;margin:10px 0 30px;font-size:clamp(27px,3vw,38px)}.learning-path{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.path-item{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex;position:relative}.path-icon{width:48px;height:48px;color:var(--blue-2);background:#fff;border:1px solid #d7e7f3;border-radius:15px;place-items:center;font-size:21px;display:grid}.path-item>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.path-item strong{color:var(--navy);font-size:12px}.path-item span{color:var(--muted);font-size:10px}.path-arrow{top:16px;position:absolute;inset-inline-end:-12px;color:#a7bbcc!important}[dir=ltr] .path-arrow{transform:rotate(180deg)}.content-section{padding-top:105px;padding-bottom:105px}.section-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px;display:flex}.section-heading h2{margin-bottom:0}.text-link,.card-link{color:var(--blue);align-items:center;gap:7px;font-size:13px;font-weight:750;display:inline-flex}.feature-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.project-card{border:1px solid var(--line);background:#fff;border-radius:22px;min-height:300px;padding:26px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 10px 35px #2345670f}.project-card:before{content:"";opacity:.18;top:-95px;border-radius:50%;width:180px;height:180px;position:absolute;inset-inline-end:-80px}.accent-cyan:before{background:var(--cyan)}.accent-orange:before{background:var(--orange)}.accent-blue:before{background:var(--blue-2)}.project-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px #1b41691f}.project-top{justify-content:space-between;align-items:start;display:flex;position:relative}.project-type{color:var(--blue);background:#edf7ff;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.project-icon{filter:drop-shadow(0 10px 16px #14375f24);font-size:42px}.project-card h3{color:var(--navy);margin:33px 0 12px;font-size:21px}.project-card p{color:var(--muted);min-height:75px;font-size:14px;line-height:1.85}.mission-band{color:#fff;min-height:220px;box-shadow:var(--shadow);background:linear-gradient(120deg,#0b2a5a,#0d5793);border-radius:32px;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;margin-bottom:100px;padding:46px 54px;display:grid}.foxhole-section{color:#f7f2e8;background:radial-gradient(circle at 12% 18%,#ffaa482e,#0000 28%),linear-gradient(135deg,#161c1a 0%,#26332d 55%,#17221e 100%);border-block:1px solid #ffffff14;margin:30px 0 90px;padding:76px 0}.foxhole-grid{grid-template-columns:1fr .92fr;align-items:center;gap:62px;display:grid}.foxhole-copy .section-kicker{color:#ffb354}.foxhole-copy h2{color:#fff;max-width:680px;margin:13px 0 18px;font-size:clamp(34px,4vw,54px);line-height:1.18}.foxhole-copy>p{color:#c9d2cd;margin:0;font-size:17px;line-height:1.9}.foxhole-points{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;display:grid}.foxhole-points>div{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:16px;min-height:132px;padding:17px}.foxhole-points span{color:#ffb354;letter-spacing:1px;margin-bottom:12px;font-size:12px;font-weight:800;display:block}.foxhole-points strong,.foxhole-points small{display:block}.foxhole-points strong{color:#fff;font-size:14px}.foxhole-points small{color:#aebbb4;margin-top:7px;line-height:1.55}.foxhole-safety{background:#ffb35417;border-inline-start:3px solid #ffb354;align-items:flex-start;gap:13px;margin-top:18px;padding:15px 17px;display:flex}.foxhole-safety>span{margin-top:2px}.foxhole-safety p{color:#cbd3cf;margin:0;font-size:13px;line-height:1.7}.foxhole-safety strong{color:#ffe0b7;font-size:14px;display:block}.foxhole-media{background:#0d1310;border:1px solid #ffffff26;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #00000052}.foxhole-video{aspect-ratio:16/9;background:#090c0b;position:relative}.foxhole-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.foxhole-caption{align-items:center;gap:14px;padding:18px 20px;display:flex}.foxhole-caption>span{color:#17221e;background:#ffb354;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:12px;display:grid}.foxhole-caption strong,.foxhole-caption small{display:block}.foxhole-caption strong{color:#fff;font-size:14px}.foxhole-caption small{color:#94a39b;margin-top:4px}.mission-mark{background:var(--orange);color:#fff;border-radius:24px;place-items:center;width:76px;height:76px;font-size:35px;font-weight:900;display:grid;transform:rotate(-5deg)}.mission-band span{color:#9edff1;text-transform:uppercase;letter-spacing:1.4px;font-size:11px;font-weight:800}.mission-band h2{max-width:760px;margin:8px 0 0;font-size:clamp(24px,3vw,36px);line-height:1.45}.site-footer{color:#fff;background:#071b3b;padding-top:65px}.footer-grid{grid-template-columns:1.7fr 1fr 1fr 1fr;gap:55px;padding-bottom:55px;display:grid}.footer-grid>div{flex-direction:column;align-items:start;gap:10px;display:flex}.footer-brand strong{font-size:22px}.footer-brand p{color:#99acc6;max-width:310px;font-size:13px;line-height:1.8}.footer-grid h3{color:#8ddff0;margin:0 0 8px;font-size:13px}.footer-grid a,.footer-grid span{color:#9eb0ca;font-size:12px}.footer-grid a:hover{color:#fff}.footer-note strong{font-size:14px}.footer-bottom{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:67px;display:flex}.footer-bottom span{color:#7690af;font-size:11px}.page-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 12% 30%,#22b8cf29,#0000 26%),linear-gradient(130deg,#f5fbff,#fff 58%,#fff5e9)}.page-hero-inner{flex-direction:column;justify-content:center;align-items:start;min-height:390px;padding-top:55px;padding-bottom:55px;display:flex}.page-hero h1,.detail-hero h1,.about-hero h1{color:var(--navy);letter-spacing:-2px;margin:22px 0 16px;font-size:clamp(43px,5vw,68px);line-height:1.13}.page-hero p,.detail-hero p,.about-hero>div>div>p{color:var(--muted);max-width:760px;margin:0;font-size:18px;line-height:1.85}.page-hero-projects{background:radial-gradient(circle at 85% 30%,#ff8a2a2b,#0000 26%),linear-gradient(130deg,#fff8ef,#fff 50%,#eef9ff)}.page-hero-resources{background:linear-gradient(120deg,#0b2a5afa,#0e77bff0),#0b2a5a}.page-hero-resources h1,.page-hero-resources p{color:#fff}.page-hero-resources p{color:#c6dfef}.page-hero-resources .eyebrow{color:#c7f2fa;background:#ffffff1a;border-color:#ffffff29}.page-section{padding-top:85px;padding-bottom:100px}.article-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.article-card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:30px;box-shadow:0 12px 40px #1e43680f}.article-meta{color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.article-icon{width:42px;height:42px;color:var(--blue-2);background:#ecf8ff;border-radius:13px;place-items:center;font-size:20px;display:grid}.tag{background:var(--orange-soft);color:#c35a08;border-radius:999px;width:fit-content;padding:6px 10px;font-size:10px;font-weight:800}.article-card h2,.library-card h2,.resource-card h2{color:var(--navy);margin:24px 0 12px;font-size:23px}.article-card>p,.resource-card p{color:var(--muted);font-size:14px;line-height:1.85}.article-card details{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.article-card summary{color:var(--blue);cursor:pointer;font-size:13px;font-weight:800}.article-card ul,.check-list,.number-list{color:#43546d;margin:18px 0 0;padding-inline-start:21px;font-size:14px;line-height:1.85}.article-card li+li,.check-list li+li,.number-list li+li{margin-top:8px}.activity-note{border-inline-start:3px solid var(--cyan);color:var(--muted);background:#f1f9ff;flex-direction:column;gap:5px;margin-top:18px;padding:14px 16px;font-size:13px;display:flex}.activity-note strong{color:var(--navy)}.page-cta{background:var(--canvas);border:1px solid var(--line);border-radius:25px;justify-content:space-between;align-items:center;gap:25px;margin-top:70px;padding:34px 38px;display:flex}.page-cta h2{color:var(--navy);margin:8px 0 0}.filter-row{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.filter-button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:9px 16px;font-size:12px;font-weight:750}.filter-button:hover,.filter-button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.project-library{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.library-card{min-height:350px}.library-card h2{margin-top:14px}.project-facts{color:var(--muted);gap:7px;margin-top:16px;font-size:11px;display:flex}.resource-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.resource-card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:30px;box-shadow:0 12px 40px #1e43680f}.resource-card:last-child,.resource-card-featured{grid-column:1/-1}.resource-card-featured .resource-links{max-width:620px}.resource-heading{align-items:start;gap:16px;display:flex}.resource-heading>span{background:linear-gradient(145deg, var(--blue-2), var(--navy));color:#fff;border-radius:16px;flex:none;place-items:center;width:51px;height:51px;font-size:22px;display:grid}.resource-heading h2{margin:2px 0 8px}.resource-heading p{margin:0}.resource-links{gap:9px;margin-top:24px;display:grid}.resource-links a{border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;padding:13px 15px;transition:border .16s,transform .16s;display:flex}.resource-links a:hover{border-color:var(--cyan);transform:translateY(-2px)}.resource-links a span{flex-direction:column;gap:3px;display:flex}.resource-links strong{color:var(--navy);font-size:13px}.resource-links small{color:var(--muted);font-size:10px}.resource-links b{color:var(--orange);font-size:19px}.detail-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 25%,#22b8cf33,#0000 25%),linear-gradient(130deg,#f3fbff,#fff7ef)}.detail-hero-grid{grid-template-columns:1.4fr .6fr;align-items:center;gap:60px;min-height:490px;padding-top:55px;padding-bottom:55px;display:grid}.back-link{color:var(--blue);gap:7px;margin-bottom:25px;font-size:12px;font-weight:750;display:inline-flex}.detail-hero .tag{display:block}.detail-facts{gap:12px;margin-top:28px;display:flex}.detail-facts span{border:1px solid var(--line);min-width:130px;color:var(--navy);background:#fffc;border-radius:13px;flex-direction:column;gap:3px;padding:12px 14px;font-size:13px;display:flex}.detail-facts b{color:var(--muted);font-size:10px}.detail-visual{aspect-ratio:1;color:#fff;background:linear-gradient(145deg,#0c2b5b,#0e77bf);border-radius:35px;justify-self:center;place-items:center;width:100%;max-width:280px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 65px #0b2a5a45}.detail-visual:before{content:"";border:1px dashed #ffffff3d;border-radius:50%;position:absolute;inset:22px}.detail-visual>span{z-index:1;font-size:92px}.detail-visual>b{letter-spacing:1px;font-size:11px;position:absolute;bottom:24px}.detail-visual>i{background:var(--orange);border-radius:50%;width:90px;height:90px;position:absolute;top:-35px;right:-20px}.detail-layout{grid-template-columns:300px 1fr;gap:65px;padding-top:80px;padding-bottom:100px;display:grid}.detail-aside{height:fit-content;position:sticky;top:115px}.detail-aside h2{color:var(--navy);font-size:25px;line-height:1.5}.safety-note{background:var(--orange-soft);border-radius:17px;margin-top:25px;padding:18px}.safety-note strong{color:#a94d08;font-size:12px}.safety-note p{color:#7a5a3f;margin:7px 0 0;font-size:12px;line-height:1.7}.detail-content{gap:20px;display:grid}.lesson-block{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:55px 1fr;gap:20px;padding:27px;display:grid}.step-number{width:45px;height:45px;color:var(--blue);background:#edf8ff;border-radius:14px;place-items:center;font-size:12px;font-weight:850;display:grid}.lesson-block h2{color:var(--navy);margin:6px 0 0;font-size:23px}.code-caption{color:var(--muted);margin:8px 0 14px;font-size:11px}.code-block{color:#c9f2ff;text-align:left;background:#071b3b;border-radius:17px;margin:0;padding:24px;font:12px/1.75 Consolas,Monaco,monospace;overflow-x:auto}.challenge-box{background:#f2f9ff;border:1px solid #d8edfb;border-radius:16px;margin-top:24px;padding:17px}.challenge-box strong{color:var(--blue);font-size:12px}.challenge-box p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.75}.about-hero{border-bottom:1px solid var(--line);background:linear-gradient(125deg,#f3fbff 0 55%,#fff3e7 55% 100%)}.about-grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:70px;min-height:560px;padding-top:65px;padding-bottom:65px;display:grid}.about-hero h1 span{color:var(--orange);display:block}.about-grid blockquote{background:var(--navy);color:#fff;box-shadow:var(--shadow);border-radius:30px;margin:0;padding:38px}.about-grid blockquote>span{color:var(--orange);font:70px/1 Georgia,serif}.about-grid blockquote p{margin:0 0 22px;font-size:22px;line-height:1.7}.about-grid cite{color:#9edff1;font-size:12px;font-style:normal}.about-foundation{grid-template-columns:1.25fr .75fr;gap:18px;margin-top:-34px;display:grid;position:relative}.about-purpose,.about-vision-card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:32px;box-shadow:0 16px 42px #123b5d14}.about-purpose h2,.about-strategy h2,.about-paths h2,.about-connect h2{margin:8px 0 12px;font-size:clamp(28px,4vw,42px);line-height:1.2}.about-purpose p,.about-strategy .section-heading p,.about-connect-copy>p{color:var(--muted);margin:0;font-size:16px;line-height:1.85}.about-vision-card{color:#fff;background:linear-gradient(140deg,#073861,#0a7f9c)}.about-vision-card>span{color:#91e6ee;font-weight:900}.about-vision-card strong{margin:12px 0;font-size:27px;line-height:1.35;display:block}.about-vision-card p{color:#d7edf3;margin:0;line-height:1.8}.about-strategy{color:#fff;background:#073354;margin-top:70px;padding:70px 0}.about-strategy .section-kicker{color:#69d8e3}.about-strategy h2{color:#fff}.about-strategy .section-heading p{color:#c8dce7}.strategy-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px;display:grid}.strategy-grid article{background:#ffffff0b;border:1px solid #ffffff20;border-radius:18px;padding:22px}.strategy-grid article>span{color:#112f47;background:#ffab32;border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:900;display:grid}.strategy-grid h3{color:#fff;margin:18px 0 8px;font-size:20px}.strategy-grid p{color:#cadde7;margin:0;font-size:15px;line-height:1.75}.about-paths{padding-bottom:70px}.about-path-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.about-path-grid article{border:1px solid var(--line);text-align:center;background:linear-gradient(145deg,#f1faff,#fff);border-radius:19px;align-content:center;justify-items:center;gap:14px;min-height:150px;padding:22px;display:grid}.about-path-grid b{color:#fff;background:#0b809b;border-radius:16px;place-items:center;width:55px;height:55px;font-size:20px;display:grid}.about-path-grid span{color:var(--navy);font-weight:850;line-height:1.55}.about-connect{background:#eef8fb;border:1px solid #cce5ed;border-radius:28px;grid-template-columns:1.25fr .75fr;align-items:center;gap:35px;margin-bottom:74px;padding:36px;display:grid}.about-connect-copy ul{color:#35556a;gap:10px;margin:22px 0 0;padding-inline-start:22px;display:grid}.about-connect-copy li::marker{color:#0a829c}.whatsapp-card{text-align:center;background:#fff;border-radius:22px;justify-items:center;padding:28px;display:grid;box-shadow:0 16px 38px #12415c16}.whatsapp-icon{color:#fff;background:#25d366;border-radius:50%;place-items:center;width:58px;height:58px;font-size:31px;font-weight:900;display:grid}.whatsapp-card small{color:#168a45;margin-top:11px;font-weight:900}.whatsapp-card strong{color:#123750;margin:5px 0;font-size:25px}.whatsapp-card p{color:var(--muted);margin:0 0 18px;line-height:1.65}.whatsapp-button{color:#fff;background:#1ead58;border-radius:11px;width:100%;padding:13px 17px;font-weight:900;text-decoration:none;transition:all .2s}.whatsapp-button:hover{background:#168f49;transform:translateY(-2px)}@media (width<=900px){.about-foundation,.about-connect{grid-template-columns:1fr}.strategy-grid,.about-path-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.about-foundation{margin-top:18px}.about-purpose,.about-vision-card,.about-connect{padding:22px}.about-strategy{margin-top:45px;padding:50px 0}.strategy-grid,.about-path-grid{grid-template-columns:1fr}.whatsapp-card strong{font-size:22px}}.principle-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.principle-grid article{border:1px solid var(--line);border-radius:20px;padding:22px}.principle-grid span{color:var(--orange);font-size:12px;font-weight:900}.principle-grid p{color:var(--navy);font-size:14px;font-weight:650;line-height:1.75}.journey-panel{background:var(--canvas);border:1px solid var(--line);border-radius:27px;justify-content:space-between;align-items:center;gap:30px;margin-top:75px;padding:42px;display:flex}.journey-panel h2{color:var(--navy);text-align:start;direction:ltr;font-size:clamp(20px,2.6vw,30px)}.journey-panel p{color:var(--muted);max-width:760px;font-size:14px;line-height:1.8}@media (width<=980px){.header-inner{flex-wrap:wrap;min-height:72px}.brand{flex:1}.menu-toggle{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:42px;height:42px;display:flex}.menu-toggle i{background:var(--navy);width:18px;height:2px}.language-button{order:2}.main-nav{flex-direction:column;flex-basis:100%;order:3;align-items:stretch;gap:0;padding-bottom:14px;display:none}.main-nav.is-open{display:flex}.main-nav a{border-radius:10px;padding:12px}.main-nav a:after{display:none}.main-nav a.active{background:#edf7ff}.hero{grid-template-columns:1fr;padding-top:55px}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.hero-visual{min-height:500px}.learning-path{grid-template-columns:repeat(3,1fr);row-gap:28px}.path-arrow{display:none}.feature-grid{grid-template-columns:1fr 1fr}.project-card:last-child{grid-column:1/-1}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-note{grid-column:1/-1}.project-library{grid-template-columns:1fr 1fr}.detail-layout{grid-template-columns:1fr}.detail-aside{position:static}.principle-grid{grid-template-columns:1fr 1fr}.foxhole-grid{grid-template-columns:1fr}}@media (width>=681px) and (width<=980px){.menu-toggle{display:none}.main-nav,.main-nav.is-open{flex-flow:wrap;justify-content:center;align-items:center;gap:4px 18px;padding-bottom:11px;display:flex}.main-nav a{padding:9px 5px}.main-nav a:after{display:block;bottom:1px}.main-nav a.active{background:0 0}}@media (width<=680px){.section-shell{width:min(100% - 24px,1180px)}.brand{min-width:0}.brand small{display:none}.language-button{padding:8px 10px}.hero{gap:20px;min-height:auto;padding-top:42px}.hero h2{letter-spacing:-1.8px;font-size:44px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column}.hero-trust{flex-wrap:wrap;row-gap:16px}.hero-trust div{min-width:33%;padding-inline:10px}.hero-visual{min-height:420px}.lab-card{width:88%;min-height:365px}.robot-stage{height:230px}.chip-code{bottom:40px;left:0}.chip-idea{top:35px;right:0}.intro-strip{padding:32px 16px}.learning-path{grid-template-columns:repeat(2,1fr)}.section-heading{flex-direction:column;align-items:start}.feature-grid{grid-template-columns:1fr}.project-card:last-child{grid-column:auto}.mission-band{text-align:center;grid-template-columns:1fr;justify-items:center;padding:38px 22px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;justify-content:center;gap:8px}.page-hero-inner{min-height:350px}.page-hero h1,.detail-hero h1,.about-hero h1{font-size:41px}.article-grid,.project-library,.resource-grid{grid-template-columns:1fr}.resource-card:last-child,.resource-card-featured{grid-column:auto}.page-cta,.journey-panel{flex-direction:column;align-items:start;padding:28px 22px}.detail-hero-grid,.about-grid{grid-template-columns:1fr;gap:35px;padding-top:50px;padding-bottom:50px}.detail-visual{max-width:220px}.detail-layout{gap:35px}.lesson-block,.principle-grid{grid-template-columns:1fr}.foxhole-section{margin-bottom:64px;padding:52px 0}.foxhole-grid{gap:34px}.foxhole-points{grid-template-columns:1fr}.foxhole-points>div{min-height:0}}[dir=ltr] .hero h2{letter-spacing:-3px}[dir=ltr] .button span,[dir=ltr] .text-link span,[dir=ltr] .card-link span{transform:rotate(180deg)}.lesson-specific-model,.soil-model,.water-model,.vibration-led-model,.joystick-2d-model,.micro-servo-model,.lcd-keyestudio-model{text-align:center;background:linear-gradient(145deg,#eefaff,#fff);border:1px solid #cfe3ef;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:245px;padding:24px;display:flex}.lesson-sensor{color:#fff;background:#12314e;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:150px;min-height:126px;padding:16px;transition:all .25s;display:flex;box-shadow:0 12px 28px #0b31502a}.lesson-sensor span{font-size:42px;line-height:1}.lesson-sensor b{margin-top:8px}.lesson-sensor small{color:#8fe6ff}.lesson-specific-model.active .lesson-sensor{transform:translateY(-4px);box-shadow:0 0 30px #ff9f2f66}.sensor-signal{background:#dce8ef;border-radius:99px;width:min(310px,90%);height:18px;position:relative;overflow:visible}.sensor-signal i{border-radius:inherit;background:linear-gradient(90deg,#1c9dd8,#ff9f2f);height:100%;transition:width .25s;display:block}.sensor-signal output{color:#12314e;inset-inline-end:0;font-weight:800;position:absolute;top:25px}.model-flame.active{background:#fff0e4}.model-flame.active .lesson-sensor span,.model-gas.active .lesson-sensor span{animation:.55s infinite alternate pulseSensor}.model-crash.active .lesson-sensor{transform:translate(-8px)}.model-reed.active .lesson-sensor{box-shadow:0 0 0 8px #59c78c33,0 0 30px #59c78c}.model-relay.active .lesson-sensor span{filter:drop-shadow(0 0 15px #ffd12e)}.model-ultrasonicKS .lesson-sensor span{animation:1.4s infinite ultraPulse}.model-soundSensor.active .lesson-sensor{animation:.16s infinite tinyShake}.model-pressure.active .lesson-sensor{transform:scale(.94)}.model-uv.active{background:linear-gradient(145deg,#f3e8ff,#fff)}.soil-model,.water-model,.vibration-led-model{flex-flow:wrap}.soil-model .plant{background:#8f633f;border-radius:16px 16px 55px 55px;width:130px;height:145px;font-size:54px;position:relative;overflow:hidden}.soil-model .plant i{background:#4e2d17aa;position:absolute;bottom:0;left:0;right:0}.soil-model .pump{font-size:42px}.soil-model .pump b,.water-buzzer b{font-size:14px;display:block}.soil-model.dry .pump{color:#1683ca;animation:.6s infinite alternate pulseSensor}.soil-model .drops{opacity:0}.soil-model.dry .drops{opacity:1;animation:.8s infinite dropWater}.water-model .tank{border:6px solid #315b73;border-top:0;border-radius:0 0 22px 22px;width:130px;height:170px;position:relative;overflow:hidden}.water-model .tank i{background:#27a8e6aa;transition:height .25s;position:absolute;bottom:0;left:0;right:0}.water-model .tank b{z-index:2;position:relative;top:55px}.water-buzzer{font-size:50px}.water-model.alarm .water-buzzer{color:#d93636;animation:.15s infinite tinyShake}.vibration-module,.piranha-led{color:#fff;background:#163752;border-radius:20px;width:140px;padding:25px;font-size:44px}.vibration-module b,.piranha-led b{font-size:14px;display:block}.vibration-led-model.active .vibration-module{animation:.12s infinite tinyShake}.vibration-led-model.active .piranha-led{color:#6c4b00;background:#fff3a2;box-shadow:0 0 45px #ffd326}.joystick-2d-model>div{background:#173956;border-radius:28px;width:210px;height:160px;position:relative}.joystick-2d-model>div b{background:#2da8e1;border:7px solid #d9f3ff;border-radius:50%;width:48px;height:48px;transition:transform .2s;position:absolute;top:55px;left:82px}.joystick-2d-model strong{font-size:38px}.micro-servo-model>div{background:#1676b5;border-radius:18px;width:130px;height:105px}.micro-servo-model>b{transform-origin:50%;background:#ff9e27;border-radius:99px;width:140px;height:12px;transition:transform .25s}.micro-servo-model output{font-size:24px;font-weight:800}.lcd-keyestudio-model>b{color:#0d6043}.lcd-keyestudio-model>div{color:#dcffb9;text-align:left;direction:ltr;background:#155c45;border:10px solid #202f3b;gap:8px;width:min(360px,95%);padding:20px;font-family:monospace;display:grid;box-shadow:inset 0 0 18px #052}.lcd-keyestudio-model small{color:#315b73;font-weight:700}@keyframes pulseSensor{to{transform:scale(1.06)}}@keyframes tinyShake{25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes ultraPulse{50%{transform:scale(1.16)}}@keyframes dropWater{50%{transform:translateY(12px)}}.arduino-page{color:var(--navy);background:#f3f7fb;min-height:100vh}.arduino-hero{color:#fff;background:radial-gradient(circle at 80% 24%,#20a9c744,#0000 34%),linear-gradient(135deg,#072d4c,#0a5e83);grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;min-height:470px;padding:72px max(24px,50vw - 560px);display:grid}.arduino-hero span{color:#60d5e6;letter-spacing:.12em;font-weight:900}.arduino-hero h1{max-width:700px;margin:13px 0 16px;font-size:clamp(38px,6vw,70px);line-height:1.05}.arduino-hero p{color:#d8edf6;max-width:680px;margin:0 0 28px;font-size:18px;line-height:1.9}.arduino-hero a{color:#102f49;background:#f29b2e;border-radius:11px;padding:13px 23px;font-weight:900;display:inline-flex}.hero-uno{aspect-ratio:1.35;color:#fff;background:#1687a8;border:14px solid #0d2639;border-radius:24px;place-items:center;width:min(330px,88vw);margin:auto;font-size:48px;font-weight:950;display:grid;position:relative;box-shadow:0 28px 55px #00162677,inset 0 0 0 3px #38bed8}.hero-uno:before,.hero-uno:after{content:"";background:repeating-linear-gradient(#172331 0 8px,#d7bf75 8px 13px);width:34px;position:absolute;inset-block:18px}.hero-uno:before{left:-28px}.hero-uno:after{right:-28px}.hero-uno i{background:#ffbd38;border-radius:50%;width:18px;height:18px;box-shadow:30px 0 #ffbd38,60px 0 #ffbd38,90px 0 #ffbd38}.arduino-library{width:min(1180px,100% - 32px);margin:auto;padding:65px 0}.arduino-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.arduino-heading small{color:#1687a8;font-weight:900}.arduino-heading h2{margin:7px 0 0;font-size:clamp(28px,4vw,43px)}.arduino-heading>strong{color:#09667a;background:#def4f7;border-radius:999px;padding:10px 16px}.arduino-tools{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffe;border:1px solid #dce8f1;border-radius:17px;grid-template-columns:minmax(230px,1fr) 2fr;gap:13px;margin:28px 0;padding:14px;display:grid;position:sticky;top:78px;box-shadow:0 10px 30px #123a6013}.arduino-tools input{min-height:48px;color:var(--navy);font:inherit;background:#f8fbfd;border:1px solid #c6dbe9;border-radius:11px;padding:0 16px}.arduino-tools>div{flex-wrap:wrap;gap:7px;display:flex}.arduino-tools button{color:var(--navy);cursor:pointer;background:#fff;border:1px solid #c9ddeb;border-radius:9px;padding:8px 12px;font-weight:800}.arduino-tools button.active{color:#fff;background:#1687a8;border-color:#1687a8}.arduino-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.arduino-grid article{background:#fff;border:1px solid #d7e4ee;border-radius:20px;transition:all .22s;overflow:hidden;box-shadow:0 8px 23px #123a6010}.arduino-grid article:hover{transform:translateY(-4px);box-shadow:0 16px 35px #123a6024}.lesson-image{background:linear-gradient(135deg,#e4f7fa,#f8fcfd);place-items:center;height:175px;display:grid;position:relative;overflow:hidden}.lesson-image>span{color:#10799e;filter:drop-shadow(0 8px 10px #0b638922);font-size:65px;font-weight:950}.lesson-image>b{color:#0b6788;top:13px;background:#fff;border-radius:8px;padding:6px 9px;position:absolute;inset-inline-start:13px}.lesson-image.kind-motor{background:linear-gradient(135deg,#fff0d7,#fffaf0)}.lesson-image.kind-motor>span{color:#ec8d18}.lesson-image.kind-sensor{background:linear-gradient(135deg,#e5f8ef,#f8fffb)}.lesson-image.kind-sensor>span{color:#14966c}.lesson-image.kind-code{background:linear-gradient(135deg,#e9eefc,#f8faff)}.mini-uno{color:#fff;bottom:13px;background:#148bad;border-radius:7px;place-items:center;width:74px;height:47px;font-size:12px;font-weight:900;display:grid;position:absolute;inset-inline-end:13px}.mini-uno i{background:#ffbf37;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.arduino-grid article>div:last-child{padding:18px}.arduino-grid small{color:#1687a8;font-weight:850}.arduino-grid h3{min-height:54px;margin:8px 0 7px;font-size:20px}.arduino-grid p{color:#63768a;min-height:72px;margin:0;line-height:1.7}.arduino-grid article button{color:#fff;cursor:pointer;background:#0e6fa2;border:0;border-radius:10px;width:100%;margin-top:15px;padding:11px;font-weight:900}.arduino-grid article button span{float:inline-end}.empty-lessons{text-align:center;background:#fff;border-radius:18px;padding:55px}.arduino-safety{background:#fff8e7;border:1px solid #f0c878;border-radius:18px;align-items:start;gap:18px;width:min(1060px,100% - 32px);margin:0 auto 65px;padding:25px;display:flex}.arduino-safety>b{font-size:32px}.arduino-safety h2{margin:0 0 7px}.arduino-safety p{margin:0;line-height:1.8}.arduino-dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a2139d9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.arduino-dialog{background:#f5f9fc;border-radius:22px;width:min(1050px,100%);max-height:calc(100vh - 38px);overflow:hidden;box-shadow:0 25px 80px #00111c88}.arduino-dialog>header{background:#fff;border-bottom:1px solid #d7e4ee;align-items:center;gap:18px;padding:15px 20px;display:flex}.arduino-dialog>header button{color:#0b587e;cursor:pointer;background:#edf4f8;border:0;border-radius:50%;width:42px;height:42px;font-size:28px}.arduino-dialog>header small{color:#1687a8;font-weight:850}.arduino-dialog>header h2{margin:3px 0 0}.arduino-dialog-body{grid-template-columns:1.15fr .85fr;gap:18px;max-height:calc(100vh - 128px);padding:18px;display:grid;overflow:auto}.arduino-visual,.arduino-dialog aside{background:#fff;border:1px solid #d7e5ef;border-radius:17px;padding:18px}.arduino-visual p{text-align:center;color:#678}.arduino-sim{background:radial-gradient(circle,#dff6f8,#f6fbfc 65%);border-radius:16px;grid-template-columns:1fr 150px;place-items:center;gap:35px;min-height:395px;display:grid}.uno-board{color:#fff;background:#148dad;border-radius:18px 38px 38px 18px;width:330px;max-width:100%;height:220px;position:relative;box-shadow:inset 0 0 0 5px #55c6d6,0 18px 35px #123a6033}.uno-board>b{font-size:35px;position:absolute;top:75px;left:80px}.uno-board>small{font-size:20px;position:absolute;top:115px;left:122px}.uno-board .status{background:#425565;border-radius:50%;width:18px;height:18px;position:absolute;top:20px;right:24px}.uno-board .status.on{background:#49e989;box-shadow:0 0 18px #49e989}.uno-board .pins{direction:ltr;gap:6px;display:flex;position:absolute;bottom:14px;left:22px;right:22px}.uno-board .pins span{background:#182b3b;border:4px solid #d4b33d;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.uno-board .pins span.active{color:#112c3d;background:#ffb52e;box-shadow:0 0 0 4px #fff5}.uno-board output{background:#0b5877;border-radius:7px;padding:7px 10px;position:absolute;top:20px;left:20px}.device{color:#0b587e;text-align:center;place-items:center;gap:9px;display:grid}.device strong{background:#edf9fc;border:8px solid #bedde8;border-radius:50%;place-items:center;width:110px;height:110px;font-size:50px;transition:all .2s;display:grid}.device.is-on strong{background:#dff9ef;border-color:#18b77c;transform:scale(1.08);box-shadow:0 0 35px #18b77c66}.device-motor.is-on strong{transform:rotate(80deg)}.device span{font-size:23px;font-weight:950}.arduino-dialog aside h3{margin-top:0}.arduino-dialog aside>p{color:#66798b;line-height:1.7}.arduino-dialog label{background:#eef6fb;border-radius:12px;grid-template-columns:1fr auto;gap:8px;padding:14px;font-weight:850;display:grid}.arduino-dialog input{accent-color:#1687a8;grid-column:1/-1;width:100%}.arduino-dialog output{color:#08749a;font-size:20px;font-weight:950}.flow{direction:rtl;justify-content:center;align-items:center;gap:8px;margin:14px 0;display:flex}.flow b{background:#e7f3f9;border-radius:8px;padding:9px}.flow i{color:#e79120}.sim-result{color:#566b7d;background:#eef2f5;border-radius:10px;padding:12px;font-weight:850}.sim-result.on{color:#087457;background:#dff8ee}.arduino-dialog dl{gap:8px;margin:14px 0;display:grid}.arduino-dialog dl>div{border:1px solid #dbe7ef;border-radius:9px;grid-template-columns:110px 1fr;gap:8px;padding:9px 11px;display:grid}.arduino-dialog dt{font-weight:900}.arduino-dialog dd{color:#617489;margin:0}.arduino-dialog pre{color:#c9f4e3;text-align:left;background:#102c42;border-radius:12px;margin:0;padding:14px;font-size:12px;line-height:1.6;overflow:auto}@media (width<=900px){.arduino-hero{text-align:center;grid-template-columns:1fr}.arduino-hero p{margin-inline:auto}.arduino-grid{grid-template-columns:repeat(2,1fr)}.arduino-dialog-body{grid-template-columns:1fr}.arduino-tools{grid-template-columns:1fr;position:static}.arduino-sim{grid-template-columns:1fr;min-height:350px}.device{display:none}}@media (width<=590px){.arduino-grid{grid-template-columns:1fr}.arduino-hero{padding-block:50px}.hero-uno{transform:scale(.8)}.arduino-heading{align-items:start}.arduino-dialog-backdrop{padding:0}.arduino-dialog{border-radius:0;height:100vh;max-height:100vh}.arduino-dialog-body{max-height:calc(100vh - 95px);padding:10px}.arduino-visual,.arduino-dialog aside{padding:11px}.uno-board{transform:scale(.78)}.arduino-sim{min-height:270px}.arduino-dialog>header h2{font-size:18px}.arduino-tools>div{flex-wrap:nowrap;overflow-x:auto}}.arduino-guide-dialog{width:min(1180px,100%)}.arduino-guide-body{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:20px;max-height:calc(100vh - 112px);padding:20px;display:grid;overflow:auto}.arduino-guide-visual,.arduino-guide-copy{background:#fff;border:1px solid #d7e5ef;border-radius:17px;padding:18px}.arduino-guide-visual{flex-direction:column;align-items:center;gap:14px;display:flex}.arduino-guide-visual .arduino-lesson-image{object-fit:contain;width:100%;height:auto;max-height:none}.arduino-guide-image-link{color:#fff;background:#0e6fa2;border-radius:10px;justify-content:center;padding:11px 18px;font-weight:900;display:inline-flex}.arduino-guide-copy{flex-direction:column;gap:14px;display:flex}.arduino-guide-intro{background:#eaf7fb;border-radius:13px;padding:16px}.arduino-guide-intro h3{color:#075b7e;margin:0 0 7px}.arduino-guide-intro p,.arduino-guide-grid p{color:#526b7d;margin:0;line-height:1.75}.arduino-guide-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.arduino-guide-grid section{background:#fbfdff;border:1px solid #dce9f1;border-radius:12px;padding:14px}.arduino-guide-grid b{color:#096b8f;margin-bottom:6px;display:block}.arduino-guide-safety{color:#6b531e;background:#fff8e7;border:1px solid #f0ca77;border-radius:12px;align-items:start;gap:10px;padding:13px;line-height:1.65;display:flex}@media (width<=900px){.arduino-guide-body{grid-template-columns:1fr}.arduino-guide-grid{grid-template-columns:1fr 1fr}}@media (width<=590px){.arduino-guide-body{max-height:calc(100vh - 82px);padding:10px}.arduino-guide-visual,.arduino-guide-copy{padding:11px}.arduino-guide-grid{grid-template-columns:1fr}.arduino-guide-dialog>header{padding:11px}}.electronics-page{color:#092f51;background:#f4f8fb;min-height:100vh}.el-shell{width:min(1180px,100% - 32px);margin:auto}.el-hero{color:#fff;background:radial-gradient(circle at 78% 30%,#11bfd94a,#0000 31%),linear-gradient(135deg,#061f3c,#075c7a);grid-template-columns:1.25fr .75fr;align-items:center;gap:70px;min-height:500px;padding:72px max(24px,50vw - 590px);display:grid}.el-hero span,.el-lab header small,.el-roadmap header small,.el-modern header small{color:#18a7c7;letter-spacing:.08em;font-weight:900}.el-hero span{color:#64d9e5}.el-hero h1{max-width:760px;margin:12px 0 18px;font-size:clamp(40px,6vw,70px);line-height:1.08}.el-hero p{color:#d9edf5;max-width:720px;font-size:19px;line-height:1.9}.el-hero a{color:#102f49;background:#f5a52c;border-radius:11px;margin-top:15px;padding:13px 22px;font-weight:900;display:inline-flex}.el-hero-chip{aspect-ratio:1;background:linear-gradient(145deg,#22a2bb,#08738f);border:18px solid #102738;border-radius:28px;place-items:center;width:min(300px,80vw);margin:auto;display:grid;position:relative;box-shadow:0 28px 60px #00101e88,inset 0 0 0 4px #65d5e2}.el-hero-chip b{font-size:72px}.el-hero-chip i{background:#d5bd70;width:58px;height:8px;position:absolute}.el-hero-chip i:first-of-type{top:25%;right:-62px}.el-hero-chip i:nth-of-type(2){bottom:25%;right:-62px}.el-hero-chip i:nth-of-type(3){top:25%;left:-62px}.el-hero-chip i:nth-of-type(4){bottom:25%;left:-62px}.el-lab,.el-roadmap{padding-block:72px}.el-lab>header,.el-roadmap>header,.el-modern header{max-width:820px}.el-lab h2,.el-roadmap h2,.el-modern h2{margin:8px 0 10px;font-size:clamp(30px,4vw,46px)}.el-lab header p,.el-modern header p{color:#61768a;font-size:17px;line-height:1.8}.el-tabs{grid-template-columns:repeat(7,1fr);gap:9px;margin:28px 0 18px;display:grid}.el-tabs button{color:#153d5e;cursor:pointer;background:#fff;border:1px solid #cfe0ea;border-radius:14px;min-height:105px;padding:12px 7px}.el-tabs button b{color:#128aaa;margin-bottom:8px;font-size:25px;display:block}.el-tabs button span{font-weight:850;line-height:1.45}.el-tabs button.active{color:#fff;background:#0b7899;border-color:#0b87a6;box-shadow:0 10px 25px #0d6c8b33}.el-tabs button.active b{color:#ffd174}.el-workbench{background:#fff;border:1px solid #cfe0ea;border-radius:22px;grid-template-columns:.72fr 1.28fr;gap:20px;min-height:430px;padding:22px;display:grid;box-shadow:0 16px 40px #123b5e18}.el-lesson-copy{background:#f0f7fb;border-radius:16px;padding:20px}.el-lesson-copy>span{color:#fff;background:#0b7899;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.el-lesson-copy h3{margin:14px 0 8px;font-size:28px}.el-lesson-copy>p{color:#566f82;line-height:1.8}.el-lesson-copy dl{gap:9px;display:grid}.el-lesson-copy dl div{background:#fff;border:1px solid #d7e5ed;border-radius:10px;padding:11px}.el-lesson-copy dt{font-weight:900}.el-lesson-copy dd{color:#65798a;margin:4px 0 0}.el-lesson-copy aside{background:#fff8e7;border:1px solid #efc46c;border-radius:10px;margin-top:13px;padding:12px;line-height:1.65}.el-sim{text-align:center;background:radial-gradient(circle,#e5f9fb,#f6fbfd 68%);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:380px;padding:28px;display:flex}.el-circuit-line{direction:ltr;align-items:center;gap:24px;display:flex}.el-circuit-line:before,.el-circuit-line:after{content:"";background:#32566e;width:45px;height:4px}.el-circuit-line i{font-style:normal}.battery{background:#f8c84c;border:5px solid #31556c;border-radius:6px;padding:18px 10px;font-weight:900}.resistor{background:repeating-linear-gradient(90deg,#ebd08d 0 13px,#6f4c2a 13px 18px);border:4px solid #c69343;border-radius:20px;padding:10px 25px}.led{color:#ffc02d;font-size:60px;transition:all .2s}.diode{color:#152f43;font-size:36px}.el-slider{text-align:start;grid-template-columns:1fr auto;gap:8px;width:min(520px,100%);font-weight:850;display:grid}.el-slider input{accent-color:#0c89a9;grid-column:1/-1;width:100%}.cap-meter{background:#fff;border:6px solid #284f67;border-radius:15px;width:120px;height:190px;position:relative;overflow:hidden}.cap-meter i{background:#29b9ca;transition:all .2s;position:absolute;bottom:0;left:0;right:0}.cap-meter b{place-items:center;font-size:25px;display:grid;position:absolute;inset:0}.polarity,.el-action{color:#fff;cursor:pointer;background:#0c7ca0;border:0;border-radius:10px;padding:11px 17px;font-weight:900}.transistor-demo,.logic-demo,.cpu-flow{direction:ltr;justify-content:center;align-items:center;gap:18px;display:flex}.transistor-demo i,.transistor-demo b{background:#dbe7ed;border-radius:50%;padding:20px;font-style:normal}.transistor-demo .active,.logic-demo .active{color:#fff;box-shadow:0 0 24px #21ba7e77;background:#21ba7e!important}.logic-demo{flex-wrap:wrap}.logic-demo button,.logic-demo output{background:#fff;border:1px solid #bbd2df;border-radius:10px;padding:16px;font-weight:900}.logic-demo b{color:#fff;background:#173e58;border-radius:8px;padding:22px}.cpu-flow{flex-wrap:wrap}.cpu-flow span{background:#dceaf1;border-radius:50%;place-items:center;width:105px;height:105px;font-size:24px;font-weight:900;display:grid}.cpu-flow span.active{color:#092f51;background:#f5a52c;transform:scale(1.08)}.cpu-flow small{font-size:12px;display:block}.ai-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:260px;display:grid}.ai-grid i{aspect-ratio:1;background:#0c86a6;border-radius:8px;box-shadow:inset 0 0 0 2px #fff6}.el-sim>p{color:#49677b;margin:0;font-weight:750}.el-roadmap>div{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px;display:grid}.el-roadmap article{background:#fff;border:1px solid #d5e4ec;border-radius:16px;padding:20px;position:relative}.el-roadmap article>b{color:#1492ae}.el-roadmap article>i{margin:15px 0;font-size:32px;font-style:normal;display:block}.el-roadmap article h3{margin:0 0 8px}.el-roadmap article p{color:#617487;line-height:1.7}.el-roadmap article>span{z-index:1;color:#f2a22c;inset-inline-end:-22px;font-size:28px;position:absolute;top:48%}.el-modern{color:#fff;background:#082d4b;padding:72px 0}.el-modern header p{color:#c9dce7}.el-modern-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:28px;display:grid}.el-modern-grid a{color:#fff;background:#ffffff0d;border:1px solid #ffffff25;border-radius:16px;padding:22px;transition:all .2s}.el-modern-grid a:hover{background:#ffffff18;transform:translateY(-3px)}.el-modern-grid b{color:#66dce5;font-size:21px}.el-modern-grid p{color:#d5e4ec;line-height:1.7}@media (width<=950px){.el-hero{text-align:center;grid-template-columns:1fr}.el-hero p{margin-inline:auto}.el-tabs{grid-template-columns:repeat(4,1fr)}.el-workbench{grid-template-columns:1fr}.el-roadmap>div{grid-template-columns:repeat(2,1fr)}}@media (width<=590px){.el-hero{min-height:auto;padding-block:50px}.el-hero-chip{transform:scale(.72)}.el-tabs{display:flex;overflow-x:auto}.el-tabs button{min-width:135px}.el-workbench{padding:10px}.el-sim{min-height:330px;padding:14px}.el-circuit-line{gap:9px;transform:scale(.82)}.el-roadmap>div,.el-modern-grid{grid-template-columns:1fr}.el-roadmap article>span{display:none}}.resistor-course{padding-block:76px}.resistor-course>header{max-width:900px}.resistor-course>header small{color:#118baa;letter-spacing:.1em;font-weight:950}.resistor-course>header h2{margin:9px 0;font-size:clamp(32px,5vw,52px)}.resistor-course>header p{color:#5d7487;font-size:18px;line-height:1.85}.resistor-physical{grid-template-columns:1.25fr .75fr;gap:16px;margin-top:30px;display:grid}.resistor-physical article,.resistor-tools>article,.measure-guide,.resistor-uses article,.quick-check{background:#fff;border:1px solid #d4e4ed;border-radius:18px;padding:22px}.resistor-physical h3,.resistor-tools h3,.measure-guide h3,.resistor-uses h3,.quick-check h3{margin:12px 0 8px}.resistor-physical p,.resistor-tools p,.measure-guide li,.resistor-uses p,.resistor-uses li,.quick-check p{color:#566e81;line-height:1.8}.axial-resistor{background:#d9b374;border-radius:35px;width:250px;height:74px;margin:8px auto 22px;position:relative;box-shadow:inset 0 0 0 3px #b18b52}.axial-resistor:before,.axial-resistor:after{content:"";background:#77848b;width:85px;height:4px;position:absolute;top:35px}.axial-resistor:before{right:100%}.axial-resistor:after{left:100%}.axial-resistor i{width:15px;height:68px;position:absolute;top:3px}.axial-resistor i:first-child{background:#d33;left:45px}.axial-resistor i:nth-child(2){background:#6d4424;left:80px}.axial-resistor i:nth-child(3){background:#ef8d27;left:116px}.axial-resistor i:nth-child(4){background:#d6ad32;right:40px}.resistor-symbol{color:#fff;text-align:center;direction:ltr;background:#0c314b;border-radius:13px;padding:28px;font-size:28px}.sub-title{margin:36px 0 15px;font-size:27px}.resistor-types{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.resistor-types article{background:#fff;border:1px solid #d5e4ec;border-radius:15px;padding:17px}.resistor-types article>b{color:#087997;background:#e6f6f8;border-radius:13px;place-items:center;width:52px;height:52px;font-size:25px;display:grid}.resistor-types h4{margin:12px 0 5px}.resistor-types p{color:#65798a;margin:0;line-height:1.65}.resistor-tools{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.band-selectors{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.band-selectors label{color:#536c7e;gap:5px;display:grid}.band-selectors select{background:#fff;border:1px solid #bdd3df;border-radius:8px;padding:9px}.coded-resistor{background:#d6b071;border-radius:30px;width:230px;height:65px;margin:25px auto 12px;position:relative}.coded-resistor:before,.coded-resistor:after{content:"";background:#7d898e;width:60px;height:4px;position:absolute;top:30px}.coded-resistor:before{right:100%}.coded-resistor:after{left:100%}.coded-resistor span{width:15px;height:59px;position:absolute;top:3px}.coded-resistor span:first-child{left:47px}.coded-resistor span:nth-child(2){left:82px}.coded-resistor span:nth-child(3){left:118px}.coded-resistor .gold{background:#cfa62e;right:38px}.resistor-tools output{text-align:center;color:#087895;font-size:28px;font-weight:950;display:block}.ohm-formula{color:#fff;text-align:center;direction:ltr;background:#0a7898;border-radius:12px;margin:15px 0;padding:15px;font-size:28px;font-weight:950}.resistor-tools>article>label{grid-template-columns:150px 1fr 65px;align-items:center;gap:10px;margin:10px 0;display:grid}.resistor-tools input{accent-color:#0b86a6}.ohm-result{color:#087153;background:#dff7ed;border-radius:12px;grid-template-columns:auto 1fr;gap:4px 15px;margin-top:15px;padding:15px;display:grid}.ohm-result b{font-size:25px}.ohm-result small{grid-column:1/-1}.ohm-result.danger{color:#a54518;background:#fff0e7}.measure-guide{grid-template-columns:280px 1fr;align-items:center;gap:30px;margin-top:17px;display:grid}.multimeter-face,.meter-demo{text-align:center;color:#172f3c;background:#f3b436;border:10px solid #293f4c;border-radius:22px;padding:24px}.multimeter-face>b,.meter-demo>b{font-size:28px;display:block}.multimeter-face output,.meter-demo output{color:#182c31;background:#b9d5c2;margin:12px 0;padding:13px;font:900 32px monospace;display:block}.multimeter-face i,.meter-demo span{color:#fff;background:#192f3d;border-radius:50%;margin:8px;padding:8px;font-style:normal;display:inline-block}.measure-guide aside{color:#6f5419;background:#fff8e5;border:1px solid #edc265;border-radius:9px;padding:11px}.resistor-uses{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:17px;display:grid}.quick-check{background:#e9f9fb;border-color:#75c6d4;margin-top:17px}.inductor-demo{direction:ltr;align-items:center;gap:12px;width:min(480px,100%);display:flex}.inductor-demo>b{background:#f2b436;border-radius:8px;padding:13px}.inductor-demo>i{color:#b56c22;font-size:48px;font-style:normal}.inductor-demo>span{background:#11a97c;border-radius:999px;height:15px;transition:all .2s}.meter-demo{width:260px}@media (width<=900px){.resistor-physical,.resistor-tools{grid-template-columns:1fr}.resistor-types{grid-template-columns:repeat(2,1fr)}.measure-guide{grid-template-columns:1fr}.multimeter-face{width:260px;margin:auto}.resistor-uses{grid-template-columns:1fr 1fr}}@media (width<=590px){.resistor-course{padding-block:50px}.resistor-types,.resistor-uses,.band-selectors{grid-template-columns:1fr}.coded-resistor{transform:scale(.78)}.resistor-tools>article>label{grid-template-columns:1fr auto}.resistor-tools>article>label input{grid-column:1/-1}.axial-resistor{transform:scale(.72)}}.resistor-types-photo{background:#fff;border:1px solid #cfe1ea;border-radius:20px;margin:0 0 16px;padding:12px}.resistor-types-photo img{border-radius:13px;width:100%;height:auto;display:block}.resistor-types-photo figcaption{color:#587185;text-align:center;padding:12px 5px 2px;line-height:1.7}.circuit-comparison{grid-template-columns:1fr 1fr;gap:16px;display:grid}.circuit-comparison article{background:#fff;border:1px solid #cfe1ea;border-radius:18px;padding:20px}.circuit-comparison h3{margin:0 0 12px}.circuit-comparison svg{background:#f3fbfd;border-radius:14px;width:100%;height:auto;display:block}.circuit-comparison .wire{fill:none;stroke:#176b83;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.circuit-comparison .resistor-line{fill:none;stroke:#ef8326;stroke-width:8px;stroke-linecap:round;stroke-linejoin:round}.circuit-comparison .battery-long,.circuit-comparison .battery-short{stroke:#173d53;stroke-width:7px;stroke-linecap:round}.circuit-comparison .current-arrow{fill:none;stroke:#16a276;stroke-width:7px;stroke-linecap:round}.circuit-comparison text{fill:#123a53;text-anchor:middle;font-size:20px;font-weight:800}.circuit-comparison p{color:#506c7e;line-height:1.75}.circuit-comparison p b{color:#086f8c;direction:ltr;unicode-bidi:isolate;font-size:19px}@media (width<=800px){.circuit-comparison{grid-template-columns:1fr}}@media (width<=590px){.resistor-types-photo{padding:7px}.resistor-types-photo figcaption{font-size:14px}.circuit-comparison article{padding:12px}.circuit-comparison text{font-size:17px}}.resistor-type-card{grid-template-rows:150px auto;display:grid;overflow:hidden;padding:0!important}.resistor-type-card>div:last-child{padding:0 17px 17px}.resistor-type-photo{background-image:url(/resistor-types-real-v2.png?rev=8c158fca08b0);background-repeat:no-repeat;background-size:400% 200%;border-bottom:1px solid #d5e4ec;min-height:150px;position:relative}.resistor-type-photo b{color:#fff;background:#087997;border-radius:10px;place-items:center;width:36px;height:36px;font-size:18px;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 5px 14px #073b5033}.resistor-type-1{background-position:0 0}.resistor-type-2{background-position:33.333% 0}.resistor-type-3{background-position:66.666% 0}.resistor-type-4{background-position:100% 0}.resistor-type-5{background-position:0 100%}.resistor-type-6{background-position:33.333% 100%}.resistor-type-7{background-position:66.666% 100%}.resistor-type-8{background-position:100% 100%}.real-meter{background:#fff;border:1px solid #d3e2e9;border-radius:16px;margin:0;padding:9px}.real-meter img{border-radius:11px;width:100%;height:auto;display:block}.real-meter figcaption{color:#486779;text-align:center;padding:9px 4px 2px;font-weight:800}.power-tolerance{background:linear-gradient(145deg,#effafd,#fff);border:1px solid #d2e5ec;border-radius:20px;margin-top:20px;padding:24px}.power-tolerance header h3{margin:5px 0 18px;font-size:26px}.power-tolerance header small{color:#087997;font-weight:900}.power-tolerance-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.power-tolerance-grid article{background:#fff;border:1px solid #d4e5ec;border-radius:15px;padding:18px}.power-tolerance-grid article>span{font-size:30px}.power-tolerance-grid h4{margin:8px 0;font-size:20px}.power-tolerance-grid p,.power-tolerance-grid li{color:#526c7e;line-height:1.75}.lesson-example{background:#e8f7fa;border-radius:11px;margin-top:12px;padding:13px}.lesson-example>b{color:#076f8d;direction:ltr;font-size:20px}.lesson-example p{margin:7px 0 0}.power-tolerance-grid ol{margin:8px 0;padding-inline-start:22px}@media (width<=900px){.power-tolerance-grid{grid-template-columns:1fr}.resistor-type-card{grid-template-rows:180px auto}}@media (width<=590px){.resistor-type-card{grid-template-rows:210px auto}.measure-guide{gap:14px}.power-tolerance{padding:15px}}.electric-basics{background:linear-gradient(145deg,#eaf9fc,#fff);border:1px solid #b9dce6;border-radius:22px;margin:25px 0 28px;padding:24px}.electric-basics header small{color:#087997;font-weight:950}.electric-basics header h3{margin:6px 0;font-size:27px}.electric-basics header p{color:#526d7d;line-height:1.8}.electric-basics-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.electric-basics-grid article{background:#fff;border:1px solid #d1e6ec;border-radius:16px;padding:17px}.electric-basics-grid article>b{color:#fff;direction:ltr;background:#0a7898;border-radius:12px;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.electric-basics-grid h4{margin:10px 0 5px;font-size:20px}.electric-basics-grid p{color:#566f80;margin:0;line-height:1.75}.basics-formula{color:#fff;direction:ltr;background:#0a7898;border-radius:14px;justify-content:center;align-items:center;gap:15px;max-width:480px;margin:18px auto 10px;padding:15px;font-size:30px;display:flex}.basics-formula small{direction:rtl;font-size:14px}.basics-example{color:#3d6375;margin:0;line-height:1.8}.basics-example b{color:#087997}@media (width<=700px){.electric-basics-grid{grid-template-columns:1fr}.basics-formula{flex-wrap:wrap;font-size:26px}}.resistor-reference-gallery{background:#fff;border:1px solid #d2e5ec;border-radius:20px;margin-top:20px;padding:24px}.resistor-reference-gallery header small{color:#087997;font-weight:900}.resistor-reference-gallery header h3{margin:5px 0 18px;font-size:26px}.resistor-reference-gallery>div{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.resistor-reference-gallery article{background:#f8fcfd;border:1px solid #d3e4eb;border-radius:16px;flex-direction:column;padding:12px;display:flex}.resistor-reference-gallery img{object-fit:contain;background:#fff;border-radius:11px;width:100%;height:230px;display:block}.resistor-reference-gallery h4{margin:13px 0 5px;font-size:19px}.resistor-reference-gallery p{color:#526c7e;flex:1;margin:0 0 12px;line-height:1.75}.resistor-reference-gallery a{color:#fff;text-align:center;background:#0a7898;border-radius:10px;padding:11px 14px;font-weight:900;text-decoration:none;display:block}.resistor-reference-gallery a:hover{background:#075f79}.resistor-reference-gallery a:focus-visible{outline-offset:3px;outline:3px solid #ffb23e}@media (width<=900px){.resistor-reference-gallery>div{grid-template-columns:1fr 1fr}}@media (width<=590px){.resistor-reference-gallery{padding:15px}.resistor-reference-gallery>div{grid-template-columns:1fr}.resistor-reference-gallery img{height:auto;max-height:430px}}.arduino-lesson-image{object-fit:contain;background:#fff;border:1px solid #cfe0eb;border-radius:14px;width:100%;max-height:480px;margin:0 auto 16px;display:block}.arduino-full-image{object-fit:contain;background:#fff;border:1px solid #cfe0eb;border-radius:16px;width:min(940px,100%);height:auto;margin:auto;display:block}.image-viewer-canvas>p{max-width:760px;color:var(--muted);margin:18px auto 0;font-size:16px;line-height:1.8}.image-viewer footer{border-top:1px solid var(--line);background:#fff;flex-wrap:wrap;justify-content:center;gap:10px;padding:13px;display:flex}.hero-uno-real{filter:drop-shadow(0 28px 30px #000a196b);width:min(440px,92vw);margin:0 auto;position:relative}.hero-uno-real img{mix-blend-mode:screen;border-radius:28px;width:100%;height:auto;display:block}.diy-page{min-height:100vh;color:var(--navy);background:#f5fafc}.diy-page .section-shell{width:min(1160px,100% - 32px);margin-inline:auto}.diy-hero{color:#fff;background:radial-gradient(circle at 14% 18%,#f9a62f55,#0000 31%),linear-gradient(135deg,#052d4d,#087f91);padding:60px 0}.diy-hero-grid{grid-template-columns:1fr 370px;align-items:center;gap:55px;display:grid}.diy-hero span{color:#7de6e6;letter-spacing:.08em;font-weight:900}.diy-hero h1{max-width:740px;margin:13px 0 17px;font-size:clamp(39px,5vw,65px);line-height:1.08}.diy-hero p{color:#d9eff4;max-width:700px;margin:0;font-size:18px;line-height:1.9}.diy-hero a{color:#102f48;background:#ffad32;border-radius:11px;margin-top:24px;padding:13px 22px;font-weight:950;text-decoration:none;display:inline-flex}.diy-kit{background:#ffffff12;border:1px solid #fff5;border-radius:26px;place-items:center;min-height:290px;padding:32px;display:grid;box-shadow:0 28px 60px #00192a55}.diy-kit>b{color:#fff;background:#1d9bb1;border:9px solid #112d3d;border-radius:17px;place-items:center;width:120px;height:86px;font-size:38px;display:grid;box-shadow:inset 0 0 0 3px #70dfe4}.diy-kit>div{gap:15px;font-size:35px;display:flex}.diy-kit small{color:#e0f7f8;font-weight:800}.diy-safety{z-index:2;background:#fff8e7;border:1px solid #efc46c;border-radius:18px;align-items:flex-start;gap:18px;padding:22px 25px;display:flex;position:relative;box-shadow:0 13px 32px #173d5815;margin-top:-23px!important}.diy-safety>b{font-size:34px}.diy-safety h2{margin:0 0 5px;font-size:21px}.diy-safety p{color:#66572f;margin:0;line-height:1.75}.diy-library{padding-block:66px}.diy-library>header{max-width:850px}.diy-library>header>span{color:#09809a;font-weight:900}.diy-library h2{margin:7px 0 10px;font-size:clamp(30px,4vw,45px)}.diy-library>header p{color:#5b7486;margin:0;font-size:17px;line-height:1.8}.diy-filters{flex-wrap:wrap;gap:8px;margin:25px 0 18px;display:flex}.diy-filters button{color:#173c56;font:inherit;cursor:pointer;background:#fff;border:1px solid #c7dee8;border-radius:999px;padding:10px 16px;font-weight:850}.diy-filters button.active{color:#fff;background:#087f98;border-color:#087f98}.diy-project-list{gap:13px;display:grid}.diy-project-list>article{background:#fff;border:1px solid #d3e5ec;border-radius:18px;overflow:hidden;box-shadow:0 9px 24px #123f5d10}.diy-project-list>article.open{border-color:#0b8ca2;box-shadow:0 16px 38px #0c6b7e20}.diy-project-title{width:100%;color:var(--navy);text-align:start;cursor:pointer;background:#fff;border:0;grid-template-columns:65px 1fr 38px;align-items:center;gap:15px;padding:19px 22px;display:grid}.diy-project-list>article.open .diy-project-title{background:#ecf9fb}.diy-project-title>b{text-align:center;font-size:40px}.diy-project-title span{gap:5px;display:grid}.diy-project-title small{color:#0a7d96;font-weight:900}.diy-project-title strong{font-size:22px}.diy-project-title em{color:#607889;font-style:normal;line-height:1.55}.diy-project-title>i{color:#087b95;background:#e7f5f8;border-radius:50%;place-items:center;width:34px;height:34px;font-size:25px;font-style:normal;font-weight:900;display:grid}.diy-project-body{border-top:1px solid #d3e5ec;grid-template-columns:1fr 1fr;gap:12px;padding:20px;display:grid!important}.diy-project-body>section{background:#fafdfe;border:1px solid #d9e8ee;border-radius:13px;min-width:0;padding:17px}.diy-project-body h3{color:#087a94;margin:0 0 8px;font-size:18px}.diy-project-body p{color:#526d7f;margin:0;line-height:1.75}.diy-wiring,.diy-steps{grid-column:1/-1}.diy-wiring table{border-collapse:collapse;text-align:left;direction:ltr;width:100%}.diy-wiring th,.diy-wiring td{border-bottom:1px solid #dce9ee;padding:10px 12px}.diy-wiring th{color:#0b637a;background:#eaf6f8}.diy-wiring>p{background:#fff7e5;border-radius:9px;padding:10px 12px;color:#695422!important;margin-top:12px!important}.diy-steps ol{grid-template-columns:repeat(3,1fr);gap:9px;margin:0;padding:0;list-style:none;display:grid}.diy-steps li{background:#eaf6f8;border-radius:10px;gap:9px;padding:12px;line-height:1.6;display:flex}.diy-steps li>b{color:#fff;background:#07819a;border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;display:grid}.diy-test{background:#f1fbf6!important;border-color:#a9dcc7!important}.diy-challenge{background:#fff8e9!important;border-color:#edca7f!important}.diy-challenge h3{color:#936300}.diy-toolbox{padding:0 0 70px}.diy-toolbox h2{font-size:31px}.diy-toolbox>div{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.diy-toolbox article{background:#fff;border:1px solid #d4e6ec;border-radius:14px;align-items:center;gap:13px;padding:18px;display:flex}.diy-toolbox article>b{font-size:29px}.diy-toolbox article>span{font-weight:800;line-height:1.5}@media (width<=850px){.diy-hero-grid{grid-template-columns:1fr}.diy-kit{width:min(420px,100%);margin:auto}.diy-project-body{grid-template-columns:1fr}.diy-wiring,.diy-steps{grid-column:auto}.diy-toolbox>div{grid-template-columns:1fr 1fr}}@media (width<=600px){.diy-hero{padding:43px 0}.diy-hero h1{font-size:38px}.diy-kit{min-height:230px}.diy-project-title{grid-template-columns:48px 1fr 32px;padding:15px 13px}.diy-project-title>b{font-size:31px}.diy-project-title strong{font-size:19px}.diy-project-title em{font-size:14px}.diy-project-body{padding:11px}.diy-project-body>section{padding:13px}.diy-steps ol,.diy-toolbox>div{grid-template-columns:1fr}}.esp-page{min-height:100vh;color:var(--navy);background:#f4f9fc}.esp-page .section-shell{width:min(1180px,100% - 32px);margin-inline:auto}.esp-hero{color:#fff;background:radial-gradient(circle at 14% 18%,#22c8d54a,#0000 34%),linear-gradient(135deg,#062849,#087b98);padding:58px 0}.esp-hero-grid{grid-template-columns:1fr minmax(320px,.72fr);align-items:center;gap:48px;display:grid}.esp-hero span,.esp-families>header>span,.esp-projects>header>span,.esp-chooser header span{color:#36b8ce;letter-spacing:.07em;font-weight:900}.esp-hero span{color:#72e0e9}.esp-hero h1{max-width:720px;margin:12px 0 18px;font-size:clamp(38px,5vw,64px);line-height:1.08}.esp-hero p{color:#d9edf5;max-width:670px;margin:0;font-size:18px;line-height:1.9}.esp-hero>div>div>a{color:#102e47;background:#ffad32;border-radius:11px;margin-top:24px;padding:13px 22px;font-weight:900;display:inline-flex}.esp-guide-image{background:#ffffff14;border:1px solid #fff5;border-radius:22px;padding:10px 10px 13px;transition:all .2s;display:block;overflow:hidden;box-shadow:0 25px 60px #00162955}.esp-guide-image:hover{background:#ffffff1f;transform:translateY(-4px)}.esp-guide-image img{object-fit:cover;object-position:top;background:#fff;border-radius:14px;width:100%;height:380px;display:block}.esp-guide-image b{color:#fff;text-align:center;padding-top:11px;display:block}.esp-start{z-index:2;grid-template-columns:repeat(3,1fr);gap:14px;display:grid;position:relative;margin-top:-25px!important}.esp-start article{background:#fff;border:1px solid #d6e7ee;border-radius:17px;gap:15px;padding:20px;display:flex;box-shadow:0 12px 32px #123d5d14}.esp-start article>b{color:#fff;background:#0b819d;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.esp-start h2{margin:1px 0 7px;font-size:19px}.esp-start p{color:#60778a;margin:0;line-height:1.65}.esp-families{padding-block:70px}.esp-families>header,.esp-projects>header{max-width:800px}.esp-families h2,.esp-projects h2,.esp-chooser h2{margin:8px 0 10px;font-size:clamp(30px,4vw,45px)}.esp-families header p,.esp-projects header p{color:#61788b;margin:0;font-size:17px;line-height:1.8}.esp-family-layout{grid-template-columns:310px 1fr;align-items:start;gap:20px;margin-top:28px;display:grid}.esp-family-layout nav{background:#fff;border:1px solid #d2e4ed;border-radius:17px;gap:8px;max-height:610px;padding:9px;display:grid;overflow:auto}.esp-family-layout nav button{color:#163c59;text-align:start;cursor:pointer;background:#eff7fa;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.esp-family-layout nav button strong{font-size:15px}.esp-family-layout nav button small{color:#6a8192}.esp-family-layout nav button.active{color:#fff;background:#087d9b;border-color:#087d9b;box-shadow:0 7px 18px #087d9b33}.esp-family-layout nav button.active small{color:#d9f7fb}.esp-family-card{background:#fff;border:1px solid #d2e4ed;border-radius:22px;grid-template-columns:minmax(0,1fr);gap:28px;min-height:610px;padding:34px;display:grid;box-shadow:0 18px 45px #123a5b14}.esp-family-photo{text-align:center;gap:12px;width:100%;margin:0;display:grid}.esp-family-photo>a{background:#fff;border:1px solid #d5e7ee;border-radius:18px;place-items:center;min-height:340px;max-height:500px;padding:14px;display:grid;overflow:hidden}.esp-family-photo img{object-fit:contain;width:100%;height:100%;max-height:470px}.esp-family-photo figcaption{color:#173d59;gap:5px;display:grid}.esp-family-photo figcaption strong{font-size:18px}.esp-family-photo figcaption span{color:#668095;font-size:14px}.esp-family-photo figcaption a{color:#087995;text-underline-offset:3px;font-size:14px;font-weight:750}.esp-family-card>div:last-child>span{color:#0786a2;font-weight:900}.esp-family-card h3{margin:7px 0 18px;font-size:37px}.esp-family-card dl{gap:10px;margin:0;display:grid}.esp-family-card dl>div{background:#f8fbfd;border:1px solid #dce9ef;border-radius:11px;padding:13px 15px}.esp-family-card dt{color:#087995;font-weight:900}.esp-family-card dd{color:#536d80;margin:4px 0 0;line-height:1.65}.esp-family-card aside{background:#fff8e8;border:1px solid #efcb79;border-radius:12px;margin-top:14px;padding:15px}.esp-family-card aside b{color:#8b6109}.esp-family-card aside p{color:#66562e;margin:6px 0 0;line-height:1.65}.esp-chooser{color:#fff;background:#082f51;padding:62px 0}.esp-choice-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px;display:grid}.esp-choice-grid article{background:#ffffff0d;border:1px solid #fff2;border-radius:14px;padding:19px}.esp-choice-grid article>b{color:#74dce5;font-size:18px}.esp-choice-grid p{color:#ccdee9;margin:7px 0 14px}.esp-choice-grid strong{color:#102e47;background:#ffb238;border-radius:8px;padding:7px 10px;display:inline-block}.esp-projects{padding-block:72px}.esp-projects>div{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;display:grid}.esp-projects article{background:#fff;border:1px solid #d5e6ee;border-radius:18px;padding:21px;box-shadow:0 10px 27px #123b5d12}.esp-projects article>div{justify-content:space-between;align-items:center;display:flex}.esp-projects article>div>b{font-size:37px}.esp-projects article>div>span{color:#087188;background:#e0f5f7;border-radius:99px;padding:6px 9px;font-size:13px;font-weight:900}.esp-projects h3{margin:13px 0 7px;font-size:21px}.esp-projects article>p{color:#5d7386;min-height:78px;margin:0;line-height:1.7}.esp-projects dl{border-top:1px solid #e2edf2;grid-template-columns:auto 1fr;gap:6px 11px;margin:15px 0 0;padding-top:14px;display:grid}.esp-projects dt{font-weight:900}.esp-projects dd{color:#62798a;margin:0}.esp-safety{background:#fff8e7;border:1px solid #efc773;border-radius:18px;align-items:flex-start;gap:18px;padding:25px;display:flex;margin-bottom:70px!important}.esp-safety>b{color:#b47300;font-size:34px}.esp-safety h2{margin:0 0 7px}.esp-safety p{color:#675a39;margin:0;font-size:16px;line-height:1.8}.esp-project-guide{color:#075f7e;background:linear-gradient(135deg,#e7f7fb,#fff);border:1px solid #cfe4ec;border-radius:19px;grid-template-columns:minmax(0,1fr) 230px;align-items:center;margin-top:28px;text-decoration:none;display:grid;overflow:hidden}.esp-project-guide img{object-fit:cover;object-position:top;width:100%;height:250px}.esp-project-guide b{text-align:center;padding:24px;font-size:18px}.esp-project-guide b:after{content:" ↗"}.esp-project-grid{grid-template-columns:1fr 1fr!important;gap:14px!important;margin-top:20px!important;display:grid!important}.esp-project-grid>article{overflow:hidden;padding:0!important}.esp-project-summary{width:100%;min-height:168px;color:var(--navy);text-align:start;cursor:pointer;background:#fff;border:0;grid-template-columns:58px 1fr 34px;align-items:start;gap:14px;padding:20px;display:grid}.esp-project-summary>span:first-child{justify-items:center;gap:7px;display:grid}.esp-project-summary>span:first-child>b{font-size:38px}.esp-project-summary em{color:#fff;background:#087c9b;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;font-weight:900;display:grid}.esp-project-summary small{color:#087188;background:#e0f5f7;border-radius:99px;padding:5px 9px;font-weight:900;display:inline-block}.esp-project-summary h3{margin:9px 0 6px}.esp-project-summary p{color:#5d7386;margin:0;line-height:1.65}.esp-project-summary>i{color:#087c9b;background:#eaf5f8;border-radius:50%;place-items:center;width:32px;height:32px;font-size:25px;font-style:normal;font-weight:700;display:grid}.esp-project-grid>article.open{border-color:#0c88a5;grid-column:1/-1;box-shadow:0 16px 38px #0a60791c}.esp-project-grid>article.open .esp-project-summary{background:#edf9fb;min-height:0}.esp-project-detail{background:#fff;border-top:1px solid #cce3eb;grid-template-columns:repeat(2,1fr);gap:12px;padding:20px;display:grid}.esp-project-detail section{background:#f9fcfd;border:1px solid #dbe9ef;border-radius:12px;padding:16px}.esp-project-detail h4{color:#087695;margin:0 0 7px;font-size:17px}.esp-project-detail p{line-height:1.75;color:#526c7e!important;min-height:0!important;margin:0!important}.esp-project-detail .steps{grid-column:1/-1}.esp-project-detail ol{grid-template-columns:repeat(3,1fr);gap:9px;margin:0;padding:0;list-style:none;display:grid}.esp-project-detail li{background:#edf7fa;border-radius:10px;align-items:start;gap:9px;padding:11px;line-height:1.6;display:flex}.esp-project-detail li>b{color:#fff;background:#0a819f;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;display:grid}.esp-project-detail .warning{background:#fff8e8;border-color:#efc878}.esp-project-detail .warning h4{color:#946400}.esp-project-detail .extension{background:#effbf6;border-color:#96d9bf}.esp-project-detail .extension h4{color:#087b55}.esp-project-detail .wiring{background:#f1f8fb;grid-column:1/-1;padding:18px}.esp-project-mix{background:linear-gradient(145deg,#eaf8fc,#fff);border:2px solid #9ed5e5;border-radius:20px;gap:14px;padding:16px;display:grid;overflow:hidden;box-shadow:0 14px 32px #0b587817}.esp-project-mix-title{color:#fff;background:linear-gradient(90deg,#0669c9,#0b8aaa);border-radius:14px;align-items:center;gap:14px;padding:12px 16px;display:flex}.esp-project-mix-title>span{color:#076fa5;text-align:center;background:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:13px;font-weight:900;display:grid}.esp-project-mix-title h5{margin:0;font-size:21px}.esp-project-mix-title p{color:#dff8ff!important;margin:3px 0 0!important}.esp-project-mix-visual{background:#fff;border:1px solid #c8e0e9;border-radius:16px;grid-template-columns:minmax(230px,.58fr) minmax(0,1.42fr);align-items:stretch;gap:0;display:grid;overflow:hidden}.esp-project-illustration{border:0;background:#fff;border-inline-end:1px solid #c8e0e9;flex-direction:column;margin:0;padding:9px;display:flex}.esp-project-illustration>div{background-color:#f3f8fa;border-radius:10px;flex:1;min-height:430px;overflow:hidden}.esp-project-illustration .cropped{background-repeat:no-repeat;background-size:400%}.esp-project-illustration .direct{place-items:center;display:grid}.esp-project-illustration img{object-fit:contain;width:100%;height:100%;display:block}.esp-project-illustration figcaption{color:#0b708d;text-align:center;padding:10px 5px 2px;font-weight:900}.esp-wiring-diagram{background:#fff;border:0;padding:17px}.esp-wiring-head{direction:ltr;grid-template-columns:190px minmax(290px,1fr) 190px;align-items:center;gap:18px;display:grid}.esp-board-shape,.esp-device-shape{text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:155px;padding:18px;display:flex}.esp-board-shape{color:#fff;background:linear-gradient(145deg,#22a5bb,#087793);border:8px solid #123346;box-shadow:inset 0 0 0 3px #7be3e8}.esp-device-shape{color:#0c5470;background:#e8f6fa;border:2px solid #accfdc}.esp-board-shape b,.esp-device-shape b{font-size:18px;line-height:1.45}.esp-board-shape small,.esp-device-shape small{opacity:.8;margin-top:8px}.esp-wire-list{gap:7px;display:grid}.esp-wire-list>div{grid-template-columns:minmax(82px,auto) 1fr minmax(82px,auto);align-items:center;gap:8px;display:grid}.esp-wire-list b,.esp-wire-list span{color:#153d54;text-align:center;background:#edf5f8;border-radius:7px;padding:6px 8px;font-size:13px}.esp-wire-list i{background:var(--wire);border-radius:99px;height:4px;position:relative}.esp-wire-list i:after{content:"";border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent var(--wire);position:absolute;top:-4px;right:-1px}.esp-wiring-diagram>p{text-align:center;border-radius:9px;padding:11px 13px;color:#6b5423!important;background:#fff7e5!important;margin:15px 0 0!important;line-height:1.7!important}.esp-project-mix-legend{color:#23536a;background:#e7f6fb;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:8px 18px;padding:10px 14px;display:flex}.esp-project-mix-legend b{color:#086e8a}@media (width<=960px){.esp-hero-grid{grid-template-columns:1fr .68fr;gap:28px}.esp-guide-image img{height:330px}.esp-start{grid-template-columns:1fr}.esp-family-card{grid-template-columns:1fr;min-height:0}.esp-family-photo{max-width:520px;margin:auto}.esp-choice-grid,.esp-projects>div{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.esp-hero{padding:42px 0}.esp-hero-grid{grid-template-columns:1fr}.esp-hero h1{font-size:39px}.esp-guide-image{width:min(430px,100%);margin:auto}.esp-guide-image img{height:300px}.esp-family-layout{grid-template-columns:1fr}.esp-family-layout nav{grid-template-columns:repeat(2,1fr);max-height:330px}.esp-family-card{padding:25px}.esp-choice-grid,.esp-projects>div{grid-template-columns:1fr}.esp-projects article>p{min-height:0}.esp-safety{padding:19px}}@media (width<=430px){.esp-family-layout nav{grid-template-columns:1fr}.esp-guide-image img{height:260px}.esp-family-photo>a{min-height:250px;max-height:320px;padding:10px}.esp-family-card{padding-inline:17px}.esp-start article{padding:16px}}@media (width<=800px){.esp-project-guide{grid-template-columns:1fr}.esp-project-guide img{height:300px}.esp-project-grid{grid-template-columns:1fr!important}.esp-project-grid>article.open{grid-column:auto}.esp-project-detail{grid-template-columns:1fr}.esp-project-detail .steps{grid-column:auto}.esp-project-detail ol{grid-template-columns:1fr}}@media (width<=520px){.esp-project-guide img{height:220px}.esp-project-summary{grid-template-columns:48px 1fr 30px;padding:16px}.esp-project-summary>span:first-child>b{font-size:31px}.esp-project-detail{padding:12px}.esp-project-detail section{padding:13px}}@media (width<=980px){.esp-project-mix-visual{grid-template-columns:1fr}.esp-project-illustration>div{min-height:520px}.esp-project-illustration{border-inline-end:0;border-bottom:1px solid #c8e0e9;width:100%;max-width:390px;margin-inline:auto}}@media (width<=760px){.esp-wiring-head{grid-template-columns:1fr;gap:12px}.esp-board-shape,.esp-device-shape{min-height:100px}.esp-wire-list>div{grid-template-columns:minmax(86px,1fr) 45px minmax(86px,1fr)}.esp-project-detail .wiring{grid-column:auto;padding:12px}.esp-wiring-diagram{padding:11px}.esp-project-illustration>div{min-height:470px}}.esp-full-lesson{grid-template-columns:1fr 1fr;gap:14px;display:grid;background:linear-gradient(145deg,#eefafd,#fff)!important;border-color:#78bfd0!important;grid-column:1/-1!important;padding:24px!important}.esp-full-lesson>header,.esp-full-lesson>.esp-lesson-callout,.esp-full-lesson>.esp-code-section,.esp-full-lesson>footer{grid-column:1/-1}.esp-full-lesson>header{padding:2px 2px 8px}.esp-full-lesson>header span{color:#07829d;font-weight:900}.esp-full-lesson>header h3{margin:6px 0 8px;font-size:27px}.esp-full-lesson>header p{font-size:16px}.esp-full-lesson>section{background:#fff!important;padding:17px!important}.esp-lesson-callout{background:#fff7e5;border:1px solid #edbd5f;border-radius:12px;padding:16px}.esp-lesson-callout b{color:#925e00}.esp-lesson-callout p{color:#635329!important;margin:6px 0 0!important}.esp-table-wrap{border:1px solid #d8e8ee;border-radius:10px;overflow:auto}.esp-full-lesson table{border-collapse:collapse;width:100%;min-width:540px}.esp-full-lesson th,.esp-full-lesson td{text-align:start;vertical-align:top;border-bottom:1px solid #e2edf1;padding:10px 12px;line-height:1.55}.esp-full-lesson th{color:#086d87;background:#e8f6f9}.esp-full-lesson tr:last-child td{border-bottom:0}.esp-inline-note{border-radius:9px;padding:10px 12px;color:#695426!important;background:#fff7e5!important;margin-top:11px!important}.esp-code-section ol{margin:0 0 14px;padding-inline-start:22px;list-style:decimal;display:block!important}.esp-code-section li{background:0 0!important;padding:4px!important;display:list-item!important}.esp-code-section pre{color:#d9f6ff;text-align:left;direction:ltr;background:#092b40;border-radius:12px;max-height:650px;margin:0;padding:18px;font:13px/1.65 Consolas,monospace;overflow:auto}.esp-mobile-steps{gap:9px;display:grid}.esp-mobile-steps article{background:#eef7fa;border-radius:10px;align-items:center;gap:10px;padding:11px;display:flex}.esp-mobile-steps b{color:#fff;background:#0b819d;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.esp-blocks{gap:8px;margin-top:13px;display:grid}.esp-blocks code{color:#173e56;text-align:left;white-space:nowrap;background:#edf7fa;border-inline-start:5px solid #0a819f;border-radius:8px;padding:11px;overflow:auto}.esp-full-lesson>footer{color:#285f4a;background:#effbf6;border:1px solid #8bd5b7;border-radius:12px;padding:16px;line-height:1.7}@media (width<=800px){.esp-full-lesson{grid-template-columns:1fr;padding:13px!important}.esp-full-lesson>*{grid-column:auto!important}.esp-full-lesson>header h3{font-size:22px}.esp-code-section pre{max-height:520px;font-size:11px}}.esp-project-grid>article>.esp-project-detail{display:grid}.esp-project-detail section{min-width:0}.esp-project-detail .wiring{overflow:hidden}.esp-project-mix{width:100%}.esp-project-mix-visual>*{min-width:0}.esp-smart-home-poster{background:#fff;border:2px solid #98d4e5;border-radius:18px;margin:0;padding:12px;box-shadow:0 14px 32px #0b587817}.esp-smart-home-poster a{background:#f4fbfe;border-radius:12px;display:block;overflow:hidden}.esp-smart-home-poster img{width:100%;height:auto;display:block}.esp-smart-home-poster figcaption{color:#0b708d;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 8px 2px;display:flex}.esp-smart-home-poster figcaption span{color:#617d8e}.esp-smart-home-pin-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.esp-smart-home-pin-summary span{color:#405f72;background:#f1f9fb;border:1px solid #cde4ec;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;line-height:1.5;display:grid}.esp-smart-home-pin-summary b{color:#fff;white-space:nowrap;direction:ltr;background:#087f98;border-radius:7px;padding:5px 8px;font-family:Consolas,monospace}.esp-smart-home-warning{color:#76540f;background:#fff7e5;border:1px solid #f0c259;border-radius:10px;margin:10px 0 0;padding:10px 12px;font-weight:800;line-height:1.6}@media (width<=620px){.esp-smart-home-pin-summary{grid-template-columns:1fr}.esp-smart-home-pin-summary span{grid-template-columns:92px 1fr}.esp-smart-home-poster{padding:7px}}.esp-wiring-diagram{min-width:0;overflow:hidden}.esp-wiring-head{grid-template-columns:minmax(130px,.75fr) minmax(180px,1.35fr) minmax(130px,.8fr);gap:10px}@media (width<=1150px){.esp-project-mix-visual{grid-template-columns:1fr}.esp-project-illustration{border-inline-end:0;border-bottom:1px solid #c8e0e9;width:100%;max-width:390px;margin-inline:auto}.esp-project-illustration>div{min-height:520px}.esp-wiring-diagram{width:100%}}.diy-real-wiring{background:#fff;border:1px solid #bfdce6;border-radius:16px;margin:0 0 18px;padding:10px}.diy-real-wiring img{object-fit:contain;border-radius:11px;width:100%;height:auto;max-height:720px;display:block}.diy-real-wiring figcaption{justify-content:space-between;align-items:center;gap:12px;padding:11px 5px 2px;display:flex}.diy-real-wiring figcaption b{color:#075f79;font-size:17px}.diy-real-wiring figcaption a{color:#fff;white-space:nowrap;background:#087f98;border-radius:9px;padding:9px 13px;font-weight:900;text-decoration:none}.diy-project-boards{grid-column:1/-1}.diy-project-boards>div{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:15px;display:grid}.diy-project-boards figure{background:#fff;border:1px solid #bfdce6;border-radius:15px;margin:0;padding:10px}.diy-project-boards img{object-fit:contain;background:#f5fafc;border-radius:10px;width:100%;height:auto;max-height:760px;display:block}.diy-project-boards figcaption{color:#075f79;justify-content:space-between;align-items:center;gap:12px;padding:10px 3px 2px;font-weight:850;display:flex}.diy-project-boards figcaption a{color:#fff;white-space:nowrap;background:#087f98;border-radius:9px;padding:9px 13px;font-weight:900;text-decoration:none}@media (width<=600px){.diy-project-boards figcaption{flex-direction:column;align-items:stretch}.diy-project-boards figcaption a{text-align:center}}.diy-colour-wiring{background:linear-gradient(145deg,#e9f8fb,#fff);border:1px solid #bfdce6;border-radius:16px;margin:0 0 22px;padding:16px}.diy-colour-wiring figcaption{align-items:center;gap:11px;margin-bottom:14px;display:flex}.diy-colour-wiring figcaption>span{font-size:30px}.diy-colour-wiring figcaption div{gap:2px;display:grid}.diy-colour-wiring figcaption b{color:#075f79;font-size:19px}.diy-colour-wiring figcaption small{color:#607889}.diy-components-strip{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px;display:grid}.diy-components-strip>div{text-align:center;background:#fff;border:1px solid #d5e6ec;border-radius:12px;align-content:center;place-items:center;gap:5px;min-height:92px;padding:10px;display:grid}.diy-components-strip b{font-size:27px}.diy-components-strip span{color:#193f57;font-size:13px;font-weight:800;line-height:1.35}.diy-wire-picture{background:#fff;border-radius:13px;gap:10px;margin-top:14px;padding:15px;display:grid}.diy-wire-row{direction:ltr;grid-template-columns:minmax(120px,1fr) minmax(90px,1.4fr) minmax(120px,1fr);align-items:center;gap:10px;display:grid}.diy-wire-row>span{border:2px solid var(--wire);color:#173d55;text-align:center;background:#f8fbfd;border-radius:10px;place-items:center;min-height:42px;padding:9px;font-size:13px;font-weight:850;display:grid}.diy-wire-row>i{background:var(--wire);border-radius:99px;height:6px;position:relative;box-shadow:0 2px 5px #1235}.diy-wire-row>i:after{content:"";border-style:solid;border-width:8px 0 8px 11px;border-color:transparent transparent transparent var(--wire);position:absolute;top:-5px;right:-1px}.diy-wire-row>i>b{border:3px solid var(--wire);color:#173d55;background:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-style:normal;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.diy-wire-legend{color:#526d7f;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:13px;font-weight:800;display:flex}.diy-wire-legend span{align-items:center;gap:6px;display:flex}.diy-wire-legend i{border-radius:9px;width:18px;height:5px}.diy-wire-legend .red{background:#e53935}.diy-wire-legend .black{background:#111827}.diy-wire-legend .signal{background:linear-gradient(90deg,#14a66f,#1976d2,#f59e0b)}@media (width<=600px){.diy-colour-wiring{padding:11px}.diy-components-strip{grid-template-columns:repeat(2,1fr)}.diy-wire-picture{padding:10px}.diy-wire-row{grid-template-columns:minmax(90px,1fr) 46px minmax(90px,1fr);gap:6px}.diy-wire-row>span{padding:7px 5px;font-size:12px}.diy-wire-row>i>b{width:21px;height:21px}}.arduino-original-visual{background:#fff;border:1px solid #cfe0eb;border-radius:18px;width:min(820px,100%);margin:auto;padding:18px}.arduino-original-visual .arduino-sim{min-height:430px}.arduino-image-notes{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.arduino-image-notes span{color:var(--navy);text-align:center;background:#edf7fb;border-radius:11px;padding:12px}.arduino-image-notes b{color:#08789c;margin-bottom:5px;display:block}.image-viewer header small{color:var(--blue);margin-bottom:4px;font-weight:800;display:block}@media (width<=700px){.arduino-image-notes{grid-template-columns:1fr}.arduino-original-visual .arduino-sim{min-height:300px}.arduino-original-visual{padding:8px}}.starting-point{background:linear-gradient(140deg,#f0f9fc,#fff 48%,#f5fbfd);border:1px solid #c8dfea;border-radius:24px;margin-block:56px 30px;padding:32px;box-shadow:0 16px 42px #123d5b12}.starting-point-heading h2{color:#103651;margin:8px 0;font-size:clamp(27px,3.5vw,40px);line-height:1.25}.starting-point-heading p{color:#526b7d;margin:0 0 25px;font-size:17px;line-height:1.75}.starting-point-questions{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.starting-point fieldset{background:#fff;border:1px solid #d3e4ed;border-radius:17px;min-width:0;margin:0;padding:18px}.starting-point legend{color:#103651;padding:0 5px;font-size:17px;font-weight:850}.starting-point legend span{color:#fff;background:#0a7898;border-radius:50%;place-items:center;width:30px;height:30px;margin-inline-end:8px;font-size:15px;display:inline-grid}.starting-point-options{gap:8px;margin-top:7px;display:grid}.starting-point-options label{color:#25465e;cursor:pointer;border:1px solid #d8e7ee;border-radius:10px;align-items:center;gap:10px;min-height:49px;padding:10px 12px;font-size:15px;line-height:1.45;display:flex}.starting-point-options label.selected{color:#074b66;background:#e9f7fa;border-color:#0c819c;font-weight:800}.starting-point-options input{accent-color:#0a7898;flex:none;width:18px;height:18px;margin:0}.starting-point-options label:focus-within{outline-offset:2px;outline:3px solid #77c8d9}.starting-point-submit{color:#173650;font:inherit;cursor:pointer;background:#f4a32d;border:0;border-radius:11px;margin-top:22px;padding:13px 24px;font-weight:900}.starting-point-result{background:#eaf9f6;border:1px solid #9ad9d6;border-radius:16px;margin-top:24px;padding:23px}.starting-point-result>span{color:#087b77;font-weight:900}.starting-point-result h3{color:#103651;margin:7px 0 8px;font-size:26px}.starting-point-result p{color:#34576b;margin:0;font-size:16px;line-height:1.7}.starting-point-result .starting-point-note{color:#086d7b;margin-top:9px}.starting-point-result-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:17px;display:flex}.starting-point-result-actions .button{justify-content:center;align-items:center;min-height:46px;padding:11px 18px;text-decoration:none;display:inline-flex}.starting-point-result-actions button{color:#145071;min-height:46px;font:inherit;cursor:pointer;background:#fff;border:1px solid #8dbecb;border-radius:10px;padding:10px 15px;font-weight:800}@media (width<=900px){.starting-point-questions{grid-template-columns:1fr}.starting-point{margin-block:36px 22px}}@media (width<=600px){.starting-point{width:calc(100% - 28px);padding:20px}.starting-point fieldset{padding:14px}.starting-point-result-actions>*{text-align:center;width:100%}}.scratch-page{color:#15344c;background:#f4f8fc;min-height:100vh}.scratch-page .section-shell{width:min(1160px,100% - 32px);margin-inline:auto}.scratch-hero{color:#fff;background:radial-gradient(circle at 85% 10%,#34c8de44,#0000 32%),linear-gradient(135deg,#092c50,#0b678b);padding:70px 0}.scratch-hero span,.scratch-section-title>span,.scratch-project>div>span{color:#48cbe1;font-weight:850}.scratch-hero h1{max-width:780px;margin:12px 0 16px;font-size:clamp(36px,5vw,63px);line-height:1.2}.scratch-hero p{color:#e0f2f9;max-width:720px;font-size:18px;line-height:1.8}.scratch-hero-link{color:#183a51;background:#ffb73d;border-radius:11px;margin-top:14px;padding:13px 20px;font-weight:900;text-decoration:none;display:inline-flex}.scratch-intro,.scratch-lab,.scratch-basics{padding-block:50px}.scratch-intro h2,.scratch-section-title h2,.scratch-project h2{margin:7px 0 13px;font-size:clamp(27px,3.4vw,39px);line-height:1.3}.scratch-term-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.scratch-term-grid article,.scratch-basics article{background:#fff;border:1px solid #d5e4ec;border-radius:16px;padding:21px}.scratch-term-grid b{font-size:31px}.scratch-term-grid h3,.scratch-basics h3{margin:10px 0 6px;font-size:21px}.scratch-term-grid p,.scratch-basics p{color:#536d7d;margin:0;font-size:16px;line-height:1.7}.scratch-section-title p{color:#536d7d;max-width:760px;font-size:17px;line-height:1.8}.scratch-workspace{grid-template-columns:1fr 1fr;gap:18px;display:grid}.scratch-editor,.scratch-stage-wrap{background:#fff;border:1px solid #d5e4ec;border-radius:20px;min-width:0;padding:23px}.scratch-editor h3,.scratch-stage-wrap h3{margin:0 0 14px;font-size:20px}.scratch-editor h3:not(:first-child){margin-top:22px}.scratch-palette{flex-wrap:wrap;gap:9px;display:flex}.scratch-block{color:#fff;width:max-content;max-width:100%;font:inherit;text-align:start;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px 15px;font-size:15px;font-weight:850;line-height:1.45;display:flex}.scratch-palette button{cursor:pointer}.scratch-palette button:disabled{opacity:.5;cursor:not-allowed}.scratch-move,.scratch-turn{background:#4b7cda}.scratch-say{background:#9868cb}.scratch-flag-block{color:#402f0e;background:#f5bd33;border-radius:9px;width:max-content;max-width:100%;padding:10px 15px;font-size:15px;font-weight:900}.scratch-program{background:#f8fbfc;border:1px dashed #bfd2dd;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;min-height:235px;padding:16px;display:flex}.scratch-program p{color:#60798a}.scratch-current{outline-offset:2px;outline:3px solid #ffb937}.scratch-controls{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.scratch-controls button{color:#1b516b;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #b7d3de;border-radius:9px;padding:9px 13px;font-size:14px;font-weight:850}.scratch-controls .scratch-run{color:#fff;background:#128c68;border-color:#118964}.scratch-controls button:disabled{opacity:.5;cursor:not-allowed}.scratch-stage{direction:ltr;background:linear-gradient(#dff4ff 0%,#ecfaff 70%,#bce7c3 71%);border:2px solid #c9e0ea;border-radius:15px;place-items:center;min-height:355px;display:grid;position:relative;overflow:hidden}.scratch-sprite{place-items:center;width:96px;height:96px;transition:transform .35s;display:grid;position:relative}.scratch-sprite>span{font-size:76px;line-height:1}.scratch-sprite small{color:#173c50;text-align:center;background:#fff;border:1px solid #b8d6df;border-radius:12px;min-width:100px;padding:8px;font-size:15px;font-weight:800;position:absolute;bottom:90%;left:50%;transform:translate(-50%)}.scratch-feedback{color:#316276;min-height:48px;margin:13px 0 0;font-size:15px;line-height:1.6}.scratch-basics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.scratch-basics article>span{color:#315fb1;background:#eaf2fc;border-radius:11px;place-items:center;width:44px;height:44px;font-size:24px;display:grid}.scratch-category-event{border-top:5px solid #f5bd33!important}.scratch-category-motion{border-top:5px solid #4b7cda!important}.scratch-category-looks{border-top:5px solid #9868cb!important}.scratch-category-control{border-top:5px solid #edab36!important}.scratch-category-sound{border-top:5px solid #bb75ba!important}.scratch-category-variable{border-top:5px solid #d99a36!important}.scratch-project{color:#fff;background:#0c4668;border-radius:21px;grid-template-columns:1.5fr .7fr;align-items:center;gap:30px;padding:28px;display:grid;margin-bottom:70px!important}.scratch-project ol{padding-inline-start:24px;font-size:16px;line-height:1.85}.scratch-project p{color:#c4f0e9;line-height:1.65}.scratch-project-action{gap:12px;display:grid}.scratch-project-action a:first-child{color:#15354b;text-align:center;background:#ffb73d;border-radius:11px;padding:14px;font-weight:900;text-decoration:none}.scratch-project-action a:last-child{color:#fff;text-align:center;border:1px solid #83bacd;border-radius:11px;padding:12px;text-decoration:none}.scratch-project-action small{color:#d5e8f2;text-align:center}@media (width<=900px){.scratch-workspace,.scratch-project{grid-template-columns:1fr}.scratch-basics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.scratch-hero{padding:46px 0}.scratch-hero p{font-size:16px}.scratch-intro,.scratch-lab,.scratch-basics{padding-block:34px}.scratch-term-grid,.scratch-basics-grid{grid-template-columns:1fr}.scratch-editor,.scratch-stage-wrap{padding:15px}.scratch-stage{min-height:280px}.scratch-project{padding:20px}.scratch-controls button{flex:100%}}@media (width>=981px) and (width<=1390px){.header-inner{flex-wrap:wrap;gap:0 20px;padding-top:8px}.brand{flex:1}.main-nav{flex-wrap:wrap;flex-basis:100%;order:3;gap:3px 20px}.main-nav a{padding:10px 0 13px}.main-nav a:after{bottom:5px}}.articles-content{padding-block:50px 85px}.articles-heading h2{color:var(--navy);margin:7px 0 20px;font-size:clamp(27px,3.5vw,38px)}.articles-index{flex-wrap:wrap;gap:9px;margin-bottom:27px;display:flex}.articles-index a{color:#19516c;background:#f1f9fc;border:1px solid #c9dfe9;border-radius:10px;padding:10px 13px;font-size:14px;font-weight:800;text-decoration:none}.articles-index a:hover,.articles-index a:focus-visible{background:#e0f4fa;border-color:#0e81a1}.articles-hub .article-card>p{font-size:16px;line-height:1.8}.articles-hub .article-card summary{font-size:16px;line-height:1.5}.articles-hub .article-meta{font-size:13px}.articles-hub .tag{font-size:12px}.article-body{color:#405c70;padding-top:14px;font-size:16px;line-height:1.8}.article-body p{margin:0 0 12px}.article-body h3{color:#134864;margin:18px 0 8px;font-size:18px}.article-body ol{margin:0;padding-inline-start:24px}.article-body li+li{margin-top:8px}.article-body .activity-note{font-size:15px;line-height:1.6}.article-caution{color:#654f22;background:#fff7e6;border-inline-start:3px solid #edab36;border-radius:6px;gap:4px;margin-top:12px;padding:13px 15px;font-size:15px;line-height:1.6;display:grid}.article-next{color:#fff;background:#0c7798;border-radius:9px;align-items:center;gap:12px;margin-top:19px;padding:11px 16px;font-size:15px;font-weight:850;text-decoration:none;display:inline-flex}@media (width<=640px){.articles-content{padding-block:35px 60px}.articles-hub .article-card{padding:21px}.articles-index{grid-template-columns:1fr 1fr;display:grid}.articles-index a{font-size:13px}.article-next{justify-content:center;width:100%}}.resources-content{padding-top:42px}.resources-jump{flex-wrap:wrap;gap:9px;margin-bottom:26px;display:flex}.resources-jump a{color:#175571;background:#ecf7fa;border:1px solid #cce2ed;border-radius:10px;padding:10px 13px;font-size:14px;font-weight:800;text-decoration:none}.resources-jump a:hover,.resources-jump a:focus-visible{background:#dcf1f8;border-color:#0d87a7}.resources-content .resource-card:last-child{grid-column:auto}.resources-content .resource-card{scroll-margin-top:115px}.resources-content .resource-heading p{font-size:16px;line-height:1.7}.resources-content .resource-links strong{font-size:16px}.resources-content .resource-links small{font-size:14px;line-height:1.5}.resources-content .check-list{font-size:16px}.resource-local-link{color:#fff;background:#0c7798;border-radius:10px;align-items:center;gap:14px;margin-top:20px;padding:11px 16px;font-size:15px;font-weight:850;text-decoration:none;display:inline-flex}@media (width<=640px){.resources-content{padding-top:30px}.resources-content .resource-card{padding:21px}.resources-jump{grid-template-columns:1fr 1fr;display:grid}.resources-jump a{font-size:13px}.resource-local-link{justify-content:center;width:100%}}.article-resource-link,.resource-article-link{color:#096080;text-underline-offset:3px;align-items:center;gap:8px;margin-top:12px;font-size:15px;font-weight:750;line-height:1.55;text-decoration:underline;display:flex}.article-resource-link:hover,.resource-article-link:hover{color:#073e59}.articles-hub .article-card{scroll-margin-top:115px}.mecha-page{background:linear-gradient(#eaf7fc,#f8fbfd 390px);min-height:100vh;padding:44px 0 85px}.mecha-intro{color:#fff;background:linear-gradient(125deg,#082b58,#087c91);border-radius:26px;justify-content:space-between;align-items:center;gap:32px;padding:38px 42px;display:flex;box-shadow:0 20px 48px #07355d29}.mecha-kicker{color:#9ee9f0;letter-spacing:.04em;font-size:14px;font-weight:800}.mecha-intro h1{margin:12px 0;font-size:clamp(34px,5vw,58px)}.mecha-intro p{color:#e8f8fb;max-width:780px;margin:0 0 24px;font-size:18px;line-height:1.9}.mecha-download{color:#075076;background:#fff;border-radius:12px;align-items:center;padding:13px 18px;font-size:16px;font-weight:850;text-decoration:none;display:inline-flex}.mecha-count{background:#ffffff16;border:1px solid #fff5;border-radius:22px;justify-items:center;min-width:145px;padding:22px;display:grid}.mecha-count b{font-size:56px;line-height:1}.mecha-count span{font-size:16px}.mecha-library{padding-top:30px}.mecha-controls{background:#fff;border:1px solid #d8e5ed;border-radius:16px;flex-wrap:wrap;align-items:center;gap:13px;padding:18px;display:flex}.mecha-controls label{color:#103b60;font-size:15px;font-weight:800}.mecha-controls input,.mecha-controls select{color:#143953;min-height:45px;font:inherit;background:#fff;border:1px solid #b7ccdb;border-radius:10px;padding:8px 12px;font-size:15px}.mecha-controls input{flex:1;min-width:180px}.mecha-result{color:#496779;font-size:15px}.mecha-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.mecha-card{background:#fff;border:1px solid #d7e4eb;border-radius:20px;overflow:hidden;box-shadow:0 12px 28px #14355012}.mecha-card>img{aspect-ratio:1.75;object-fit:contain;background:#edf7fa;width:100%;display:block}.mecha-card-body{padding:18px}.mecha-card small,.mecha-dialog small{color:#087c91;font-size:14px;font-weight:850}.mecha-card h2{color:#0a315f;margin:7px 0;font-size:21px}.mecha-card p{color:#415d70;min-height:52px;margin:0 0 16px;font-size:15px;line-height:1.75}.mecha-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.mecha-actions button{color:#075276;min-height:45px;font:inherit;cursor:pointer;background:#e9f7fc;border:1px solid #0b78aa;border-radius:10px;font-size:15px;font-weight:850}.mecha-actions button:last-child{color:#fff;background:#0876a8}.mecha-empty{text-align:center;padding:36px}.mecha-overlay{z-index:200;background:#061d36dc;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.mecha-dialog{background:#fff;border-radius:20px;flex-direction:column;width:min(1080px,100%);max-height:92vh;display:flex;overflow:hidden}.mecha-dialog header{border-bottom:1px solid #dbe8ed;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.mecha-dialog h2{color:#0a315f;margin:3px 0;font-size:24px}.mecha-dialog header button{color:#123b57;cursor:pointer;background:#eef5f8;border:0;border-radius:50%;width:44px;height:44px;font-size:30px}.mecha-large-image{text-align:center;background:#eaf1f5;padding:20px;overflow:auto}.mecha-large-image img{min-width:min(760px,100%);max-width:100%;height:auto}.mecha-explanation{grid-template-columns:300px 1fr;gap:24px;padding:24px;display:grid;overflow:auto}.mecha-explanation img{border-radius:12px;width:100%;height:auto;position:sticky;top:0}.mecha-explanation h3{color:#086f90;margin:0 0 5px;font-size:18px}.mecha-explanation p{color:#173b54;margin:0 0 18px;font-size:17px;line-height:1.85}@media (width<=900px){.mecha-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.mecha-intro{padding:27px 23px;display:block}.mecha-count{display:none}.mecha-grid{grid-template-columns:1fr}.mecha-controls{flex-direction:column;align-items:stretch}.mecha-explanation{display:block}.mecha-explanation img{object-fit:contain;max-height:210px;margin-bottom:16px;position:static}}.python-page{color:#153c5c;background:#f4f9fc;min-height:100vh;padding-bottom:70px}.python-intro{justify-content:space-between;align-items:center;gap:32px;padding-block:54px 38px;display:flex}.python-kicker{color:#087f91;letter-spacing:.08em;font-size:.82rem;font-weight:850}.python-intro h1{color:#103d68;margin:10px 0;font-size:clamp(2.1rem,4vw,3.2rem)}.python-intro p{margin:0 0 18px;font-size:1.1rem;line-height:1.9}.python-intro a{color:#fff;background:#0d4f87;border-radius:10px;padding:12px 20px;font-weight:800;text-decoration:none;display:inline-block}.python-count{text-align:center;background:#dff3f4;border-radius:20px;min-width:170px;padding:20px;display:grid}.python-count b{color:#075b7b;font-size:3rem;line-height:1.1}.python-count span{font-weight:750}.python-controls{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.python-controls label{font-size:.92rem;font-weight:800}.python-controls input,.python-controls select{color:#153c5c;min-height:44px;font:inherit;background:#fff;border:1px solid #a8c6d8;border-radius:10px;padding:9px 12px;font-size:1rem}.python-controls input{flex:270px}.python-controls select{max-width:100%}.python-result{color:#45677c;margin:18px 0;font-size:.94rem}.python-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px;display:grid}.python-card{background:#fff;border:1px solid #c7dce8;border-radius:17px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 24px #09375914}.python-card>img,.python-card-number{aspect-ratio:1.58;object-fit:contain;background:#e7f5fb;width:100%;display:block}.python-card-number{background:linear-gradient(140deg,#dff3fa,#e9f8f0);place-items:center;display:grid}.python-card-number span{color:#155b89;font-size:4rem;font-weight:900}.python-card-content{flex-direction:column;flex:1;padding:17px;display:flex}.python-card-content small{color:#4b7287;line-height:1.6}.python-card-content h2{color:#103d68;margin:8px 0;font-size:1.18rem;line-height:1.55}.python-card-content p{margin:0 0 16px;font-size:1rem;line-height:1.75}.python-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.python-actions button{color:#0d4f87;font:inherit;cursor:pointer;background:#fff;border:1px solid #0d4f87;border-radius:9px;padding:10px 14px;font-weight:800}.python-actions button:last-child{color:#fff;background:#0d4f87}.python-actions button:focus-visible,.python-dialog button:focus-visible,.python-intro a:focus-visible{outline-offset:3px;outline:3px solid #efb142}.python-empty{text-align:center;padding:35px}.python-overlay{z-index:1000;background:#03182bc7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.python-dialog{direction:rtl;background:#fff;border-radius:16px;flex-direction:column;width:min(950px,100%);max-height:94vh;display:flex;overflow:hidden}.python-dialog header{border-bottom:1px solid #d8e7ef;justify-content:space-between;align-items:start;gap:16px;padding:16px 22px;display:flex}.python-dialog header small{color:#4b7287}.python-dialog header h2{color:#103d68;margin:4px 0 0;font-size:1.3rem}.python-dialog header button{cursor:pointer;color:#153c5c;background:#eaf4f9;border:0;border-radius:9px;flex:none;width:42px;height:42px;font-size:1.7rem}.python-large-image,.python-lesson-body{overflow:auto}.python-large-image img{width:100%;height:auto;display:block}.python-lesson-body{padding:20px 28px 32px;font-size:1.08rem;line-height:2}.python-lesson-body p{margin:0 0 15px}.python-lesson-body code{background:#e8f2f8;border-radius:4px;padding:2px 5px}.python-lesson-body pre{text-align:left;color:#f1f8fc;direction:ltr;background:#0b253d;border-radius:10px;padding:18px;font-size:.98rem;line-height:1.65;overflow:auto}.python-lesson-body pre code{color:inherit;background:0 0;padding:0}@media (width<=650px){.python-intro{flex-direction:column;align-items:stretch;padding-block:32px 24px}.python-count{min-width:0}.python-dialog{max-height:96vh}.python-lesson-body{padding:16px}}.scratch-course{color:#16354e;background:#f2f7fb;min-height:100vh;padding:42px 0 80px}.scratch-course-shell{width:min(1220px,100% - 32px);margin:auto}.scratch-course-head{color:#fff;background:linear-gradient(135deg,#07365a,#08758b);border-radius:24px;padding:32px 38px}.scratch-course-head p{color:#ffce62;margin:0 0 8px;font-weight:800}.scratch-course-head h1{margin:0 0 12px;font-size:clamp(2rem,4vw,3.5rem)}.scratch-course-head span{font-size:1.05rem;line-height:1.8}.scratch-course-tools{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px;margin:26px 0;display:flex}.scratch-course-tools label{gap:7px;min-width:min(100%,340px);font-weight:750;display:grid}.scratch-course-tools input{font:inherit;color:#12324a;background:#fff;border:1px solid #a9c4d2;border-radius:11px;padding:12px 14px}.scratch-course-tools nav{flex-wrap:wrap;gap:7px;display:flex}.scratch-course-tools button{color:#15526c;font:inherit;cursor:pointer;background:#fff;border:1px solid #a8c8d5;border-radius:10px;padding:10px 12px;font-weight:800}.scratch-course-tools button[aria-current=page]{color:#fff;background:#0a6b80}.scratch-lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.scratch-lesson-card{background:#fff;border:1px solid #d5e6ec;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px #0b3e5a0b}.scratch-lesson-card>img,.scratch-image-pending{aspect-ratio:1.5;object-fit:cover;background:#e5f0f5;width:100%;display:block}.scratch-image-pending{color:#537386;place-items:center;font-weight:750;display:grid}.scratch-lesson-body small,.scratch-dialog small{color:#16748d;font-size:.9rem;font-weight:850}.scratch-lesson-body h2{min-height:3.2em;margin:7px 0 16px;font-size:1.15rem;line-height:1.45}.scratch-lesson-actions{gap:9px;display:flex}.scratch-lesson-actions button{color:#fff;font:inherit;cursor:pointer;background:#087a8e;border:0;border-radius:9px;flex:1;padding:10px;font-weight:800}.scratch-lesson-actions button+button{color:#07536a;background:#eaf5f8}.scratch-lesson-pending{opacity:.73}.scratch-dialog-backdrop{z-index:1000;background:#082b42cc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.scratch-dialog{background:#fff;border-radius:18px;width:min(640px,100%);max-height:92vh;padding:30px;position:relative;overflow:auto;box-shadow:0 20px 60px #0005}.scratch-dialog h2{margin:10px 0;font-size:1.6rem}.scratch-dialog p{font-size:1.1rem;line-height:1.9}.scratch-image-dialog{width:min(1250px,100%);padding:12px}.scratch-image-dialog img{width:100%;height:auto;display:block}.scratch-dialog-close{color:#fff;cursor:pointer;z-index:1;top:10px;background:#073e5b;border:0;border-radius:50%;width:42px;height:42px;font-size:1.8rem;position:absolute;inset-inline-end:10px}@media (width<=850px){.scratch-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=570px){.scratch-course{padding-top:16px}.scratch-course-head{padding:22px}.scratch-lesson-grid{grid-template-columns:1fr}.scratch-course-tools nav{width:100%}.scratch-course-tools button{flex:1}}.scratch-lesson-card>img,.scratch-image-pending{aspect-ratio:4/3;object-fit:contain;height:auto}.scratch-dialog:has(.scratch-full-lesson){width:min(860px,100%);padding:clamp(22px,4vw,44px)}.scratch-full-lesson{color:#183b53}.scratch-full-lesson section{border-top:1px solid #dbe9ef;padding:16px 0}.scratch-full-lesson h3{color:#07647a;margin:0 0 6px;font-size:1.2rem}.scratch-full-lesson p{margin:0;font-size:1.05rem;line-height:2}.scratch-full-lesson section:first-child{border-top:0}.scratch-full-lesson p{white-space:pre-line}.scratch-lesson-actions button:disabled{opacity:.6;cursor:default;color:#526b76;background:#eaf5f8}.section-directory{padding-block:44px 54px}.directory-heading{max-width:850px;margin-bottom:26px}.directory-heading h2{color:var(--navy);margin:8px 0 12px;font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.5}.directory-heading p{margin:8px 0;font-size:1.0625rem;line-height:1.9}.directory-heading .directory-note{color:#475569;font-size:.9375rem}.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.directory-card{background:#fff;border:1px solid #dbe5ef;border-top:4px solid #0891b2;border-radius:16px;flex-direction:column;align-items:flex-start;min-width:0;padding:24px;display:flex;box-shadow:0 6px 20px #12365308}.directory-card:nth-child(3n+2){border-top-color:#2563eb}.directory-card:nth-child(3n){border-top-color:#e49520}.directory-card h2{color:var(--navy);margin:0 0 12px;font-size:1.3rem;line-height:1.6}.directory-age{color:#075985;background:#e0f2fe;border-radius:8px;padding:5px 10px;font-size:.9375rem;font-weight:700;line-height:1.6}.directory-card p{color:#334155;margin:16px 0 22px;font-size:1rem;line-height:1.9}.directory-card .button{min-height:44px;margin-top:auto;font-size:1rem}.directory-card .button:focus-visible{outline-offset:4px;outline:3px solid #f59e0b}@media (width<=1000px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.directory-grid{grid-template-columns:1fr}.section-directory{padding-block:28px 36px}.directory-card{padding:20px}}.home-welcome{grid-template-columns:minmax(0,2fr) minmax(250px,1fr);align-items:start;gap:30px;padding-block:36px 16px;display:grid}.home-welcome h1{color:var(--navy);margin:8px 0 12px;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.5}.home-welcome p{color:#334155;margin:10px 0;font-size:1.0625rem;line-height:1.9}.home-contact{background:#eaf7f0;border:1px solid #c3e5d1;border-radius:16px;padding:24px}.home-contact h2{color:#14532d;margin:0;font-size:1.35rem}.home-contact .whatsapp-button{color:#fff;background:#166534;min-height:44px;margin:10px 0}.home-contact>span{color:#14532d;text-align:start;font-size:1rem;display:block}.whatsapp-button:focus-visible{outline-offset:4px;outline:3px solid #f59e0b}@media (width<=760px){.home-welcome{grid-template-columns:1fr;gap:16px}}.directory-card:nth-child(6n+1){--card-color:#16803c;--card-bg:#edf9ec;--card-badge:#d2efce}.directory-card:nth-child(6n+2){--card-color:#0671ba;--card-bg:#edf7ff;--card-badge:#cceaff}.directory-card:nth-child(6n+3){--card-color:#945600;--card-bg:#fff8e7;--card-badge:#ffe5a0}.directory-card:nth-child(6n+4){--card-color:#8241b1;--card-bg:#f6effc;--card-badge:#e9d7fa}.directory-card:nth-child(6n+5){--card-color:#bc326a;--card-bg:#fff0f5;--card-badge:#ffd6e5}.directory-card:nth-child(6n+6){--card-color:#945600;--card-bg:#fff8d9;--card-badge:#ffe58b}.directory-card:nth-child(n){background:var(--card-bg);border:2px solid var(--card-color);border-top-width:6px;box-shadow:0 6px 18px #1236530a}.directory-card .directory-age{background:var(--card-badge);color:#17304d}.directory-card .button-primary{background:var(--card-color);color:#fff;box-shadow:none}.directory-card h2{color:#102b4e}.directory-card p{color:#263747}.starting-point{background:#f0f7ff;border:2px solid #a4c7eb}.starting-point fieldset:first-child{--question-color:#16803c;--question-bg:#edf9ec;--question-choice:#d2efce}.starting-point fieldset:nth-child(2){--question-color:#0671ba;--question-bg:#edf7ff;--question-choice:#cceaff}.starting-point fieldset:nth-child(3){--question-color:#945600;--question-bg:#fff8e7;--question-choice:#ffe5a0}.starting-point fieldset{background:var(--question-bg);border:2px solid var(--question-color)}.starting-point legend{background:var(--question-bg);color:#102b4e;border-radius:8px;padding:5px 8px}.starting-point legend span{background:var(--question-color)}.starting-point-options label{border-color:var(--question-color);color:#17304d;background:#ffffffc9}.starting-point-options label:hover{background:var(--question-choice)}.starting-point-options label.selected{background:var(--question-choice);border:2px solid var(--question-color);color:#102b4e}.starting-point-options input{accent-color:var(--question-color)}.starting-point-options label:focus-within{outline:3px solid var(--question-color);outline-offset:3px}.starting-point-submit{color:#17304d;background:#ffd45b;border:2px solid #945600}.iot-detailed-markdown h3{color:#123b5b;margin:24px 0 10px;font-size:1.25rem;line-height:1.7}.iot-detailed-markdown pre{white-space:pre;text-align:left;color:#f0f7ff;background:#102438;border-radius:12px;max-width:100%;padding:18px;font-size:.9375rem;line-height:1.7;overflow:auto}.iot-detailed-markdown ul,.iot-detailed-markdown ol{padding-inline-start:28px;line-height:1.9}.iot-table-scroll{overflow-x:auto}.iot-detailed-markdown table{border-collapse:collapse;width:100%;font-size:1rem}.iot-detailed-markdown th,.iot-detailed-markdown td{text-align:start;border:1px solid #cbd5e1;padding:10px}.iot-detailed-markdown th{background:#e0f2fe}.scratch-course-shell{width:min(1280px,100% - 32px)}.scratch-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.scratch-lesson-card{padding:14px}.scratch-lesson-card>img{aspect-ratio:auto;object-fit:contain;background:#fff;width:100%;height:auto;display:block}.scratch-lesson-body{padding:17px 0 0}@media (width<=750px){.scratch-lesson-grid{grid-template-columns:1fr}}:is(.electronics-page,.learn-electronics-page,.microbit-hub,.mecha-page,.python-page) .section-shell,.scratch-course-shell{width:min(1280px,100% - 32px);max-width:1280px}:is(.electronics-grid,.learn-electronics-grid,.microbit-course-grid,.mecha-grid,.python-grid,.scratch-lesson-grid,.course-visual-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}:is(.electronics-card,.learn-electronics-card,.microbit-course-card,.mecha-card,.python-card,.scratch-lesson-card,.course-visual-card){background:#fff;border:1px solid #ccdde9;border-radius:16px;min-width:0;padding:14px}:is(.electronics-image-button,.learn-electronics-image,.course-visual-image){aspect-ratio:auto;background:#fff;border:0;width:100%;height:auto;padding:0;display:block}.course-visual-image{cursor:zoom-in}:is(.electronics-image-button,.learn-electronics-image,.microbit-course-card,.mecha-card,.python-card,.scratch-lesson-card,.course-visual-image)>img{aspect-ratio:auto;object-fit:contain;background:#fff;width:100%;height:auto;max-height:none;display:block}:is(.learn-electronics-card-body,.microbit-course-card>div,.mecha-card-body,.python-card-content,.scratch-lesson-body){padding:17px 0 0}.course-visual-card h2{color:#123b56;margin:0 0 12px;font-size:1.2rem;line-height:1.7}.course-visual-card .lesson-actions{gap:10px;margin-top:14px;display:flex}.course-visual-card .lesson-actions button{font:inherit;border-radius:9px;flex:1;padding:10px 12px;font-weight:700}:is(.electronics-heading,.learn-electronics-hero,.scratch-course-head,.mecha-intro,.python-intro){box-shadow:none;background:#07365a;border-radius:20px;padding:24px 30px}@media (width<=750px){:is(.electronics-grid,.learn-electronics-grid,.microbit-course-grid,.mecha-grid,.python-grid,.scratch-lesson-grid,.course-visual-grid){grid-template-columns:1fr}}.arduino-course-page,.microbit-hub{color:#123b56;background:#f2f7fb;min-height:70vh;padding:32px 0 64px}.arduino-course-page .section-shell,.microbit-hub .section-shell{width:min(1280px,100% - 32px);max-width:1280px;margin-inline:auto}.course-page-heading{color:#fff;background:#07365a;border-radius:20px;margin-bottom:24px;padding:24px 30px}.course-page-heading h1{margin:0;font-size:clamp(1.6rem,4vw,2.5rem)}.course-page-heading p{color:#ffcf61;margin:10px 0 0;font-size:1rem}.arduino-course-page #visual-library{background:0 0;padding:0}.arduino-course-page #visual-library .hub-heading{display:none}.arduino-course-page .lesson-search,.microbit-hub .lesson-search{background:#fff;border:1px solid #ccdde9;border-radius:16px;margin:0 0 24px;padding:20px}.microbit-hub .microbit-course{padding-top:20px}.microbit-course-card>div>.microbit-course-actions{padding:0}@media (width<=750px){.arduino-course-page,.microbit-hub{padding-top:18px}.course-page-heading{padding:20px}}.language-button{touch-action:manipulation;z-index:2;text-decoration:none;position:relative}.arduino-path-summary{background:#eaf6ff;border:1px solid #b8d9ee;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px;padding:20px;display:flex}.arduino-path-summary strong{color:#123b56;font-size:1.1rem}.arduino-path-summary p{margin:8px 0 0;font-size:1rem;line-height:1.8}.arduino-path-summary button{font:inherit;cursor:pointer}.course-visual-card .arduino-path-badge{color:#155f91;background:#eaf6ff;border-radius:8px;margin:0 0 10px;padding:6px 10px;font-size:.9rem;font-weight:700;display:inline-block}.course-visual-card .arduino-path-tools{color:#36566c;font-size:1rem;line-height:1.8}.arduino-path-complete{width:100%;font:inherit;color:#155f91;cursor:pointer;background:#fff;border:1px solid #aac7da;border-radius:9px;margin-top:10px;padding:10px 12px;font-weight:700}.arduino-path-complete[aria-pressed=true]{background:#eaf6ff;border-color:#155f91}.mecha-explanation .parallel-equation{text-align:center;color:#163b56;direction:ltr;background:#edf6fc;border-radius:8px;padding:12px;font-size:1.15rem}.mecha-dialog{width:min(1400px,96vw);max-height:94vh}.mecha-explanation{flex-direction:column;gap:24px;min-height:0;display:flex}.mecha-explanation>img{object-fit:contain;flex:none;width:100%;height:auto;max-height:none;margin:0;display:block;position:static}.mecha-explanation>div{width:100%;min-width:0}@media (width<=600px){.mecha-overlay{padding:8px}.mecha-explanation{gap:20px;padding:16px}.mecha-explanation>img{max-height:none;margin:0}}.lesson-explanation-image{object-fit:contain;width:100%;height:auto;max-height:none;margin:0 0 24px;display:block}.electronics-guide-viewer,.arduino-guide-dialog,.microbit-course-detail,.scratch-dialog:not(.scratch-image-dialog),.learning-viewer{width:min(1400px,96vw);max-width:96vw}.scratch-dialog:has(.scratch-full-lesson){width:min(1400px,96vw);max-width:96vw}.electronics-guide-body{flex-direction:column;gap:24px;display:flex;overflow:auto}.electronics-guide-body>aside{flex:none;align-self:stretch;width:100%}.electronics-guide-body>aside img{object-fit:contain;width:100%;height:auto;max-height:none;display:block}.electronics-component-list{flex:none;overflow:visible}.arduino-guide-body{flex-direction:column;display:flex}.arduino-guide-visual,.arduino-guide-copy{flex:none;width:100%;min-width:0}.learning-viewer-body.example-learning-layout{max-width:none}.diy-project-body>.diy-real-wiring{grid-column:1/-1;margin:0}.diy-project-body>.diy-real-wiring img{object-fit:contain;width:100%;height:auto;max-height:none}.diy-project-boards>div{grid-template-columns:1fr}.diy-project-boards img{max-height:none}.learn-electronics-modal>.electronics-text-dialog{width:min(1400px,96vw);max-width:96vw}.lesson-explanation-document{border:1px solid #cbd5e1;width:100%;height:75vh;margin-top:20px;display:block}@media (width<=600px){.lesson-explanation-image{max-height:none}.microbit-course-detail-body{padding:16px}.electronics-guide-body>aside img{max-height:none}}.uno-full-guide{text-align:start;font-size:1rem;line-height:1.9}.uno-full-guide section{background:#fff;border:1px solid #d8e8ee;border-radius:12px;margin-block:22px;padding:18px}.uno-full-guide h4{color:#086d87;margin:0 0 12px;font-size:1.15rem}.uno-full-guide ul,.uno-full-guide ol{list-style:revert;padding-inline-start:26px;display:block}.uno-full-guide li{list-style:revert;margin-block:6px;display:list-item}.uno-full-guide pre{color:#f1f8fc;text-align:left;direction:ltr;background:#0b253d;border-radius:10px;max-width:100%;padding:18px;font:1rem/1.65 monospace;overflow:auto}.uno-full-guide table{border-collapse:collapse;width:100%}.uno-full-guide th,.uno-full-guide td{text-align:start;border:1px solid #d8e8ee;padding:10px}.uno-full-guide th{background:#e8f6f9}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}