/* FLL TOPICS — editorial layout; scoped to article pages and topic index. */
.topic-index{max-width:1100px;padding-bottom:64px}
.topic-index .info-nav,.topic-article .info-nav{margin-bottom:14px}
.topic-home-head{padding:24px 0 12px}
.topic-kicker{font-size:11px!important;letter-spacing:.12em;font-weight:800;color:#117c72;text-transform:uppercase;margin:0 0 7px!important}
.topic-home-head h1{font-size:clamp(30px,5vw,43px);letter-spacing:.01em;line-height:1.27;margin:2px 0 14px}
.topic-home-head>p:last-child{margin:0;max-width:720px;color:#455e6c;font-size:15px;line-height:1.9}
.topic-category-nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 30px;padding-bottom:15px;border-bottom:1px solid #d8e4e5}
.topic-category-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #b7d5d1;color:#0c615d;background:#fff;border-radius:999px;padding:8px 17px;text-decoration:none;font-size:14px;font-weight:750}
.topic-category-nav a:hover,.topic-category-nav a:focus-visible{background:#e5f2ee}
.topic-section{scroll-margin-top:24px;margin:32px 0 48px}
.topic-section-head{margin:0 0 20px}
.topic-section-head h2{font-size:clamp(24px,3vw,30px);line-height:1.35;margin:3px 0 8px}
.topic-section-head p:last-child{margin:0;color:#526b77;font-size:14px}
.topic-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.topic-feature{display:flex;flex-direction:column;overflow:hidden;min-width:0;border:1px solid #dce6e8;background:#fff;border-radius:16px;text-decoration:none;color:#1b3044;box-shadow:0 4px 15px rgba(29,54,67,.045);transition:transform .16s,box-shadow .16s}
.topic-feature:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(29,54,67,.1)}
.topic-feature>.topic-thumb{width:100%;height:148px;border-radius:0;flex:none}
.topic-feature>.topic-thumb span{font-size:74px}
.topic-feature-body{display:flex;flex-direction:column;gap:9px;padding:18px 20px 22px}
.topic-feature-body>strong{font-size:20px;line-height:1.5}
.topic-feature-body>span:not(.topic-row-meta){font-size:14px;line-height:1.7;color:#506575}
.topic-feature-body>span strong{color:#165b5a}
.topic-feature-body em{font-size:14px;font-style:normal;font-weight:800;color:#13746c;margin-top:4px}
.topic-row-meta{display:block;color:#137a73;font-size:14px;font-weight:750;letter-spacing:.025em}
.topic-source-notice{margin:14px 0 0;font-size:14px;color:#586d7a;line-height:1.85}
.topic-feed{background:#fff;border:1px solid #e0e7e9;border-radius:16px;padding:0 20px}
.topic-row{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:132px;padding:20px 0;border-bottom:1px solid #e7edf0;text-decoration:none;color:#1b3044}
.topic-row:last-child{border-bottom:0}
.topic-row:hover strong{text-decoration:underline;text-decoration-color:#137a73;text-underline-offset:3px}
.topic-row-copy{min-width:0;display:flex;flex-direction:column;gap:7px;flex:1}
.topic-row-copy>strong{font-size:clamp(16px,2.5vw,20px);line-height:1.55;font-weight:800}
.topic-row-desc{font-size:14px;color:#607584;line-height:1.6}
.topic-thumb{position:relative;isolation:isolate;display:grid;place-items:center;flex:none;width:152px;height:98px;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,#deefee,#a8d0cb);color:#12615c}
.topic-thumb::before{content:'';position:absolute;width:115%;height:120%;top:-65%;left:40%;border-radius:50%;border:16px solid rgba(255,255,255,.28);transform:rotate(-20deg);z-index:-1}
.topic-thumb::after{content:'';position:absolute;left:15%;right:15%;bottom:17%;height:2px;background:rgba(255,255,255,.65);box-shadow:0 -7px rgba(255,255,255,.35),0 7px rgba(255,255,255,.35);z-index:-1}
.topic-thumb span{font-size:39px;font-weight:850;letter-spacing:-.05em;line-height:1;opacity:.95}
.thumb-feature3{background:linear-gradient(130deg,#e1f3e9,#a3d6bd);color:#12634d}
.thumb-feature2{background:linear-gradient(130deg,#e5eff9,#adcbe3);color:#204c78}
.thumb-study{background:linear-gradient(130deg,#f0f4df,#cadc9e);color:#5b6926}
.thumb-study2{background:linear-gradient(130deg,#eae9f6,#b8b5d8);color:#514b7c}
.thumb-exam{background:linear-gradient(130deg,#ecf4f0,#abcfc5);color:#2f6b59}
.thumb-practical{background:linear-gradient(130deg,#ffeddc,#ecc19d);color:#945122}
.thumb-calc{background:linear-gradient(130deg,#e0eefa,#a0c5e3);color:#1c5b83}
.thumb-guide{background:linear-gradient(130deg,#f2ece6,#d6c2ab);color:#695947}
.thumb-help{background:linear-gradient(130deg,#e4f1f3,#b0d4db);color:#287082}
.topic-bottom{background:#eaf5f1;padding:25px;border-radius:16px}
.topic-bottom h2{font-size:23px;margin:0 0 7px}
.topic-bottom p{color:#405d62;font-size:14px}
.topic-article{max-width:790px;margin:18px auto}
.topic-article h1{font-size:clamp(25px,4vw,34px);line-height:1.5;margin:8px 0 15px}
.topic-article-lead{font-size:16px;line-height:1.9}
.topic-progress{padding:16px 20px;border-radius:12px;background:#eff7f6;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:8px 12px;margin:22px 0}
.topic-progress>span{font-size:13px;font-weight:700;color:#42626b}
.topic-progress>strong{font-size:19px;color:#165a56}
.topic-progress-track{height:8px;border-radius:100px;background:#c9dddd;grid-column:1/-1;overflow:hidden}
.topic-progress-track span{height:100%;background:#16877c;display:block;border-radius:100px}
.topic-progress-fill-20{width:33.333%}
.topic-progress-fill-30{width:50%}
.topic-progress-fill-40{width:66.667%}
.topic-progress-fill-50{width:83.333%}
.topic-progress-fill-60{width:100%}
.topic-progress-fill-8{width:13.333%}
.topic-progress-fill-18{width:30%}
.topic-progress-fill-28{width:46.667%}
.topic-progress-fill-38{width:63.333%}
.topic-progress-fill-48{width:80%}
.topic-progress small{font-size:14px;line-height:1.7;color:#4a666e;grid-column:1/-1}
.topic-source{padding:17px 20px;border-left:4px solid #158275;background:#f7faf9;border-radius:0 10px 10px 0}
.topic-source p{margin:8px 0;font-size:15px}
.topic-article-switch{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
.topic-article-switch a{display:inline-flex;align-items:center;min-height:44px;border:1px solid #d0dfdd;padding:7px 13px;border-radius:8px;font-size:14px}
.topic-question-nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}
.topic-question-nav a{min-width:64px;min-height:44px;display:grid;place-items:center;text-decoration:none;border:1px solid #cae2dd;border-radius:8px;background:#f3faf8;font-size:14px;font-weight:750;color:#155f59}
.topic-question-nav a:hover{background:#daf1eb}
.topic-article section[id^="fp"]{scroll-margin-top:20px;border-bottom:1px solid #e6ebed;padding:16px 0 18px}
.topic-article section[id^="fp"] h3{font-size:19px;line-height:1.65;margin:2px 0 12px}
.topic-article section[id^="fp"] p,.topic-article section[id^="fp"] li{font-size:16px;line-height:1.9}
.topic-article section[id^="fp"]>p:first-of-type{color:#176861}
.topic-remaining{padding:15px 20px;background:#f5f8fa;border-radius:12px;margin:35px 0}
.topic-related{margin:24px 0}
.topic-references{margin-top:34px;border-top:1px solid #dce6e7;padding-top:5px}
.topic-index a:focus-visible,.topic-article a:focus-visible{outline:3px solid #126e68;outline-offset:3px}
@media(max-width:630px){
 .topic-index .info-nav{justify-content:flex-start}
 .topic-feature-grid{grid-template-columns:1fr}
 .topic-feature{flex-direction:row;align-items:stretch;min-height:172px}
 .topic-feature>.topic-thumb{width:33%;height:auto;min-height:172px}
 .topic-feature>.topic-thumb span{font-size:56px}
 .topic-feature-body{padding:15px 14px;gap:6px;flex:1}
 .topic-feature-body>strong{font-size:17px}
 .topic-row{gap:13px;min-height:117px;padding:16px 0}
 .topic-row-copy>strong{font-size:16px}
 .topic-row-desc{font-size:14px}
 .topic-thumb{width:112px;height:82px}
 .topic-thumb span{font-size:31px}
 .topic-feed{padding:0 14px}
 .topic-article{padding:18px 15px}
 .topic-article section[id^="fp"] h3{font-size:18px}
 .topic-question-nav{gap:6px}
 .topic-question-nav a{min-width:58px}
}
@media(max-width:375px){
 .topic-feature>.topic-thumb{width:31%}
 .topic-feature>.topic-thumb span{font-size:46px}
 .topic-feature-body>strong{font-size:16px}
 .topic-thumb{width:94px;height:74px}
 .topic-row-desc{display:block}
}
@media(prefers-reduced-motion:reduce){.topic-feature{transition:none}}

/* Four-choice editorial notes: separate each reason for mobile scanning. */
.topic-article .topic-choice-rationales{list-style:decimal;margin:10px 0 18px;padding-left:26px;display:grid;gap:9px}
.topic-article .topic-choice-rationales li{padding-left:5px;overflow-wrap:anywhere}
.topic-article .topic-choice-rationales li::marker{font-weight:800;color:#126e68}
@media(max-width:630px){.topic-article .topic-choice-rationales{gap:12px;padding-left:23px}.topic-article .topic-choice-rationales li{line-height:1.75}}

/* Keep the selected explanation visible without changing anchor layout. */
.topic-article section[id^="fp"]:target{background:#f0f8f5;outline:2px solid #126e68;outline-offset:4px;border-radius:4px}