/* Phase 3 — commercial evidence UX */
:root{--p3-gold:#e4b15a;--p3-gold2:#ffcb70;--p3-bg:#090b0e;--p3-panel:#11161d;--p3-panel2:#171e27;--p3-line:#2d3948;--p3-text:#edf1f5;--p3-muted:#9ba6b3;--p3-blue:#79bfff;--p3-red:#e47b7b;--p3-green:#75c89c}
.reading-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--p3-gold),var(--p3-gold2));z-index:1000;box-shadow:0 0 16px rgba(255,203,112,.4);transition:width .08s linear}
.showcase-nav{position:sticky;top:51px;z-index:19;display:flex;gap:7px;align-items:center;overflow-x:auto;padding:8px 16px;background:rgba(9,11,14,.94);border-bottom:1px solid var(--p3-line);backdrop-filter:blur(14px);scrollbar-width:none}.showcase-nav::-webkit-scrollbar{display:none}.showcase-nav a{white-space:nowrap;text-decoration:none;color:#cbd4df;border:1px solid #2d3948;background:#0d1218;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.showcase-nav a:hover,.showcase-nav a.active{border-color:#8a682b;color:#ffe0a1;background:#20180c}
.claim-trigger{appearance:none;border:1px solid #465568;background:#0d141d;color:#a9d3ff;border-radius:999px;padding:5px 9px;font:700 11px/1.2 inherit;cursor:pointer;display:inline-flex;gap:6px;align-items:center;transition:.16s transform,.16s border-color,.16s background}.claim-trigger:hover{transform:translateY(-1px);border-color:var(--p3-gold);background:#17140e;color:#ffdda0}.claim-trigger .claim-id{color:var(--p3-gold2)}
.claim-strip{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.evidence-backdrop{position:fixed;inset:0;background:rgba(2,4,7,.68);backdrop-filter:blur(3px);z-index:199;opacity:0;pointer-events:none;transition:.2s}.evidence-backdrop.open{opacity:1;pointer-events:auto}
.evidence-drawer{position:fixed;z-index:200;right:0;top:0;bottom:0;width:min(520px,94vw);background:linear-gradient(180deg,#151b23,#0b0f14);border-left:1px solid #3b4654;box-shadow:-30px 0 80px rgba(0,0,0,.5);transform:translateX(105%);transition:.25s ease;display:flex;flex-direction:column}.evidence-drawer.open{transform:none}.drawer-head{padding:18px 20px 14px;border-bottom:1px solid var(--p3-line);display:flex;gap:12px;align-items:flex-start}.drawer-head .eyemark{width:45px;height:45px;border-radius:12px;object-fit:cover;border:1px solid #6f572a}.drawer-title{flex:1}.drawer-title small{display:block;color:var(--p3-gold2);letter-spacing:.12em;text-transform:uppercase;font-weight:900}.drawer-title h2{font-size:1.25rem;margin:3px 0 0;line-height:1.15}.drawer-close{border:1px solid #3a4655;background:#0c1117;color:#fff;border-radius:9px;padding:7px 10px;cursor:pointer}.drawer-body{padding:20px;overflow:auto}.drawer-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.drawer-badge{font-size:10px;letter-spacing:.07em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:#151d27;border:1px solid #334154;color:#c8d5e4}.drawer-badge.current{border-color:#345b46;color:#8fdeb0;background:#102019}.drawer-summary{font-size:1.06rem;color:#e3e9ef}.drawer-rule{border-top:1px solid var(--p3-line);margin:18px 0}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drawer-actions a,.drawer-actions button{display:block;text-decoration:none;text-align:center;border:1px solid #765b28;background:#21190d;color:#ffe0a1;border-radius:10px;padding:10px 12px;font-weight:800;cursor:pointer}.drawer-actions .secondary{background:#101720;border-color:#354458;color:#dce8f8}.drawer-note{font-size:12px;color:var(--p3-muted);margin-top:14px}
.back-case{position:fixed;right:18px;bottom:18px;z-index:80;border:1px solid #785c29;background:rgba(28,21,11,.94);color:#ffe0a1;text-decoration:none;border-radius:999px;padding:10px 14px;font-weight:850;box-shadow:0 12px 40px rgba(0,0,0,.38);display:none}.archive-reading .back-case{display:block}
.toast{position:fixed;z-index:250;left:50%;bottom:26px;transform:translate(-50%,18px);background:#141b23;border:1px solid #3b4858;color:#eef3f8;border-radius:10px;padding:9px 13px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(12px);transition:.45s ease}.reveal.in{opacity:1;transform:none}
.case-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.case-card{position:relative;overflow:hidden;border:1px solid var(--p3-line);border-radius:16px;background:linear-gradient(145deg,#141a22,#0d1116);padding:20px;min-height:170px}.case-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 0%,rgba(228,177,90,.10),transparent 42%);pointer-events:none}.case-card .tag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--p3-gold2);font-weight:900}.case-card h3{margin:8px 0 7px;font-size:1.2rem}.case-card p{color:var(--p3-muted);font-size:13px}.case-card a{font-weight:800;text-decoration:none}
/* canonical standalone case pages */
.case-page{background:radial-gradient(circle at 80% -10%,rgba(228,177,90,.10),transparent 32%),#090b0e}.case-shell{max-width:1060px!important}.case-hero{border:1px solid #2d3948;border-radius:20px;padding:clamp(22px,5vw,48px);background:linear-gradient(145deg,#141a22,#0b0f14);box-shadow:0 28px 80px rgba(0,0,0,.25);margin-bottom:28px}.case-hero h1{margin:.2em 0}.case-nav{display:flex;gap:8px;overflow-x:auto}.case-nav a{padding:6px 9px;border-radius:999px;border:1px solid #2c3948;background:#0d1218}.case-nav a:hover{border-color:#785d2b;color:#ffe0a1}.case-page h2{scroll-margin-top:78px}.case-page ol,.case-page ul{padding-left:1.25rem}.case-page li{margin:.5rem 0}.case-page code{font-size:.9em}.case-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.case-proof{border:1px solid #2d3948;border-radius:12px;background:#0e141b;padding:14px}.case-proof b{display:block;color:#fff}.case-proof span{font-size:12px;color:#9ba6b3}.case-footer{margin-top:50px;border-top:1px solid #293442;padding-top:20px;color:#9ba6b3;font-size:13px}
@media(max-width:900px){.showcase-nav{top:48px}.case-cards{grid-template-columns:1fr}.case-proof-grid{grid-template-columns:1fr}.back-case{right:12px;bottom:12px}.drawer-actions{grid-template-columns:1fr}.reveal{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.reveal,.evidence-drawer,.evidence-backdrop,.claim-trigger,.toast{transition:none!important}.reveal{opacity:1;transform:none}}
.archive-reading .showcase-nav{display:none}
.case-hero{position:relative;overflow:hidden;isolation:isolate;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end}.case-hero:before{content:'';position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;opacity:.27}.case-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,13,17,.99) 0%,rgba(10,13,17,.90) 54%,rgba(10,13,17,.56) 100%)}
.case-start .case-hero:before{background-image:url('/assets/ancient_fire_to_johannine_father_timeline.png')}.case-mazda .case-hero:before{background-image:url('/assets/the_father_profile_truth_endures.png')}.case-yahweh .case-hero:before{background-image:url('/assets/father_profile_vs_yahweh_liabilities.png')}.case-daniel .case-hero:before{background-image:url('/assets/daniel_a_forensic_timeline.png')}.case-challenge .case-hero:before,.case-defense .case-hero:before{background-image:url('/assets/how_a_claim_is_defended.png')}
.case-page nav{backdrop-filter:blur(14px);z-index:30}.case-page main{position:relative}.case-page h1{max-width:850px}.case-page blockquote{max-width:760px;font-size:1.05rem}.case-page .tag{font-weight:900}.case-page .claim-strip{margin-top:18px}
@media(max-width:650px){.case-hero{min-height:220px}.case-hero:after{background:rgba(10,13,17,.86)}.case-page nav{padding:8px 12px}.case-nav a{font-size:12px}.case-page main{padding:24px 14px 70px!important}}
.side-backdrop{display:none;position:fixed;inset:0;background:rgba(2,4,7,.68);backdrop-filter:blur(2px);z-index:45}.side-backdrop.open{display:block}
.search-hint{display:flex;justify-content:space-between;gap:10px;margin-top:7px;font-size:10px;color:#788594}.search-hint kbd{border:1px solid #334050;border-bottom-width:2px;background:#0d1218;border-radius:5px;padding:1px 5px;color:#aeb9c5;font:10px ui-monospace,monospace}
@media(max-width:900px){body.sidebar-open{overflow:hidden}.side-backdrop.open{display:block}}