.guide{--ink: #2d2a26;--muted: #6b6259;--line: #e4d9ca;--soft: #f8f1e7;--accent: #a65d3e;--dark-accent: #7e432f;color:var(--ink);line-height:1.7}.guide .hero{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:1rem 0 2.2rem;border-bottom:1px solid var(--line)}.guide .eyebrow{margin:0 0 .45rem;color:var(--dark-accent);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.guide h1,.guide h2,.guide h3,.guide p{margin-top:0}.guide h1{max-width:48rem;margin-bottom:.75rem;font-size:clamp(2rem,5vw,4rem);line-height:1.1;letter-spacing:-.04em}.guide h2{margin-bottom:.65rem;font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.2}.guide h3{margin-bottom:.45rem;line-height:1.3}.guide .lead{max-width:48rem;margin-bottom:0;color:var(--muted);font-size:1.08rem}.guide .hero-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.6rem}.guide .button{display:inline-block;padding:.65rem .9rem;border:1px solid var(--accent);border-radius:.7rem;background:var(--accent);color:#fff;font-weight:700;text-decoration:none}.guide .button.secondary{background:transparent;color:var(--dark-accent)}.guide .toc{position:sticky;z-index:2;top:0;display:flex;flex-wrap:wrap;gap:.35rem;padding:.75rem 0;border-bottom:1px solid var(--line);background:#fffdf8e8;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.guide .toc a{padding:.35rem .65rem;border-radius:99rem;color:var(--dark-accent);font-size:.9rem;font-weight:700;text-decoration:none}.guide .toc a:hover,.guide .toc a:focus-visible{background:var(--soft)}.guide .section{padding-top:3.8rem;scroll-margin-top:4.5rem}.guide .section-heading{max-width:54rem;margin-bottom:1.6rem}.guide .section-heading p:not(.eyebrow),.guide .info-card p,.guide .glossary-card p,.guide .principles p,.guide .flow-step p,.guide .code-card>p,.guide details p,.guide .next-step{color:var(--muted)}.guide code{padding:.08rem .32rem;border-radius:.3rem;background:#f0e7da;color:#733d2c;font-family:Cascadia Code,Consolas,monospace;font-size:.9em;direction:ltr;unicode-bidi:isolate}.guide .stack-grid,.guide .glossary-grid,.guide .principles,.guide .flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.guide .info-card,.guide .glossary-card,.guide .principles article,.guide .interview-group,.guide .route-map,.guide .code-card{border:1px solid var(--line);border-radius:1rem;background:#fff}.guide .info-card,.guide .glossary-card,.guide .principles article{padding:1.1rem}.guide .info-card p:last-child,.guide .glossary-card p:last-child,.guide .principles p:last-child{margin-bottom:0}.guide .card-label{display:inline-block;margin-bottom:.8rem;color:var(--dark-accent);font-size:.78rem;font-weight:800}.guide .why,.guide .project-example{padding-top:.75rem;border-top:1px solid var(--line);font-size:.92rem}.guide .why strong,.guide .project-example strong{color:var(--ink)}.guide .stack-summary{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding:1.1rem;border-radius:1rem;background:var(--soft);text-align:center}.guide .stack-summary div:not(.arrow){display:grid;gap:.1rem}.guide .stack-summary span{color:var(--muted);font-size:.82rem}.guide .stack-summary .arrow{color:var(--accent);font-size:1.5rem}.guide .flow-step{display:grid;grid-template-columns:auto 1fr;gap:.8rem;padding:1rem;border-radius:1rem;background:var(--soft)}.guide .step-number{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:.8rem;font-weight:800}.guide .flow-step p{margin-bottom:0;font-size:.93rem}.guide .callout{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:1.4rem;padding:1rem 1.1rem;border-right:4px solid var(--accent);background:var(--soft)}.guide .route-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.4rem;padding:1.2rem 1.4rem}.guide ul{margin:0;padding-right:1.2rem}.guide li+li{margin-top:.35rem}.guide .glossary-card h3,.guide .interview-group>h3,.guide .principles strong{color:var(--dark-accent)}.guide .code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.guide .code-card{overflow:hidden}.guide .code-heading{padding:1rem 1.1rem 0}.guide .code-heading code{display:block;overflow-wrap:anywhere;color:var(--muted);background:transparent;font-size:.78rem}.guide pre{margin:1rem 0;padding:1rem 1.1rem;overflow-x:auto;background:#292522;color:#f8f1e7;direction:ltr;text-align:left}.guide pre code{padding:0;background:transparent;color:inherit;font-size:.82rem;white-space:pre}.guide .code-card>p{margin:0;padding:0 1.1rem 1.1rem;font-size:.92rem}.guide .principles article{background:var(--soft)}.guide .principles strong{display:block;margin-bottom:.35rem}.guide .interview-group{margin-top:1.2rem;padding:1.2rem}.guide .interview-group>h3{margin-bottom:.15rem}.guide .group-subtitle{margin-bottom:1rem;color:var(--muted)}.guide .questions{display:grid;gap:.65rem}.guide details{padding:.75rem .9rem;border:1px solid var(--line);border-radius:.7rem;background:#fffdf8}.guide summary{cursor:pointer;font-weight:700}.guide details p{margin:.65rem 0 0}.guide blockquote{margin:0;padding:1.4rem;border-right:4px solid var(--accent);border-radius:.8rem;background:var(--soft);color:#473d34;font-size:1.05rem}.guide .next-step{margin-top:1rem}.guide .back-to-top{display:block;width:2.5rem;height:2.5rem;margin:1rem 0 0 auto;border-radius:50%;background:var(--accent);color:#fff;line-height:2.5rem;text-align:center;text-decoration:none}@media(max-width:62rem){.guide .stack-grid,.guide .flow,.guide .principles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:46rem){.guide .hero,.guide .stack-summary{align-items:stretch;flex-direction:column}.guide .hero-actions{width:100%}.guide .button{flex:1;text-align:center}.guide .stack-grid,.guide .flow,.guide .glossary-grid,.guide .principles,.guide .code-grid,.guide .route-map{grid-template-columns:1fr}.guide .stack-summary .arrow{transform:rotate(-90deg)}}:root{color-scheme:light;--coffee: #35170e;--cocoa: #562718;--clay: #bd5232;--apricot: #ee9d5a;--sun: #f2bd45;--cream: #fff3dc;--linen: #f3dfbd;--pistachio: #738253;--ink: #30170f;--muted: #79685d;--line: rgb(53 23 14 / 15%);--surface: rgb(255 243 220 / 92%);--danger: #a9362a;--out: cubic-bezier(.22, 1, .36, 1);--shadow: 0 1.25rem 3.5rem rgb(53 23 14 / 12%);--radius-sm: .7rem;--radius-md: 1rem;--radius-lg: 1.5rem;--motion-fast: .16s;--motion-standard: .24s;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-synthesis:none}html{min-width:20rem;scroll-behavior:smooth;background:var(--linen)}body{min-width:20rem;min-height:100vh;margin:0;color:var(--ink);background:var(--linen);line-height:1.5;text-rendering:optimizeLegibility}body:after{content:"";position:fixed;z-index:100;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:not(:disabled),a{cursor:pointer}a{color:inherit}img{display:block;max-width:100%}:focus-visible{outline:.2rem solid var(--sun);outline-offset:.2rem}::selection{background:#f2bd4573}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{margin:0;color:var(--clay);font-size:.7rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.message,.empty{color:var(--muted)}.error{color:var(--danger)}.loading-state,.empty-state{min-height:20rem;display:grid;place-items:center;align-content:center;gap:.85rem;color:var(--muted);text-align:center}.loading-mark{width:2.25rem;height:2.25rem;border:.2rem solid rgba(53,23,14,.12);border-top-color:var(--clay);border-radius:50%;animation:ui-spin .7s linear infinite}.empty-state>b:first-child{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:50%;color:var(--cream);background:var(--clay)}.staff-page{width:min(100%,92rem);margin:0 auto;padding:clamp(1.25rem,4vw,4rem)}.staff-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding-bottom:1.75rem;border-bottom:1px solid var(--line)}.staff-header h1{margin:.35rem 0 0;font:500 clamp(2.8rem,6vw,5.7rem)/.9 Georgia,"Times New Roman",serif;letter-spacing:-.055em}.staff-header p{margin:0}.staff-header .header-copy{max-width:35rem;margin-top:1rem;color:var(--muted)}.sign-out{min-height:2.7rem;padding:.7rem 1rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:inherit;font-size:.8rem;font-weight:750}.tabs{width:fit-content;display:flex;gap:.4rem;margin-top:1.5rem;padding:.3rem;border:1px solid var(--line);border-radius:999px;background:#fff3dc85}.tabs button{min-height:2.4rem;padding:.55rem 1rem;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:750}.tabs button.active{color:var(--cream);background:var(--coffee)}@keyframes ui-spin{to{transform:rotate(1turn)}}@keyframes page-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}app-guide{display:block}@media(max-width:42rem){.staff-page{padding:2.5rem 1.1rem 5rem}.staff-header{align-items:flex-start;flex-direction:column}.staff-header h1{font-size:clamp(3rem,15vw,4.4rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}