/* Plain pages for search and answer engines (build-seo.mjs). Same brand, lighter. */
:root{--navy:#081B4E;--yellow:#F6CE4C;--muted:#4A5675;--line:#E3E7EF}
*{box-sizing:border-box}
body{margin:0;background:#FAFAF6;color:var(--navy);font:500 17px/1.7 Athiti,system-ui,sans-serif}
a{color:var(--navy)}
.s-head{display:flex;align-items:center;justify-content:space-between;max-width:960px;margin:0 auto;padding:22px 20px}
.s-head img{height:58px;width:auto}
.s-cta,.s-button{display:inline-block;padding:10px 20px;border-radius:999px;background:var(--yellow);color:var(--navy);font-weight:600;text-decoration:none}
.s-main{max-width:960px;margin:0 auto;padding:0 20px 40px}
.s-crumbs{font-size:.85rem;color:var(--muted)}
.s-crumbs a{color:var(--muted)}
h1{font-size:clamp(1.9rem,4.6vw,2.8rem);line-height:1.2;margin:10px 0 14px;font-weight:600}
h2{font-size:1.45rem;margin:34px 0 10px;font-weight:600}
.s-answer{font-size:1.15rem;background:#fff;border-left:6px solid var(--yellow);padding:16px 20px;border-radius:12px}
.s-hero{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:22px 0;padding:26px 30px;border-radius:24px;background:var(--navy);color:#fff}
.s-pair{font-size:5rem;font-weight:600;line-height:1}
.s-pair small{font-size:.45em;opacity:.6;margin-left:6px}
.s-grade{padding:6px 16px;border-radius:999px;background:var(--yellow);color:var(--navy);font-weight:600}
.s-bad .s-grade{background:#D2464C;color:#fff}
.s-mid .s-grade{background:#8792AE;color:#fff}
.s-theme{font-size:1.6rem;font-weight:600}
.s-table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}
.s-table th,.s-table td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left}
.s-table td{font-weight:600;text-align:right;white-space:nowrap}
.s-source{font-size:.85rem;color:var(--muted)}
.s-related,.s-grid{list-style:none;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.s-related a,.s-grid a{display:block;padding:12px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);text-decoration:none}
.s-grid b,.s-related b{font-size:1.4rem;margin-right:6px}
.s-grid span{display:block;font-size:.9rem;color:var(--muted)}
.s-faq details,.s-qa{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:10px 0}
.s-faq summary{cursor:pointer;font-weight:600}
.s-qa h2{font-size:1.15rem;margin:0 0 6px}
.s-qa p{margin:0}
.s-foot{max-width:960px;margin:0 auto;padding:26px 20px 40px;border-top:1px solid var(--line);font-size:.95rem}
.s-note{font-size:.82rem;color:var(--muted)}
.s-grades{margin-top:14px;font-size:.92rem}
.s-grades thead th{background:#081B4E;color:#fff;font-weight:600;white-space:nowrap}
.s-grades td{text-align:left;font-weight:500;white-space:normal}
.s-grades tbody th{font-size:1.15rem;width:64px;text-align:center}
.s-grades tbody tr:first-child th{background:#081B4E;color:#F6CE4C}
.s-grades tbody tr:nth-child(2) th,.s-grades tbody tr:nth-child(3) th{background:#F6CE4C;color:#081B4E}
.s-grades tbody tr:nth-child(4) th,.s-grades tbody tr:nth-child(5) th{background:#DCE2EE}
.s-grades tbody tr:nth-child(6) th,.s-grades tbody tr:nth-child(7) th{background:#D2464C;color:#fff}
@media(max-width:650px){.s-grades{display:block;overflow-x:auto;font-size:.8rem}.s-grades th,.s-grades td{padding:9px 10px}}
.s-sub{margin:22px 0 4px;font-size:1.05rem;color:var(--navy,#081B4E)}
.s-scores{margin-top:10px;font-size:.92rem}
.s-scores thead th{background:#081B4E;color:#fff;font-weight:600}
.s-scores td{text-align:left;font-weight:500}
.s-scores tbody th{width:110px}
.s-stars{color:#d9a800;letter-spacing:.06em;white-space:nowrap}
.s-stars small{color:#596985;letter-spacing:0;margin-left:6px}
.s-grades td:nth-child(4){white-space:nowrap}
.s-steps,.s-list{display:grid;gap:8px;padding-left:22px;line-height:1.7}
.s-list small{color:#8994a7}
.s-days td{text-align:left;white-space:normal;letter-spacing:.04em}
.s-days th a{color:inherit}