:root{color-scheme:dark;--bg-canvas:#1c1917;--bg-surface:#292524;--bg-surface-hover:#36302a;--text-primary:#f4f1ea;--text-muted:#c5beb2;--accent-primary:#d4a84b;--accent-secondary:#bc8151;--border-subtle:#d4a84b40;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px #0006;--glow-accent:0 0 24px -4px #d4a84b35;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{margin:20px;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.7 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto;border:1px solid var(--border-subtle);min-height:calc(100vh - 40px)}a{color:var(--accent-primary);text-underline-offset:4px}a:visited{color:#dfb969}a:hover{color:#f3cf83}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent-primary);color:#1c1917!important;border:0;border-radius:100px;padding:.65rem 1.15rem;text-decoration:none;font-weight:700;cursor:pointer;transition:transform .3s var(--ease-kinetic),box-shadow .3s var(--ease-kinetic)}button:hover,.button:hover{transform:translateY(-3px);box-shadow:var(--shadow-elevation),var(--glow-accent)}button.secondary{background:#ddd4c0;color:#1c1917}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f6d88d;outline-offset:5px}::selection{background:#d4a84b;color:#1c1917}[hidden]{display:none!important}.wrap{max-width:1200px;margin:0 auto;padding:0 32px}.site-header{position:relative;border-bottom:1px solid var(--border-subtle);padding-top:24px;padding-bottom:16px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text-primary)!important;text-decoration:none;font-weight:750;letter-spacing:-.025em;max-width:calc(100% - 48px)}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:1px solid var(--accent-primary);border-radius:4px;color:var(--accent-primary);font:20px ui-monospace,Consolas,monospace}.site-nav{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px}.site-nav a{font-size:.9rem;text-decoration:none;color:var(--text-muted)}.site-nav a[aria-current=page]{color:var(--accent-primary);text-decoration:underline;text-decoration-thickness:2px}.menu-toggle{display:none}.skip{position:absolute;left:24px;top:-120px;z-index:20;background:var(--accent-primary);color:#1c1917;padding:12px}.skip:focus{top:12px}.hero{position:relative;padding:34px 0 30px;border-bottom:1px solid var(--border-subtle);isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#d4a84b0c,transparent,#bc81510b);background-size:200% 200%;animation:gradientShift 12s ease infinite;pointer-events:none}@keyframes gradientShift{50%{background-position:100% 100%}}.eyebrow,.label,th,.step-number,.small-heading{font-family:ui-monospace,Consolas,monospace}.eyebrow{color:var(--accent-primary);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px}h1,h2,h3{line-height:1.15;text-wrap:balance;hyphens:none}h1{font-size:clamp(2rem,4.8vw,3.6rem);max-width:24ch;letter-spacing:-.045em;margin:0}h2{font-size:clamp(1.4rem,2.4vw,2rem);letter-spacing:-.025em;margin:0 0 20px}h3{font-size:1.05rem;margin:0 0 10px}.hero p:not(.eyebrow){max-width:69ch;color:var(--text-muted);margin-bottom:0}.ledger-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0;margin:28px 0;border:1px solid var(--border-subtle);border-radius:4px;background:var(--bg-surface)}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"compat compat compat" "start start protect" "trail routines routines" "energy energy discussion"}.region{padding:26px;border-bottom:1px solid var(--border-subtle);min-width:0}.region+.region{border-left:1px solid var(--border-subtle)}.compat{grid-area:compat}.start{grid-area:start}.protect{grid-area:protect}.trail{grid-area:trail}.routines{grid-area:routines}.energy{grid-area:energy}.discussion{grid-area:discussion}.region p{color:var(--text-muted)}.region p:last-child{margin-bottom:0}.icon-row{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--border-subtle)}.icon-row:last-child{padding-bottom:0}.row-icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:1px solid var(--border-subtle);border-radius:4px;color:var(--accent-primary);font-family:ui-monospace,Consolas,monospace}.icon-row p{margin:4px 0 0;font-size:.94rem}.icon-row strong{display:block}.table-scroll{overflow-x:auto;max-width:100%;margin:18px 0}table{width:100%;border-collapse:collapse;min-width:580px;font-size:.9rem}caption{text-align:left;color:var(--text-muted);font-size:.85rem;margin-bottom:12px}th,td{padding:13px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border-subtle)}th{color:var(--accent-primary);font-size:.8rem;background:#211d1a}td{color:var(--text-muted)}td:first-child{color:var(--text-primary)}.status{font-family:ui-monospace,Consolas,monospace;font-size:.8rem;color:#e3c888}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.note{border-left:3px solid var(--accent-primary);padding:8px 18px;color:var(--text-muted);background:#d4a84b08}.media{margin:20px 0}.media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px}.media.banner img{aspect-ratio:16/9}.media.thumbnail img{aspect-ratio:1/1}figcaption{font-size:.8rem;color:var(--text-muted);margin-top:8px}.article-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:0;border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:4px;margin:28px 0}.prose{width:100%;max-width:72ch;margin:0 auto;padding:30px}.prose h2{margin-top:32px}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:var(--text-muted)}.prose strong{color:var(--text-primary)}.side-ledger{padding:26px;border-left:1px solid var(--border-subtle);min-width:0}.side-ledger p{color:var(--text-muted);font-size:.94rem}.side-ledger h2{font-size:1.2rem}.protocol-path{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font:13px ui-monospace,Consolas,monospace}.protocol-path li{padding:10px;border:1px solid var(--border-subtle);border-radius:4px}.protocol-path li+li:before{content:"→ ";color:var(--accent-primary)}.steps{counter-reset:step;list-style:none;padding:0}.steps li{position:relative;padding:16px 0 16px 44px;border-top:1px solid var(--border-subtle);counter-increment:step}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;color:var(--accent-primary);font-family:ui-monospace,Consolas,monospace}details{border-top:1px solid var(--border-subtle);padding:18px 0}summary{cursor:pointer;font-weight:650;line-height:1.5}details p{margin-bottom:0}form{display:grid;gap:16px}label{display:block;font-weight:650}input,textarea,select{display:block;width:100%;padding:12px;background:#1c1917;color:var(--text-primary);border:1px solid #8e7957;border-radius:4px;margin-top:5px}textarea{min-height:150px;resize:vertical}input::placeholder,textarea::placeholder{color:#bcb2a5}output{display:block;color:var(--accent-primary);margin:12px 0}.message-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#1c1917;padding:18px;border:1px solid var(--border-subtle);border-radius:4px;font:14px/1.7 ui-monospace,Consolas,monospace}.site-footer{border-top:1px solid var(--border-subtle);padding-top:26px;padding-bottom:28px;margin-top:36px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:.85rem;color:var(--text-muted)}.site-footer p{margin:0 0 8px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.reveal-pending{opacity:0;transform:translateY(18px)}.reveal-visible{opacity:1;transform:translateY(0);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.text-link{display:inline-block;transition:transform .3s var(--ease-kinetic)}.text-link:hover{transform:translateX(3px)}.full-width{grid-column:1/-1}
@media(min-width:1025px){.start .media{float:right;width:40%;margin:0 0 14px 24px}.site-nav{gap:28px}}
@media(min-width:769px) and (max-width:1024px){.wrap{padding-left:24px;padding-right:24px}.home-grid{grid-template-columns:1fr 1fr;grid-template-areas:"compat compat" "start protect" "trail routines" "energy discussion"}.article-layout{grid-template-columns:minmax(0,1fr) 260px}.site-nav{gap:18px}}
@media(min-width:481px) and (max-width:768px){body{margin:12px}.wrap{padding-left:22px;padding-right:22px}.home-grid{grid-template-columns:1fr 1fr;grid-template-areas:"compat compat" "start start" "protect protect" "trail trail" "routines routines" "energy energy" "discussion discussion"}.article-layout{grid-template-columns:1fr}.side-ledger{border-left:0;border-top:1px solid var(--border-subtle)}}
@media(max-width:767px){.site-header{padding-bottom:22px}.brand{font-size:.88rem;gap:8px}.menu-toggle{display:inline-flex;position:absolute;right:20px;top:18px;width:36px;height:38px;font-size:25px;padding:0}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;background:#292524f5;backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-subtle);margin:0;padding:16px 24px;box-shadow:var(--shadow-elevation)}.site-nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;animation:menuIn .25s var(--ease-kinetic)}.site-nav a{padding:12px 0;border-bottom:1px solid var(--border-subtle)}@keyframes menuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:480px){body{margin:8px;min-height:calc(100vh - 16px)}.wrap{padding-left:16px;padding-right:16px}.brand{font-size:.76rem}.brand-mark{width:24px;height:24px}.menu-toggle{right:14px}.hero{padding:28px 0}.home-grid{display:block}.region{padding:20px}.region+.region{border-left:0}.article-layout{display:block}.prose,.side-ledger{padding:22px}.side-ledger{border-left:0;border-top:1px solid var(--border-subtle)}.ledger-grid{grid-template-columns:minmax(0,1fr)}.site-footer{display:block}.footer-links{margin-top:18px}.actions{align-items:stretch}.actions button{flex:1}.table-scroll{margin-right:-4px}h1{font-size:2.1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}}