/* Scoped to /shuangpin. Original shared shell and other routes remain authoritative. */
.page-shuangpin .newsroom-layout{grid-template-columns:minmax(0,1fr);gap:40px}.page-shuangpin .newsroom-content{width:100%;max-width:1080px;margin-inline:auto;min-width:0}.page-shuangpin .newsroom-aside{grid-column:1/-1;border-left:0;border-top:1px solid var(--zo-border-subtle);padding-top:28px}.sp-review{--sp-link:var(--zo-text-primary);--sp-button-text:var(--zo-on-accent);color:var(--zo-text-primary);line-height:1.85;min-width:0}.sp-review h1{font-size:clamp(36px,3.7vw,52px);line-height:1.28;letter-spacing:-.03em;font-weight:650}.sp-review h2{font-size:clamp(28px,2.7vw,36px);line-height:1.4;margin:8px 0 24px}.sp-review h3{font-size:20px;margin:8px 0 14px}.sp-review p{margin:14px 0;color:var(--zo-text-secondary)}.sp-review a,.sp-review button{color:var(--sp-link)}.sp-review a:hover{text-decoration:underline;text-underline-offset:5px}.sp-review .sp-kicker{font-size:13px;font-weight:600;color:var(--sp-link);margin:0 0 14px}.sp-review .sp-caption{font-size:12px;line-height:1.85}.sp-review .sp-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;padding:28px 0 60px}.sp-review .sp-hero>div>p:not(.sp-kicker):not(.sp-caption){font-size:18px}.sp-review .sp-hero figure{margin:0}.sp-review .sp-hero img{width:100%;height:auto;-webkit-mask-image:url('/media/home-review/keyboard-alpha.png');mask-image:url('/media/home-review/keyboard-alpha.png');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sp-review figcaption{font-size:11px;line-height:1.7;color:var(--zo-text-secondary);text-align:center;margin-top:12px}.sp-review .sp-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:25px 0}.sp-review .sp-primary{background:var(--zo-candidate-selected);color:var(--sp-button-text);padding:12px 22px;border-radius:28px;display:inline-flex;min-height:46px;align-items:center;font-weight:600;font-size:15px;text-decoration:none}.sp-review .sp-section{border-top:1px solid var(--zo-border-subtle);padding:54px 0;scroll-margin-top:30px}.sp-review .sp-examples{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:28px 0}.sp-review .sp-examples>div{border-left:2px solid var(--zo-border-subtle);padding-left:24px}.sp-review .sp-examples strong{font-size:36px;font-weight:600;letter-spacing:.05em;color:var(--zo-text-primary)}.sp-review .sp-practice{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:36px;background:var(--zo-bg-secondary);border-radius:22px;border:0;margin:20px 0 45px}.sp-review .sp-paper{background:var(--zo-surface-primary);padding:26px;border-radius:16px;min-width:0}.sp-review #sp-target{font-size:34px;color:var(--zo-text-primary);margin-top:0}.sp-review label{display:block;font-size:14px}.sp-review input{display:block;width:100%;box-sizing:border-box;padding:13px 15px;border:1px solid var(--zo-border-subtle);border-radius:10px;background:var(--zo-surface-primary);color:var(--zo-text-primary);font:inherit;margin:12px 0}.sp-review #sp-code{font-size:23px;letter-spacing:.08em}.sp-review #sp-lookup{max-width:520px}.sp-review #sp-result{min-height:54px;font-size:14px}.sp-review button{font:inherit;border:1px solid var(--zo-border-subtle);border-radius:20px;padding:8px 14px;background:var(--zo-surface-primary);cursor:pointer}.sp-review .sp-lesson-options{display:flex;gap:8px;flex-wrap:wrap}.sp-review .sp-lesson-options button[aria-pressed=true]{background:var(--zo-candidate-selected);color:var(--sp-button-text)}.sp-review #sp-reset{margin-top:16px}.sp-review .sp-practice-boundary{grid-column:1/-1;margin:0}.sp-review .sp-map{max-height:380px;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 18px;border:1px solid var(--zo-border-subtle);padding:12px 20px;border-radius:12px}.sp-review .sp-map:empty{display:none}.sp-review .sp-map>div{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--zo-border-subtle);font-size:14px;min-width:0}.sp-review kbd{background:var(--zo-bg-secondary);padding:0 5px;border-radius:4px;color:var(--zo-text-primary)}.sp-review .sp-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.sp-review .sp-steps{padding-left:24px}.sp-review .sp-steps li{padding:12px 0;color:var(--zo-text-secondary)}.sp-review .sp-steps strong{color:var(--zo-text-primary)}.sp-review details{padding:18px 0;border-bottom:1px solid var(--zo-border-subtle)}.sp-review summary{cursor:pointer;font-size:18px;color:var(--zo-text-primary)}.sp-review .sp-paper details{padding:10px 0}.sp-review .sp-paper summary{font-size:14px}.sp-review .sp-closing{text-align:center}.sp-review .sp-closing .sp-actions{justify-content:center}.sp-review :focus-visible{outline:3px solid var(--sp-link);outline-offset:4px}
@media(max-width:1000px){.sp-review .sp-hero{grid-template-columns:1fr;gap:20px}.sp-review .sp-hero figure{max-width:420px;margin:auto}.sp-review .sp-practice{grid-template-columns:1fr}.sp-review .sp-map{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.page-shuangpin .newsroom-layout{grid-template-columns:minmax(0,1fr);gap:20px}.page-shuangpin .newsroom-nav nav a{font-size:12px}.sp-review .sp-hero{padding-top:15px;padding-bottom:35px}.sp-review h1{font-size:38px}.sp-review .sp-section{padding:36px 0}.sp-review .sp-examples{gap:14px}.sp-review .sp-examples>div{padding-left:12px}.sp-review .sp-examples strong{font-size:28px}.sp-review .sp-practice{padding:24px 18px}.sp-review .sp-paper{padding:20px}.sp-review .sp-rules{grid-template-columns:1fr;gap:12px}.sp-review .sp-map{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 12px;gap:0 12px}.sp-review .sp-map>div{font-size:13px}.sp-review .sp-actions{gap:16px;font-size:14px}.sp-review .sp-primary{padding:11px 18px}.sp-review .sp-practice{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){.sp-review *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

html[data-theme="light"] .sp-review{--sp-button-text:#ffffff;--sp-link:#1d4ed8}
html[data-theme="porcelain"] .sp-review{--sp-button-text:#000000;--sp-link:#89650f}
html[data-theme="earth"] .sp-review{--sp-button-text:#000000;--sp-link:#7b5a10}
html[data-theme="cerulean"] .sp-review{--sp-button-text:#000000;--sp-link:#0e7692}
html[data-theme="sunrise"] .sp-review{--sp-button-text:#ffffff;--sp-link:#b42318}
html[data-theme="sakura"] .sp-review{--sp-button-text:#ffffff;--sp-link:#cb1a44}
html[data-theme="forest"] .sp-review{--sp-button-text:#000000;--sp-link:#057d59}
html[data-theme="amethyst"] .sp-review{--sp-button-text:#ffffff;--sp-link:#7c3aed}
html[data-theme="dark"] .sp-review{--sp-button-text:#000000;--sp-link:#4e8ef7}
html[data-theme="ocean"] .sp-review{--sp-button-text:#000000;--sp-link:#8ad3f5}
html[data-theme="midnight"] .sp-review{--sp-button-text:#ffffff;--sp-link:#e2abf0}
html[data-theme="graphite"] .sp-review{--sp-button-text:#000000;--sp-link:#8184f3}
html[data-theme="champagneGlass"] .sp-review{--sp-button-text:#000000;--sp-link:#735b1f}
html[data-theme="celadonGlass"] .sp-review{--sp-button-text:#ffffff;--sp-link:#1a6850}
html[data-theme="wisteriaGlass"] .sp-review{--sp-button-text:#000000;--sp-link:#6a5c9f}
html[data-theme="inkGlass"] .sp-review{--sp-button-text:#000000;--sp-link:#f5f5f7}
html[data-theme="supporterObsidian"] .sp-review{--sp-button-text:#000000;--sp-link:#f4f4f5}
html[data-theme="supporterPaper"] .sp-review{--sp-button-text:#ffffff;--sp-link:#713f12}
html[data-theme="supporterInk"] .sp-review{--sp-button-text:#000000;--sp-link:#cbd5e1}
html[data-theme="supporterGlass"] .sp-review{--sp-button-text:#000000;--sp-link:#dbeafe}
html[data-theme="clearGlass"] .sp-review{--sp-button-text:#ffffff;--sp-link:#1d4ed8}
html[data-theme="chinaRedGlass"] .sp-review{--sp-button-text:#ffffff;--sp-link:#b42318}

/* Mobile touch targets and long syllables stay readable on narrow phones. */
@media(max-width:720px){.sp-review .sp-actions>a:not(.sp-primary){display:inline-flex;align-items:center;min-height:44px}.sp-review .sp-section> a,.sp-review .sp-practice>div>a{display:inline-flex;align-items:center;min-height:44px}.sp-review summary{min-height:44px;align-content:center}}
@media(max-width:360px){.sp-review .sp-map{grid-template-columns:repeat(2,minmax(0,1fr))}}