/* journey.css — shared stylesheet for all journey section pages */
:root{
  --bg:#141412;--bg2:#1c1c19;--bg3:#252521;
  --cream:#f0ebe0;--cream-dim:#a09890;--cream-faint:#3a3530;
  --teal:#4ecdc4;--teal-dim:#2a9d94;--teal-faint:#0d3330;
  --amber:#f4a261;--amber-dim:#c07833;--amber-faint:#3d2810;
  --red:#e76f51;--red-faint:#3d1c12;
  --green:#52b788;--green-faint:#0f2d1e;
  --border:rgba(240,235,224,0.08);--border-mid:rgba(240,235,224,0.15);
  --shadow:0 4px 32px rgba(0,0,0,0.5);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--cream);font-family:'DM Sans',sans-serif;font-weight:300;overflow-x:hidden;}
::-webkit-scrollbar{width:3px;}::-webkit-scrollbar-track{background:var(--bg);}::-webkit-scrollbar-thumb{background:var(--teal-dim);border-radius:2px;}
header{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 2rem;height:54px;display:flex;align-items:center;justify-content:space-between;background:rgba(20,20,18,0.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);}
.logo{font-family:'Fraunces',serif;font-size:1.1rem;font-weight:600;color:var(--cream);text-decoration:none;letter-spacing:-0.02em;}
.logo span{color:var(--teal);}
.hdr-r{display:flex;align-items:center;gap:.75rem;}
.hdr-name{font-family:'DM Mono',monospace;font-size:.62rem;color:var(--teal);background:var(--teal-faint);border:1px solid var(--teal-dim);border-radius:20px;padding:.2rem .65rem;}
.restart{font-family:'DM Mono',monospace;font-size:.58rem;color:var(--cream-dim);text-decoration:none;padding:.2rem .5rem;border:1px solid var(--border);border-radius:4px;transition:all .2s;}
.restart:hover{color:var(--cream);border-color:var(--border-mid);}
.progress-bar{position:fixed;top:54px;left:0;right:0;z-index:99;height:3px;background:var(--border);}
.progress-fill{height:100%;background:var(--teal);transition:width .6s ease;}
.progress-label{position:fixed;top:57px;right:2rem;z-index:99;font-family:'DM Mono',monospace;font-size:.52rem;color:var(--cream-faint);padding:.2rem 0;}
.banner{padding:75px 2rem 0;max-width:960px;margin:0 auto;}
.ban-inner{background:linear-gradient(135deg,var(--bg2),var(--bg3));border:1px solid var(--border);border-radius:12px;padding:1.5rem 2rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;}
.ban-emoji{font-size:3rem;line-height:1;flex-shrink:0;}
.ban-eyebrow{font-family:'DM Mono',monospace;font-size:.57rem;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);margin-bottom:.3rem;}
.ban-title{font-family:'Fraunces',serif;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;}
.ban-title span{color:var(--teal);}
.ban-sub{font-size:.82rem;color:var(--cream-dim);margin-top:.3rem;font-style:italic;font-family:'Fraunces',serif;font-weight:300;}
.section-wrap{max-width:960px;margin:0 auto;padding:1.5rem 2rem 0;}
.cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:11px;overflow:hidden;margin-bottom:1.1rem;}
.cc{background:var(--bg2);padding:1rem 1.15rem;transition:background .15s;}
.cc:hover{background:var(--bg3);}
.cc.up .cv{color:var(--teal);}
.cc.dn .cv{color:var(--amber);}
.cc.wn{background:var(--red-faint);}.cc.wn .cv{color:var(--red);}
.cc.gd{background:var(--green-faint);}.cc.gd .cv{color:var(--green);}
.cc.st .cv{color:var(--cream);}
.cv{font-family:'DM Mono',monospace;font-size:1.35rem;font-weight:500;line-height:1;margin-bottom:.25rem;display:flex;align-items:baseline;gap:.25rem;}
.ca{font-size:.7rem;opacity:.65;}
.cl{font-size:.68rem;color:var(--cream-dim);line-height:1.3;}
.cs{font-size:.58rem;color:#6a6058;margin-top:.15rem;font-family:'DM Mono',monospace;}
.lp{background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--amber-dim);border-radius:0 9px 9px 0;padding:.9rem 1.1rem;margin-bottom:1rem;}
.lpt{font-size:.56rem;letter-spacing:.15em;text-transform:uppercase;color:var(--amber);font-family:'DM Mono',monospace;margin-bottom:.5rem;}
.lx{font-size:.78rem;color:var(--cream-dim);line-height:1.6;}
.lx strong{color:var(--cream);font-weight:500;}
.lx .bt{color:var(--green);}.lx .wr{color:var(--red);}
.wp{background:var(--green-faint);border:1px solid rgba(82,183,136,.2);border-radius:9px;padding:.9rem 1.1rem;margin-bottom:1rem;display:none;}
.wp.show{display:block;}
.wpt{font-size:.56rem;letter-spacing:.15em;text-transform:uppercase;color:var(--green);font-family:'DM Mono',monospace;margin-bottom:.4rem;}
.wx{font-size:.78rem;color:var(--cream-dim);line-height:1.6;}
.wx strong{color:var(--green);}
.sr{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.5rem;}
.sb{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .72rem;border-radius:6px;border:1px solid var(--border-mid);background:var(--bg3);color:var(--cream-dim);font-size:.66rem;cursor:pointer;font-family:'DM Mono',monospace;transition:all .15s;}
.sb:hover{border-color:var(--teal-dim);color:var(--teal);background:var(--teal-faint);}
.next-wrap{padding:0 2rem 1.5rem;max-width:960px;margin:0 auto;}
.next-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.1rem 1.75rem;background:var(--teal);color:var(--bg);border:none;border-radius:11px;font-family:'Fraunces',serif;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;}
.next-btn:hover{background:var(--teal-dim);transform:translateY(-1px);box-shadow:0 8px 24px rgba(78,205,196,.3);}
.fold-divider{border:none;border-top:1px dashed var(--border-mid);margin:2rem 2rem;max-width:920px;}
.fold-label{text-align:center;font-family:'DM Mono',monospace;font-size:.52rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-faint);margin:-0.7rem auto 2rem;background:var(--bg);width:fit-content;padding:0 1rem;}
.seo-content{max-width:960px;margin:0 auto;padding:0 2rem 2rem;}
.seo-content h2{font-family:'Fraunces',serif;font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:800;letter-spacing:-.02em;margin:2rem 0 .7rem;color:#fff;line-height:1.15;}
.seo-content h3{font-family:'Fraunces',serif;font-size:.98rem;font-weight:600;margin:1.4rem 0 .5rem;color:var(--teal);}
.seo-content p{color:#c8c0b4;font-size:.88rem;line-height:1.75;margin-bottom:.9rem;}
.seo-content strong{color:var(--cream);font-weight:500;}
.seo-content a{color:var(--teal);text-decoration:none;}
.seo-content a:hover{text-decoration:underline;}
.callout{border-radius:9px;padding:1rem 1.2rem;margin:1.25rem 0;}
.callout.amber{background:var(--amber-faint);border:1px solid rgba(244,162,97,.2);border-left:3px solid var(--amber-dim);}
.callout.green{background:var(--green-faint);border:1px solid rgba(82,183,136,.2);border-left:3px solid var(--green);}
.callout.teal{background:var(--teal-faint);border:1px solid rgba(78,205,196,.15);border-left:3px solid var(--teal-dim);}
.callout-label{font-family:'DM Mono',monospace;font-size:.54rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.4rem;}
.callout.amber .callout-label{color:var(--amber);}
.callout.green .callout-label{color:var(--green);}
.callout.teal .callout-label{color:var(--teal);}
.callout p{margin:0;font-size:.82rem;}
.data-table{width:100%;border-collapse:collapse;margin:1.25rem 0;font-size:.8rem;}
.data-table th{background:var(--bg3);color:var(--teal);font-family:'DM Mono',monospace;font-size:.57rem;letter-spacing:.1em;text-transform:uppercase;padding:.65rem .9rem;text-align:left;border-bottom:1px solid var(--border-mid);}
.data-table td{padding:.6rem .9rem;border-bottom:1px solid var(--border);color:#c8c0b4;}
.data-table tr:last-child td{border-bottom:none;}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;margin:1.25rem 0 2rem;}
.rl{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:.6rem .8rem;text-decoration:none;display:flex;align-items:center;gap:.4rem;transition:all .2s;}
.rl:hover{border-color:var(--teal-dim);background:var(--bg3);}
.rl .ico{font-size:.9rem;}
.rl .lbl{font-size:.66rem;color:var(--cream-dim);}
.rl:hover .lbl{color:var(--teal);}
.sm-bg{position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:500;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s;}
.sm-bg.open{opacity:1;pointer-events:all;}
.sm-sheet{background:var(--bg2);border:1px solid var(--border-mid);border-radius:20px 20px 0 0;padding:1.25rem 1.5rem 2.5rem;width:100%;max-width:480px;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,0,.67,0);}
.sm-bg.open .sm-sheet{transform:translateY(0);transition:transform .3s cubic-bezier(.33,1,.68,1);}
.sm-handle{width:36px;height:4px;background:var(--cream-faint);border-radius:2px;margin:0 auto 1.1rem;}
.sm-title{font-family:'Fraunces',serif;font-size:1.05rem;font-weight:600;color:var(--cream);margin-bottom:.8rem;text-align:center;}
.sm-preview{font-family:'DM Mono',monospace;font-size:.72rem;color:var(--cream-dim);background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:.85rem 1rem;margin-bottom:1rem;line-height:1.6;user-select:all;}
.sm-copy{width:100%;padding:.85rem;background:var(--teal);color:var(--bg);border:none;border-radius:10px;font-family:'Fraunces',serif;font-size:.95rem;font-weight:600;cursor:pointer;margin-bottom:.9rem;}
.sm-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.5rem;}
.sm-app{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.8rem;border-radius:10px;border:1px solid var(--border-mid);background:var(--bg3);color:var(--cream-dim);text-decoration:none;font-size:.72rem;font-family:'DM Sans',sans-serif;transition:all .15s;}
.sm-app:hover{border-color:var(--teal-dim);color:var(--teal);}
.sm-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;}
.sm-cancel{width:100%;padding:.7rem;border-radius:10px;border:none;background:transparent;color:var(--cream-dim);font-family:'DM Sans',sans-serif;font-size:.82rem;cursor:pointer;margin-top:.2rem;}
.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(80px);background:var(--teal);color:var(--bg);padding:.65rem 1.4rem;border-radius:7px;font-family:'DM Mono',monospace;font-size:.76rem;z-index:999;transition:transform .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none;}
.toast.show{transform:translateX(-50%) translateY(0);}
.footer-disc{font-size:.6rem;color:#4a4540;text-align:center;line-height:1.7;padding:1.5rem 1.5rem 3rem;max-width:700px;margin:0 auto;}
@media(max-width:768px){header{padding:0 1rem;}.banner,.section-wrap,.next-wrap,.seo-content{padding-left:1.25rem;padding-right:1.25rem;}.cg{grid-template-columns:1fr 1fr;}.ban-inner{padding:1.1rem 1.25rem;}.fold-divider{margin:2rem 1.25rem;}}
@media(max-width:480px){.cg{grid-template-columns:1fr;}}
</style>