.topics-page,.topic-page,.faq-page{max-width:1200px;width:calc(100% - 64px);margin:0 auto;padding:48px 0 72px;color:#172f4c;box-sizing:border-box}.editorial-head{padding:10px 0 32px;border-bottom:1px solid #e2eaf2;margin-bottom:32px}.editorial-kicker{font:600 12px/1.5 Arial,sans-serif;letter-spacing:2px;color:#587695;margin:0 0 14px}.editorial-head h1{font-size:38px;line-height:1.5;letter-spacing:-.7px;margin:0 0 16px;color:#163b64}.editorial-head p{max-width:820px;font-size:16px;line-height:1.9;color:#687b90;margin:0}.editorial-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;font-size:13px;margin-bottom:24px;color:#7d8da0}.editorial-breadcrumb a{color:#546e8b;text-decoration:none}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.topic-card{min-width:0;overflow-wrap:anywhere;padding:30px;border:1px solid #e1e9f2;border-radius:18px;background:#fff;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}.topic-card:hover{border-color:#aac6ee;box-shadow:0 12px 32px #183f7010}.topic-tag{display:inline-block;width:fit-content;padding:5px 11px;border-radius:20px;background:#edf4ff;color:#2766b2;font-size:12px;line-height:1.5}.topic-card h2{font-size:22px;line-height:1.65;margin:18px 0 14px}.topic-card h2 a{color:#163b64;text-decoration:none}.topic-card p{font-size:15px;color:#687b90;line-height:1.9;margin:0 0 24px}.topic-card .topic-read{margin-top:auto;color:#1764d5;font-size:14px;text-decoration:none}.topic-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:52px;align-items:start}.topic-toc{position:sticky;top:112px;border:1px solid #e1e9f2;border-radius:14px;padding:22px;background:#f7faff;font-size:13px}.topic-toc strong{display:block;margin-bottom:12px;font-size:15px}.topic-toc a{display:block;color:#59718b;text-decoration:none;padding:8px 0;line-height:1.7;overflow-wrap:anywhere}.topic-toc a:hover{color:#1764d5}.topic-body{min-width:0;max-width:850px;font-size:17px;line-height:2;color:#354b62;overflow-wrap:break-word}.topic-body p{font-size:inherit;line-height:inherit;color:inherit;margin:0 0 22px;text-indent:0}.topic-body h2{font-size:25px;line-height:1.6;margin:38px 0 20px;color:#173e69;scroll-margin-top:115px}.topic-body h2:first-child{margin-top:0}.topic-body h3,.topic-body h4{font-size:20px;line-height:1.7;margin:25px 0 14px;color:#214c78;scroll-margin-top:115px}.topic-body ul,.topic-body ol{padding-left:26px;list-style:revert}.topic-body img{max-width:100%;height:auto}.topic-body table{width:100%;border-collapse:collapse;font-size:15px;margin:24px 0;table-layout:fixed}.topic-body th,.topic-body td{border:1px solid #dce7f0;padding:13px 16px;text-align:left;vertical-align:top;overflow-wrap:anywhere}.topic-body th{background:#edf4fc;color:#214c78;font-weight:600}.topic-body td p,.topic-body th p{margin:0}.topic-body a{color:#1764d5;text-decoration:underline}.topic-meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:24px;color:#7b8c9e;font-size:12px}.topic-resource-links{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.topic-resource-links a{padding:9px 16px;border:1px solid #dce7f0;border-radius:8px;color:#1764d5;font-size:14px;text-decoration:none}.topics-pagination{display:flex;gap:12px;justify-content:center;margin-top:30px}.topics-pagination a,.topics-pagination span{padding:6px 12px;font-size:14px;color:#1764d5}.topic-body blockquote{margin:18px 0;padding:12px 20px;border-left:3px solid #91b8e6;background:#f7faff}.topic-empty{padding:40px 0;color:#687b90}
@media(max-width:900px){.topic-layout{grid-template-columns:1fr;gap:30px}.topic-toc{position:static}.topic-toc a{padding:5px 0}.editorial-head h1{font-size:30px}.topic-grid{gap:18px}.topic-card{padding:23px}.topic-card h2{font-size:20px}}
@media(max-width:600px){.topics-page,.topic-page,.faq-page{width:calc(100% - 40px);padding:30px 0 46px}.editorial-head{padding-top:0;margin-bottom:24px;padding-bottom:25px}.editorial-head h1{font-size:26px;line-height:1.6}.editorial-head p{font-size:14px}.topic-grid{grid-template-columns:minmax(0,1fr)}.topic-card{padding:23px}.topic-body{font-size:16px}.topic-body h2{font-size:21px;margin-top:30px}.topic-body h3{font-size:18px}.topic-body table{font-size:13px}.topic-body th,.topic-body td{padding:10px}.topic-toc{padding:18px}.topic-meta{gap:9px}.editorial-breadcrumb{font-size:12px;margin-bottom:20px}}

/* Explicit typography prevents the legacy 100px root size from inflating list-item line boxes. */
.topic-page .topic-related,.topic-page .topic-related * { box-sizing:border-box; }
.topic-page .topic-related { margin-top:26px; padding:20px; border:1px solid #dce7f2; border-radius:18px; background:rgba(255,255,255,.85); font-size:15px; line-height:1.65; }
.topic-related-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 18px; margin-bottom:10px; }
.topic-page .topic-related h2 { margin:0; color:#173e69; font-size:20px; line-height:1.5; }
.topic-page .topic-related .topic-related-all { display:inline-flex; align-items:center; gap:6px; min-height:44px; font-size:13px; line-height:1.6; color:#37658f; text-decoration:none; white-space:nowrap; }
.topic-page .topic-related-list { display:block; margin:0; padding:0; list-style:none; font-size:15px; line-height:1.65; }
.topic-page .topic-related-list li { margin:0; padding:0; font-size:inherit; line-height:inherit; }
.topic-related-list li+li { border-top:1px solid #e4ecf5; }
.topic-page .topic-related-list a { display:grid; grid-template-columns:minmax(0,1fr) 18px; align-items:center; gap:12px; min-height:48px; margin:0; padding:11px 8px; border-radius:8px; color:#315a84; font-size:15px; line-height:1.65; text-decoration:none; transition:background-color .2s,color .2s; }
.topic-related-list a>span { overflow-wrap:anywhere; }
.topic-related svg { display:block; width:17px; height:17px; flex:0 0 17px; }
.topic-related-list a>svg { color:#608ab5; }
.topic-page .topic-related a:is(:hover,:focus-visible) { color:#1764df; background:#edf4fd; }
@media(max-width:600px) {
  .topic-page .topic-related { padding:16px 14px; margin-top:22px; border-radius:15px; }
  .topic-page .topic-related h2 { font-size:19px; }
  .topic-page .topic-related-list a { font-size:14px; padding:12px 5px; gap:10px; }
}
@media(prefers-reduced-motion:reduce) { .topic-page .topic-related a { transition:none; } }