/**
 * @license Copyright (c) 2025 Toolkit Earth LLC. All rights reserved.
 * @author Elora
 * @ai-assisted Claude Code
 *
 * global.css - Design system: CSS variables (colors, fonts, spacing), base typography, layout, animations, responsive rules
 */:root{--ink: #1a1a18;--parchment: #f4f1eb;--rust: #c45d3e;--steel: #3d4550;--moss: #4a6741;--bone: #e8e3da;--light: #faf8f4;--gold: #b8860b;--shadow: rgba(26, 26, 24, .08);--font-display: "Libre Baskerville", Georgia, serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--parchment);color:var(--ink);line-height:1.7;font-size:18px;-webkit-font-smoothing:antialiased}.container{max-width:820px;margin:0 auto;padding:0 2rem}.nav{padding:1.5rem 0;border-bottom:1px solid var(--bone)}.nav a{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);text-decoration:none}.nav a span,.nav a:hover{color:var(--rust)}header{padding:6rem 0 4rem;border-bottom:1px solid var(--bone)}.brand{font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--steel);margin-bottom:2.5rem}.brand span{color:var(--rust)}h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.25;color:var(--ink);margin-bottom:1.5rem;max-width:680px}.tagline{font-family:var(--font-display);font-style:italic;font-size:1.25rem;color:var(--steel);max-width:540px;line-height:1.6}section{padding:4rem 0;border-bottom:1px solid var(--bone)}section:last-of-type{border-bottom:none}.section-label{font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--rust);margin-bottom:1.5rem}h2{font-family:var(--font-display);font-size:1.85rem;font-weight:700;line-height:1.3;margin-bottom:1.2rem}p+p{margin-top:1rem}.modal-link{color:var(--rust);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;cursor:pointer;background:none;border:none;font:inherit;padding:0;display:inline}.modal-link:hover{text-decoration-style:solid}.principles{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.principle{padding:1.4rem 1.6rem;background:#fff;border:1px solid var(--bone);border-left:3px solid var(--rust);border-radius:2px}.principle h3{font-family:var(--font-display);font-size:.95rem;font-weight:700;margin-bottom:.5rem}.principle p{color:var(--steel);font-size:.95rem;line-height:1.6;margin:0}.simulator-wrap{margin-top:2rem;background:#fff;border:1px solid var(--bone);border-radius:4px;overflow:hidden}.sim-controls{background:var(--light);border-bottom:1px solid var(--bone);padding:1.4rem 1.8rem;display:flex;flex-wrap:wrap;gap:1.4rem;align-items:flex-end}.sim-field{display:flex;flex-direction:column;gap:.3rem}.sim-field label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}.sim-field input{font-family:var(--font-mono);font-size:.95rem;width:140px;padding:.4rem .7rem;border:1px solid var(--bone);border-radius:2px;background:#fff;color:var(--ink)}.sim-field input:focus{outline:none;border-color:var(--rust)}.flowchart{padding:2rem 1.8rem;display:flex;flex-direction:column;align-items:stretch;gap:0}.flow-node{display:flex;align-items:flex-start;gap:1rem;position:relative}.flow-connector{display:flex;justify-content:flex-start;padding-left:17px;height:28px;align-items:center}.flow-connector:before{content:"";width:2px;height:100%;background:var(--bone);display:block}.flow-dot{width:36px;height:36px;border-radius:50%;border:2px solid var(--rust);background:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.65rem;font-weight:500;color:var(--rust);flex-shrink:0}.flow-dot.filled{background:var(--rust);color:#fff}.flow-dot.dim{border-color:var(--bone);color:var(--steel)}.flow-content{flex:1;padding:.1rem 0 .8rem}.flow-content h4{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--ink);margin-bottom:.15rem}.flow-content .flow-pct{font-family:var(--font-mono);font-size:.75rem;color:var(--rust);margin-bottom:.2rem}.flow-content .flow-desc{font-size:.9rem;color:var(--steel);line-height:1.5}.flow-content .flow-calc{display:inline-block;margin-top:.4rem;font-family:var(--font-mono);font-size:.8rem;color:var(--moss);background:#f0f5f0;padding:.2rem .6rem;border-radius:2px;font-weight:500}.flow-content .flow-udsr{display:inline-block;margin-top:.4rem;font-size:.78rem;color:var(--steel);font-style:italic}.flow-content .flow-udsr a{color:var(--rust)}.governance-note{margin-top:1.5rem;padding:1rem 1.2rem;background:#f7f5ef;border:1px dashed var(--bone);border-radius:3px;font-size:.88rem;color:var(--steel);line-height:1.6}.governance-note strong{color:var(--ink)}.projects-grid{display:grid;gap:1.5rem;margin-top:2rem}.project-card{background:var(--ink);color:var(--parchment);padding:2rem 2.2rem;border-radius:3px;position:relative;overflow:hidden;display:block;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.project-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a1a1826}.project-card:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--rust)}.project-card .project-tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--rust);margin-bottom:.6rem}.project-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:.6rem;color:#fff}.project-card p{font-size:.9rem;color:#a8a39a;margin:0;line-height:1.6}.project-card .project-arrow{margin-top:.9rem;font-family:var(--font-mono);font-size:.75rem;color:var(--rust);letter-spacing:.05em}.modal-overlay{display:none;position:fixed;inset:0;background:#1a1a1899;z-index:1000;align-items:flex-start;justify-content:center;padding:3rem 1.5rem;overflow-y:auto;opacity:0;transition:opacity .25s ease}.modal-overlay.active{opacity:1}.modal{background:var(--parchment);max-width:680px;width:100%;border-radius:4px;padding:3rem;position:relative;transform:translateY(20px);transition:transform .25s ease;margin:auto}.modal-overlay.active .modal{transform:translateY(0)}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--steel);line-height:1;padding:.25rem}.modal-close:hover{color:var(--ink)}.modal h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:.4rem}.modal .modal-sub{font-size:.88rem;color:var(--steel);margin-bottom:2rem;font-style:italic}.modal h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin:2rem 0 .6rem}.modal p,.modal li{font-size:.95rem;color:var(--steel);line-height:1.7}.modal ol,.modal ul{padding-left:1.5rem;margin-top:.5rem}.modal li{margin-bottom:.5rem}.modal li strong{color:var(--ink)}.modal-divider{border:none;border-top:1px solid var(--bone);margin:2rem 0}.modal-caveat{background:#fff;border:1px solid var(--bone);border-left:3px solid var(--rust);padding:1rem 1.2rem;margin-top:1.5rem;font-size:.92rem;color:var(--steel);font-style:italic;line-height:1.65}.pull-quote{padding:3.5rem 0;text-align:center;border-bottom:none}.pull-quote blockquote{font-family:var(--font-display);font-style:italic;font-size:1.25rem;color:var(--steel);max-width:560px;margin:0 auto;line-height:1.55}.pull-quote blockquote:before{content:"";display:block;width:40px;height:2px;background:var(--rust);margin:0 auto 1.5rem}footer{padding:3rem 0;border-top:1px solid var(--bone);text-align:center}footer .footer-brand{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--steel)}footer .footer-brand span{color:var(--rust)}footer .footer-note{font-size:.85rem;color:#7a756e;margin-top:.6rem}footer .footer-solo{font-size:.88rem;color:#7a756e;margin-top:1rem;font-style:italic;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.55}footer .footer-back a{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);text-decoration:none}footer .footer-back a:hover{color:var(--rust)}.project-badge{display:inline-block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--rust);background:#fdf0ec;border:1px solid #e8c4b8;padding:.3rem .7rem;border-radius:2px;margin-bottom:1.5rem}.lede{font-family:var(--font-display);font-style:italic;font-size:1.15rem;color:var(--steel);max-width:580px;line-height:1.6;margin-bottom:1.5rem}.status-note{display:inline-block;font-size:.82rem;color:var(--steel);background:#fff;border:1px solid var(--bone);padding:.4rem .9rem;border-radius:2px;font-family:var(--font-mono)}.status-dot{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:.5rem}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1.5rem}.feature{background:#fff;border:1px solid var(--bone);padding:1.2rem 1.4rem;border-radius:2px}.feature h3{font-family:var(--font-display);font-size:.95rem;font-weight:700;margin-bottom:.4rem}.feature p{font-size:.92rem;color:var(--steel);line-height:1.55;margin:0}.principles-note{background:var(--light);border:1px solid var(--bone);border-left:3px solid var(--rust);padding:1.2rem 1.4rem;margin-top:1.5rem;font-size:.9rem;color:var(--steel)}.principles-note a{color:var(--rust)}.tech-stack{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}.tech-tag{font-family:var(--font-mono);font-size:.75rem;background:#fff;border:1px solid var(--bone);padding:.3rem .8rem;border-radius:2px;color:var(--steel)}.dragon-army-note{background:#1a1a18;color:#a8a39a;padding:1.5rem 1.8rem;border-radius:3px;margin-top:1.5rem;font-size:.9rem;line-height:1.6}.dragon-army-note strong{color:#fff}.dragon-army-note a{color:var(--rust)}.timeline{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.timeline-item{display:flex;gap:1rem;align-items:flex-start}.tl-dot{width:10px;height:10px;background:var(--bone);border-radius:50%;margin-top:.55rem;flex-shrink:0}.tl-dot.active{background:var(--rust)}.tl-content h4{font-family:var(--font-display);font-size:.95rem;font-weight:700;margin-bottom:.2rem}.tl-content p{font-size:.88rem;color:var(--steel);margin:0}.doc-type{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--steel);margin-bottom:1.5rem}.doc-lede{font-size:.95rem;color:var(--steel);font-style:italic;line-height:1.7;max-width:520px;margin:0 auto 1.5rem}.doc-binding{display:inline-block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--rust);background:#fdf0ec;border:1px solid #e8c4b8;padding:.3rem .8rem;border-radius:2px}.foundations-list{list-style:none;margin-top:1.2rem;counter-reset:item}.foundations-list li{display:flex;gap:1rem;margin-bottom:.9rem;font-size:.95rem;color:var(--steel);line-height:1.6}.foundations-list li:before{content:counter(item);counter-increment:item;font-family:var(--font-mono);font-size:.7rem;color:var(--rust);padding-top:.25rem;min-width:20px;flex-shrink:0}.scope-note{margin-top:1.5rem;background:#fff;border:1px solid var(--bone);border-left:3px solid var(--rust);padding:1rem 1.3rem;font-size:.88rem;color:var(--steel);font-style:italic;line-height:1.6}.part-header{padding:2.5rem 0 0}.part-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--steel);margin-bottom:.5rem}.part-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.part-desc{font-size:.9rem;color:var(--steel);font-style:italic;line-height:1.6;max-width:600px}.part-divider{border:none;border-top:1px solid var(--bone);margin:2rem 0}.article{display:flex;gap:1.8rem;padding:2rem 0;border-bottom:1px solid var(--bone)}.article:last-child{border-bottom:none}.article-num{font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--rust);padding-top:.25rem;min-width:30px;flex-shrink:0;letter-spacing:.05em}.article-body h3{font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:.6rem;color:var(--ink)}.article-body p{font-size:.93rem;color:var(--steel);margin:0;line-height:1.75}.editorial-note{background:#fff;border:1px solid var(--bone);border-left:3px solid var(--steel);padding:1.3rem 1.5rem;margin-top:2.5rem;font-size:.88rem;color:var(--steel);line-height:1.7;font-style:italic}.editorial-note strong{color:var(--ink);font-style:normal;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}.closing{padding:3.5rem 0;border-bottom:1px solid var(--bone);text-align:center}.closing-text{font-family:var(--font-display);font-style:italic;font-size:1.05rem;color:var(--steel);line-height:1.8;max-width:560px;margin:0 auto 1.5rem}.closing-note{font-size:.88rem;color:#7a756e;max-width:520px;margin:0 auto;line-height:1.65;font-style:italic}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeUp .6s ease forwards}.fade-in:nth-child(1){animation-delay:.1s}.fade-in:nth-child(2){animation-delay:.2s}.fade-in:nth-child(3){animation-delay:.3s}@media(max-width:620px){header{padding:4rem 0 3rem}section{padding:3rem 0}.principles,.feature-grid{grid-template-columns:1fr}.modal{padding:2rem 1.5rem}.sim-controls{flex-direction:column}.sim-field input{width:100%}.article{flex-direction:column;gap:.3rem}.article-num{padding-top:0}}