/* Complete figures and real side-by-side comparison at every viewport. */
.compare-hero{padding:65px 0 37px;background:radial-gradient(ellipse at 85% 10%,#254238,transparent 65%);border-bottom:1px solid var(--line)}
.compare-hero h1{font-family:var(--display);font-size:clamp(68px,8vw,116px);line-height:.86;letter-spacing:-.025em;margin:0 0 32px}
.compare-hero h1 span{color:var(--turquoise)}
.compare-intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;max-width:1130px}
.compare-intro p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}
.compare-intro p:first-child{font-size:18px;color:var(--cream);line-height:1.65}
.compare-intro strong{color:var(--cream)}
.comparison-key{display:flex;gap:35px;flex-wrap:wrap;margin-top:31px;font-size:11px;font-weight:700}
.comparison-key span{display:flex;gap:11px;align-items:center}.comparison-key b{font-family:var(--display);font-size:28px;font-weight:400;color:var(--orange)}
.comparison-content{padding-block:35px 60px}
.compare-controls{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(170px,1fr) minmax(210px,1.3fr) auto;gap:20px;align-items:end;padding-bottom:20px;border-bottom:1px solid var(--line)}
.compare-controls label{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:10px;color:var(--muted);font-weight:700}
.compare-controls input,.compare-controls select{display:block;width:100%;min-width:0;min-height:45px;border:1px solid #5b7268;border-radius:0;background:var(--deep);color:var(--cream);padding:11px 12px;font:inherit;font-size:12px}
.compare-controls input::placeholder{color:#9aafa4;font-size:11px}.compare-controls select{padding-right:28px}
.compare-controls select:focus-visible,.compare-scroll:focus-visible,.comparison-name:focus-visible{outline:3px solid var(--turquoise);outline-offset:4px}
.compare-reset{min-height:45px;background:transparent;border:1px solid #5b7268;color:var(--cream);font-size:11px;padding:11px 16px}.compare-reset:hover{background:var(--turquoise);color:var(--deep);border-color:var(--turquoise)}
.compare-results{font-size:11px;color:var(--turquoise);margin:19px 0 11px;line-height:1.6;min-height:18px}
.compare-scroll-note{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 35px;max-width:850px}.compare-scroll-note>span{font-size:19px;color:var(--orange);margin-right:6px;vertical-align:-1px}
.comparison-section{margin-top:45px}.comparison-section .section-heading h2{font-size:clamp(41px,4.5vw,62px)}.comparison-section .section-caption{max-width:350px}
.compare-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:var(--turquoise) var(--deep);scrollbar-width:thin;border:1px solid var(--line);background:var(--deep)}
.comparison-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;text-align:left}
.human-table{min-width:780px}.boss-table{min-width:580px}
.comparison-table thead th{padding:19px 20px;color:var(--turquoise);font-size:11px;letter-spacing:.04em;background:var(--panel);font-weight:800;border-bottom:1px solid var(--line)}
.comparison-table thead th+th,.comparison-table tbody tr>*+*{border-left:1px solid var(--line)}
.comparison-table tbody tr>*{padding:0;vertical-align:top;font-weight:400;background:#132326;border-bottom:15px solid var(--deep)}
.comparison-table tbody tr:last-child>*{border-bottom:0}.comparison-table tr[hidden]{display:none!important}
.comparison-figure{margin:0;display:flex;flex-direction:column;height:100%}
.comparison-card-heading{padding:19px 19px 16px;min-height:130px;border-bottom:1px solid var(--line)}
.comparison-phase{display:block;color:var(--turquoise);font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px}
.comparison-name{font-family:var(--display);font-size:clamp(25px,2.5vw,36px);line-height:1.04;margin:0 0 8px;letter-spacing:.01em;font-weight:400;scroll-margin-top:24px}
.comparison-identity{font-size:10px;color:var(--muted);margin:0;line-height:1.5}
.comparison-art-link{display:flex;align-items:center;justify-content:center;position:relative;min-height:390px;height:clamp(390px,43vw,560px);width:100%;padding:15px 12px;background:#f4eedc;border:0;overflow:hidden}
.comparison-art-link img{display:block;object-fit:contain;object-position:center;width:100%;height:100%;max-width:100%;max-height:100%;padding:0;transform:none}
.comparison-art-link:hover{box-shadow:inset 0 0 0 3px var(--turquoise)}
.comparison-art-link:focus-visible{outline:3px solid var(--orange);outline-offset:-4px}
.comparison-art-link::after{content:'↗';position:absolute;right:11px;bottom:8px;color:#29483f;background:#f4eedce8;width:25px;height:25px;display:grid;place-items:center;font-size:20px}
.comparison-art-unavailable{color:#29483f;font-size:12px;line-height:1.7;padding:30px;text-align:center}
.comparison-caption{padding:17px 19px 20px;font-size:11px;line-height:1.65;color:var(--muted);margin:0}
.comparison-caption strong{display:block;color:var(--cream);font-size:11px;font-weight:700;margin-bottom:5px}
.comparison-caption span{display:block;margin-top:6px;font-size:10px}
.boss-table .comparison-card-heading{min-height:125px}.boss-table .comparison-art-link{height:clamp(430px,50vw,640px)}
.compare-empty{padding:50px 20px;text-align:center;color:var(--muted);font-size:14px;line-height:1.8;border:1px solid var(--line)}
.compare-actions{display:flex;gap:30px;flex-wrap:wrap;align-items:center;margin-top:30px}
body[data-page=compare] .header-row nav{flex-wrap:wrap;justify-content:flex-end;row-gap:12px}
@media(max-width:1000px){.compare-controls{grid-template-columns:1fr 1fr}.compare-search{grid-column:1/-1}.compare-reset{justify-self:start;min-width:90px}.compare-intro{gap:35px}.comparison-key{gap:25px}.comparison-section .section-heading{align-items:start;flex-direction:column;gap:15px}.comparison-section .section-caption{max-width:600px}}
@media(max-width:620px){.compare-hero{padding:37px 0 28px}.compare-hero h1{font-size:clamp(56px,13.7vw,82px);margin-bottom:25px}.compare-intro{grid-template-columns:1fr;gap:17px}.compare-intro p{font-size:11px}.compare-intro p:first-child{font-size:15px}.comparison-key{gap:10px 20px;margin-top:22px;font-size:9px}.comparison-key b{font-size:23px}.comparison-content{padding-block:25px 40px}.compare-controls{gap:17px 12px}.compare-controls label{font-size:9px;line-height:1.5}.compare-controls input,.compare-controls select{font-size:11px;padding-inline:9px}.compare-controls input::placeholder{font-size:10px}.compare-controls label:nth-of-type(3){grid-column:1/-1}.compare-reset{grid-column:1/-1;min-height:39px}.compare-results,.compare-scroll-note{font-size:10px}.compare-scroll-note{margin-bottom:29px}.comparison-section{margin-top:32px}.comparison-section .section-heading h2{font-size:42px}.human-table{min-width:750px}.boss-table{min-width:550px}.comparison-table thead th{padding:16px 14px;font-size:10px}.comparison-card-heading{padding:16px 14px;min-height:122px}.comparison-name{font-size:28px}.comparison-phase{font-size:7px}.comparison-identity{font-size:9px}.comparison-art-link{height:370px;min-height:370px;padding:11px 8px}.boss-table .comparison-art-link{height:420px;min-height:420px}.comparison-caption{padding:15px 14px;font-size:10px}.comparison-caption strong{font-size:10px}.comparison-caption span{font-size:9px}.compare-actions{align-items:start;flex-direction:column;gap:24px}body[data-page=compare] .header-row nav{gap:10px 15px}body[data-page=compare] .header-row nav>a:not(.button){font-size:9px}}
@media print{html,body{background:white!important;color:#111!important}.edition-strip,.site-header,.site-footer,.compare-controls,.compare-scroll-note,.compare-actions,.compare-results,.art-note,.skip-link{display:none!important}.shell{width:100%!important}.compare-hero{padding:0;border:0;background:none}.compare-hero h1{font-size:44px}.compare-intro p,.comparison-caption,.comparison-identity{color:#222}.compare-hero h1 span,.comparison-key b,.comparison-key,.comparison-section .section-heading h2 span{color:#111}.comparison-content{padding:10px 0}.comparison-section{margin-top:20px}.compare-scroll{overflow:visible;border-color:#aaa}.comparison-table{min-width:0!important}.comparison-table tbody tr{break-inside:avoid}.comparison-table tbody tr>*{background:white;border-color:#aaa}.comparison-table thead th{background:#eee;color:#111}.comparison-art-link,.boss-table .comparison-art-link{height:260px;min-height:260px;background:white}.comparison-card-heading{padding:10px;min-height:100px}.comparison-name{font-size:22px}.comparison-phase{color:#333}.comparison-caption{padding:10px;font-size:9px}.comparison-caption strong{color:#111}.comparison-art-link::after{display:none}}