.detail-hero{min-height:560px;min-height:min(72dvh,650px);padding-block:76px 92px;align-items:center}
.detail-hero .hero-shade{background:linear-gradient(90deg,rgba(5,13,31,.85),rgba(7,20,40,.6) 54%,rgba(7,20,40,.24)),linear-gradient(0deg,rgba(5,13,31,.5),transparent 40%)}
.detail-hero-copy{max-width:640px;position:relative;z-index:1}
.detail-back{display:inline-block;text-decoration:none;color:var(--cyan);font:700 12px var(--mono);margin-bottom:31px;border-bottom:1px solid currentColor}
.detail-back:hover{color:var(--gold)}
.detail-hero h1{font-size:clamp(40px,5.6vw,76px);line-height:1.2}
.detail-hero h1 span{color:var(--gold)}
.detail-hero .hero-lead{font-size:17px;max-width:610px}
.detail-hero-art{width:min(36vw,450px);flex:none;border:2px solid var(--cyan);box-shadow:10px 10px 0 rgba(3,7,20,.7);background:#111b36;transform:translateY(34px)}
.detail-hero-art img{width:100%;height:auto;image-rendering:pixelated}
.detail-content{padding-top:1px}
.detail-section{max-width:1130px;margin:auto;padding:78px 28px}
.detail-section+.detail-section{border-top:1px solid rgba(108,150,194,.35)}
.detail-section h2{font-size:clamp(27px,3vw,39px);line-height:1.35;margin:0 0 22px;letter-spacing:-.035em}
.detail-section h2 span{color:var(--gold)}
.detail-section h3{font-size:19px;margin:0 0 12px;color:var(--gold)}
.detail-section p{color:var(--muted);line-height:1.85;margin:0 0 16px}
.detail-section p:last-child{margin-bottom:0}
.detail-lede{max-width:750px;font-size:17px!important;color:#eef5ff!important}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.detail-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.detail-panel{padding:25px;background:#1b2947;border:1px solid #526887;box-shadow:5px 5px 0 #071126;min-width:0}
.detail-panel p{font-size:14px}
.detail-panel ul{padding-left:20px;margin:10px 0 0;color:#cad7eb;line-height:1.85;font-size:14px}
.detail-panel li+li{margin-top:6px}
.detail-panel li::marker{color:var(--cyan)}
.detail-panel--accent{border-color:var(--gold);background:#26334e}
.detail-panel--accent h3{color:var(--gold)}
.detail-badge{display:inline-block;font:700 11px var(--mono);color:var(--cyan);border:1px solid var(--cyan);padding:4px 8px;margin-bottom:15px}
.detail-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:30px}
.detail-flow--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.detail-flow div{min-width:0;background:#1b2947;border:1px solid #526887;padding:20px 14px;position:relative}
.detail-flow div:not(:last-child)::after{content:"›";position:absolute;right:-15px;top:36%;z-index:2;color:var(--gold);font:900 25px var(--mono)}
.detail-flow b{display:block;color:var(--cyan);font:700 12px var(--mono);margin-bottom:10px}
.detail-flow strong{display:block;font-size:17px}
.detail-flow p{font-size:12px;margin-top:8px}
.detail-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.detail-stat{padding:22px;background:#1b2947;border:1px solid #526887}
.detail-stat strong{display:block;color:var(--gold);font:900 27px var(--mono);line-height:1.3}
.detail-stat span{display:block;color:var(--muted);font-size:12px;margin-top:8px}
.detail-note{padding:20px 23px;border-left:4px solid var(--gold);background:rgba(255,212,82,.09);color:#e4ecf8;margin-top:22px;line-height:1.8}
.detail-note strong{color:var(--gold)}
.detail-list{list-style:none;margin:0;padding:0;border:1px solid #526887;background:#1b2947}
.detail-list li{padding:18px 20px;border-bottom:1px solid #526887;display:flex;gap:20px;justify-content:space-between;align-items:baseline;color:#d8e7f3}
.detail-list li:last-child{border-bottom:0}
.detail-list b{font-size:15px}
.detail-list span{font-size:13px;color:var(--muted);text-align:right}
.detail-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:25px}
.detail-links .button{font-size:13px}
.detail-qr-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:24px;align-items:center}
.detail-qr{margin:0;padding:20px;background:#f6f9fc;border:2px solid var(--cyan);box-shadow:7px 7px 0 #071126;text-align:center}
.detail-qr img{width:min(100%,300px);height:auto;margin:auto;background:#fff}
.detail-qr figcaption{font-size:12px;color:#27374c;line-height:1.5;margin-top:10px}
.detail-table-wrap{overflow-x:auto;border:1px solid #526887}
.detail-table{width:100%;border-collapse:collapse;min-width:440px;background:#1b2947}
.detail-table th,.detail-table td{text-align:left;padding:13px 17px;border-bottom:1px solid #526887;font-size:14px}
.detail-table th{color:var(--gold);background:#233a58}
.detail-table tr:last-child td{border-bottom:0}
.detail-table td{color:#dce8f3}
.detail-next{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;background:#1b2947;border:1px solid #526887;text-decoration:none;box-shadow:5px 5px 0 #071126}
.detail-next:hover{border-color:var(--gold);background:#263952}
.detail-next span{color:var(--muted);font:700 11px var(--mono)}
.detail-next strong{display:block;font-size:21px;color:var(--gold);margin-top:4px}
.detail-next b{font-size:24px;color:var(--gold)}
html[data-theme="ocean"] .detail-panel,html[data-theme="ocean"] .detail-flow div,html[data-theme="ocean"] .detail-stat,html[data-theme="ocean"] .detail-list,html[data-theme="ocean"] .detail-table,html[data-theme="ocean"] .detail-next{background:#255473;border-color:#78a9bb}
html[data-theme="ocean"] .detail-panel--accent,html[data-theme="ocean"] .detail-next:hover{background:#32627d}
html[data-theme="ocean"] .detail-table th{background:#315f7a}
html[data-theme="dusk"] .detail-panel,html[data-theme="dusk"] .detail-flow div,html[data-theme="dusk"] .detail-stat,html[data-theme="dusk"] .detail-list,html[data-theme="dusk"] .detail-table,html[data-theme="dusk"] .detail-next{background:#424d77;border-color:#8d94bc}
html[data-theme="dusk"] .detail-panel--accent,html[data-theme="dusk"] .detail-next:hover{background:#555c84}
html[data-theme="dusk"] .detail-table th{background:#515981}
@media(max-width:900px){.detail-hero-art{width:34vw}.detail-grid--three{grid-template-columns:1fr}.detail-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-flow--four{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-flow div::after{display:none}}
@media(max-width:640px){.detail-hero{display:block;min-height:0;padding:40px 18px 62px}.detail-hero h1{font-size:40px}.detail-hero .hero-lead{font-size:14px}.detail-back{margin-bottom:25px}.detail-hero-art{width:100%;max-width:390px;transform:none;margin-top:28px}.detail-section{padding:59px 18px}.detail-grid,.detail-flow,.detail-flow--four,.detail-stat-row,.detail-qr-grid{grid-template-columns:1fr}.detail-flow div{padding:17px}.detail-flow p{margin-bottom:0}.detail-list li{display:block}.detail-list span{display:block;text-align:left;margin-top:5px}.detail-next strong{font-size:18px}}