@font-face{font-family:PEACE-SANS;src:url(/computing-field-guide/assets/Peace%20Sans%20Webfont-Di7xGVNR.ttf)format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Open-Sauce;src:url(/computing-field-guide/assets/OpenSauceSans-Regular-DRa5T-R7.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}:root{--color-background:#1c1c1c;--color-surface:#252525;--color-text:#f5f5f5;--color-muted:#b8b8b8;--color-border:#444;--color-orange:#f97316;--color-orange-dark:#c65308;--color-orange-soft:#f973161f;--font-headings:"Open-Sauce", system-ui, sans-serif;--font-body:"Open-Sauce", system-ui, sans-serif}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text);margin:0}h1,h2,h3,h4,h5,h6,.brand-text{font-family:var(--font-headings);text-transform:uppercase}button,input{font:inherit}main{min-height:100vh}.topic-landing{background:var(--color-background);align-items:center;min-height:100vh;padding:5rem 2rem;display:flex;position:relative;overflow:hidden}.topic-landing__grid{opacity:.12;pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 20%,#0000 92%);mask-image:linear-gradient(#000 20%,#0000 92%)}.topic-landing__content{z-index:1;width:100%;max-width:1200px;margin:0 auto;position:relative}.topic-landing__eyebrow{color:var(--color-orange);letter-spacing:.18rem;text-transform:uppercase;align-items:center;gap:.75rem;margin:0 0 1.5rem;font-size:.85rem;font-weight:700;display:flex}.topic-landing__eyebrow span{background:var(--color-orange);width:32px;height:2px}.topic-landing h1{letter-spacing:-.045em;max-width:900px;margin:0;font-size:clamp(3rem,7vw,6.25rem);font-weight:700;line-height:.98}.topic-landing h1 strong{color:var(--color-muted);font-weight:inherit;margin-top:1rem;display:block}.topic-landing__lede{max-width:650px;color:var(--color-muted);margin:2.5rem 0 3rem;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.7}.topic-landing__topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:1000px;display:grid}.topic-card{border:1px solid var(--color-border);background:var(--color-surface);min-height:285px;color:var(--color-text);text-align:left;cursor:pointer;border-radius:1.35rem;flex-direction:column;padding:1.5rem;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.topic-card:after{opacity:.13;content:"";border:1px solid;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-40%;right:-18%}.topic-card:hover,.topic-card:focus-visible{border-color:var(--color-orange);background:var(--color-orange-soft);outline:none}.topic-card--blue:hover,.topic-card--blue:focus-visible{border-color:var(--sdlc-blue,#79b8ff);background:#79b8ff17}.topic-card__number{color:var(--color-orange);font:.75rem Consolas,monospace}.topic-card--blue .topic-card__number{color:#79b8ff}.topic-card__arrow{color:#888;font-size:1.6rem;position:absolute;top:1.2rem;right:1.4rem}.topic-card__title{max-width:400px;font-family:var(--font-headings);text-transform:uppercase;margin:auto 0 .8rem;font-size:clamp(1.35rem,2.4vw,2.1rem);line-height:1.08}.topic-card__description{color:#aaa;max-width:450px;line-height:1.55}.topic-card__meta{color:#777;letter-spacing:.06em;text-transform:uppercase;margin-top:1.5rem;font-size:.72rem}.topic-landing__note{color:#777;margin:2rem 0 0;font-size:.8rem}.topic-landing__note span{color:var(--color-orange);margin-right:.65rem;font:.68rem Consolas,monospace}.fab-nav__home{color:#bdbdbd;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#191919d1;border:1px solid #ffffff1c;border-radius:999px;padding:.65rem .85rem;font-size:.72rem;font-weight:700;box-shadow:0 10px 30px #00000040}.fab-nav__home:hover,.fab-nav__home:focus-visible{border-color:var(--color-orange);color:#fff;outline:none}.fab-nav{z-index:1500;align-items:center;gap:.65rem;display:flex;position:fixed;bottom:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}.fab-nav__menu{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:absolute;bottom:calc(100% + .8rem);right:0}.fab-nav__menu a{color:#fff;outline:none;align-items:center;gap:.55rem;text-decoration:none;display:flex}.fab-nav__action{color:#a5a5a5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#232323eb;border:1px solid #ffffff21;border-radius:50%;place-items:center;width:46px;height:46px;font:700 .67rem Consolas,monospace;transition:border-color .18s,background .18s,color .18s;display:grid;box-shadow:0 8px 25px #00000040}.fab-nav__label{color:#ccc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);white-space:nowrap;background:#191919e6;border:1px solid #ffffff1a;border-radius:.65rem;align-items:center;gap:.55rem;padding:.55rem .75rem;font-size:.76rem;font-weight:700;display:flex;box-shadow:0 8px 25px #00000047}.fab-nav__label i{color:var(--color-orange);letter-spacing:.08em;text-transform:uppercase;font-size:.55rem;font-style:normal}.fab-nav__menu a:hover .fab-nav__action,.fab-nav__menu a:focus-visible .fab-nav__action,.fab-nav__menu a.active .fab-nav__action{border-color:var(--color-orange);background:var(--color-orange-soft);color:#ffad73}.fab-nav__menu a:focus-visible .fab-nav__label{outline:2px solid var(--color-orange);outline-offset:2px}.fab-nav__current{color:#bdbdbd;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:#191919d1;border:1px solid #ffffff1c;border-radius:999px;align-items:center;gap:.55rem;padding:.65rem .85rem;font-size:.72rem;font-weight:700;display:flex;box-shadow:0 10px 30px #00000040}.fab-nav__current span{color:var(--color-orange);font:.65rem Consolas,monospace}.fab-nav__button{background:var(--color-orange);cursor:pointer;border:0;border-radius:50%;place-items:center;width:60px;height:60px;padding:0;display:grid;position:relative;box-shadow:0 12px 35px #f973164d}.fab-nav__button>i{background:#161616;border-radius:99px;width:19px;height:2px;position:absolute}.fab-nav__ring{border:1px solid var(--color-orange);pointer-events:none;border-radius:50%;position:absolute;inset:0}.fab-nav__button:focus-visible{outline-offset:4px;outline:3px solid #fff}section[id]{scroll-margin-top:1rem}@media (width<=600px){.fab-nav{bottom:.85rem;right:.85rem}.fab-nav__button{width:56px;height:56px}.fab-nav__current{display:none}.fab-nav__menu{gap:.4rem}.fab-nav__action{width:43px;height:43px}}@media (width<=700px){.topic-landing{padding:6rem 1.25rem 5rem}.topic-landing h1{font-size:clamp(2.8rem,12vw,4.5rem)}.topic-landing__grid{background-size:46px 46px}.topic-landing__topics{grid-template-columns:1fr}.topic-card{min-height:245px}}.database-chapter{--db-green:#78d6a3;--db-blue:#79b8ff;background:#151515}.database-chapter__intro,.database-chapter__section{min-height:100vh;color:var(--color-text);padding:7rem 2rem}.database-chapter__intro{background:radial-gradient(circle at 78% 48%,#f973161f,#0000 28%),#151515;align-items:center;display:flex}.database-chapter__section:nth-child(odd){background:#191919}.database-chapter__content{width:100%;max-width:1200px;margin:0 auto}.database-chapter__hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;display:grid}.database-chapter h2{letter-spacing:-.045em;max-width:960px;margin:0;font-size:clamp(2.6rem,7vw,6rem);line-height:.98}.database-chapter__lede,.database-chapter__description{max-width:790px;color:var(--color-muted);margin:2rem 0 3rem;font-size:1.2rem;line-height:1.7}.database-chapter__callout{border-left:3px solid var(--color-orange);background:#f9731612;gap:.45rem;max-width:700px;padding:1.25rem 1.5rem;display:grid}.database-chapter__callout strong{color:#ffad73;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}.database-chapter__callout span{color:#ddd;line-height:1.55}.database-chapter__orbit{aspect-ratio:1;border:1px solid #363636;border-radius:50%;width:min(34vw,390px);margin:auto;position:relative}.database-chapter__orbit:before{content:"";border:1px dashed #444;border-radius:50%;position:absolute;inset:18%}.database-chapter__orbit-core,.database-chapter__orbit-node{border-radius:50%;place-items:center;display:grid;position:absolute}.database-chapter__orbit-core{background:var(--color-orange);color:#151515;letter-spacing:.1em;font-size:.8rem;font-weight:900;inset:35%;box-shadow:0 0 55px #f9731659}.database-chapter__orbit-node{color:#ffad73;background:#222;border:1px solid #4b4b4b;width:56px;height:56px;font-family:Consolas,monospace;font-weight:700}.orbit-1{top:-7%;left:42%}.orbit-2{top:25%;right:-5%}.orbit-3{bottom:5%;right:4%}.orbit-4{bottom:-5%;left:27%}.orbit-5{top:31%;left:-7%}.database-tabs,.support-tabs{flex-wrap:wrap;gap:.6rem;display:flex}.database-tabs button,.support-tabs button{border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;background:#202020;border-radius:999px;padding:.72rem 1rem}.database-tabs button:hover,.database-tabs button.active,.support-tabs button:hover,.support-tabs button.active{border-color:var(--color-orange);background:var(--color-orange-soft);color:#fff}.structure-lab{border:1px solid var(--color-border);background:#202020;border-radius:1.5rem;grid-template-columns:1fr 1.25fr;min-height:390px;margin-top:1.25rem;display:grid;overflow:hidden}.structure-lab__visual{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:32px 32px;justify-content:center;align-items:center;gap:.7rem;min-height:360px;padding:2rem;display:flex}.structure-lab__visual span{color:#ffad73;background:#292929;border:1px solid #646464;border-radius:.7rem;place-items:center;min-width:58px;min-height:58px;padding:.65rem;font:700 .9rem Consolas,monospace;display:grid;position:relative}.structure-lab__visual--linkedlist span:not(:last-child):after,.structure-lab__visual--bplustree span:not(:last-child):after{width:.75rem;color:var(--color-orange);content:"→";text-align:center;position:absolute;left:100%}.structure-lab__visual--bitmap span{border-radius:.25rem;min-width:42px}.structure-lab__visual--bitmap span:nth-child(odd){background:var(--color-orange);color:#111}.structure-lab__copy{flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,3.5rem);display:flex}.structure-lab__copy>span,.support-panel>div>span,.support-panel__lists span{color:#ffad73;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.structure-lab__copy h3{margin:.8rem 0 2rem;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.15}.structure-lab dl{margin:0}.structure-lab dl div{border-top:1px solid #3b3b3b;padding:1rem 0}.structure-lab dt{color:#888;text-transform:uppercase;margin-bottom:.35rem;font-size:.75rem}.structure-lab dd{color:#ddd;margin:0;line-height:1.5}.index-lab{border:1px solid var(--color-border);background:#202020;border-radius:1.5rem;grid-template-columns:.9fr 1.1fr;display:grid;overflow:hidden}.index-lab__queries{border-right:1px solid var(--color-border);display:grid}.index-lab__queries button{color:#bbb;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #383838;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.index-lab__queries button:last-child{border-bottom:0}.index-lab__queries button span{color:#777;font:.72rem Consolas,monospace}.index-lab__queries button.active{background:var(--color-orange-soft);color:#fff;box-shadow:inset 3px 0 var(--color-orange)}.index-lab__answer{flex-direction:column;justify-content:center;min-height:480px;padding:clamp(2rem,5vw,4rem);display:flex}.index-lab__status{color:var(--db-green);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.index-lab__answer code{color:#aaa;white-space:normal;background:#171717;border:1px solid #3d3d3d;border-radius:.75rem;margin:1.5rem 0;padding:1rem}.index-lab__answer h3{color:#ffad73;margin:0;font-size:clamp(2.2rem,5vw,4rem)}.index-lab__answer p{color:#bbb;line-height:1.65}.index-lab__path{align-items:center;gap:.6rem;margin-top:1.5rem;display:flex}.index-lab__path i{border:1px solid #4a4a4a;border-radius:.45rem;padding:.55rem .75rem;font-style:normal}.index-lab__path b{color:var(--color-orange)}.index-tradeoffs{grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.25rem;display:grid}.index-tradeoffs>div{border:1px solid #3d3d3d;border-radius:1rem;gap:.55rem;padding:1.5rem;display:grid}.index-tradeoffs span{color:var(--db-green);text-transform:uppercase;font-size:.75rem}.index-tradeoffs>div:last-child span{color:#e58b80}.index-tradeoffs small{color:#999;line-height:1.5}.support-tabs{margin-bottom:1rem}.support-tabs button{text-align:left;border-radius:.8rem;gap:.25rem;display:grid}.support-tabs small{color:var(--color-orange);text-transform:uppercase;font-size:.65rem}.support-panel{border:1px solid var(--color-border);background:#202020;border-radius:1.5rem;grid-template-columns:1fr 1fr;gap:3rem;padding:clamp(1.5rem,4vw,3rem);display:grid}.support-panel h3{margin:.7rem 0 1rem;font-size:clamp(2rem,4vw,3.5rem)}.support-panel>div>p,.support-panel>div>small{color:#aaa;line-height:1.65}.support-panel__lists{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.support-panel__lists>div{border:1px solid #3c3c3c;border-radius:.8rem;padding:1.25rem}.support-panel__lists p{color:#bbb;font-size:.9rem;line-height:1.5}.support-panel__lists>div:first-child p{color:#a3d9b8}.database-chooser{grid-template-columns:.75fr 1.25fr;gap:1.25rem;display:grid}.database-chooser__rail{gap:.7rem;display:grid}.database-chooser__rail button{color:#fff;text-align:left;cursor:pointer;background:#202020;border:1px solid #3d3d3d;border-radius:1rem;gap:.3rem;padding:1.2rem;display:grid}.database-chooser__rail button.active{border-color:var(--color-orange);background:var(--color-orange-soft)}.database-chooser__rail span{color:#ffad73;text-transform:uppercase;font-size:.7rem}.database-chooser__rail strong{font-size:1.25rem}.database-chooser__rail small{color:#888}.database-card{border:1px solid var(--color-border);background:#202020;border-radius:1.5rem;padding:clamp(1.75rem,4vw,3rem)}.database-card>span{color:var(--db-blue);text-transform:uppercase;font-size:.75rem;font-weight:700}.database-card h3{margin:.5rem 0 1rem;font-size:clamp(2.5rem,5vw,4.5rem)}.database-card>p{color:#bbb;line-height:1.65}.database-card code{border-left:2px solid var(--color-orange);color:#ffad73;white-space:normal;background:#181818;margin:1.5rem 0;padding:1rem;display:block}.database-card__strengths{flex-wrap:wrap;gap:.5rem;display:flex}.database-card__strengths i{color:#ccc;border:1px solid #454545;border-radius:999px;padding:.45rem .7rem;font-size:.8rem;font-style:normal}.database-card__structures{background:#f973160b;border:1px solid #f9731647;border-radius:1rem;gap:.65rem;margin:1.75rem 0;padding:1.25rem;display:grid}.database-card__structures>span{color:#ffad73;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.2rem;font-size:.7rem;font-weight:700}.database-card__structures>div{border-top:1px solid #3c352f;grid-template-columns:minmax(110px,.3fr) 1fr;gap:1rem;padding-top:.7rem;display:grid}.database-card__structures strong{color:var(--color-text)}.database-card__structures p{color:#aaa;margin:0;font-size:.88rem;line-height:1.5}.database-card>small{color:#e5a59e;border-top:1px solid #3a3a3a;padding-top:1rem;display:block}.database-checklist{grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:2rem;display:grid}.database-checklist>span{color:#ffad73;text-transform:uppercase;grid-column:1/-1;font-size:.75rem;font-weight:700}.database-checklist p{color:#aaa;border-top:1px solid #444;margin:0;padding:1rem}@media (width<=800px){.database-chapter__intro,.database-chapter__section{padding:6rem 1.25rem}.database-chapter__hero-grid,.structure-lab,.index-lab,.support-panel,.database-chooser{grid-template-columns:1fr}.database-chapter__orbit{width:min(78vw,340px);margin-top:2rem}.index-lab__queries{border-right:0;border-bottom:1px solid var(--color-border)}.index-lab__answer{min-height:420px}.index-tradeoffs,.support-panel__lists{grid-template-columns:1fr}.database-checklist{grid-template-columns:1fr 1fr}}@media (width<=520px){.structure-lab__visual{gap:.35rem;min-height:260px;padding:1rem}.structure-lab__visual span{min-width:44px;min-height:48px;padding:.35rem;font-size:.72rem}.index-lab__path{flex-wrap:wrap}.database-checklist{grid-template-columns:1fr}.database-card__structures>div{grid-template-columns:1fr;gap:.3rem}}@media (prefers-reduced-motion:reduce){.database-chapter *{scroll-behavior:auto!important}}.sdlc-chapter{--sdlc-blue:#79b8ff;--sdlc-green:#78d6a3;background:#151515}.sdlc-chapter__intro,.sdlc-chapter__section{min-height:100vh;color:var(--color-text);padding:7rem 2rem}.sdlc-chapter__intro{background:radial-gradient(circle at 78% 48%,#79b8ff1f,#0000 28%),#151515;align-items:center;display:flex}.sdlc-chapter__section--alt{background:#191919}.sdlc-chapter__content{width:100%;max-width:1200px;margin:0 auto}.sdlc-chapter__hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:4rem;display:grid}.sdlc-chapter h2{letter-spacing:-.04em;max-width:980px;margin:0;font-size:clamp(2.35rem,5.5vw,4.8rem);font-weight:700;line-height:1}.sdlc-chapter__lede,.sdlc-chapter__description{max-width:820px;color:var(--color-muted);margin:2rem 0 3rem;font-size:1.2rem;line-height:1.7}.sdlc-chapter__callout{border-left:3px solid var(--sdlc-blue);background:#79b8ff12;gap:.45rem;max-width:740px;padding:1.25rem 1.5rem;display:grid}.sdlc-chapter__callout strong{color:var(--sdlc-blue);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}.sdlc-chapter__callout span{color:#ddd;line-height:1.55}.sdlc-chapter__callout--final{border-left-color:var(--color-orange);background:var(--color-orange-soft);margin-top:2rem}.sdlc-chapter__callout--final strong{color:#ffad73}.sdlc-chapter__orbit{aspect-ratio:1;border:1px solid #363636;border-radius:50%;width:min(34vw,390px);margin:auto;position:relative}.sdlc-chapter__orbit:before{content:"";border:1px dashed #444;border-radius:50%;position:absolute;inset:18%}.sdlc-chapter__orbit-core,.sdlc-chapter__orbit-node{border-radius:50%;place-items:center;display:grid;position:absolute}.sdlc-chapter__orbit-core{background:var(--color-orange);color:#151515;letter-spacing:.1em;font-size:.8rem;font-weight:900;inset:35%;box-shadow:0 0 55px #f9731659}.sdlc-chapter__orbit-node{width:58px;height:58px;color:var(--sdlc-blue);background:#222;border:1px solid #4b4b4b;font-size:.72rem;font-weight:700}.sdlc-orbit-1{top:-7%;left:42%}.sdlc-orbit-2{top:25%;right:-5%}.sdlc-orbit-3{bottom:5%;right:4%}.sdlc-orbit-4{bottom:-5%;left:27%}.sdlc-orbit-5{top:31%;left:-7%}.sdlc-methodology-picker{grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1rem;display:grid}.sdlc-methodology-picker button{border:1px solid var(--color-border);color:var(--color-muted);text-align:left;cursor:pointer;background:#202020;border-radius:1rem;gap:.25rem;padding:1.15rem 1.25rem;display:grid}.sdlc-methodology-picker button:hover,.sdlc-methodology-picker button.active{border-color:var(--color-orange);background:var(--color-orange-soft);color:#fff}.sdlc-methodology-picker button span,.sdlc-methodology-card__eyebrow,.sdlc-methodology-card__details span{color:var(--color-orange);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.sdlc-methodology-picker button strong{font-size:1.25rem}.sdlc-methodology-picker button small{color:#888}.sdlc-methodology-card{border:1px solid var(--color-border);background:#202020;border-radius:1.5rem;grid-template-columns:1.15fr .85fr;display:grid;overflow:hidden}.sdlc-methodology-card__main,.sdlc-methodology-card__details{padding:clamp(1.5rem,4vw,3rem)}.sdlc-methodology-card__details{border-left:1px solid var(--color-border);background:#ffffff05}.sdlc-methodology-card h3{max-width:660px;margin:.8rem 0 1.8rem;font-size:clamp(1.8rem,3.8vw,3.2rem);line-height:1.08}.sdlc-methodology-card p{color:#bbb;line-height:1.65}.sdlc-methodology-card p strong{color:#eee}.sdlc-flow{flex-wrap:wrap;align-items:center;gap:.45rem;margin:1.5rem 0;display:flex}.sdlc-flow span{color:#ddd;border:1px solid #454545;border-radius:.55rem;align-items:center;gap:.45rem;padding:.55rem .7rem;font-size:.82rem;display:flex}.sdlc-flow span:not(:last-child):after{color:var(--color-orange);content:"→"}.sdlc-flow i{color:#888;font:.65rem Consolas,monospace}.sdlc-methodology-card__details>div{border-bottom:1px solid #3b3b3b;padding-bottom:1.35rem}.sdlc-methodology-card__details>div+div{padding-top:1.35rem}.sdlc-methodology-card__details ul{margin:.7rem 0 0;padding:0;list-style:none}.sdlc-methodology-card__details li{color:#bbb;padding:.55rem 0}.sdlc-methodology-card__details li:before{color:var(--sdlc-green);content:"＋";margin-right:.55rem}.sdlc-tradeoff span{color:#e58b80}.sdlc-phase-grid{grid-template-columns:repeat(5,1fr);gap:.7rem;display:grid}.sdlc-phase-grid article{border:1px solid var(--color-border);background:#202020;border-radius:1rem;min-height:255px;padding:1.25rem}.sdlc-phase-grid article>span{color:var(--color-orange);font:.75rem Consolas,monospace}.sdlc-phase-grid h3{margin:2.5rem 0 .8rem;font-size:1.1rem}.sdlc-phase-grid p{color:#999;margin:0;font-size:.9rem;line-height:1.55}.sdlc-review-grid{grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:2.5rem;display:grid}.sdlc-review-grid>div{border-top:2px solid var(--color-orange);background:#202020;padding:1.3rem}.sdlc-review-grid span{color:#ffad73;text-transform:uppercase;font-size:.78rem;font-weight:700}.sdlc-review-grid p{color:#bbb;margin:.8rem 0 0;line-height:1.5}.sdlc-toggle{gap:.55rem;margin:2rem 0 1rem;display:flex}.sdlc-toggle button{border:1px solid var(--color-border);color:#aaa;text-transform:capitalize;cursor:pointer;background:#202020;border-radius:999px;padding:.65rem 1rem}.sdlc-toggle button:hover,.sdlc-toggle button.active{border-color:var(--color-orange);background:var(--color-orange-soft);color:#fff}.sdlc-delivery-flow{border:1px solid var(--color-border);background:#202020;border-radius:1rem;grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.sdlc-delivery-flow div{border-right:1px solid var(--color-border);min-height:130px;padding:1.2rem;position:relative}.sdlc-delivery-flow div:last-child{border-right:0}.sdlc-delivery-flow span{color:var(--color-orange);font:.7rem Consolas,monospace}.sdlc-delivery-flow strong{margin-top:2.2rem;font-size:.95rem;display:block}.sdlc-delivery-flow i{z-index:1;color:var(--color-orange);font-style:normal;position:absolute;top:50%;right:-.45rem}.sdlc-example{border-left:2px solid var(--sdlc-green);color:#bbb;background:#78d6a30f;max-width:900px;margin:1.25rem 0 0;padding:1rem 1.2rem;line-height:1.6}.sdlc-example strong{color:var(--sdlc-green)}.sdlc-testing-layout{border:1px solid var(--color-border);background:#202020;border-radius:1.5rem;grid-template-columns:.72fr 1.28fr;display:grid;overflow:hidden}.sdlc-testing-picker{border-right:1px solid var(--color-border);display:grid}.sdlc-testing-picker button{color:#aaa;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #383838;gap:.2rem;padding:.85rem 1.1rem;display:grid}.sdlc-testing-picker button:last-child{border-bottom:0}.sdlc-testing-picker button:hover,.sdlc-testing-picker button.active{background:var(--color-orange-soft);color:#fff;box-shadow:inset 3px 0 var(--color-orange)}.sdlc-testing-picker span{color:var(--color-orange);font:.68rem Consolas,monospace}.sdlc-testing-picker strong{font-size:.95rem}.sdlc-testing-picker small{color:#777}.sdlc-testing-card{min-height:500px;padding:clamp(1.5rem,4vw,3.5rem)}.sdlc-testing-card>span,.sdlc-testing-details strong{color:var(--color-orange);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.sdlc-testing-card h3{margin:.8rem 0 1rem;font-size:clamp(2rem,4vw,3.5rem)}.sdlc-testing-card>p{color:#bbb;max-width:620px;font-size:1.1rem;line-height:1.65}.sdlc-testing-details{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem;display:grid}.sdlc-testing-details>div{border-top:1px solid #444;padding-top:1rem}.sdlc-testing-details p{color:#999;line-height:1.55}.sdlc-metrics-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.sdlc-metrics-grid article{border:1px solid var(--color-border);background:#202020;border-radius:1rem;padding:1.5rem}.sdlc-metrics-grid article>span{color:var(--color-orange);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.sdlc-metrics-grid h3{margin:.8rem 0;font-size:1.55rem}.sdlc-metrics-grid p{color:#aaa;min-height:75px;line-height:1.55}.sdlc-metrics-grid strong{color:#ddd;text-transform:uppercase;margin-top:1.5rem;font-size:.75rem;display:block}.sdlc-metrics-grid small{color:#888;margin-top:.5rem;line-height:1.5;display:block}.sdlc-management-list{border-top:1px solid var(--color-border);display:grid}.sdlc-management-list article{border-bottom:1px solid var(--color-border);grid-template-columns:70px 1fr;gap:1rem;padding:1.35rem 0;display:grid}.sdlc-management-list article>span{color:var(--color-orange);font:.75rem Consolas,monospace}.sdlc-management-list h3{margin:0 0 .35rem;font-size:1.4rem}.sdlc-management-list strong{color:#ddd}.sdlc-management-list p{color:#999;max-width:850px;margin:.65rem 0 0;line-height:1.55}.sdlc-management-list b{color:#ffad73}.use-case-picker{grid-template-columns:repeat(2,1fr);gap:.7rem;margin-bottom:1rem;display:grid}.use-case-picker button{border:1px solid var(--color-border);color:#aaa;text-align:left;cursor:pointer;background:#202020;border-radius:1rem;gap:.3rem;padding:1rem 1.2rem;display:grid}.use-case-picker button:hover,.use-case-picker button.active{border-color:var(--color-orange);background:var(--color-orange-soft);color:#fff}.use-case-picker span,.use-case-card__eyebrow{color:var(--color-orange);font:.7rem Consolas,monospace}.use-case-picker strong{font-size:1.1rem}.use-case-picker small{color:#777}.use-case-card{border:1px solid var(--color-border);background:#202020;border-radius:1.5rem;grid-template-columns:1fr .95fr;display:grid;overflow:hidden}.use-case-card>div{padding:clamp(1.5rem,4vw,3rem)}.use-case-card h3{margin:.8rem 0 .7rem;font-size:clamp(2rem,4vw,3.5rem)}.use-case-card>div>p{color:#bbb;line-height:1.6}.use-case-meta{gap:1rem;margin-top:2rem;display:grid}.use-case-meta div{border-top:1px solid #444;gap:.35rem;padding-top:.8rem;display:grid}.use-case-meta strong{color:#ffad73;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.use-case-meta span{color:#999;font-size:.9rem;line-height:1.5}.use-case-card ol{border-left:1px solid var(--color-border);align-content:center;gap:.8rem;margin:0;padding:clamp(1.5rem,4vw,3rem);list-style:none;display:grid}.use-case-card li{color:#ccc;border:1px solid #3d3d3d;border-radius:.7rem;align-items:center;gap:.75rem;padding:.8rem;display:flex}.use-case-card li i{background:var(--color-orange-soft);color:#ffad73;border-radius:50%;place-items:center;min-width:1.8rem;height:1.8rem;font:.65rem Consolas,monospace;display:grid}.mockup-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.mockup-grid article{border:1px solid var(--color-border);background:#202020;border-radius:1.2rem;padding:1.25rem}.mockup-label{gap:.35rem;margin-bottom:1rem;display:grid}.mockup-label span{color:var(--color-orange);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.mockup-label strong{color:#eee;font-size:1.15rem}.mockup{border:1px solid #454545;border-radius:.8rem;min-height:285px;overflow:hidden}.mockup--low{color:#aaa;background:#242424}.wireframe-top{border-bottom:1px solid #555;justify-content:space-between;align-items:center;height:48px;padding:0 1rem;display:flex}.wireframe-top i{border-top:2px solid #999;border-bottom:2px solid #999;width:25px;height:10px}.wireframe-top span,.wireframe-top b{font:400 .7rem Consolas,monospace}.wireframe-body{grid-template-columns:55px 1fr;min-height:237px;display:grid}.wireframe-sidebar{border-right:1px solid #555;align-content:start;gap:1rem;padding:1rem .7rem;display:grid}.wireframe-sidebar i{border:1px solid #777;border-radius:2px;height:12px;display:block}.wireframe-main{padding:1.2rem}.wireframe-line{background:#777;width:40%;height:10px;margin-bottom:.55rem;display:block}.wireframe-line--wide{background:#aaa;width:70%;height:16px}.wireframe-search{border:1px solid #777;border-radius:3px;height:30px;margin:1.4rem 0}.wireframe-cards{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.wireframe-cards div{border:1px solid #777;height:55px}.wireframe-button{background:#999;width:90px;height:25px;margin-top:1.1rem}.mockup--high{color:#1b2940;background:#f3f5f8}.high-top{background:#fff;align-items:center;gap:1.2rem;height:48px;padding:0 1rem;font-size:.62rem;display:flex}.high-top strong{margin-right:auto;font-size:.9rem}.high-top strong span{color:#5976d8}.high-top b{color:#fff;background:#5976d8;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.high-body{padding:1.2rem}.high-hero{background:linear-gradient(120deg,#dce5ff,#edf3ff);border-radius:.55rem;padding:1.2rem}.high-hero small{color:#5976d8;letter-spacing:.08em;font-size:.48rem;font-weight:800}.high-hero h4{font-family:var(--font-body);text-transform:none;margin:.5rem 0 .2rem;font-size:1.35rem}.high-hero p{color:#5e6c80;margin:0 0 .8rem;font-size:.65rem}.high-hero button{color:#fff;background:#5976d8;border:0;border-radius:.3rem;padding:.45rem .7rem;font-size:.58rem}.high-course-row{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.8rem;display:grid}.high-course-row article{background:#fff;border:1px solid #dce1ea;border-radius:.45rem;gap:.25rem;padding:.7rem;display:grid}.high-course-row i{color:#5976d8;font-size:.48rem;font-style:normal;font-weight:800}.high-course-row strong{font-size:.68rem}.high-course-row small{color:#8290a3;font-size:.5rem}.mockup-grid article>p{color:#aaa;line-height:1.55}.mockup-grid article>small{color:#777;line-height:1.5}.prioritization-picker{grid-template-columns:repeat(6,1fr);gap:.55rem;margin-bottom:1rem;display:grid}.prioritization-picker button{border:1px solid var(--color-border);color:#aaa;text-align:left;cursor:pointer;background:#202020;border-radius:.8rem;gap:.45rem;padding:.9rem .75rem;display:grid}.prioritization-picker button:hover,.prioritization-picker button.active{border-color:var(--color-orange);background:var(--color-orange-soft);color:#fff}.prioritization-picker span{color:var(--color-orange);font:.68rem Consolas,monospace}.prioritization-picker strong{font-size:.9rem}.prioritization-card{border:1px solid var(--color-border);background:#202020;border-radius:1.5rem;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.prioritization-card>div{padding:clamp(1.5rem,4vw,3rem)}.prioritization-card>div+div{border-left:1px solid var(--color-border);background:#ffffff05}.prioritization-card h3{margin:.8rem 0 .7rem;font-size:clamp(2rem,4vw,3.5rem)}.prioritization-card p{color:#aaa;line-height:1.6}.prioritization-card>div>strong{color:#ffad73;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.prioritization-card code{border-left:2px solid var(--color-orange);color:#ffad73;white-space:normal;background:#181818;margin-top:1.5rem;padding:.9rem 1rem;display:block}.prioritization-process{border:1px solid var(--color-border);background:#202020;border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem;display:flex}.prioritization-process span{color:#ccc;font-size:.85rem}.prioritization-process i{color:var(--color-orange);font-style:normal}.source-note{color:#777;margin:1.25rem 0 0;font-size:.8rem}.source-note a{color:#ffad73}.design-translation{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:.8rem;display:grid}.design-translation>div{border:1px solid var(--color-border);background:#202020;border-radius:1rem;gap:.65rem;padding:1.3rem;display:grid}.design-translation span,.uml-panel>div>strong,.diagram-heading span,.nfr-grid span{color:var(--color-orange);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.design-translation strong{color:#ddd;line-height:1.45}.design-translation>i{color:var(--color-orange);place-items:center;font-size:1.5rem;font-style:normal;display:grid}.uml-workspace{border:1px solid var(--color-border);background:#202020;border-radius:1.5rem;grid-template-columns:.65fr 1.35fr;display:grid;overflow:hidden}.uml-picker{border-right:1px solid var(--color-border);align-content:start;display:grid}.uml-picker button{color:#aaa;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #383838;align-items:center;gap:.75rem;padding:.8rem 1rem;display:flex}.uml-picker button:hover,.uml-picker button.active{background:var(--color-orange-soft);color:#fff;box-shadow:inset 3px 0 var(--color-orange)}.uml-picker span{color:var(--color-orange);font:.68rem Consolas,monospace}.uml-picker strong{font-size:.9rem}.uml-panel{min-width:0;padding:clamp(1rem,3vw,2rem)}.design-diagram{background:#181818;border:1px solid #383838;border-radius:.8rem;width:100%;min-height:220px;margin-bottom:1.2rem;display:block}.design-diagram text{fill:#cfcfcf;font-family:var(--font-body);font-size:14px}.design-diagram .diagram-lines{fill:none;stroke:#f97316;stroke-width:2px}.design-diagram .diagram-arrow{fill:none}.design-diagram .diagram-actor{fill:none;stroke:#79b8ff;stroke-width:3px}.design-diagram .diagram-actor text{fill:#79b8ff;stroke:none;font-weight:700}.design-diagram .diagram-boundary{fill:#222;stroke:#79b8ff;stroke-width:2px}.design-diagram .diagram-usecase{fill:#2d251f;stroke:#f97316;stroke-width:2px}.design-diagram .diagram-label,.design-diagram .diagram-flow-label{fill:#ffad73;stroke:none;font-weight:700}.design-diagram .diagram-external{fill:#242b33;stroke:#79b8ff;stroke-width:2px}.design-diagram .diagram-process{fill:#2d251f;stroke:#f97316;stroke-width:2px}.design-diagram .diagram-store{fill:#252525;stroke:#78d6a3;stroke-width:2px}.design-diagram .diagram-entity{fill:#242525;stroke:#79b8ff;stroke-width:2px}.design-diagram .diagram-entity-head{fill:none;stroke:#79b8ff;stroke-width:2px}.design-diagram .diagram-dashed{stroke-dasharray:7 6}.design-diagram .diagram-node{fill:#f97316;stroke:#f97316;stroke-width:2px}.design-diagram .diagram-action,.design-diagram .diagram-state,.design-diagram .diagram-component,.design-diagram .diagram-package{fill:#242525;stroke:#79b8ff;stroke-width:2px}.design-diagram .diagram-diamond{fill:#2d251f;stroke:#f97316;stroke-width:2px}.design-diagram .diagram-component{stroke:#78d6a3}.design-diagram .diagram-package{stroke:#f97316}.diagram-cards{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.diagram-cards article{border:1px solid var(--color-border);background:#202020;border-radius:1.2rem;padding:1.25rem}.diagram-heading h3{margin:.6rem 0 0;font-size:1.5rem}.diagram-cards p{color:#aaa;line-height:1.6}.diagram-cards p strong{color:#eee}.diagram-cards small{color:#777;line-height:1.5}.model-comparison{border:1px solid var(--color-border);background:#202020;border-radius:1rem;overflow:hidden}.model-comparison__head,.model-comparison__row{grid-template-columns:.8fr 1fr 1fr;display:grid}.model-comparison__head{color:#ffad73;letter-spacing:.08em;text-transform:uppercase;background:#282828;padding:1rem 1.2rem;font-size:.75rem;font-weight:700}.model-comparison__row{border-top:1px solid #3b3b3b}.model-comparison__row>*{color:#aaa;border-right:1px solid #3b3b3b;margin:0;padding:1rem 1.2rem;line-height:1.5}.model-comparison__row>span{color:#eee;font-size:.85rem;font-weight:700}.model-comparison__row>:last-child{border-right:0}.nfr-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.nfr-grid article{border:1px solid var(--color-border);background:#202020;border-radius:1rem;min-height:205px;padding:1.25rem}.nfr-grid h3{margin:.75rem 0;font-size:1.25rem}.nfr-grid p{color:#999;margin:0;font-size:.9rem;line-height:1.55}.nfr-grid p strong{color:#ddd}@media (width<=900px){.sdlc-chapter__hero-grid,.sdlc-methodology-card{grid-template-columns:1fr}.sdlc-chapter__orbit{width:min(72vw,340px);margin-top:2rem}.sdlc-methodology-card__details{border-top:1px solid var(--color-border);border-left:0}.sdlc-phase-grid{grid-template-columns:repeat(3,1fr)}.sdlc-review-grid{grid-template-columns:repeat(2,1fr)}.design-translation{grid-template-columns:1fr}.design-translation>i{transform:rotate(90deg)}.uml-workspace{grid-template-columns:1fr}.uml-picker{border-right:0;border-bottom:1px solid var(--color-border);grid-template-columns:repeat(2,1fr)}.diagram-cards,.nfr-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.diagram-cards,.nfr-grid,.uml-picker{grid-template-columns:1fr}.model-comparison{overflow-x:auto}.model-comparison__head,.model-comparison__row{min-width:680px}}@media (width<=900px){.use-case-card{grid-template-columns:1fr}.use-case-card ol{border-top:1px solid var(--color-border);border-left:0}.prioritization-picker{grid-template-columns:repeat(3,1fr)}.prioritization-card{grid-template-columns:1fr}.prioritization-card>div+div{border-top:1px solid var(--color-border);border-left:0}}@media (width<=600px){.mockup-grid,.use-case-picker{grid-template-columns:1fr}.prioritization-picker{grid-template-columns:repeat(2,1fr)}.prioritization-process{flex-direction:column;align-items:stretch}.prioritization-process i{transform:rotate(90deg)}}.custom-cursor{z-index:2000;opacity:0;pointer-events:none;will-change:transform;background-color:#0000;border:1px solid #ffffffd9;border-radius:50%;width:clamp(1.5rem,2vw,2rem);height:clamp(1.5rem,2vw,2rem);position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-tail{z-index:1999;pointer-events:none;position:fixed;inset:0}.cursor-tail__dot{mix-blend-mode:screen;filter:blur(5px);contain:strict;will-change:transform, opacity;background:radial-gradient(circle,#ffffffe6 0%,#ffffff6b 38%,#fff0 75%);border-radius:50%;width:22px;height:22px;position:fixed;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 18px #ffffff47,0 0 34px #ffffff1f}@media (pointer:fine) and (prefers-reduced-motion:no-preference){body,a,button,input{cursor:none}}@media (pointer:coarse),(prefers-reduced-motion:reduce){.custom-cursor,.cursor-tail{display:none}}.hero{background-color:var(--color-background);align-items:center;min-height:100vh;padding:5rem 2rem;display:flex;position:relative;overflow:hidden}.hero__grid{opacity:.12;pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 20%,#0000 90%);mask-image:linear-gradient(#000 20%,#0000 90%)}.hero__content{z-index:1;width:100%;max-width:1200px;margin:0 auto;position:relative}.hero__eyebrow{color:var(--color-orange);letter-spacing:.18rem;text-transform:uppercase;align-items:center;gap:.75rem;margin:0 0 1.5rem;font-size:.85rem;font-weight:700;display:flex}.hero__eyebrow span{background-color:var(--color-orange);width:32px;height:2px}.hero h1{letter-spacing:-.055em;max-width:1000px;margin:0;font-size:clamp(3.5rem,9vw,8rem);font-weight:650;line-height:.92}.hero h1>span{color:var(--color-muted);margin-top:1rem;display:block}.hero h1 strong{color:var(--color-orange);font-weight:inherit}.hero__description{max-width:650px;color:var(--color-muted);margin:2.5rem 0;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.7}.hero__button{border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);border-radius:999px;align-items:center;gap:1.25rem;padding:.95rem 1.4rem;font-weight:700;text-decoration:none;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.hero__button:hover{border-color:var(--color-orange);background-color:var(--color-orange-soft)}.hero__button span{color:var(--color-orange)}.hero__scroll-indicator{color:var(--color-muted);letter-spacing:.14rem;text-transform:uppercase;writing-mode:vertical-rl;align-items:center;gap:.75rem;font-size:.7rem;text-decoration:none;display:flex;position:absolute;bottom:2rem;right:2rem}.hero__scroll-indicator i{background:linear-gradient(to bottom, var(--color-orange), transparent);width:2px;height:38px;display:block}@media (width<=700px){.hero{padding:6rem 1.25rem 5rem}.hero h1{font-size:clamp(3.2rem,15vw,5rem)}.hero__grid{background-size:46px 46px}.hero__scroll-indicator{display:none}}.big-o-intro{background-color:var(--color-background);min-height:100vh;color:var(--color-text);align-items:center;padding:6rem 2rem;display:flex}.big-o-intro__content{width:100%;max-width:1200px;margin:0 auto}.section-label{letter-spacing:.15rem;text-transform:uppercase;margin:0 0 1rem;font-size:.9rem;font-weight:700}.big-o-intro h2{max-width:800px;margin:0;font-size:clamp(2.5rem,7vw,6rem);line-height:1}.big-o-intro__definition{max-width:750px;margin:2rem 0 3rem;font-size:1.4rem;line-height:1.7}.input-example{border:1px solid var(--color-border);border-radius:1.5rem;padding:2rem}.input-example__items{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.input-example__items span{color:#f5f5f5;background-color:#111;border-radius:.75rem;padding:.8rem 1rem}.input-example p{margin:0;font-size:1.1rem;line-height:1.7}.input-control{gap:1rem;margin-bottom:2rem;display:grid}.input-control label{font-size:1.1rem}.motion-slider{transform-origin:50%;width:100%;height:32px;position:relative}.motion-slider__track{background-color:#80808033;border:1px solid #80808073;border-radius:999px;height:8px;position:absolute;top:50%;left:10px;right:10px;overflow:visible;transform:translateY(-50%)}.motion-slider__fill{border-radius:inherit;background-color:var(--color-orange);position:absolute;inset:-1px auto -1px -1px}.motion-slider__thumb{border:3px solid var(--color-orange);background-color:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 3px 10px #00000040}.motion-slider__input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.motion-slider:focus-within .motion-slider__thumb{outline:3px solid var(--color-orange-soft);outline-offset:3px}.input-example__items span{transition:transform .2s,opacity .2s}.input-example__items span:hover{transform:translateY(-4px)}.complexity-comparison{background-color:var(--color-background);min-height:100vh;color:var(--color-text);padding:7rem 2rem}.complexity-comparison__content{width:100%;max-width:1200px;margin:0 auto}.complexity-comparison h2{max-width:900px;margin:0;font-size:clamp(2.5rem,7vw,6rem);line-height:1}.complexity-comparison__description{color:#b8b8b8;max-width:700px;margin:2rem 0 3rem;font-size:1.25rem;line-height:1.7}.comparison-control{gap:1rem;margin-bottom:3rem;display:grid}.comparison-control label{font-size:1.1rem}.comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.complexity-card{background-color:#181818;border:1px solid #383838;border-radius:1.5rem;padding:2rem}.complexity-card__notation{margin:0 0 1rem;font-size:2.5rem;font-weight:700}.complexity-card h3{margin:0 0 1rem;font-size:1.6rem}.complexity-card>p{color:#b8b8b8;line-height:1.7}.complexity-card{transition:border-color .2s,background-color .2s;position:relative;overflow:hidden}.complexity-card:before{background-color:var(--color-orange);content:"";opacity:0;transform-origin:0;width:48px;height:2px;transition:opacity .2s,transform .25s;position:absolute;top:0;left:1.5rem;transform:scaleX(0)}.complexity-card:hover{background-color:#1b1a18;border-color:#f9731673}.complexity-card:hover:before{opacity:1;transform:scaleX(1)}.operation-display{border-bottom:1px solid #383838;justify-content:space-between;margin-top:1rem;padding-bottom:.75rem;display:flex}.operation-display strong{font-size:1.2rem}.operation-visual{flex-wrap:wrap;align-content:flex-start;gap:.4rem;min-height:90px;margin:2rem 0;display:flex}.operation-block{border:1px solid #777;border-radius:.25rem;width:22px;height:22px}.operation-block--active,.operation-block--quadratic{background-color:var(--color-orange);border-color:var(--color-orange)}.operation-visual__overflow{color:#b8b8b8;align-self:center;padding:.2rem .45rem;font-family:monospace;font-size:.8rem}.complexity-card__example{margin-bottom:0}@media (width<=750px){.comparison-grid{grid-template-columns:1fr}}.complexity-list{background-color:var(--color-background);min-height:100vh;color:var(--color-text);padding:7rem 2rem}.complexity-list__content{width:100%;max-width:1200px;margin:0 auto}.complexity-list h2{max-width:900px;margin:0;font-size:clamp(2.5rem,7vw,6rem);line-height:1}.complexity-list__description{max-width:750px;color:var(--color-muted);margin:2rem 0 3rem;font-size:1.25rem;line-height:1.7}.complexity-list__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.complexity-info-card{border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:1.5rem;padding:2rem}.complexity-info-card__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.complexity-info-card__notation{margin:0;font-size:2.5rem;font-weight:700}.complexity-info-card__header span{white-space:nowrap;border:1px solid #b8b8b8;border-radius:999px;padding:.45rem .75rem;font-size:.8rem;font-weight:700}.complexity-info-card h3{margin:1.5rem 0 1rem;font-size:1.5rem}.complexity-info-card__definition{color:var(--color-muted);margin:0;line-height:1.7}.complexity-info-card__example{border-top:1px solid var(--color-border);margin:2rem 0 0;padding-top:1.5rem;line-height:1.6}@media (width<=750px){.complexity-list__grid{grid-template-columns:1fr}}.big-o-graph{background-color:var(--color-background);min-height:100vh;color:var(--color-text);padding:7rem 2rem}.big-o-graph__content{width:100%;max-width:1200px;margin:0 auto}.big-o-graph h2{max-width:900px;margin:0;font-size:clamp(2.5rem,7vw,6rem);line-height:1}.big-o-graph__description{color:#b8b8b8;max-width:750px;margin:2rem 0 3rem;font-size:1.25rem;line-height:1.7}.graph-layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:stretch;gap:2rem;display:grid}.graph-panel{background-color:#181818;border:1px solid #383838;border-radius:1.5rem;min-width:0;padding:1rem;overflow:hidden}.graph{width:100%;height:auto;display:block;overflow:visible}.graph__axis{stroke:#f5f5f5;stroke-width:2px}.graph__grid-line{stroke:#333;stroke-width:1px}.graph__tick-label{fill:#989898;font-size:14px}.graph__axis-label{fill:#c8c8c8;font-size:16px;font-weight:700}.graph__curve{cursor:pointer;transition:opacity .2s,stroke-width .2s}.graph__marker-line{stroke:#777;stroke-width:1px;stroke-dasharray:6 6;pointer-events:none}.graph__marker{stroke:#111;stroke-width:3px;pointer-events:none}.graph-details{background-color:#181818;border:1px solid #383838;border-radius:1.5rem;flex-direction:column;padding:2rem;display:flex}.graph-details__notation{margin:0;font-size:clamp(2.5rem,5vw,4rem);font-weight:700}.graph-details h3{margin:.5rem 0 2rem;font-size:1.5rem}.graph-details__stat{border-bottom:1px solid #383838;justify-content:space-between;gap:1rem;padding:1rem 0;display:flex}.graph-details__stat span{color:#b8b8b8}.graph-details__notice{color:#ffb86b;margin:1rem 0 0;line-height:1.5}.graph-details label{margin-top:auto;padding-top:2rem;font-weight:700}.graph-details>.motion-slider{margin-top:1rem}.graph-legend{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.graph-legend__button{color:#f5f5f5;cursor:pointer;background-color:#181818;border:1px solid #444;border-radius:999px;align-items:center;gap:.55rem;padding:.7rem 1rem;transition:border-color .2s,transform .2s,background-color .2s;display:inline-flex}.graph-legend__button span{background-color:var(--complexity-color);border-radius:50%;width:10px;height:10px}.graph-legend__button:hover{border-color:var(--complexity-color);transform:translateY(-2px)}.graph-legend__button--selected{border-color:var(--complexity-color);background-color:#252525}.graph-note{color:#989898;max-width:800px;margin:2rem 0 0;font-size:.95rem;line-height:1.7}@media (width<=900px){.graph-layout{grid-template-columns:1fr}.graph-details label{margin-top:2rem}}@media (width<=600px){.graph-panel{padding:.25rem}.graph-layout{gap:1rem}.graph-details{padding:1.5rem}}.complexity-info-card{transform-style:preserve-3d;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.complexity-info-card:before{background-color:var(--color-orange);content:"";opacity:0;transform-origin:0;width:100%;height:3px;transition:opacity .2s,transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.complexity-info-card:hover{border-color:#f9731673;box-shadow:0 16px 40px #140f0a1a}.complexity-info-card:hover:before{opacity:1;transform:scaleX(1)}.complexity-info-card__header span{transition:border-color .2s,color .2s,background-color .2s}.complexity-info-card:hover .complexity-info-card__header span{border-color:var(--color-orange);color:var(--color-orange-dark);background-color:#f9731614}.scroll-progress{z-index:1000;background-color:var(--color-orange);transform-origin:0;width:100%;height:2px;position:fixed;top:0;left:0}.data-structures{background-color:var(--color-background);min-height:100vh;color:var(--color-text);padding:7rem 2rem}.data-structures__content{width:100%;max-width:1200px;margin:0 auto}.data-structures h2{max-width:1000px;margin:0;font-size:clamp(2.5rem,7vw,6rem);line-height:1}.data-structures__description{max-width:800px;color:var(--color-muted);margin:2rem 0 3rem;font-size:1.25rem;line-height:1.7}.structure-picker{flex-wrap:wrap;gap:.65rem;margin-bottom:2rem;display:flex}.structure-picker__button{border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-muted);cursor:pointer;border-radius:999px;padding:.7rem 1rem;transition:border-color .2s,background-color .2s,color .2s}.structure-picker__button:hover,.structure-picker__button--active{border-color:var(--color-orange);background-color:var(--color-orange-soft);color:var(--color-text)}.structure-picker__button--active{box-shadow:inset 0 0 0 1px var(--color-orange)}.structure-details{border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:1.5rem;padding:clamp(1.25rem,3vw,2.5rem);overflow:hidden}.structure-details__header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.structure-details__header p{color:var(--color-orange);letter-spacing:.1rem;text-transform:uppercase;margin:0 0 .5rem;font-size:.8rem;font-weight:700}.structure-details__header h3{margin:0 0 .75rem;font-size:clamp(2rem,4vw,3.5rem)}.structure-details__header>div>span{color:var(--color-muted);line-height:1.6}.structure-space{border:1px solid var(--color-border);text-align:right;border-radius:1rem;min-width:150px;padding:1rem 1.25rem}.structure-space span{color:var(--color-muted);margin-bottom:.35rem;font-size:.8rem;display:block}.structure-space strong{color:var(--color-orange);font-size:1.5rem}.structure-table-wrap{border:1px solid var(--color-border);border-radius:1rem;overflow-x:auto}.structure-table{border-collapse:collapse;text-align:left;width:100%;min-width:760px}.structure-table th,.structure-table td{border-bottom:1px solid var(--color-border);vertical-align:top;padding:1rem}.structure-table thead th{color:var(--color-muted);letter-spacing:.08rem;text-transform:uppercase;background-color:#ffffff09;font-size:.75rem}.structure-table tbody tr:last-child>*{border-bottom:0}.structure-table tbody th{width:120px;color:var(--color-text)}.structure-table td:nth-child(2),.structure-table td:nth-child(3){width:125px}.structure-table td:last-child{color:var(--color-muted);line-height:1.5}.structure-table code{background-color:var(--color-orange-soft);color:#ffad73;white-space:nowrap;border-radius:.5rem;padding:.3rem .55rem;font-family:Consolas,monospace;font-size:.95rem;display:inline-block}.structure-notation-note{color:var(--color-muted);margin:1.5rem 0 0;line-height:1.6}@media (width<=650px){.data-structures{padding:6rem 1.25rem}.structure-details__header{flex-direction:column}.structure-space{text-align:left;width:100%}}.search-sort{background-color:var(--color-background);min-height:100vh;color:var(--color-text);padding:7rem 2rem}.search-sort__content{width:100%;max-width:1200px;margin:0 auto}.search-sort h2{max-width:900px;margin:0;font-size:clamp(2.5rem,7vw,6rem);line-height:1}.search-sort__description{max-width:800px;color:var(--color-muted);margin:2rem 0 3rem;font-size:1.25rem;line-height:1.7}.algorithm-category{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:2rem;display:grid}.algorithm-category__button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:pointer;border-radius:1rem;justify-content:space-between;padding:1.2rem 1.4rem;font-weight:700;display:flex}.algorithm-category__button span{color:var(--color-orange)}.algorithm-category__button--active{border-color:var(--color-orange);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-orange)}.algorithm-picker{flex-wrap:wrap;gap:.65rem;margin-bottom:1rem;display:flex}.algorithm-picker__button{border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.65rem 1rem}.algorithm-picker__button:hover,.algorithm-picker__button--active{border-color:var(--color-orange);background:var(--color-orange-soft);color:var(--color-text)}.algorithm-details{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1.5rem;padding:clamp(1.25rem,3vw,2.5rem)}.algorithm-details__intro{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.algorithm-details__intro p,.algorithm-notes span{color:var(--color-orange);letter-spacing:.09rem;text-transform:uppercase;margin:0 0 .55rem;font-size:.75rem;font-weight:700}.algorithm-details__intro h3{margin:0 0 .75rem;font-size:clamp(2rem,4vw,3.5rem)}.algorithm-details__intro>div>span{max-width:720px;color:var(--color-muted);line-height:1.65;display:block}.algorithm-stability{border:1px solid var(--color-border);text-align:right;border-radius:.8rem;min-width:100px;padding:.8rem 1rem}.algorithm-stability span{color:var(--color-muted);font-size:.75rem;display:block}.algorithm-stability strong{color:var(--color-orange);font-size:1.35rem}.algorithm-complexities{border:1px solid var(--color-border);border-radius:1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin:2rem 0;display:grid;overflow:hidden}.algorithm-complexities div{border-right:1px solid var(--color-border);padding:1.25rem}.algorithm-complexities div:last-child{border-right:0}.algorithm-complexities span{color:var(--color-muted);text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;display:block}.algorithm-complexities strong{color:#ffad73;font-family:Consolas,monospace;font-size:clamp(1.1rem,2.1vw,1.55rem)}.algorithm-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.algorithm-notes>div{border-left:2px solid var(--color-orange);background:#ffffff06;padding:1.25rem}.algorithm-notes p{color:var(--color-muted);margin:0;line-height:1.6}.algorithm-steps{counter-reset:algorithm-step;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.algorithm-steps li{border-top:1px solid var(--color-border);color:var(--color-muted);counter-increment:algorithm-step;padding:1rem;line-height:1.55}.algorithm-steps li:before{color:var(--color-orange);content:"0" counter(algorithm-step);margin-bottom:.7rem;font-weight:700;display:block}.search-sort__note{max-width:850px;color:var(--color-muted);margin:1.5rem 0 0;line-height:1.6}@media (width<=750px){.search-sort{padding:6rem 1.25rem}.algorithm-category,.algorithm-notes,.algorithm-steps{grid-template-columns:1fr}.algorithm-complexities{grid-template-columns:repeat(2,minmax(0,1fr))}.algorithm-complexities div{border-bottom:1px solid var(--color-border)}.algorithm-complexities div:nth-child(2){border-right:0}.algorithm-complexities div:nth-child(n+3){border-bottom:0}.algorithm-details__intro{flex-direction:column}.algorithm-stability{text-align:left}}.sorting-structures{background-color:var(--color-background);min-height:100vh;color:var(--color-text);padding:7rem 2rem}.sorting-structures__content{width:100%;max-width:1200px;margin:0 auto}.sorting-structures h2{max-width:1000px;margin:0;font-size:clamp(2.5rem,7vw,6rem);line-height:1}.sorting-structures__description{max-width:800px;color:var(--color-muted);margin:2rem 0 3rem;font-size:1.25rem;line-height:1.7}.sorting-structures__table-wrap{border:1px solid var(--color-border);border-radius:1.5rem;overflow:hidden}.sorting-structures__table{border-collapse:collapse;text-align:left;width:100%}.sorting-structures__table th,.sorting-structures__table td{border-bottom:1px solid var(--color-border);vertical-align:top;padding:1.25rem}.sorting-structures__table thead th{color:var(--color-muted);letter-spacing:.08rem;text-transform:uppercase;background-color:#ffffff0b;font-size:.75rem}.sorting-structures__table tbody tr:last-child>*{border-bottom:0}.sorting-structures__table tbody th{width:20%;font-size:1.05rem;line-height:1.45}.sorting-structures__table tbody td:nth-child(2){width:42%}.sorting-structures__table tbody td:last-child{color:var(--color-muted);line-height:1.6}.sorting-structures__table tbody tr{transition:background-color .18s}.sorting-structures__table tbody tr:hover{background-color:#f9731609}.sorting-structures__tags{flex-wrap:wrap;gap:.45rem;display:flex}.sorting-structures__tag{background-color:var(--color-orange-soft);color:#ffad73;border:1px solid #f973168c;border-radius:999px;padding:.4rem .65rem;font-size:.82rem;line-height:1.2;display:inline-block}.sorting-structures__footnote{max-width:850px;color:var(--color-muted);margin:1.5rem 0 0;line-height:1.65}@media (width<=800px){.sorting-structures{padding:6rem 1.25rem}.sorting-structures__table-wrap{border:0;overflow:visible}.sorting-structures__table,.sorting-structures__table tbody{display:block}.sorting-structures__table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.sorting-structures__table tr{border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:1rem;gap:1rem;margin-bottom:1rem;padding:1.25rem;display:grid}.sorting-structures__table th,.sorting-structures__table td{border:0;padding:0;display:block;width:100%!important}.sorting-structures__table tbody th{color:var(--color-text);font-size:1.25rem}}.language-structures{background:var(--color-background);min-height:100vh;color:var(--color-text);padding:7rem 2rem}.language-structures__content{width:100%;max-width:1400px;margin:0 auto}.language-structures h2{max-width:1000px;margin:0;font-size:clamp(2.5rem,7vw,6rem);line-height:1}.language-structures__description{max-width:820px;color:var(--color-muted);margin:2rem 0 3rem;font-size:1.25rem;line-height:1.7}.language-picker{flex-wrap:wrap;gap:.65rem;margin-bottom:1rem;display:flex}.language-picker__button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:pointer;border-radius:999px;padding:.7rem 1rem}.language-picker__button:hover,.language-picker__button--active{border-color:var(--color-orange);background:var(--color-orange-soft);color:var(--color-text)}.language-picker__button--active{box-shadow:inset 0 0 0 1px var(--color-orange)}.language-table-wrap{border:1px solid var(--color-border);border-radius:1.5rem;overflow-x:auto}.language-table{border-collapse:collapse;text-align:left;width:100%;min-width:980px}.language-table th,.language-table td{border-bottom:1px solid var(--color-border);vertical-align:top;padding:1.1rem}.language-table thead th{color:var(--color-muted);letter-spacing:.07rem;text-transform:uppercase;background:#ffffff0b;font-size:.7rem}.language-table tbody tr:last-child>*{border-bottom:0}.language-table tbody tr:hover{background:#f9731609}.language-table tbody td{color:var(--color-muted);line-height:1.5}.language-table tbody th{color:var(--color-text)}.language-table code{color:#ffad73;white-space:nowrap;font-family:Consolas,monospace;font-size:.88rem}.language-table__timings span{display:block}.language-table__timings span+span{margin-top:.3rem}.memory-badge{border:1px solid var(--color-border);white-space:nowrap;border-radius:999px;padding:.3rem .55rem;font-size:.75rem;display:inline-block}.memory-badge--very-low,.memory-badge--low{color:#82d19d;border-color:#4f9c6c}.memory-badge--medium{color:#e7ae63;border-color:#b9843e}.memory-badge--high{color:#e58b80;border-color:#a85c52}.language-structures__note{max-width:900px;color:var(--color-muted);margin:1.5rem 0 0;line-height:1.65}.implementation-lab{background:var(--color-background);min-height:100vh;color:var(--color-text);padding:7rem 2rem}.implementation-lab__content{width:100%;max-width:1400px;margin:0 auto}.implementation-lab h2{max-width:1050px;margin:0;font-size:clamp(2.5rem,7vw,6rem);line-height:.98}.implementation-lab__description{max-width:840px;color:var(--color-muted);margin:2rem 0 3rem;font-size:1.25rem;line-height:1.7}.implementation-controls{gap:1.2rem;margin-bottom:1.5rem;display:grid}.implementation-controls__label{color:var(--color-muted);letter-spacing:.08rem;text-transform:uppercase;margin-bottom:.65rem;font-size:.72rem;font-weight:700;display:block}.implementation-picker{flex-wrap:wrap;gap:.55rem;display:flex}.implementation-picker button{isolation:isolate;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:pointer;border-radius:999px;padding:.7rem 1rem;position:relative;overflow:hidden}.implementation-picker button:hover,.implementation-picker button.active{border-color:var(--color-orange);color:var(--color-text)}.implementation-picker button:focus-visible,.implementation-code__bar button:focus-visible,.implementation-code pre:focus-visible{outline:2px solid var(--color-orange);outline-offset:3px}.implementation-picker__active{z-index:-1;border-radius:inherit;background:var(--color-orange-soft);box-shadow:inset 0 0 0 1px var(--color-orange);position:absolute;inset:0}.implementation-workspace{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1.5rem;grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);display:grid;overflow:hidden;box-shadow:0 24px 70px #00000038}.implementation-code{background:#11100f;min-width:0}.implementation-code__bar{border-bottom:1px solid var(--color-border);background:#ffffff06;grid-template-columns:1fr auto 1fr;align-items:center;min-height:58px;padding:0 1rem;display:grid}.implementation-code__bar>div{gap:.4rem;display:flex}.implementation-code__bar>div i{background:#5d5955;border-radius:50%;width:9px;height:9px}.implementation-code__bar>div i:first-child{background:#d66f61}.implementation-code__bar>div i:nth-child(2){background:#d5a24e}.implementation-code__bar>div i:last-child{background:#62a874}.implementation-code__bar>span{color:var(--color-muted);letter-spacing:.04rem;text-align:center;font-size:.76rem;font-weight:700}.implementation-code__bar button{border:1px solid var(--color-border);color:#ffad73;cursor:pointer;background:0 0;border-radius:.55rem;justify-self:end;padding:.45rem .7rem}.implementation-code pre{tab-size:2;max-height:660px;margin:0;padding:1.35rem 0 1.7rem;overflow:auto}.implementation-code code{color:#e8e2db;min-width:100%;font-family:Consolas,SFMono-Regular,monospace;font-size:clamp(.76rem,1.2vw,.9rem);line-height:1.68;display:table}.implementation-code__line{display:table-row}.implementation-code__line:hover{background:#f973160f}.implementation-code__line>i{color:#625e59;text-align:right;-webkit-user-select:none;user-select:none;width:3.5rem;padding:0 1rem;font-style:normal;display:table-cell}.implementation-code__line>span{white-space:pre;padding-right:1.5rem;display:table-cell}.implementation-code__comment{color:#7eae88;font-style:italic}.implementation-notes{border-left:1px solid var(--color-border);padding:clamp(1.5rem,3vw,2.5rem)}.implementation-notes__eyebrow{color:var(--color-orange);letter-spacing:.1rem;text-transform:uppercase;font-size:.7rem;font-weight:700}.implementation-notes h3{margin:.65rem 0 1rem;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05}.implementation-notes>p{color:var(--color-muted);margin:0;line-height:1.65}.implementation-notes ol{margin:2rem 0;padding:0;list-style:none}.implementation-notes li{border-top:1px solid var(--color-border);color:var(--color-text);align-items:center;gap:.8rem;padding:.8rem 0;display:flex}.implementation-notes li:last-child{border-bottom:1px solid var(--color-border)}.implementation-notes li i{background:var(--color-orange-soft);color:#ffad73;border-radius:50%;place-items:center;width:1.65rem;height:1.65rem;font-size:.7rem;font-style:normal;display:grid}.implementation-complexity{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.implementation-complexity code{background:var(--color-orange-soft);color:#ffad73;border:1px solid #f9731666;border-radius:.5rem;padding:.45rem .6rem;font-size:.72rem}.implementation-notes small{color:var(--color-muted);line-height:1.55;display:block}@media (width<=900px){.implementation-workspace{grid-template-columns:1fr}.implementation-notes{border-top:1px solid var(--color-border);border-left:0}}@media (width<=600px){.implementation-lab{padding:6rem 1.25rem}.implementation-picker{scrollbar-width:thin;flex-wrap:nowrap;margin-right:-1.25rem;padding-right:1.25rem;overflow-x:auto}.implementation-picker button{flex:none}.implementation-code__bar{grid-template-columns:1fr auto}.implementation-code__bar>div{display:none}.implementation-code__bar>span{text-align:left}.implementation-code__line>i{width:2.75rem;padding:0 .75rem}}@media (prefers-reduced-motion:reduce){.implementation-picker__active{transition:none!important}}@media (width<=800px){.language-structures{padding:6rem 1.25rem}.language-table-wrap{border:0;overflow:visible}.language-table,.language-table tbody{min-width:0;display:block}.language-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.language-table tr{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1rem;gap:.9rem;margin-bottom:1rem;padding:1.25rem;display:grid}.language-table th,.language-table td{border:0;grid-template-columns:minmax(100px,.42fr) 1fr;gap:.75rem;width:100%;padding:0;display:grid}.language-table th:before,.language-table td:before{color:var(--color-muted);letter-spacing:.05rem;text-transform:uppercase;content:attr(data-label);font-size:.68rem;font-weight:700}}.structure-guide{background:var(--color-background);min-height:100vh;color:var(--color-text);padding:7rem 2rem}.structure-guide__content{width:100%;max-width:1200px;margin:0 auto}.structure-guide h2{max-width:1000px;margin:0;font-size:clamp(2.5rem,7vw,6rem);line-height:1}.structure-guide__description{max-width:800px;color:var(--color-muted);margin:2rem 0 3rem;font-size:1.25rem;line-height:1.7}.structure-guide__picker{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.structure-guide__button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:pointer;border-radius:999px;padding:.65rem .9rem}.structure-guide__button:hover,.structure-guide__button--active{border-color:var(--color-orange);background:var(--color-orange-soft);color:var(--color-text)}.structure-guide__button--active{box-shadow:inset 0 0 0 1px var(--color-orange)}.structure-guide__panel{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1.5rem;padding:clamp(1.25rem,3vw,2.5rem)}.structure-guide__heading{grid-template-columns:minmax(220px,.75fr) 1.5fr;align-items:end;gap:2rem;display:grid}.structure-guide__heading>div>p,.structure-guide__facts span{color:var(--color-orange);letter-spacing:.08rem;text-transform:uppercase;margin:0 0 .55rem;font-size:.75rem;font-weight:700}.structure-guide__heading h3{margin:0;font-size:clamp(2rem,4vw,3.5rem)}.structure-guide__heading>p{color:var(--color-muted);margin:0;font-size:1.1rem;line-height:1.65}.structure-guide__times{border:1px solid var(--color-border);border-radius:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:2rem 0;display:grid;overflow:hidden}.structure-guide__times div{border-right:1px solid var(--color-border);padding:1.25rem}.structure-guide__times div:last-child{border-right:0}.structure-guide__times span{color:var(--color-muted);text-transform:uppercase;margin-bottom:.45rem;font-size:.75rem;display:block}.structure-guide__times strong{color:#ffad73;font-family:Consolas,monospace;font-size:clamp(1rem,2vw,1.35rem)}.structure-guide__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.structure-guide__facts>div{border-left:2px solid var(--color-orange);background:#ffffff06;padding:1.25rem}.structure-guide__facts p{color:var(--color-muted);margin:0;line-height:1.6}.structure-guide__facts .structure-guide__pro{border-left-color:#55a873}.structure-guide__facts .structure-guide__pro span{color:#82d19d}.structure-guide__facts .structure-guide__con{border-left-color:#b9685e}.structure-guide__facts .structure-guide__con span{color:#e58b80}.structure-guide__note{color:var(--color-muted);margin:1.5rem 0 0;line-height:1.6}@media (width<=700px){.structure-guide{padding:6rem 1.25rem}.structure-guide__heading,.structure-guide__facts,.structure-guide__times{grid-template-columns:1fr}.structure-guide__times div{border-right:0;border-bottom:1px solid var(--color-border)}.structure-guide__times div:last-child{border-bottom:0}}