/* W02 comparison support page only. Shared CSM styles and image masters unchanged. */
.tie-lead-grid{display:grid;gap:var(--space-8);align-items:center}
.tie-inputs .resource-heading h1{max-width:24ch;font-size:clamp(2rem,3.6vw,3.4rem)}
.tie-inputs .tie-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);margin-top:var(--space-5)}
.tie-actions a{display:inline-flex;align-items:center;min-height:var(--control-height);color:var(--color-accent-deep);text-underline-offset:.2em}
.tie-equipment{margin:0;min-width:0;background:var(--color-paper-2)}
.tie-equipment img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.tie-equipment figcaption{padding:var(--space-4);font-size:.9375rem;line-height:1.5;color:var(--color-muted)}
.tie-inputs .tie-boundary{padding:var(--space-4);border-inline-start:3px solid var(--color-signal);background:var(--color-paper-2);font-size:1rem}
.tie-view-grid{display:grid;gap:var(--space-5);margin-block:var(--space-6)}
.tie-view{margin:0;min-width:0;padding:var(--space-5);background:var(--color-paper-2)}
.tie-view svg{display:block;width:100%;height:auto;max-width:360px;margin-inline:auto}
.tie-view .shape{fill:var(--color-surface);stroke:var(--color-ink-2);stroke-width:2;stroke-linejoin:round}
.tie-view .scope{fill:none;stroke:var(--color-accent);stroke-width:2;stroke-dasharray:5 4}
.tie-view .direction{fill:none;stroke:var(--color-accent);stroke-width:3;stroke-linejoin:round}
.tie-view svg text{fill:var(--color-ink-2);font-family:var(--font-body);font-size:18px}
.tie-view figcaption{margin-top:var(--space-4);font-size:1rem}
.tie-view figcaption strong{display:block}
.tie-view figcaption p{margin-bottom:0}
.tie-faq{border-top:1px solid var(--color-rule);padding-block:var(--space-4)}
.tie-faq summary{cursor:pointer;min-height:var(--control-height)}
.tie-faq summary h3{display:inline;margin:0;font-size:1.125rem}
.tie-inputs a:focus-visible,.tie-inputs summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;box-shadow:none}
@media(min-width:40rem){.tie-view-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:48rem){.tie-lead-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
@media(max-width:59.99rem){.tie-inputs .reading-nav{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-5)}.tie-inputs .reading-nav strong{width:100%}.tie-inputs .reading-nav a{display:inline-flex;align-items:center;min-height:var(--control-height);white-space:nowrap}}
@media(hover:hover) and (pointer:fine){.tie-inputs .button.secondary:hover{color:var(--color-accent-ink)}}
@media print{.tie-equipment,.tie-view{break-inside:avoid}.tie-actions{display:none}}