.tube-code-guide .page-head h1{font-size:clamp(38px,4.7vw,64px);max-width:940px}
.tube-code-guide .page-head{padding-bottom:24px}
.tube-code-guide .code-intro{max-width:900px;color:var(--muted);margin:0 0 28px}
.tube-code-guide .jump{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 44px;padding:20px;border:1px solid var(--line);background:var(--panel)}
.tube-code-guide .jump a{padding:9px 13px;font-size:14px;line-height:1.5;color:var(--cream);border:1px solid #56564c;border-radius:4px;transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease}
.tube-code-guide .jump a:hover,.tube-code-guide .jump a:focus-visible{background-color:rgba(187,147,118,.12);border-color:var(--bronze);color:#e7bd9c}
.tube-code-guide .jump a:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.tube-code-guide .jump a{transition:none}}
.tube-code-guide .code-section{padding:38px 0;border-top:1px solid var(--line);scroll-margin-top:28px}
.tube-code-guide h2{font-size:clamp(28px,3vw,40px);line-height:1.2;margin:12px 0 24px;max-width:980px}
.tube-code-guide h3{font-size:21px;line-height:1.4;margin:28px 0 16px}
.tube-code-guide p,.tube-code-guide li{color:var(--muted)}
.tube-code-guide strong{color:var(--cream)}
.tube-code-guide .steps{padding-left:24px;max-width:1050px}
.tube-code-guide .steps li{padding-left:8px;margin-bottom:14px}
.tube-code-guide .code-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0}
.tube-code-guide .panel{padding:24px;border:1px solid var(--line);background:var(--panel);min-width:0;margin:24px 0}
.tube-code-guide .code-panels>.panel{margin:0}
.tube-code-guide .panel h3{margin-top:0}
.tube-code-guide .panel p:last-child{margin-bottom:0}
.tube-code-guide .tip,.tube-code-guide .warning{border-left:3px solid var(--bronze)}
.tube-code-guide .small{font-size:14px;line-height:1.7}
.tube-code-guide .kicker{font-size:14px;color:var(--bronze);margin:0 0 20px}
.tube-code-guide code,.tube-code-guide .mono{font-family:Consolas,'Courier New',monospace;color:var(--cream);font-size:1em;overflow-wrap:anywhere}
.tube-code-guide code{padding:2px 5px;background:#ffffff08;border-radius:3px;white-space:nowrap}
.tube-code-guide .diagram{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin:22px 0}
.tube-code-guide .lines{font-family:Consolas,'Courier New',monospace;font-size:clamp(28px,4vw,42px);line-height:1.5;letter-spacing:3px;padding:14px 20px;background:var(--bg);border:1px solid var(--line);white-space:nowrap}
.tube-code-guide .legend{display:grid;gap:4px;font-size:14px}
.tube-code-guide .type{color:#d6c2a4}.tube-code-guide .batch{color:#c8abcf}.tube-code-guide .factory{color:#bbd2c1}.tube-code-guide .year{color:#e9be82}.tube-code-guide .month{color:#a7cce2}.tube-code-guide .week{color:#e5a99a}
.tube-code-guide .guide-table-wrap{max-width:100%;overscroll-behavior-x:contain;border:1px solid var(--line)}
.tube-code-guide .guide-table-wrap:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.tube-code-guide .guide-data{font-size:15px;line-height:1.6;min-width:540px}
.tube-code-guide .guide-data th,.tube-code-guide .guide-data td{border-width:0 0 1px;padding:13px 16px}
.tube-code-guide .guide-data th{color:var(--cream);font-size:14px}
.tube-code-guide .guide-data td{color:var(--muted)}
.tube-code-guide .guide-data tbody tr:nth-child(even){background:#ffffff03}
.tube-code-guide .guide-data tr:last-child td{border-bottom:0}
.tube-code-guide .search{display:block;padding:22px;background:var(--panel);border:1px solid var(--line);margin-top:28px}
.tube-code-guide .search span{display:block;margin-bottom:12px}
.tube-code-guide .search input{margin:0;border-radius:6px;min-height:48px;font-size:16px}
.tube-code-guide .search input:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.tube-code-guide [hidden]{display:none!important}
.tube-code-guide details{border-bottom:1px solid var(--line);padding:18px 0}
.tube-code-guide summary{cursor:pointer;color:var(--cream);font-size:16px;line-height:1.6;padding:6px 0}
.tube-code-guide summary:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
.tube-code-guide details p{padding:0 22px;max-width:1000px}
.tube-code-guide .band{padding:28px;background:var(--panel);border-left:3px solid var(--bronze)}
.tube-code-guide .band h2{margin-top:0}
@media(max-width:700px){.tube-code-guide .code-panels{grid-template-columns:1fr}.tube-code-guide .panel{padding:20px}.tube-code-guide .jump{padding:14px;gap:8px}.tube-code-guide .jump a{flex:1 1 140px}.tube-code-guide .code-section{padding:28px 0}.tube-code-guide .band{padding:20px}.tube-code-guide .guide-data{font-size:14px}.tube-code-guide .search{padding:16px}}