.comparison-hub{min-width:0}.comparison-hero{display:grid;gap:clamp(1.5rem,5vw,5rem);padding-block:clamp(3.5rem,8vw,7rem)}.comparison-hero h1{max-width:13ch;margin:0;font-size:clamp(2.6rem,6vw,4.75rem);font-weight:660;letter-spacing:-.03em;line-height:.98;text-wrap:balance}.comparison-hero p{max-width:56ch;margin:0;align-self:end;color:var(--muted);font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55;text-wrap:pretty}.comparison-field{padding-block:var(--section-space);border-top:1px solid var(--line)}.comparison-field-intro{display:grid;gap:1.25rem;margin-bottom:clamp(3.5rem,8vw,6rem)}.comparison-field-intro h2,.comparison-reading h2{max-width:16ch;margin:0;font-size:var(--type-section);font-weight:650;letter-spacing:-.03em;line-height:1;text-wrap:balance}.comparison-field-intro p,.comparison-reading p{max-width:56ch;margin:0;color:var(--muted);line-height:1.6;text-wrap:pretty}.comparison-corridor{position:relative;margin:0;padding:0;border-top:1px solid var(--line-strong);list-style:none}.comparison-corridor:before{position:absolute;top:0;bottom:0;left:2.3rem;width:1px;background:var(--line-strong);content:""}.comparison-node{position:relative;display:grid;gap:1.75rem;min-width:0;padding-block:clamp(2.75rem,6vw,4.5rem);border-bottom:1px solid var(--line-strong)}.comparison-node:after{position:absolute;right:0;bottom:-1px;left:0;height:1px;background:var(--red);content:"";transform:scaleX(0);transform-origin:left;transition:transform var(--motion-ui) var(--ease-register)}.comparison-node:hover:after,.comparison-node:focus-within:after{transform:scaleX(1)}.node-marker{position:relative;z-index:1;display:grid;grid-template-columns:2rem 1rem;gap:.75rem;align-items:center;width:fit-content;color:var(--red);font-family:Plex Mono,monospace;font-size:.75rem;font-variant-numeric:tabular-nums}.node-marker i{display:block;width:.72rem;height:.72rem;border:1px solid var(--red);border-radius:50%;background:var(--paper);transition:background var(--motion-feedback) var(--ease-register)}.comparison-node:hover .node-marker i,.comparison-node:focus-within .node-marker i{background:var(--red)}.node-question,.node-options{min-width:0}.node-question h3{max-width:21ch;margin:0;font-size:var(--type-course);font-weight:660;letter-spacing:-.03em;line-height:1;text-wrap:balance}.node-question>p{max-width:50ch;margin:1rem 0 0;color:var(--muted);line-height:1.55;text-wrap:pretty}.node-action,.comparison-next{display:inline-flex;width:fit-content;align-items:center;gap:.75rem;margin-top:1.35rem;font-weight:650;text-decoration:underline;text-decoration-thickness:1px}.node-action:hover,.node-action:focus-visible,.comparison-next:hover,.comparison-next:focus-visible{color:var(--red)}.node-action svg,.comparison-next svg{width:1.15rem;height:1.15rem;flex:0 0 auto;transition:transform var(--motion-feedback) var(--ease-register)}.node-action:hover svg,.node-action:focus-visible svg,.comparison-next:hover svg,.comparison-next:focus-visible svg{transform:translate(.25rem)}.node-options ul{display:grid;margin:0;padding:0;border-top:1px dashed var(--line);list-style:none}.node-options li{padding-block:.75rem;border-bottom:1px dashed var(--line);font-weight:650;line-height:1.3}.node-options-empty{margin:0;padding-block:.8rem;border-block:1px dashed var(--line);color:var(--muted);line-height:1.45}.node-status{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin:1rem 0 0;color:var(--notation);font-family:Plex Mono,monospace;font-size:.7rem;line-height:1.4;text-transform:uppercase}.node-status time:before{content:"· "}.comparison-empty{margin:0;padding-block:2rem;border-block:1px solid var(--line-strong);color:var(--muted)}.comparison-reading{padding-block:clamp(4.5rem,9vw,8rem);border-top:1px solid var(--line);background:var(--paper-tint)}.comparison-reading-layout{display:grid;gap:2rem;align-items:end}.comparison-reading p{margin-top:1rem}.comparison-next{align-self:end}@media(min-width:48rem){.comparison-hero,.comparison-field-intro,.comparison-reading-layout{grid-template-columns:minmax(0,1.05fr) minmax(20rem,.75fr)}.comparison-node{grid-template-columns:4.5rem minmax(18rem,1.05fr) minmax(17rem,.75fr);column-gap:clamp(2rem,5vw,5rem)}.comparison-next{justify-self:end}}@media(max-width:47.99rem){.comparison-corridor:before{top:3rem;bottom:3rem}.comparison-node{gap:1.25rem}.node-question h3{font-size:clamp(1.8rem,10vw,2.45rem)}}@media(prefers-reduced-motion:reduce){.comparison-node:after,.node-marker i,.node-action svg,.comparison-next svg{transition:none}}
