.process-route{margin:32px 0;border-top:1px solid var(--line-strong)}
.process-route details{border-bottom:1px solid var(--line-strong)}
.process-route summary{display:flex;align-items:center;gap:20px;min-height:72px;padding:16px 0;cursor:pointer;font-size:clamp(18px,3vw,24px);list-style:none}
.process-route summary::-webkit-details-marker{display:none}
.process-route summary:after{content:'+';margin-left:auto;color:var(--accent-light)}
.process-route details[open] summary:after{content:'−'}
.route-number{color:var(--accent-light);font-size:14px;letter-spacing:.12em;flex:none}
.route-content{margin:0 0 24px 42px;max-width:62ch;line-height:1.65}
.route-content p{margin:0 0 12px;color:var(--muted)}
.route-content strong{color:var(--text)}
.route-result{border-left:2px solid var(--accent-light);padding-left:16px}
.process-route summary:focus-visible{outline:2px solid var(--accent-light);outline-offset:4px}
.offer-compare-toggle{margin:0 20px 18px;min-height:44px;background:transparent;border:1px solid var(--line-strong);color:var(--muted);padding:10px 16px;cursor:pointer}
.offer-compare-toggle[aria-pressed=true]{color:var(--accent-light);border-color:var(--accent-light)}
.compare-bar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:50;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:12px 20px;background:#1b1c20;border:1px solid var(--accent-light);max-width:calc(100% - 24px);width:max-content;box-shadow:0 8px 32px #0009}
.compare-bar button{min-height:44px;padding:8px 12px}
body:has(.compare-bar:not([hidden])) .site-footer{padding-bottom:150px}
.compare-dialog{width:min(1100px,calc(100% - 24px));max-height:90svh;background:#101114;color:var(--text);border:1px solid var(--line-strong);padding:clamp(16px,3vw,32px);overflow:auto}
.compare-dialog::backdrop{background:#000b}
.compare-scroll{overflow:auto;margin-top:20px}
.compare-table{border-collapse:collapse;width:100%;min-width:600px;font-size:15px;line-height:1.5}
.compare-table th,.compare-table td{padding:14px;text-align:left;border-bottom:1px solid var(--line-strong);vertical-align:top;max-width:280px;min-width:130px;overflow-wrap:anywhere}
.compare-table th{color:var(--accent-light)}
.compare-table img{width:100%;max-width:240px;aspect-ratio:16/10;object-fit:cover}
.compare-table a{color:var(--accent-light)}
.compare-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.compare-hint{font-size:14px;color:var(--muted)}
.compare-dialog h2{font-size:clamp(26px,4vw,38px);line-height:1.2}
.compare-scroll{max-width:100%;min-width:0}
.compare-dialog :focus-visible,.offer-compare-toggle:focus-visible,.compare-bar button:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px}
@media(min-width:781px){.compare-hint{display:none}}
@media(max-width:520px){.route-content{margin-left:0}.process-route summary{gap:14px}.compare-bar{bottom:8px;font-size:14px}.compare-dialog h2{font-size:26px}}
@media(prefers-reduced-motion:no-preference){.route-content{animation:route-in .2s ease-out}@keyframes route-in{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}}