/* Only the topic section; the completed landing page remains unchanged. */
.topics-page .topics-sections{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-self:end}
.topics-sections li{min-width:0}
.topics-sections img{display:block;width:100%;height:auto}
.topics-sections [aria-current=page]{outline:1px solid #65d8ff;outline-offset:3px;border-radius:12px}
.topics-section{padding-block:24px 100px}
.topics-section>h2{margin:0 0 28px;font-size:40px}
.topics-browser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:28px;align-items:start}
.topics-list,.topics-reader{height:600px;max-height:72vh;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#5790ac #06243b;scrollbar-gutter:stable}
.topics-list ul{list-style:none;padding:0;margin:0}
.topics-list a{display:flex;gap:14px;padding:8px 6px;color:inherit;text-decoration:none;font-size:28px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.topics-list a[aria-current=true]{color:#65d8ff}
.topics-list a:hover{text-decoration:underline}
.topics-list a:focus-visible,.topics-list:focus-visible,.topics-reader:focus-visible{outline:2px solid #65d8ff;outline-offset:-2px}
.topics-reader{padding:24px 28px;border:1px solid rgba(110,187,218,.55);border-radius:10px;background:rgba(0,20,40,.12)}
.topics-reader article[hidden]{display:none}
.topics-reader h3{margin:0 0 24px;font-size:30px;overflow-wrap:anywhere}
.topics-reader img{max-width:100%;height:auto}
.topics-reader .topic-photos figure{margin:24px 0}
.topics-reader .topic-photos img{display:block;width:auto;max-width:100%;height:auto;margin-inline:auto}
.topics-empty{min-height:400px}
@media(max-width:767px){
  .topics-section{padding-block:24px 48px}
  .topics-section>h2{font-size:30px;margin-bottom:20px}
  .topics-browser{grid-template-columns:minmax(0,1fr);gap:20px}
  .topics-list{height:auto;max-height:180px}
  .topics-list a{font-size:22px}
  .topics-reader{height:60vh;max-height:600px;padding:18px}
  .topics-reader h3{font-size:26px}
  .topics-page .topics-sections{gap:6px}
}