/* A scoped reading layout, independent of the old billboard case styles. */
.etc-page{--case-paper:#f1efe8;--case-ink:#111c24;--case-muted:#52606a;--case-line:#c9cfcf;background:var(--case-paper);color:var(--case-ink);padding-top:var(--header-h,88px)}
.etc-wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.etc-page *{min-width:0}
.etc-page :is(h1,h2,h3,p,dl,dd){margin:0}.etc-page :is(h1,h2,h3){letter-spacing:0;line-height:1.1;hyphens:none;overflow-wrap:normal;text-wrap:balance}
.etc-page h1{font-size:clamp(38px,4.9vw,72px);max-width:960px;margin:20px 0 24px}.etc-page h2{font-size:clamp(29px,2.8vw,42px)}.etc-page h3{font-size:32px}
.etc-page p{font-size:17px;line-height:1.8;font-weight:400;letter-spacing:0}.etc-page a{text-decoration:none}.etc-page a:focus-visible,.etc-page summary:focus-visible{outline:3px solid #1765ff;outline-offset:5px}
.etc-label{display:block;font-size:11px;line-height:1.7;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#566671}
.etc-hero{padding:40px 0 48px;background:radial-gradient(ellipse at 94% 90%,#173149 0,transparent 55%),#101a22;color:#f4f3ed;position:relative;overflow:hidden}.etc-hero .etc-label{color:#9cbfee}
.etc-breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;margin-bottom:40px;color:#b9c8d3}.etc-breadcrumbs a{padding-block:6px;color:inherit}
.etc-page .etc-lead{max-width:780px;color:#c9d4dc;font-size:18px;line-height:1.75}
.etc-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #ffffff29;margin-top:36px!important}.etc-facts>div{padding:22px 20px 24px 0}.etc-facts>div+div{padding-left:24px;border-left:1px solid #ffffff29}.etc-facts dt{font-size:12px;line-height:1.6;color:#adbfcf;margin-bottom:8px}.etc-facts dd{font-size:clamp(18px,2vw,26px);font-weight:600;line-height:1.4}
.etc-route{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:30px;font-size:15px;font-weight:500}.etc-route i{height:1px;position:relative;background:linear-gradient(90deg,#397deb,#b1d7ff 50%,#397deb);background-size:200% 100%;animation:etc-route-flow 5s linear infinite}.etc-route i::before,.etc-route i::after{content:"";position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:#78aaff}.etc-route i::before{left:0}.etc-route i::after{right:0}.etc-page .etc-caption{font-size:11px;color:#99acbb;margin-top:10px}
.etc-reading{display:grid;grid-template-columns:260px minmax(0,760px);gap:clamp(40px,7vw,110px);padding-block:64px 72px;align-items:start}.etc-aside{position:sticky;top:calc(var(--header-h,88px) + 25px)}.etc-aside a{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid var(--case-line);font-size:14px;line-height:1.6;color:var(--case-ink)}.etc-aside a span{color:#115be2;font-size:12px}
.etc-body>section{margin-bottom:48px;scroll-margin-top:calc(var(--header-h,88px) + 28px)}.etc-body h2{margin:12px 0 20px}.etc-body p+p{margin-top:18px}.etc-body p{color:#344650}
.etc-body .etc-takeaway{padding:28px;border-left:3px solid #1765ff;background:#e1e6e6;margin:0 0 48px}.etc-takeaway p{margin-top:10px;font-size:20px;line-height:1.6;color:#1d303d}
.etc-checklist{list-style:none;padding:0;margin:24px 0;border-top:1px solid var(--case-line)}.etc-checklist li{position:relative;padding:15px 0 15px 25px;border-bottom:1px solid var(--case-line);font-size:16px;line-height:1.6}.etc-checklist li:before{content:"";width:6px;height:6px;background:#1765ff;position:absolute;top:25px;left:2px}
.etc-page .etn-button{display:inline-flex;background:#1156e9;color:#fff;min-height:52px;gap:25px;align-items:center;justify-content:center;padding:16px 22px;margin-top:24px;font-size:14px;line-height:1.5;font-weight:700;white-space:normal;text-align:center}
.etc-faq{border-block:1px solid var(--case-line);margin-top:22px}.etc-faq summary{cursor:pointer;padding:20px 30px 20px 0;line-height:1.6;font-size:17px;font-weight:600}.etc-faq p{padding-bottom:24px}
.etc-body .etc-sources{padding-top:26px;border-top:1px solid var(--case-line);margin-bottom:0}.etc-sources h2{font-size:24px}.etc-sources p{font-size:14px;color:#52606a}
.etc-service-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.etc-service-links a,.etc-service-link{padding:12px 0;color:#0a4ebe;font-size:15px;border-bottom:1px solid #7997ba}
.etc-section-heading{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:30px}.etc-section-heading .etc-label{margin-bottom:10px}.etc-section-heading>p{max-width:440px;font-size:15px;color:var(--case-muted)}.etc-section-heading>a{font-size:14px;color:inherit;white-space:nowrap;padding:10px 0}
.etc-related,.etc-list{padding:60px 0 70px;border-top:1px solid var(--case-line)}.etc-related{background:#e7e8e2}.etc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.etc-card{display:flex;flex-direction:column;position:relative;padding:25px;background:#fbfaf6;border:1px solid #bcc8cc;color:var(--case-ink);transition:border-color .2s,box-shadow .2s}.etc-card:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:#1765ff;transform:scaleX(.13);transform-origin:left;transition:transform .3s}.etc-card:hover{border-color:#5683b7;box-shadow:0 10px 30px #17314910}.etc-card:hover:before{transform:scaleX(1)}
.etc-card h3{margin-top:15px;min-height:2.2em}.etc-card .etc-card-route{font-size:14px;line-height:1.65;color:#4f626f;margin:14px 0 24px}.etc-card dl{margin-top:auto;display:grid;gap:0}.etc-card dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #dce1df}.etc-card dt{font-size:12px;line-height:1.6;color:#54636b}.etc-card dd{font-size:14px;line-height:1.6;text-align:right;font-weight:600}.etc-card-link{display:flex;justify-content:space-between;margin-top:22px;font-size:13px;font-weight:600}.etc-card-link>span{color:#115be2;font-size:20px}
.etc-hub-nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:32px}.etc-hub-nav a{display:flex;gap:24px;align-items:center;justify-content:space-between;border:1px solid #6a8192;color:#fff;padding:14px 20px;min-height:50px;font-size:14px}.etc-hub-nav b{color:#9fc4ff;font-size:18px}.etc-list,.etc-archive{scroll-margin-top:var(--header-h,88px)}
.etc-archive{padding:55px 0 65px;background:#e4e7e3}.etc-archive-directory{border-block:1px solid #afbbb9}.etc-archive-directory summary{padding:24px 0;font-size:18px;cursor:pointer;line-height:1.6}.etc-archive-directory summary b{margin-left:15px;color:#536c78}.etc-archive-directory>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px;padding-bottom:30px}.etc-archive-directory a{display:flex;gap:15px;justify-content:space-between;padding:15px 0;border-top:1px solid #bdc8c3;color:#213c4c;font-size:14px;line-height:1.6}
.etc-archive-note{padding-block:60px 75px;display:grid;grid-template-columns:1.3fr 1fr;gap:70px}.etc-archive-note h2{margin:14px 0 22px}.etc-archive-note p{color:#40525c}.etc-archive-note aside{border-left:1px solid #bac7c7;padding-left:36px}.etc-archive-note aside h2{font-size:28px}
@keyframes etc-route-flow{to{background-position:-200% 0}}
.etc-card dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
/* Four facts need two columns before tablet labels lose their usable width. */
@media(min-width:701px) and (max-width:1000px){.etc-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.etc-facts>div:nth-child(3){padding-left:0;border-left:0}.etc-facts>div:nth-child(n+3){border-top:1px solid #ffffff29}}
@media(max-width:1000px){.etc-reading{grid-template-columns:200px minmax(0,1fr);gap:35px}.etc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.etc-card h3{font-size:30px}.etc-section-heading{align-items:start}.etc-archive-directory>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.etc-wrap{width:calc(100% - 36px)}.etc-hero{padding:25px 0 32px}.etc-breadcrumbs{margin-bottom:25px}.etc-page h1{font-size:39px;line-height:1.12}.etc-page h2{font-size:29px;line-height:1.18}.etc-page .etc-lead{font-size:16px;line-height:1.75}.etc-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:26px!important}.etc-facts>div{padding:18px 12px 18px 0}.etc-facts>div+div{padding-left:16px}.etc-facts>div:nth-child(3){padding-left:0;border-left:0}.etc-facts>div:nth-child(n+3){border-top:1px solid #ffffff29}.etc-facts dd{font-size:18px}.etc-route{font-size:13px;gap:12px}.etc-route i{min-width:28px}.etc-route>span{max-width:125px}.etc-route>span:last-child{text-align:right}.etc-reading{display:block;padding-block:28px 44px}.etc-aside{position:static;margin-bottom:34px}.etc-aside a{font-size:13px;padding:12px 0}.etc-body p{font-size:16px;line-height:1.85}.etc-body>section{margin-bottom:36px}.etc-body .etc-takeaway{padding:22px;margin-bottom:36px}.etc-takeaway p{font-size:18px}.etc-grid{grid-template-columns:1fr;gap:16px}.etc-card{padding:23px}.etc-card h3{font-size:31px;min-height:0}.etc-section-heading{display:block;margin-bottom:24px}.etc-section-heading>p{margin-top:16px}.etc-section-heading>a{display:inline-block;margin-top:10px}.etc-related,.etc-list{padding:36px 0 44px}.etc-archive{padding:36px 0 44px}.etc-archive-directory>div{grid-template-columns:1fr}.etc-hub-nav{display:grid;grid-template-columns:1fr;gap:10px}.etc-hub-nav a{padding:13px 16px;font-size:13px}.etc-archive-note{display:block;padding-block:36px 45px}.etc-archive-note aside{border-left:0;border-top:1px solid #bac7c7;padding:24px 0 0;margin-top:32px}.etc-page .etn-button{width:100%;font-size:13px;padding:16px}.etc-card .etc-card-route{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.etc-route i{animation:none}.etc-card,.etc-card:before{transition:none}}
@media(max-width:359px){.etc-facts{grid-template-columns:1fr}.etc-facts>div,.etc-facts>div+div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px;padding:15px 0;border-left:0}.etc-facts>div+div{border-top:1px solid #ffffff29}.etc-facts dt{margin:0;align-self:center}.etc-facts dd{font-size:17px}}
@media(max-width:359px){.etc-card dl>div{grid-template-columns:1fr;gap:3px}.etc-card dd{text-align:left}}

/* Catalog discovery is optional: the complete linked list works without JS. */
.etc-hub [hidden]{display:none!important}
.etc-filter{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;gap:16px;align-items:end;margin:0 0 14px}
.etc-filter label{display:grid;gap:8px;min-width:0;color:#213c4c;font-size:13px;line-height:1.5;font-weight:600}
.etc-filter input,.etc-filter select{box-sizing:border-box;width:100%;min-width:0;min-height:48px;border:1px solid #889b9e;border-radius:0;background:#faf9f4;color:#10212a;padding:12px;font:inherit;font-size:16px;line-height:1.4}
.etc-filter select{padding-right:28px}
.etc-filter input::placeholder{color:#526067;opacity:1}
.etc-filter button{min-height:48px;border:1px solid #647b84;background:transparent;color:#173a50;padding:12px 20px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.etc-filter button:disabled{opacity:.55;cursor:default}
.etc-filter input:focus-visible,.etc-filter select:focus-visible,.etc-filter button:focus-visible{outline:3px solid #1765ff;outline-offset:3px}
.etc-filter-status{margin:0 0 24px!important;color:#526067;font-size:14px!important;line-height:1.6}
.etc-filter-empty{padding:26px;border:1px solid #9aaeb1;color:#213c4c;line-height:1.7}
.etc-filter-empty p{margin:0!important}
@media(max-width:700px){.etc-filter{grid-template-columns:minmax(0,1fr);gap:14px}.etc-filter button{justify-self:start}.etc-filter-status{margin-bottom:18px!important}.etc-filter-empty{padding:20px}}