.longread{max-width:1240px;width:100%;}
.longread .station-app{background:rgba(8,20,36,.8);border:1px solid #2e5570;border-radius:28px;padding:28px 32px;box-shadow:0 15px 40px #0004;}
.longread h1,.longread h2,.longread h3{line-height:1.25;}
.longread h2{font-size:clamp(23px,3vw,30px);color:#ffd966;border-left:5px solid #f5b342;padding-left:18px;margin:0 0 22px;}
.longread h3{font-size:21px;color:#ffd966;margin:18px 0 12px;}
.longread p{font-size:17px;line-height:1.75;margin:0 0 16px;}
.longread .highlight{color:#ffd966;}
.log-cover{position:relative;overflow:hidden;min-height:280px;border-bottom:1px solid #2e5570;padding:20px 210px 32px 0;}
.log-cover h1{font-size:clamp(34px,4.5vw,54px);margin:18px 0;letter-spacing:.01em;}
.log-cover h1 span{color:#ffd966;}
.log-cover p{max-width:55ch;color:#90b8da;}
.log-kicker{font-size:11px;letter-spacing:.18em;color:#f5b342;}
.cover-orbit{position:absolute;right:18px;top:65px;width:160px;height:160px;border:1px dashed #f5b34280;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 60px #f5b34215;}
.cover-orbit::after{content:'';position:absolute;inset:-16px;border:1px solid #2e5570;border-radius:50%;}
.cover-orbit i{font-size:70px;color:#f5b342;animation:station-float 6s ease-in-out infinite;}
@keyframes station-float{50%{transform:translateY(-10px) rotate(8deg)}}
.log-nav{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0;}
.log-link{border:1px solid #2e5570;background:#102433;border-radius:30px;padding:10px 16px;color:#e3eef8;min-height:44px;display:inline-flex;align-items:center;transition:background .2s,border-color .2s,transform .2s;}
.log-link:hover,.log-link[aria-current=true]{border-color:#f5b342;background:#1f3e58;transform:translateY(-2px);}
.log-section{padding:28px 0;border-bottom:1px solid #2e5570;scroll-margin-top:160px;}
.log-section.is-visible{animation:log-appear .5s ease both;}
@keyframes log-appear{from{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:none}}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:24px 0;}
.team-card{background:#102433;border-radius:20px;padding:18px 16px;border:1px solid #2e5570;text-align:center;display:flex;flex-direction:column;transition:transform .2s,border-color .2s;min-width:0;}
.team-card:hover{transform:translateY(-4px);border-color:#f5b342;}
.crew-portrait{position:relative;height:145px;display:grid;place-items:center;margin-bottom:14px;}
.crew-portrait>i{font-size:50px;color:#f5b342;}
.crew-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px #0006);}
.longread .team-card h3{font-size:22px;color:#ffd966;margin:0;}
.team-card .role{font-size:12px;color:#90b8da;margin:8px 0 12px;}
.team-card p{font-size:14px;line-height:1.65;}
.crew-channel{margin-top:auto;border-top:1px dashed #2e5570;padding-top:10px;}
.crew-channel summary{cursor:pointer;min-height:44px;padding:10px 0;color:#ffd966;font-size:14px;}
.crew-channel[open] p{animation:log-appear .3s ease;}
.lab-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0;}
.lab-card{padding:22px;border:1px solid #2e5570;border-radius:20px;background:#102433;}
.lab-card>i{font-size:32px;color:#f5b342;}
.lab-card p{font-size:15px;}
.faq-item{background:#102433;border-left:4px solid #f5b342;border-radius:12px;padding:0 20px;margin:14px 0;}
.faq-item summary{padding:20px 0;cursor:pointer;color:#ffd966;font-size:18px;font-weight:600;}
.faq-item p{padding-bottom:20px;font-size:16px;}
.info-note{padding:24px;border:1px dashed #5e9bcc;border-radius:20px;background:#102433;margin-top:30px;}
.info-note>i{color:#f5b342;margin-right:10px;}
.info-note p{margin-top:12px;}
.longread button,.longread a,.longread summary{touch-action:manipulation;}
.longread :focus-visible{outline:3px solid #ffd966;outline-offset:4px;}
.route-game{padding:24px;background:linear-gradient(140deg,#1f3e5866,#102433);border:1px solid #3d7ea6;border-radius:24px;}
.navigator-message{display:flex;gap:18px;align-items:center;}
.navigator-message img{width:80px;height:80px;object-fit:contain;flex:none;}
.navigator-message p{font-size:16px;}
.navigator-message strong{display:block;color:#ffd966;margin-bottom:6px;}
.route-stages{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0;}
.route-stages span{font-family:'Roboto Mono',monospace;font-size:11px;padding:9px 12px;border:1px solid #2e5570;border-radius:20px;color:#90b8da;}
.route-stages .active{color:#ffd966;border-color:#f5b342;}
.program-field{border:0;padding:0;margin:0;min-width:0;}
.program-field legend{font-size:18px;font-weight:600;padding:0;margin-bottom:14px;}
.program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.program-card,.dock-card{font:inherit;text-align:left;background:#0b1a2f;color:#e3eef8;border:1px solid #2e5570;border-radius:14px;padding:18px;min-height:48px;transition:transform .18s,border-color .18s,box-shadow .18s;}
.program-card:hover,.dock-card:hover{transform:translateY(-3px);border-color:#f5b342;}
.program-card[aria-pressed=true]{border-color:#f5b342;box-shadow:inset 0 0 0 1px #f5b342;background:#1f3e58;}
.program-card .mono{display:block;font-size:10px;color:#90b8da;margin-bottom:12px;}
.program-card strong{font-size:16px;line-height:1.5;display:block;}
.route-unsure{border:0;background:transparent;color:#90b8da;text-decoration:underline;font:inherit;font-size:14px;min-height:44px;margin-top:10px;}
.route-message,.route-clue{background:#0b1a2f;border-left:3px solid #f5b342;padding:16px;border-radius:8px;line-height:1.6;}
.dock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.dock-card i{display:block;font-size:28px;color:#f5b342;margin-bottom:14px;}
.dock-card strong{display:block;color:#ffd966;font-size:18px;}
.dock-card span{display:block;font-size:13px;color:#90b8da;margin-top:8px;}
.dock-card.selected{border-color:#5ad18a;background:#173e3c;}
.dock-card.retry{animation:dock-pulse .35s ease;}
@keyframes dock-pulse{50%{box-shadow:0 0 0 3px #f5b34255;}}
.route-feedback{min-height:26px;color:#ffd966;margin-top:16px!important;}
.route-result{margin-top:20px;padding:24px;border:1px solid #f5b342;border-radius:16px;background:#0b1a2f;animation:log-appear .4s ease;}
.route-confirmed{font-size:11px;color:#5ad18a;letter-spacing:.1em;}
.route-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.route-path{font-family:'Roboto Mono',monospace;font-size:12px!important;color:#90b8da;}
.longread [hidden]{display:none!important;}
@media(max-width:700px){
 .longread{padding:14px;}.longread .station-app{padding:20px 16px;border-radius:20px;}
 .log-cover{padding:10px 0 28px;min-height:0;}.cover-orbit{display:none;}
 .log-cover h1{font-size:36px;}.longread p{font-size:16px;}
 .log-section{scroll-margin-top:20px;padding:24px 0;}.log-nav{gap:6px;}.log-link{font-size:13px;padding:9px 12px;}
 .program-grid,.lab-section,.dock-grid{grid-template-columns:1fr;}.route-game{padding:16px;}
 .navigator-message{align-items:flex-start;gap:10px;}.navigator-message img{width:52px;height:65px;}
 .route-result{padding:18px;}.route-stages{gap:5px;}.route-stages span{font-size:10px;padding:7px 8px;}
}
@media(prefers-reduced-motion:reduce){.longread *,.longread *::before,.longread *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}