/* Reading pages inherit the approved commercial palette, typography and chrome. */
.resource-title {padding-block: 36px 44px; border-bottom: 1px solid var(--line)}
.breadcrumbs {display:flex;flex-wrap:wrap;gap:10px 24px;margin-bottom:28px;font-size:14px;color:var(--green)}
.breadcrumbs a {min-height:24px;display:inline-flex;align-items:center}
.resource-title h1 {max-width:25ch;font-size:clamp(34px,4.2vw,58px);line-height:1.08;font-weight:800}
.resource-title h1,.resource-prose h2,.guide-list strong {overflow-wrap:anywhere;hyphens:auto}
.resource-intro {font-size:clamp(18px,1.65vw,22px);line-height:1.55;color:var(--muted);margin-top:24px;max-width:65ch}
.resource-layout {display:grid;grid-template-columns:minmax(190px,24%) minmax(0,1fr);gap:7%;padding-block:48px 80px;align-items:start}
.resource-prose {font-size:17px;line-height:1.75;min-width:0;max-width:72ch}
.resource-prose p {margin:0 0 20px}
.resource-prose h2 {font-size:clamp(25px,2.3vw,32px);line-height:1.2;margin:44px 0 20px;scroll-margin-top:120px}
.resource-prose > h2:first-child,.resource-prose > section:first-child h2 {margin-top:0}
.resource-prose h3 {font-size:22px;line-height:1.3;margin:28px 0 16px}
.resource-prose a {color:var(--green);overflow-wrap:anywhere}
.resource-prose ul,.resource-prose ol {padding-left:24px;margin-block:20px 28px;list-style:revert}
.resource-prose li+li {margin-top:12px}
.resource-prose .btn {display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 21px;border-radius:6px;text-decoration:none;font-weight:750;line-height:1.4}
.resource-prose .btn-primary {background:var(--green);color:#fff}
.resource-prose .btn-primary:hover {background:#066b50}
.resource-prose .article-actions {margin-block:28px}
.resource-prose .legal-note {border-top:1px solid var(--line);padding-top:28px;margin-top:40px;color:var(--muted)}
.resource-toc {position:sticky;top:128px;font-size:14px;line-height:1.5;border-top:2px solid var(--green);padding-top:20px}
.resource-toc > p {font-weight:750;margin-bottom:16px}
.resource-toc li+li {margin-top:4px}
.resource-toc a {display:block;padding-block:8px;color:var(--muted);text-decoration:none}
.resource-toc a:hover,.resource-toc a:focus-visible {color:var(--green);text-decoration:underline}
.resource-table {overflow-x:auto;margin-block:28px;max-width:100%;border:1px solid var(--line);border-radius:8px}
.resource-table table {border-collapse:collapse;width:100%;font-size:15px;line-height:1.6}
.resource-table th,.resource-table td {padding:18px 20px;text-align:left;vertical-align:top;min-width:180px}
.resource-table th {background:var(--navy);color:#fff;font-weight:700}
.resource-table tbody tr+tr {border-top:1px solid var(--line)}
.resource-table td {background:#fff}
.resource-index {display:block;padding-top:12px}
.resource-index .resource-prose {max-width:none}
.guide-list {display:grid;grid-template-columns:1fr 1fr;column-gap:64px}
.guide-list > a {position:relative;display:grid;align-content:start;gap:12px;padding:32px 42px 32px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.guide-list strong {font-size:clamp(20px,2vw,27px);line-height:1.25;letter-spacing:-.015em;max-width:30ch}
.guide-list span {color:var(--muted);font-size:16px;line-height:1.6;max-width:48ch}
.guide-list .icon {position:absolute;right:2px;top:36px;color:var(--green);transition:transform 200ms var(--ease)}
.guide-list > a:hover strong {color:var(--green);text-decoration:underline;text-underline-offset:5px}
.guide-list > a:hover .icon {transform:translateX(4px)}
.resource-site :is(input,textarea,select):focus-visible,.resource-table:focus-visible {outline:3px solid #268cca;outline-offset:5px}
.resource-feedback .feedback-shell {padding-top:48px;padding-bottom:64px}
.resource-feedback .feedback-shell .btn-primary {background:var(--green);color:#fff;padding:13px 22px;border-radius:6px;font-weight:750;min-height:46px}
@media(max-width:800px){
  .resource-title {padding-block:28px 32px}
  .resource-layout {grid-template-columns:1fr;gap:32px;padding-block:32px 56px}
  .resource-toc {position:static;max-width:72ch}
  .resource-toc ul {display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
  .resource-prose {max-width:none}
  .guide-list {column-gap:32px}
  .resource-prose h2 {scroll-margin-top:100px}
}
@media(max-width:480px){
  .resource-title h1 {font-size:34px;line-height:1.12}
  .resource-intro {font-size:18px;margin-top:20px}
  .breadcrumbs {margin-bottom:22px}
  .resource-prose {font-size:16px;line-height:1.7}
  .resource-toc ul {grid-template-columns:1fr}
  .guide-list {grid-template-columns:1fr}
  .guide-list > a {padding-block:28px}
  .guide-list strong {font-size:23px}
  .guide-list .icon {top:30px}
  .resource-prose h2 {margin-top:36px}
  .resource-table th,.resource-table td {padding:14px}
}
@media(prefers-reduced-motion:reduce){.guide-list > a:hover .icon{transform:none}}
