:root{color-scheme:dark;--bg:#07111c;--bg-soft:#0d1b2a;--panel:#0c1623d1;--text:#eaf2ff;--muted:#a8b7cf;--line:#b4cdff2e;--accent:#7cb3ff;--accent-2:#88f0d7;--shadow:0 24px 80px #00000059}html{color:var(--text);scroll-behavior:smooth;background:radial-gradient(circle at top,#7cb3ff2e,#0000 34%),linear-gradient(#09111a 0%,#07111c 48%,#050a12 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:0 0;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--accent-2);font-size:.78rem}.home,.class-page{min-height:100vh}.course-nav{z-index:20;backdrop-filter:blur(18px);background:#07111ce0;border-bottom:1px solid #b4cdff1f;padding:.75rem clamp(1rem,4vw,3rem);position:sticky;top:0}.course-nav__inner{justify-content:space-between;align-items:center;gap:1rem;max-width:112rem;margin:0 auto;display:flex}.course-nav__brand{align-items:center;gap:.7rem;min-width:max-content;display:inline-flex}.course-nav__mark{border:1px solid var(--accent-2);width:2.25rem;height:2.25rem;color:var(--accent-2);letter-spacing:.08em;border-radius:.6rem;place-items:center;font-size:.65rem;font-weight:700;display:grid}.course-nav__name{color:var(--text);letter-spacing:.04em;font-size:.76rem;line-height:1.1}.course-nav__links{background:#ffffff09;border:1px solid #b4cdff1f;border-radius:.75rem;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.2rem;padding:.25rem;display:flex}.course-nav__links a{color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:.5rem;padding:.5rem .8rem;font-size:.85rem;transition:color .18s,background .18s,border-color .18s;display:block}.course-nav__links a:hover,.course-nav__links a:focus-visible,.course-nav__links a.active{color:var(--text);background:#7cb3ff1f;border-color:#7cb3ff38}.cover{min-height:100vh;padding:2rem clamp(1rem,4vw,3rem) 3rem;position:relative;overflow:clip}.cover__grid,.hero__ambient{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.35;pointer-events:none;background-size:84px 84px;position:absolute;inset:0;mask-image:radial-gradient(circle,#000 10%,#0000 72%)}.cover__content,.unit-card,.timeline__intro,.bridge__panel,.bridge__question,.hero__copy{backdrop-filter:blur(18px);background:var(--panel);box-shadow:var(--shadow);border:1px solid #ffffff14}.cover__content{border-radius:1.5rem;max-width:44rem;padding:clamp(1.25rem,3vw,2rem)}.cover h1,.hero h1{letter-spacing:-.04em;margin:.4rem 0 1rem;font-size:clamp(3rem,9vw,6.5rem);line-height:.95}.lede,.hero p,.bridge p,.timeline__intro p,.detail,.answer{color:var(--muted);line-height:1.65}.units{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.unit-card{border-radius:1.25rem;padding:1.25rem;scroll-margin-top:5.5rem}.unit-card__description{min-height:2.8rem;color:var(--muted);margin:.5rem 0 0;line-height:1.5}.course-path{background:#0c162394;border:1px solid #88f0d733;border-radius:1rem;justify-content:center;align-items:center;gap:.7rem;max-width:72rem;margin:2rem auto 0;padding:1rem;display:flex}.course-path span{color:var(--accent-2);letter-spacing:.08em;gap:.2rem;font-size:.78rem;font-weight:700;display:grid}.course-path b{color:var(--accent)}.course-path small{color:var(--muted);letter-spacing:normal;font-size:.73rem;font-weight:400}.course-path i{color:var(--accent-2);font-style:normal}.unit-card__meta{color:var(--muted);justify-content:space-between;font-size:.9rem;display:flex}.class-list{gap:.2rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.class-list li>span,.class-list li>a{border-radius:.6rem;grid-template-columns:2.2rem minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.55rem .65rem;display:grid}.class-list a{transition:background .18s,color .18s}.class-list a:hover,.class-list a:focus-visible{background:#7cb3ff1a}.class-number{color:var(--accent);font-variant-numeric:tabular-nums}.class-title{text-align:left;min-width:0}.class-list li.locked{opacity:.55}.class-list em{color:var(--accent-2);white-space:nowrap;font-size:.9rem;font-style:normal}.hero,.lesson-hero{align-items:start;min-height:min(58vh,38rem);padding:clamp(2rem,6vh,4.5rem) clamp(1rem,4vw,3rem) 2rem;display:grid;position:relative}.lesson-content{max-width:112rem;margin:0 auto}.lesson-section{padding:3.5rem clamp(1rem,4vw,3rem)}.lesson-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:2rem;display:grid}.lesson-card{background:#0c16239e;border:1px solid #ffffff1a;border-radius:1rem;padding:1.25rem}.lesson-card h3{margin:0;font-size:1.1rem}.lesson-card p{color:var(--muted);line-height:1.55}.code-block,.lesson-card pre{color:#b8f7e5;background:#050b12;border:1px solid #88f0d73d;border-radius:1rem;margin:2rem 0 0;padding:1.25rem;font:.95rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto}.code-block{max-width:48rem}.architecture-page .hero{padding-bottom:2rem}.flow-line,.system-flow{color:var(--accent-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;margin-top:1.5rem;font-weight:700;display:flex}.flow-line b,.system-flow b{color:var(--accent)}.big-emoji{margin-bottom:.8rem;font-size:2.4rem;display:block}.data-journey{background:#0309108f;padding:3.5rem clamp(1rem,4vw,3rem)}.journey-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;max-width:112rem;margin:2rem auto 0;display:grid}.journey-grid article{background:#0c1623b8;border:1px solid #88f0d738;border-radius:1rem;padding:1.25rem}.journey-grid span,.challenge-feedback{color:var(--accent-2);letter-spacing:.1em;font-size:.74rem}.journey-grid strong{margin-top:1rem;font-size:1.2rem;display:block}.journey-grid p{color:var(--text);margin:.7rem 0;font-size:1.7rem}.journey-grid small{color:var(--muted);line-height:1.5}.system-flow{border:1px solid #7cb3ff2e;border-radius:999px;max-width:52rem;margin:2rem auto 0;padding:1rem}.mini-diagram{text-align:center;color:var(--accent-2);background:#0003;border-radius:.7rem;margin-top:1rem;padding:.8rem;font:1.1rem/1.7 ui-monospace,monospace}.mini-diagram small{color:var(--muted);font:.8rem/1.4 inherit}.challenge-section{padding:3.5rem clamp(1rem,4vw,3rem)}.challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;max-width:58rem;margin:2rem auto 1rem;display:grid}.challenge-grid button{color:var(--text);text-align:left;font:inherit;cursor:pointer;background:#0c1623b3;border:1px solid #ffffff24;border-radius:.8rem;padding:1.1rem}.challenge-grid button:hover,.challenge-grid button.selected{border-color:var(--accent-2);background:#123f40a6}.challenge-feedback{letter-spacing:normal;max-width:58rem;margin:1rem auto}.hero__copy{border-radius:1.5rem;max-width:46rem;padding:clamp(1.5rem,3.5vw,2.5rem)}.timeline,.bridge{padding:3.5rem clamp(1rem,4vw,3rem)}.timeline{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:2rem;display:grid;position:relative}.timeline__intro{border-radius:1.4rem;align-self:start;padding:1.5rem;position:sticky;top:1.5rem}.timeline__intro,.timeline__stage,.timeline__cards{grid-row:1}.timeline__intro{grid-column:1}.timeline__stage,.timeline__cards{grid-column:2}.timeline__stage{z-index:0;pointer-events:none;position:relative}.timeline__line{background:#ffffff14;width:2px;position:absolute;top:0;bottom:0;left:1rem}.timeline__line-fill{background:linear-gradient(180deg, var(--accent-2), var(--accent));position:absolute;inset:0;transform:scaleY(0)}.timeline__cards{z-index:1;flex-direction:column;gap:2rem;padding-left:2.5rem;display:flex}.timeline-card{box-sizing:border-box;background:#080f18e6;border:1px solid #ffffff1a;border-radius:1.4rem;min-width:0;padding:1.4rem 1.4rem 1.5rem 2rem;display:block;position:relative;overflow:hidden}.timeline-card--civil{border-color:#88f0d773}.timeline-card h3,.bridge h2{margin:.35rem 0 .7rem;font-size:clamp(1.45rem,3vw,2.2rem)}.timeline-card__header{color:var(--muted);justify-content:space-between;font-size:.85rem;display:flex}.timeline-card p{margin:.65rem 0 0}.timeline-card__image{object-fit:cover;background:#0b1725;border:1px solid #7cb3ff2e;border-radius:.9rem;width:100%;height:clamp(10rem,18vw,14rem);margin-top:1.35rem;display:block}.summary{color:var(--text)}.notes{color:#ffd78c}.bridge{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem;display:grid}.bridge__panel,.bridge__question{border-radius:1.4rem;padding:1.5rem}.bridge__tags{flex-wrap:wrap;gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.bridge__tags li{border:1px solid #ffffff1f;border-radius:999px;padding:.5rem .8rem}.question{color:var(--text);margin:0;font-size:clamp(1.7rem,4vw,3rem);line-height:1.05}.architecture-section,.architecture-explorer,.lesson-close{padding:3.5rem clamp(1rem,4vw,3rem)}.architecture-page>.architecture-section:first-of-type{padding-top:2.5rem}.section-heading{max-width:52rem}.section-heading h2,.architecture-explorer h2,.lesson-close h2{letter-spacing:-.04em;max-width:18ch;margin:.45rem 0 1rem;font-size:clamp(2rem,5vw,4.2rem);line-height:1}.section-heading p:not(.eyebrow){max-width:42rem;color:var(--muted);line-height:1.7}.idea-grid,.workflow-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;max-width:112rem;margin:2rem auto 0;display:grid}.idea-card,.workflow-grid article{background:#0c16239e;border:1px solid #ffffff1a;border-radius:1rem;min-width:0;padding:1.25rem}.idea-card h3,.workflow-grid h3{margin:0;font-size:1.1rem}.idea-card p,.workflow-grid p{color:var(--muted);margin:.7rem 0 0;line-height:1.55}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:72rem;margin:2rem auto 0;display:grid}.model-card{background:linear-gradient(135deg,#1c3753b8,#0c1623b8);border:1px solid #7cb3ff33;border-radius:1.2rem;padding:clamp(1.25rem,3vw,2rem)}.model-card:last-child{background:linear-gradient(135deg,#123f40a6,#0c1623b8);border-color:#88f0d738}.model-card__label{color:var(--accent-2);letter-spacing:.14em;text-transform:uppercase;font-size:.74rem}.model-card h3{margin:.65rem 0 .5rem;font-size:clamp(1.4rem,3vw,2rem)}.model-card p{max-width:34rem;color:var(--muted);margin:0;line-height:1.65}.architecture-explorer{background:#09142080;grid-template-columns:minmax(15rem,.7fr) minmax(0,1.3fr);align-items:start;gap:2rem;display:grid}.architecture-explorer__intro{position:sticky;top:5.5rem}.architecture-map{align-items:stretch;gap:.45rem;min-width:0;display:flex}.architecture-node{min-width:0;color:var(--muted);text-align:left;cursor:pointer;background:#0c1623b8;border:1px solid #ffffff1f;border-radius:.9rem;flex:1 1 0;gap:.45rem;padding:1rem;transition:color .18s,border-color .18s,background .18s,transform .18s;display:grid;position:relative}.architecture-node:hover,.architecture-node:focus-visible,.architecture-node.active{color:var(--text);border-color:var(--accent);background:#28496980;transform:translateY(-.2rem)}.architecture-node__index{letter-spacing:.12em;color:var(--accent-2);font-size:.72rem}.architecture-node strong{font-size:.95rem}.architecture-node__arrow{z-index:2;color:var(--accent-2);position:absolute;top:50%;right:-.65rem;transform:translateY(-50%)}.architecture-detail{border-left:3px solid var(--accent);background:#07111cd6;border-radius:0 1rem 1rem 0;grid-column:2;padding:1.5rem}.architecture-detail--mint{border-color:var(--accent-2)}.architecture-detail--gold{border-color:#ffd78c}.architecture-detail--coral{border-color:#ff9d82}.architecture-detail h3{margin:.4rem 0 .7rem;font-size:clamp(1.6rem,3vw,2.5rem)}.architecture-detail p{max-width:48rem;color:var(--muted);line-height:1.65}.architecture-detail__civil{color:var(--text)!important}.architecture-section--dark{background:#0309108f}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-grid article>span{color:var(--accent-2);letter-spacing:.12em;font-size:.78rem}.lesson-close{text-align:center;max-width:70rem;margin:0 auto}.lesson-close h2{max-width:22ch;margin-left:auto;margin-right:auto}.lesson-close>p:not(.eyebrow){color:var(--muted);line-height:1.65}.text-link{color:var(--accent-2);gap:.5rem;margin-top:1rem;display:inline-flex}.reveal{height:100vh}.reveal h1,.reveal h2{letter-spacing:-.04em}@media (width<=900px){.timeline{grid-template-columns:1fr;gap:1.5rem}.timeline__intro,.timeline__stage,.timeline__cards{grid-area:auto/1}.timeline__intro{position:relative;top:auto}.timeline__stage{display:none}.timeline__cards{gap:1.25rem;padding-left:0}.timeline-card__image{height:clamp(9rem,42vw,13rem)}.architecture-section,.architecture-explorer,.lesson-close{padding-top:3.5rem;padding-bottom:3.5rem}.architecture-page>.architecture-section:first-of-type{padding-top:2rem}.architecture-explorer{grid-template-columns:1fr}.architecture-explorer__intro{position:relative;top:auto}.architecture-detail{grid-column:1}.idea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-map{padding-bottom:.5rem;overflow-x:auto}.architecture-node{flex:0 0 8.5rem}}@media (width<=600px){.course-nav{padding:.65rem 1rem}.course-nav__name{display:none}.course-nav__links a{padding:.45rem .55rem;font-size:.78rem}.class-list li>span,.class-list li>a{grid-template-columns:2rem minmax(0,1fr)}.class-list em{grid-column:2;margin-top:-.3rem}.idea-grid,.workflow-grid,.units{grid-template-columns:1fr}.course-path{flex-direction:column;align-items:stretch}.course-path i{align-self:center;transform:rotate(90deg)}.model-grid{grid-template-columns:1fr}.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-card-grid,.journey-grid,.challenge-grid{grid-template-columns:1fr}.system-flow{border-radius:1rem}.architecture-node{flex-basis:7.5rem}.hero,.architecture-page .hero{min-height:auto;padding-top:2rem;padding-bottom:2rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.arch-hero{grid-template-columns:minmax(0,1fr) minmax(19rem,.72fr);align-items:center;gap:3rem;min-height:min(65vh,42rem);padding:clamp(2rem,7vh,5rem) clamp(1rem,6vw,6rem);display:grid;position:relative;overflow:hidden}.arch-hero__copy{z-index:1;max-width:46rem;position:relative}.arch-hero h1{letter-spacing:-.05em;margin:.4rem 0 1rem;font-size:clamp(3rem,6vw,5.8rem);line-height:.96}.arch-hero p:not(.eyebrow),.arch-section p,.von-section p,.quiz-section p{color:var(--muted);line-height:1.65}.human-flow,.hero-machine{color:var(--accent-2);letter-spacing:.12em;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1.5rem;font-size:.78rem;font-weight:800;display:flex}.hero-machine{box-shadow:var(--shadow);background:radial-gradient(circle,#7cb3ff29,#0000 65%),#0c1623ad;border:1px solid #88f0d73b;border-radius:1.5rem;grid-template-rows:auto 2.4rem auto;grid-template-columns:minmax(5.5rem,1fr) 2.2rem minmax(5.5rem,1fr) 2.2rem minmax(5.5rem,1fr);place-items:center;gap:.55rem;padding:2rem;display:grid;position:relative}.hero-machine .machine-node{min-width:5.7rem;min-height:3.2rem;color:var(--accent-2);letter-spacing:.12em;background:#07111ce0;border:1px solid #7cb3ff42;border-radius:.65rem;place-items:center;padding:.55rem .7rem;font-size:.68rem;font-weight:800;display:grid}.machine-input{grid-area:1/1}.machine-arrow-input{grid-area:1/2}.machine-memory{grid-area:1/3}.machine-arrow-down{grid-area:2/3}.hero-machine .machine-cpu{color:var(--accent-2);border-color:var(--accent-2);grid-area:3/3;animation:2.6s ease-in-out infinite cpu-pulse;box-shadow:0 0 2rem #88f0d72e}.machine-arrow-output{grid-area:3/4}.machine-output{grid-area:3/5}.machine-arrow{color:var(--accent-2)}@keyframes cpu-pulse{50%{box-shadow:0 0 2.7rem #88f0d76b}}.arch-section,.journey-section,.von-section,.quiz-section{padding:4rem clamp(1rem,6vw,6rem)}.arch-section:nth-of-type(2n),.von-section{background:#03091075}.system-map{background:linear-gradient(135deg,#0c1623cc,#080f18a8);border:1px solid #ffffff1a;border-radius:1.5rem;grid-template-rows:auto auto auto;grid-template-columns:repeat(3,minmax(7rem,1fr));gap:1rem;max-width:58rem;margin:2.5rem auto 0;padding:2rem;display:grid;position:relative}.system-map:before{content:"";pointer-events:none;border:1px dashed #7cb3ff4d;border-radius:1rem;position:absolute;inset:22% 16%}.system-map button,.map-core{z-index:1;min-height:5.8rem;color:var(--muted);font:inherit;background:#07111cd9;border:1px solid #ffffff21;border-radius:.8rem;place-items:center;gap:.35rem;padding:.7rem;display:grid}.system-map button{cursor:pointer}.system-map button.highlight{color:var(--text);border-color:var(--accent-2);box-shadow:0 0 1.5rem #88f0d72e}.system-map .map-core{color:var(--accent-2);grid-column:1/4}.system-map button:nth-of-type(4){grid-column:1/2}.system-map button:nth-of-type(5){grid-column:3/4}.team-layout{grid-template-columns:minmax(13rem,.7fr) minmax(0,1.3fr);gap:1rem;max-width:72rem;margin:2rem auto 0;display:grid}.part-nav{gap:.45rem;display:grid}.part-nav button{color:var(--muted);text-align:left;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.8rem;grid-template-columns:1.6rem 1fr;align-items:center;gap:.45rem;padding:.9rem;display:grid}.part-nav small{grid-column:2}.part-nav button.active{color:var(--text);background:#7cb3ff1a;border-color:#7cb3ff57}.part-detail{background:#0c1623a3;border:1px solid #88f0d73d;border-radius:1.2rem;padding:1.7rem}.part-detail h3{margin:.35rem 0 .5rem;font-size:clamp(1.5rem,3vw,2.2rem)}.part-example{border-left:3px solid var(--accent);background:#07111cb8;gap:.5rem;margin-top:1.2rem;padding:1rem;display:grid}.part-example span{color:var(--accent-2);font-family:ui-monospace,monospace}.part-note{font-size:.9rem}.memory-compare{grid-template-columns:1fr .45fr 1fr;align-items:stretch;gap:1rem;max-width:66rem;margin:2.5rem auto 1rem;display:grid}.memory-compare article{background:#0c1623b3;border:1px solid #7cb3ff38;border-radius:1.1rem;padding:1.5rem}.memory-compare article svg{color:var(--accent-2)}.memory-compare h3{margin:.7rem 0}.memory-compare dl{margin:0}.memory-compare dl div{border-top:1px solid #ffffff1a;padding:.8rem 0}.memory-compare dt{color:var(--text);font-weight:700}.memory-compare dd{color:var(--muted);margin:.2rem 0 0}.transfer{color:var(--accent-2);text-align:center;align-content:center;place-items:center;gap:.3rem;display:grid}.transfer small{color:var(--muted);margin-top:.5rem}.plain-example{max-width:66rem;margin:1.5rem auto 0}.io-layout{grid-template-columns:1fr .6fr 1fr;align-items:stretch;gap:1rem;max-width:72rem;margin:2rem auto 0;display:grid}.io-layout article,.civil-io{background:#0c16239e;border:1px solid #ffffff1a;border-radius:1rem;padding:1.4rem}.io-layout article svg{color:var(--accent-2)}.io-layout h3{margin:.5rem 0}.civil-io{color:var(--accent-2);text-align:center;align-content:center;place-items:center;gap:.5rem;font-size:.78rem;display:grid}.journey-section{background:linear-gradient(120deg,#10373e52,#03091080)}.journey-timeline{grid-template-columns:repeat(5,1fr);max-width:112rem;margin:2.7rem auto 0;display:grid}.journey-timeline article{opacity:.4;border-top:2px solid #ffffff24;min-height:11rem;padding:1rem;transition:opacity .4s,border-color .4s;position:relative}.journey-timeline article.lit{opacity:1;border-color:var(--accent-2)}.journey-timeline article span{color:var(--accent-2);font:.75rem ui-monospace,monospace}.journey-timeline h3{margin:.8rem 0 .35rem}.journey-timeline p{color:var(--text);font-size:1.15rem}.journey-timeline i{background:var(--accent);border-radius:50%;width:.8rem;height:.8rem;position:absolute;top:-.5rem;right:-.42rem}.journey-timeline i.lit{background:var(--accent-2);box-shadow:0 0 1rem var(--accent-2)}.bus-diagram{max-width:60rem;color:var(--accent-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;margin:2rem auto;display:flex}.bus-diagram div{background:#0c1623a3;border:1px solid #88f0d74d;border-radius:.65rem;padding:.75rem 1rem}.bus-cpu{box-shadow:0 0 1.5rem #88f0d72e}.bus-terms{grid-template-columns:repeat(3,1fr);gap:.8rem;max-width:60rem;margin:0 auto;display:grid}.bus-terms span{border-left:2px solid var(--accent);color:var(--muted);padding:1rem}.bus-terms b{color:var(--text);letter-spacing:.1em;font-size:.78rem;display:block}.cpu-box{background:#0c1623b3;border:1px solid #7cb3ff3d;border-radius:1rem;grid-template-columns:.6fr repeat(4,1fr);gap:.7rem;max-width:72rem;margin:2rem auto 0;padding:1rem;display:grid}.cpu-box>svg{color:var(--accent-2);place-self:center}.cpu-box div{border:1px solid #ffffff1a;border-radius:.7rem;gap:.3rem;padding:.9rem;display:grid}.cpu-box span{color:var(--muted);font-size:.85rem}.cpu-box .secondary{opacity:.68}.architecture-equation{max-width:72rem;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;margin:2.5rem auto 0;display:flex}.architecture-equation span,.architecture-equation strong{border:1px solid #ffffff1f;border-radius:.65rem;padding:.9rem 1rem}.architecture-equation strong{color:var(--accent-2);border-color:var(--accent-2)}.model-switch{gap:.5rem;max-width:45rem;margin:2rem auto 1.5rem;display:flex}.model-switch button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:.5rem;padding:.65rem .9rem}.model-switch button.active{color:var(--text);border-color:var(--accent);background:#7cb3ff26}.model-visual{text-align:center;place-items:center;gap:.7rem;max-width:36rem;margin:0 auto;display:grid}.model-cpu,.shared-memory,.dual-row div{color:var(--accent-2);background:#0c1623bd;border:1px solid #88f0d752;border-radius:.8rem;padding:1rem 1.5rem}.shared-memory{gap:.6rem;display:grid}.shared-memory span{color:var(--text);font-family:ui-monospace,monospace}.shared-memory small,.dual-row small{color:var(--muted)}.dual-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.model-caption,.study-note{text-align:center;max-width:42rem;margin:1.4rem auto}.study-note{font-size:.9rem}.civil-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;max-width:72rem;margin:2rem auto 0;display:grid}.civil-grid article{background:#0c16239e;border:1px solid #ffffff1a;border-radius:1rem;padding:1.25rem}.civil-grid svg{color:var(--accent-2)}.civil-grid h3{margin:.7rem 0 .4rem}.quiz-section{background:#03091085}.quiz-card,.quiz-result{background:#0c1623bd;border:1px solid #7cb3ff40;border-radius:1.2rem;max-width:48rem;margin:2rem auto 0;padding:1.6rem}.quiz-card h3{margin-top:0;font-size:1.35rem}.quiz-card>div{gap:.55rem;display:grid}.quiz-card button,.quiz-result button{color:var(--text);text-align:left;font:inherit;cursor:pointer;background:#07111ccc;border:1px solid #ffffff24;border-radius:.65rem;padding:.85rem 1rem}.quiz-card button.correct{border-color:var(--accent-2);background:#18635642}.quiz-card button.wrong{background:#782c2340;border-color:#ff9d82}.quiz-card .next-button{width:auto;color:var(--accent-2);align-items:center;gap:.4rem;margin-top:.5rem;display:inline-flex}.quiz-result{text-align:center}.quiz-result strong{color:var(--accent-2);font-size:3rem}.final-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin:1.5rem 0;display:flex}.final-flow span{border-bottom:2px solid var(--accent-2);gap:.25rem;padding:.7rem;font-size:.75rem;font-weight:800;display:grid}.final-flow small{color:var(--muted);font-size:.76rem;font-weight:400}.final-close .text-link{align-items:center}@media (width<=900px){.arch-hero{grid-template-columns:1fr;gap:1.5rem}.hero-machine{max-width:34rem}.memory-compare{grid-template-columns:1fr}.transfer{grid-template-columns:repeat(7,auto)}.io-layout{grid-template-columns:1fr 1fr}.civil-io{grid-area:2/1/auto/3}.journey-timeline{grid-template-columns:1fr;max-width:32rem}.journey-timeline article{min-height:auto;padding-left:2.2rem}.journey-timeline i{inset:auto auto -.42rem -.42rem}.cpu-box{grid-template-columns:repeat(2,1fr)}.cpu-box>svg{grid-column:1/3}.bus-terms,.civil-grid{grid-template-columns:1fr}}@media (width<=600px){.arch-section,.journey-section,.von-section,.quiz-section{padding-top:3rem;padding-bottom:3rem}.hero-machine{grid-template-rows:repeat(7,auto);grid-template-columns:1fr;width:auto}.hero-machine .machine-input{grid-area:1/1}.hero-machine .machine-arrow-input{grid-area:2/1;transform:rotate(90deg)}.hero-machine .machine-memory{grid-area:3/1}.hero-machine .machine-arrow-down{grid-area:4/1}.hero-machine .machine-cpu{grid-area:5/1}.hero-machine .machine-arrow-output{grid-area:6/1;transform:rotate(90deg)}.hero-machine .machine-output{grid-area:7/1}.system-map{grid-template-columns:1fr;padding:1rem}.system-map .map-core,.system-map button:nth-of-type(4),.system-map button:nth-of-type(5){grid-column:auto}.team-layout,.io-layout{grid-template-columns:1fr}.part-nav{grid-template-columns:1fr 1fr}.civil-io{grid-area:auto}.transfer{grid-template-columns:1fr}.transfer svg{transform:none}.bus-terms{gap:.3rem}.cpu-box{grid-template-columns:1fr}.cpu-box>svg{grid-column:auto}.architecture-equation{flex-direction:column}.dual-row{grid-template-columns:1fr}.final-flow{flex-direction:column}.final-flow svg{transform:none}}.hardware-hero{grid-template-columns:minmax(0,1fr) minmax(22rem,.85fr);align-items:center;gap:3rem;min-height:min(67vh,43rem);padding:clamp(2rem,7vh,5rem) clamp(1rem,6vw,6rem);display:grid;position:relative;overflow:hidden}.hardware-hero h1{letter-spacing:-.055em;margin:.35rem 0 1rem;font-size:clamp(3.2rem,6.5vw,6.2rem);line-height:.92}.hardware-hero p:not(.eyebrow){max-width:43rem;color:var(--muted);line-height:1.7}.exploded-pc{place-items:center;min-height:22rem;display:grid}.pc-case{aspect-ratio:1.15;width:min(100%,25rem);box-shadow:var(--shadow);background:linear-gradient(135deg,#1c3753b8,#07111ce6);border:2px solid #7cb3ff57;border-radius:1.1rem;position:relative}.pc-case:before{content:"";border:1px solid #88f0d738;border-radius:.4rem;position:absolute;inset:12%}.pc-case span{color:var(--accent-2);letter-spacing:.08em;background:#040b12e0;border:1px solid #88f0d766;border-radius:.35rem;place-items:center;font-size:.63rem;font-weight:800;display:grid;position:absolute}.label-board{inset:15% 20%;color:#a8b7cfbd!important;border-style:dashed!important}.pc-chip{width:3.2rem;height:3.2rem;animation:.8s ease-out both hardware-in;top:30%;left:32%}.pc-ram{width:1.25rem;height:4.5rem;top:24%;right:23%}.pc-gpu{height:2rem;top:56%;left:22%;right:18%}.pc-ssd{width:3.5rem;height:1.3rem;bottom:21%;right:25%}.pc-psu{width:5rem;height:2.7rem;bottom:16%;left:18%}@keyframes hardware-in{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:none}}.hardware-section,.hardware-quiz{padding:4rem clamp(1rem,6vw,6rem)}.hardware-section:nth-of-type(2n),.hardware-quiz{background:#0309107a}.hs-compare{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;max-width:68rem;margin:2rem auto;display:grid}.hs-compare article{background:#0c1623ad;border:1px solid #7cb3ff3d;border-radius:1rem;padding:1.5rem}.hs-compare svg,.hs-compare article strong{color:var(--accent-2)}.hs-compare h3{margin:.6rem 0;font-size:1.5rem}.classify{max-width:68rem;margin:0 auto}.classify>div{border-bottom:1px solid #ffffff14;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;padding:.5rem 0;display:grid}.classify button,.scenario-tabs button,.spec-list button,.hardware-quiz button{color:var(--muted);font:inherit;cursor:pointer;background:#07111cb8;border:1px solid #ffffff24;border-radius:.5rem;padding:.55rem .75rem}.classify .done{color:var(--accent-2)}.computer-layout{grid-template-columns:minmax(20rem,1.1fr) minmax(16rem,.7fr);gap:1rem;max-width:76rem;margin:2rem auto 0;display:grid}.computer-case{background:radial-gradient(circle at 45% 35%,#88f0d71f,#0000 36%),#07111cd1;border:2px solid #7cb3ff47;border-radius:1.2rem;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:.7rem;min-height:26rem;padding:1.5rem;display:grid}.computer-case button{color:var(--muted);font:inherit;cursor:pointer;background:#0c1623b8;border:1px solid #ffffff21;border-radius:.6rem;place-items:center;gap:.4rem;padding:.5rem;display:grid}.computer-case button.active,.computer-case button:hover{color:var(--accent-2);border-color:var(--accent-2);box-shadow:0 0 1.3rem #88f0d726}.computer-case .case-gpu{grid-column:1/3}.component-panel{background:#0c1623b3;border:1px solid #88f0d742;border-radius:1rem;padding:1.5rem}.component-panel>svg{color:var(--accent-2)}.component-panel h3{margin:.45rem 0;font-size:1.8rem}.component-panel p{color:var(--muted);line-height:1.6}.component-panel div{border-left:3px solid var(--accent);background:#07111cb8;gap:.4rem;padding:1rem;display:grid}.component-panel div span{color:var(--muted)}.motherboard-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;max-width:67rem;margin:2rem auto 0;display:flex}.motherboard-flow span,.motherboard-flow strong{background:#0c1623b3;border:1px solid #ffffff21;border-radius:.55rem;padding:.85rem 1rem}.motherboard-flow strong{color:var(--accent-2);border-color:var(--accent-2)}.motherboard-flow i{background:linear-gradient(90deg,var(--accent),var(--accent-2));width:2rem;height:1px}.component-focus{grid-template-columns:.6fr 1fr 1fr;align-items:center;gap:1rem;max-width:72rem;margin:2rem auto 0;display:grid}.cpu-visual{aspect-ratio:1;border:1px solid var(--accent-2);color:var(--accent-2);background:radial-gradient(circle,#88f0d733,#0000 64%);border-radius:1rem;place-items:center;gap:.5rem;display:grid}.term{color:var(--muted)}.term strong{color:var(--text)}.component-focus ul{color:var(--muted);padding-left:1.1rem;line-height:1.8}.spec-pair{gap:.6rem;display:grid}.spec-pair span{border-left:2px solid var(--accent);color:var(--muted);padding:1rem}.spec-pair b{color:var(--text);display:block}.ram-layout{grid-template-columns:auto 1fr 1fr;align-items:center;gap:1.3rem;max-width:72rem;margin:2rem auto 0;display:grid}.ram-layout>svg{color:var(--accent-2)}.ram-stick{background:#0c1623bf;border:1px solid #88f0d74d;border-radius:.7rem;gap:.4rem;padding:1rem;display:flex}.ram-stick i{border:1px solid var(--accent);background:#7cb3ff33;flex:1;height:4.5rem}.ram-tables{gap:.5rem;display:grid}.ram-tables article{color:var(--muted);border:1px solid #ffffff1a;border-radius:.5rem;justify-content:space-between;gap:1rem;padding:.8rem;display:flex}.ram-tables b{color:var(--accent-2)}.center-note{max-width:62rem;color:var(--muted);text-align:center;margin:1.5rem auto 0}.storage-layout,.energy-grid,.desktop-laptop,.civil-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;max-width:72rem;margin:2rem auto 0;display:grid}.storage-layout article,.energy-grid article,.desktop-laptop article{background:#0c1623a3;border:1px solid #ffffff1a;border-radius:.9rem;padding:1.2rem}.storage-layout svg,.energy-grid svg,.desktop-laptop svg{color:var(--accent-2)}.storage-layout h3,.energy-grid h3,.desktop-laptop h3{margin:.6rem 0}.storage-contrast{gap:.5rem;display:grid}.storage-contrast span{border-left:2px solid var(--accent);color:var(--muted);gap:.25rem;padding:1rem;display:grid}.storage-contrast b{color:var(--text)}.storage-contrast small{color:var(--accent-2)}.gpu-layout{grid-template-columns:.7fr 1.3fr;align-items:center;gap:2rem;max-width:70rem;margin:2rem auto 0;display:grid}.gpu-card{color:var(--accent-2);background:#0c1623bd;border:1px solid #88f0d759;border-radius:1rem;align-items:center;gap:.5rem;padding:1.4rem;display:flex}.gpu-card i{border:1px solid var(--accent);width:1rem;height:2.5rem}.note{border-left:2px solid var(--accent);background:#07111c99;padding:.9rem}.io-hardware-grid{grid-template-columns:1fr .9fr 1fr;align-items:stretch;gap:1rem;max-width:76rem;margin:2rem auto 0;display:grid}.io-hardware-grid article,.io-center{background:#0c1623a8;border:1px solid #ffffff1a;border-radius:1rem;padding:1.2rem}.io-hardware-grid article svg{color:var(--accent-2);margin-right:.6rem}.io-center{color:var(--accent-2);text-align:center;align-content:center;place-items:center;gap:.5rem;font-size:.76rem;display:grid}.io-center i{background:var(--accent);width:1px;height:1.4rem}.port-row{grid-template-columns:repeat(4,1fr);gap:.6rem;max-width:72rem;margin:2rem auto 0;display:grid}.port-row span{color:var(--text);border:1px solid #ffffff1a;border-radius:.7rem;padding:1rem}.port-row svg{color:var(--accent-2)}.port-row small{color:var(--muted)}.desktop-laptop{grid-template-columns:1fr 1fr;max-width:52rem}.scenario-tabs{grid-template-columns:repeat(4,1fr);gap:.5rem;max-width:72rem;margin:2rem auto 0;display:grid}.scenario-tabs button{text-align:left;min-height:4.7rem}.scenario-tabs button.active,.spec-list button.active{color:var(--text);border-color:var(--accent-2);background:#123f4073}.scenario-result{border-left:3px solid var(--accent-2);background:#0c1623a6;max-width:72rem;margin:1rem auto 0;padding:1.2rem}.scenario-result strong{color:var(--accent-2)}.scenario-result p{color:var(--muted);margin-bottom:0}.project-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;max-width:82rem;margin:2rem auto 0;display:flex}.project-flow span{color:var(--text);text-align:center;border:1px solid #7cb3ff3b;border-radius:.6rem;padding:.8rem}.project-flow small{color:var(--muted)}.project-flow i{background:var(--accent-2);width:1.5rem;height:1px}.specs-layout{grid-template-columns:.8fr 1.2fr;gap:1rem;max-width:70rem;margin:2rem auto 0;display:grid}.spec-list{gap:.5rem;display:grid}.spec-list button{text-align:left;gap:.2rem;display:grid}.spec-list small{color:var(--accent-2)}.specs-layout article{background:#0c1623a8;border:1px solid #88f0d73d;border-radius:1rem;padding:1.5rem}.specs-layout article h3{margin:.4rem 0}.specs-layout article p:not(.eyebrow){color:var(--muted)}.hardware-quiz article{background:#0c1623b8;border:1px solid #7cb3ff40;border-radius:1rem;max-width:48rem;margin:2rem auto 0;padding:1.5rem}.hardware-quiz article>div{gap:.5rem;display:grid}.hardware-quiz button{text-align:left}.hardware-quiz button.correct{border-color:var(--accent-2);background:#18635647}.hardware-quiz button.wrong{background:#782c2340;border-color:#ff9d82}.hardware-quiz .next-button{color:var(--accent-2);margin-top:.7rem}.summary-machine{text-align:center;place-items:center;gap:.9rem;max-width:66rem;margin:2rem auto 0;display:grid}.summary-machine>strong,.summary-machine>b{border:1px solid var(--accent-2);color:var(--accent-2);border-radius:.6rem;padding:.85rem 1.1rem}.summary-machine>div{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.summary-machine span{border:1px solid #ffffff1f;border-radius:.5rem;gap:.25rem;min-width:7rem;padding:.7rem;display:grid}.summary-machine small{color:var(--muted)}.hardware-close .text-link{align-items:center}@media (width<=900px){.hardware-hero{grid-template-columns:1fr;gap:1rem}.exploded-pc{min-height:18rem}.computer-layout,.gpu-layout,.specs-layout{grid-template-columns:1fr}.component-focus{grid-template-columns:1fr 1fr}.cpu-visual{max-width:14rem}.ram-layout{grid-template-columns:auto 1fr}.ram-tables{grid-column:1/3}.storage-layout,.scenario-tabs,.io-hardware-grid{grid-template-columns:1fr 1fr}.io-center{grid-area:2/1/auto/3}.port-row{grid-template-columns:1fr 1fr}}@media (width<=600px){.hardware-section,.hardware-quiz{padding-top:3rem;padding-bottom:3rem}.hs-compare,.computer-layout,.component-focus,.ram-layout,.storage-layout,.energy-grid,.desktop-laptop,.gpu-layout,.io-hardware-grid,.scenario-tabs,.specs-layout{grid-template-columns:1fr}.hs-compare>b{text-align:center}.classify>div{grid-template-columns:1fr 1fr}.classify span{grid-column:1/3}.computer-case{min-height:22rem}.component-focus .cpu-visual,.ram-tables{grid-column:auto}.ram-layout>svg{justify-self:center}.io-center{grid-area:auto}.port-row{grid-template-columns:1fr 1fr}.project-flow{flex-direction:column}.project-flow i{width:1px;height:1rem}.motherboard-flow{flex-direction:column}.motherboard-flow i{width:1px;height:1rem}.summary-machine>div{flex-direction:column}.pc-case{width:20rem}}.software-hero{grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);align-items:center;gap:3rem;min-height:min(64vh,42rem);padding:clamp(2rem,7vh,5rem) clamp(1rem,6vw,6rem);display:grid;position:relative;overflow:hidden}.software-hero h1{letter-spacing:-.05em;margin:.35rem 0 1rem;font-size:clamp(3rem,6vw,5.8rem);line-height:.95}.software-hero p:not(.eyebrow),.software-section p,.software-quiz p{color:var(--muted);line-height:1.65}.software-hero-flow,.execute-flow,.problem-flow,.unit-flow{color:var(--accent-2);text-align:center;background:radial-gradient(circle,#7cb3ff26,#0000 70%),#0c1623b3;border:1px solid #88f0d73d;border-radius:1.2rem;justify-items:center;gap:.45rem;padding:1.5rem;display:grid}.software-hero-flow span,.software-hero-flow strong,.execute-flow span,.execute-flow strong,.execute-flow b,.problem-flow span,.unit-flow span{letter-spacing:.08em;background:#07111cd1;border:1px solid #7cb3ff40;border-radius:.6rem;min-width:12rem;padding:.7rem;font-size:.75rem;font-weight:800}.software-hero-flow strong,.execute-flow strong,.execute-flow b{border-color:var(--accent-2)}.software-section,.software-quiz{padding:4rem clamp(1rem,6vw,6rem)}.software-section:nth-of-type(2n),.software-quiz{background:#0309107a}.silent-machine{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;max-width:68rem;margin:2rem auto 0;display:grid}.silent-machine>div{background:#0c1623a8;border:1px solid #ffffff1a;border-radius:1rem;grid-template-columns:repeat(2,auto);justify-content:center;gap:.5rem;padding:1rem;display:grid}.silent-machine svg,.software-reveal svg{color:var(--accent-2)}.silent-machine>strong{color:var(--text);text-align:center}.silent-machine>b{color:var(--accent-2);text-align:center;font-size:3rem}.silent-machine .software-reveal{grid-template-columns:auto 1fr;align-items:center;gap:.5rem;display:grid}.software-reveal small{color:var(--muted);grid-column:1/3}.together-grid{grid-template-columns:1fr .8fr 1fr;align-items:stretch;gap:1rem;max-width:72rem;margin:2rem auto 0;display:grid}.together-grid>div{background:#0c1623a3;border:1px solid #ffffff1a;border-radius:1rem;align-content:start;gap:.5rem;padding:1.3rem;display:grid}.together-grid h3{margin:0 0 .5rem}.together-grid>div>span,.together-grid>div>strong{border-left:2px solid var(--accent);color:var(--muted);padding:.55rem}.together-grid>div>small{color:var(--accent-2);margin-top:.6rem}.interaction-flow{text-align:center;justify-items:center}.interaction-flow strong{color:var(--accent-2)!important;border-color:var(--accent-2)!important}.software-layers{max-width:65rem;margin:2rem auto 0;display:grid}.software-layers article{background:#0c1623b3;border:1px solid #ffffff1f;grid-template-columns:auto 1fr;align-items:center;column-gap:1rem;padding:1.2rem 1.4rem;display:grid}.software-layers article:first-child{border-radius:1rem 1rem 0 0}.software-layers article:last-child{border-radius:0 0 1rem 1rem}.software-layers svg{color:var(--accent-2);grid-row:1/3}.software-layers h3,.software-layers p{margin:0}.os-diagram{max-width:44rem;color:var(--accent-2);text-align:center;justify-items:center;gap:.5rem;margin:2rem auto 0;display:grid}.os-diagram>strong,.os-diagram>b{background:#0c1623b8;border:1px solid #88f0d766;border-radius:.6rem;padding:.8rem 1.2rem}.os-diagram>div{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.os-diagram>div span{color:var(--muted);border:1px solid #7cb3ff38;border-radius:.5rem;padding:.6rem}.task-tabs{grid-template-columns:repeat(4,1fr);gap:.5rem;max-width:72rem;margin:2rem auto 0;display:grid}.task-tabs button,.spec-list button,.software-quiz button,.order-list button{color:var(--muted);font:inherit;cursor:pointer;background:#07111cbf;border:1px solid #ffffff24;border-radius:.55rem;padding:.7rem .85rem}.task-tabs button.active,.spec-list button.active{color:var(--text);border-color:var(--accent-2);background:#123f406b}.task-panel{border-left:3px solid var(--accent-2);background:#0c1623a8;max-width:72rem;margin:1rem auto 0;padding:1.3rem}.task-panel strong{color:var(--accent-2)}.task-panel p{margin:.4rem 0}.task-panel small{color:var(--muted)}.pfd-flow,.instruction-steps,.code-compare{justify-content:center;align-items:stretch;gap:.7rem;max-width:72rem;margin:2rem auto 0;display:flex}.pfd-flow article,.code-compare article{background:#0c1623a6;border:1px solid #ffffff1a;border-radius:.9rem;flex:1;padding:1.2rem}.pfd-flow svg{color:var(--accent-2)}.pfd-flow h3{margin:.6rem 0 .3rem}.pfd-flow small{color:var(--muted)}.pfd-flow>svg,.instruction-steps>svg,.code-compare>svg{color:var(--accent-2);flex:none;align-self:center}.instruction-steps span{min-width:8rem;color:var(--muted);border:1px solid #7cb3ff3d;border-radius:.7rem;padding:1rem;font:.78rem ui-monospace,monospace}.instruction-steps b{color:var(--text)}.code-compare article p{color:var(--accent-2);margin-top:0}.code-compare pre{color:#b8f7e5;white-space:pre-wrap;margin:0;font:.9rem/1.7 ui-monospace,monospace}.code-compare strong{color:var(--accent-2);margin-top:.6rem;display:block}.execute-flow,.problem-flow,.unit-flow{max-width:34rem;margin:2rem auto 0}.execute-flow small,.problem-flow small,.unit-flow small{color:var(--muted);letter-spacing:normal;margin-top:.2rem;font-weight:400;display:block}.civil-software-grid,.requirements-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;max-width:72rem;margin:2rem auto 0;display:grid}.civil-software-grid span,.requirements-grid span{color:var(--text);letter-spacing:.05em;border:1px solid #ffffff1a;border-radius:.7rem;gap:.4rem;padding:1rem;font-size:.78rem;display:grid}.civil-software-grid small,.requirements-grid small{color:var(--muted);letter-spacing:normal;font-size:.85rem}.decision-flow{color:var(--accent-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:1.5rem auto 0;font-size:.78rem;display:flex}.local-cloud{grid-template-columns:1fr 1fr;gap:1rem;max-width:60rem;margin:2rem auto 0;display:grid}.local-cloud article{background:#0c1623a3;border:1px solid #ffffff1a;border-radius:1rem;padding:1.3rem}.local-cloud svg{color:var(--accent-2)}.local-cloud h3{margin:.6rem 0}.software-quiz article{background:#0c1623b8;border:1px solid #7cb3ff40;border-radius:1rem;max-width:48rem;margin:2rem auto 0;padding:1.5rem}.software-quiz article>div{gap:.5rem;display:grid}.software-quiz button{text-align:left}.software-quiz button.correct{border-color:var(--accent-2);background:#18635647}.software-quiz button.wrong{background:#782c2340;border-color:#ff9d82}.software-quiz .next-button{color:var(--accent-2);margin-top:.7rem}.quiz-final{text-align:center}.quiz-final strong{color:var(--accent-2);font-size:3rem}.order-list{gap:.5rem;max-width:38rem;margin:2rem auto 0;display:grid}.order-list div{background:#0c1623a8;border:1px solid #ffffff1a;border-radius:.6rem;grid-template-columns:1fr auto auto;align-items:center;gap:.4rem;padding:.4rem;display:grid}.order-list span{padding-left:.5rem}.order-list div.in-place{border-color:var(--accent-2)}.order-list button{padding:.4rem .6rem}.order-list button:disabled{opacity:.35;cursor:default}.order-feedback{text-align:center;max-width:38rem;margin:1rem auto;color:var(--accent-2)!important}.final-software-system{max-width:65rem;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:2rem auto 0;display:flex}.final-software-system b{border:1px solid var(--accent-2);color:var(--accent-2);border-radius:.5rem;padding:.6rem}.software-close .text-link{align-items:center}@media (width<=900px){.software-hero{grid-template-columns:1fr;gap:1.5rem}.software-hero-flow{max-width:26rem}.together-grid{grid-template-columns:1fr 1fr}.interaction-flow{grid-column:1/3}.civil-software-grid,.requirements-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.software-section,.software-quiz{padding-top:3rem;padding-bottom:3rem}.silent-machine,.together-grid,.task-tabs,.local-cloud{grid-template-columns:1fr}.silent-machine>strong,.silent-machine>b,.interaction-flow{grid-column:auto}.pfd-flow,.instruction-steps,.code-compare{flex-direction:column}.pfd-flow>svg,.instruction-steps>svg,.code-compare>svg{align-self:center;transform:rotate(90deg)}.civil-software-grid,.requirements-grid{grid-template-columns:1fr}.decision-flow{flex-direction:column}.decision-flow svg{transform:none}}.topic-toc{flex-wrap:wrap;gap:.55rem;max-width:112rem;margin:0 auto;padding:1rem clamp(1rem,4vw,3rem) 0;display:flex}.topic-toc a{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.5rem .9rem;font-size:.85rem;transition:color .16s,background .16s,border-color .16s}.topic-toc a:hover,.topic-toc a:focus-visible{color:var(--text);background:#88f0d714;border-color:#88f0d773}.lesson-section[id]{scroll-margin-top:5.5rem}.subtopic{max-width:48rem;margin-top:2.4rem}.subtopic h3{margin:0 0 .5rem;font-size:1.4rem}.subtopic p{color:var(--muted);margin:0;line-height:1.7}.topic-note{border-left:3px solid var(--accent-2);max-width:48rem;color:var(--muted);background:#88f0d712;margin-top:1.5rem;padding:.95rem 1.15rem;line-height:1.65}.topic-note strong{color:var(--text)}.topic-list{max-width:48rem;color:var(--muted);margin:1.4rem 0 0;padding-left:1.2rem;line-height:1.8}.topic-list li::marker{color:var(--accent-2)}.topic-list strong{color:var(--text)}:not(pre)>code{color:#b8f7e5;background:#88f0d714;border:1px solid #88f0d733;border-radius:.4rem;padding:.1rem .38rem;font:.88em/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.course-card{flex-direction:column;transition:transform .18s,border-color .18s;display:flex}.course-card:hover{border-color:#88f0d766;transform:translateY(-3px)}.course-card__top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.course-card__tag{color:var(--accent-2);letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;font-weight:700}.course-card__arrow{color:var(--accent);font-size:1.25rem}.course-card h2{letter-spacing:-.02em;margin:.75rem 0 .4rem;font-size:clamp(1.35rem,2.4vw,1.8rem);line-height:1.1}.course-card__description{color:var(--muted);margin:0;font-size:.95rem;line-height:1.6}.course-card__topics{flex-wrap:wrap;gap:.45rem;margin:1.1rem 0 1.25rem;display:flex}.course-card__topics a,.course-card__topics span{color:var(--muted);border:1px solid #ffffff1a;border-radius:.55rem;padding:.45rem .65rem;font-size:.8rem;line-height:1.3;transition:color .16s,background .16s,border-color .16s}.course-card__topics a:hover,.course-card__topics a:focus-visible{color:var(--text);background:#88f0d714;border-color:#88f0d773}.course-card__topic--locked{opacity:.55}.course-card__link{color:var(--accent-2);align-items:center;gap:.4rem;margin-top:auto;font-size:.92rem;font-weight:700;display:inline-flex}.course-card__link:hover,.course-card__link:focus-visible{color:var(--text)}