.version-switch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 0;font-size:16px;line-height:1.8}
.version-switch a{padding:7px 15px;border:1px solid #b2c5dd;text-decoration:none;background:white;color:var(--brand)}
.version-switch a.current{color:white;background:var(--brand);border-color:var(--brand)}
.version-switch .version-label{color:var(--muted);margin-right:4px}
.entry-page{min-height:100vh;background:#f7f9fc}
.entry-page main{margin:0 auto;max-width:1340px;padding:40px 55px 50px}
.entry-header{display:flex;align-items:center;gap:28px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.entry-header img{width:190px;height:auto}
.entry-header>span{color:var(--brand);font-size:18px;border-left:1px solid var(--line);padding-left:26px}
.entry-hero{padding:52px 0 30px}
.entry-hero h1{font:400 46px/1.6 var(--heading-font);margin:20px 0}
.entry-hero>p{font-size:20px;max-width:850px;color:var(--muted);margin:12px 0}
.version-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:15px}
.version-card{display:flex;flex-direction:column;border:1px solid #afc2da;background:white;color:var(--ink);padding:35px;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.version-card:hover{border-color:var(--brand);box-shadow:0 7px 30px #00459316}
.version-card h2{font:400 38px/1.6 var(--heading-font);color:var(--brand);margin:15px 0 0}
.version-card h3{font-size:22px;font-weight:400;margin:0 0 15px}
.version-card p,.version-card li{font-size:18px;line-height:1.95}
.version-card ul{padding-left:23px;margin-top:4px;margin-bottom:26px}
.version-card .entry-cta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:24px;border-top:1px solid var(--line);font-size:20px;color:var(--brand)}
.version-card .entry-meta{font-size:16px;color:var(--muted);margin-top:20px}
.entry-note{font-size:18px;color:var(--muted);line-height:2;margin:32px 0 0;padding:22px 26px;border-left:3px solid var(--brand);background:#edf3fa}
.entry-footer{font-size:16px;color:var(--muted);margin-top:35px}
.term-sidebar .nav-label{margin-top:28px}
.term-sidebar nav button{font-size:16px;min-height:49px;padding-block:10px}
.term-sidebar .download{font-size:16px;margin-top:15px}
.term-scope{padding:23px 26px;background:#f0f5fb;border-left:3px solid var(--brand);margin:20px 0 30px}
.term-scope p{font-size:18px;line-height:1.95;margin:8px 0;color:#36435b}
.term-scope strong{font-size:20px;color:var(--brand)}
.term-card{border:1px solid var(--line);background:white;margin:22px 0 30px;scroll-margin-top:18px}
.term-card-header{display:flex;align-items:flex-start;gap:19px;padding:25px 28px;border-bottom:1px solid var(--line)}
.term-card h3{font-size:24px;font-weight:600;line-height:1.7;margin:0 0 12px}
.term-card-body{padding:0 28px 28px}
.term-meaning{font-size:var(--reading-size);line-height:2;margin:21px 0}
.term-card .question-box{margin-top:18px}
.term-english{font-size:18px;line-height:1.9;margin:20px 0;color:#253f63}
.term-english .existing-term{display:inline-block;background:#edf4fc;border:1px solid #b3c8e0;padding:4px 10px;margin:6px 7px 0 0}
.term-sources{font-size:16px;line-height:1.9;margin:20px 0 0;display:flex;gap:8px 20px;flex-wrap:wrap}
.term-card .source-level{font-size:16px;color:var(--muted)}
.term-technical{font-size:18px;line-height:2;margin:14px 0}
.term-card .references>div{padding:20px}
.term-card .references .ref{margin:0 -20px;padding:19px 20px}
.term-shot-title{font-size:18px;font-weight:600;color:var(--brand);margin-top:26px}
.term-card .shot-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px}
.term-card .shot-tile>img{height:230px}
.term-card .reply{font-size:16px}
.term-results-empty{font-size:18px;line-height:2;padding:45px;border:1px dashed #8da8ca}
.term-category-title{font:400 30px/1.8 var(--heading-font);color:var(--brand);margin:34px 0 8px}
.scope-exclusion{font-size:16px;line-height:1.9;padding:14px 18px;background:#f4f6f9;color:#505b70;margin:18px 0}
#term-dialog{width:min(1700px,96vw);max-width:96vw;max-height:94vh;border:1px solid var(--brand);padding:28px;color:var(--ink);background:white;overflow:auto}
#term-dialog::backdrop{background:#101b32bd}
@media(max-width:760px){#term-dialog{padding:16px;width:96vw;max-height:96vh}}
@media(max-width:1000px){.version-card{padding:27px}.entry-page main{padding-inline:32px}.entry-hero h1{font-size:39px}.version-card h2{font-size:32px}}
@media(max-width:760px){.entry-page main{padding:25px 20px 35px}.entry-header{gap:16px;align-items:center}.entry-header img{width:158px}.entry-header>span{font-size:16px;padding-left:16px}.entry-hero{padding-top:32px}.entry-hero h1{font-size:34px}.entry-hero>p{font-size:18px}.version-cards{grid-template-columns:1fr;gap:23px}.version-card{padding:25px}.version-card h2{font-size:32px}.version-card h3{font-size:21px}.version-card p,.version-card li{font-size:18px}.entry-note{padding:18px}.version-switch{gap:8px;margin-top:16px}.version-switch a{font-size:16px;padding:7px 10px}.term-sidebar .nav-label{display:none}.term-sidebar .download{display:none}.term-sidebar nav{margin-top:18px}.term-sidebar nav button{font-size:16px}.term-card-header{padding:20px 17px;gap:11px}.term-card h3{font-size:22px}.term-card-body{padding:0 17px 23px}.term-scope{padding:18px}.term-card .shot-grid{grid-template-columns:1fr}.term-card .shot-tile>img{height:220px}.term-category-title{font-size:27px}}

/* Paired real screenshots: same crop, explicit original and annotation. */
.term-comparison{margin-top:12px;align-items:stretch}
.term-card .term-comparison .shot-tile{display:flex;flex-direction:column;text-align:left}
.term-card .term-comparison .shot-tile>span{order:0;padding:14px 16px;background:#eef4fb;font-size:18px}
.term-card .term-comparison .shot-tile>img{order:1;width:100%;height:260px;object-fit:contain;background:#f6f7f9}
.term-card .term-comparison .shot-tile>small{order:2;font-size:16px;line-height:1.7}
.term-card .annotated-shot{border-color:#c72735}
.term-card .term-comparison .annotated-shot>span{background:#fff0f1;color:#a61929}
.shot-note{font-size:16px;line-height:1.8;color:var(--muted);margin:9px 0}
.extra-shots{margin:18px 0;font-size:18px;line-height:1.9}
.extra-shots summary{cursor:pointer;color:var(--brand)}
@media(max-width:760px){.term-card .term-comparison .shot-tile>img{height:230px}}

.project-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font-size:16px;line-height:1.8;margin:0 0 22px;color:#64738a}.project-breadcrumb a{color:#004593;text-underline-offset:4px}
