/* Uses the existing site's typography, palette, card edges and container. */
#menu-information .nav-panel{width:450px;max-width:calc(100vw - 32px);left:auto;right:0}
#menu-information .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
.information-page{--info-line:#e2e2e2;color:var(--ink,#1f1f1f)}
.information-page p{white-space:pre-line;overflow-wrap:anywhere}
.information-page h1,.information-page h2,.information-page h3{word-break:keep-all;overflow-wrap:anywhere}
.info-hero{padding-top:62px;padding-bottom:54px}
.info-hero h1{font-size:48px;line-height:1.35;letter-spacing:-.04em;white-space:pre-line;margin:16px 0 24px}
.info-intro{max-width:850px;color:var(--muted);font-size:17px;line-height:1.9}
.info-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.info-shortcuts a{border:1px solid var(--info-line);border-radius:6px;padding:11px 18px;font-size:14px;min-height:46px}
.info-shortcuts a:first-child{background:#202020;color:#fff;border-color:#202020}
.info-lead{padding-block:35px 50px;border-top:1px solid var(--info-line)}
.information-page h2{font-size:27px;line-height:1.5;margin:0 0 20px;letter-spacing:-.025em}
.information-page h3{font-size:19px;line-height:1.5;margin:0 0 12px}
.info-lead p,.info-section>p{color:var(--muted);max-width:940px}
.info-stat-section{background:#f6f6f6;padding:56px 0;scroll-margin-top:175px}
.info-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.info-tabs button{font:inherit;font-size:14px;min-height:46px;border:1px solid var(--info-line);background:#fff;border-radius:7px;padding:10px 18px;cursor:pointer}
.info-tabs button[aria-selected=true]{color:#fff;background:#222;border-color:#222}
.info-chart{margin:0 0 20px;padding:32px;background:#fff;border:1px solid var(--info-line);border-radius:14px}
.info-chart[hidden]{display:none}
.info-badge{display:inline-block;border:1px solid var(--info-line);padding:5px 10px;border-radius:25px;font-size:12px;margin-bottom:18px}
.info-chart h3{font-size:24px}
.info-note{font-size:13px;color:#656565;line-height:1.85;margin:16px 0}
.info-legend{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;margin:24px 0 18px}
.info-key{width:10px;height:10px;display:inline-block;margin-right:6px;border:1px solid #777}
.info-series-0{background:#252525}.info-series-1{background:#858585}.info-series-2{background:#c4c4c4}
.info-bar-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;margin:16px 0}
.info-bar-label{font-size:13px;padding-top:2px;color:#555}
.info-bars{min-width:0}
.info-bar{display:grid;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:14px;margin:6px 0}
.info-track{height:12px;border-radius:2px;background:#f4f4f4;overflow:hidden}
.info-fill{display:block;height:100%;border-radius:2px}
.info-bar-value{font-size:13px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;color:#333}
.info-axis{font-size:11px;color:#777;text-align:right;margin:16px 0 20px}
.info-chart details{border-top:1px solid var(--info-line);margin-top:22px;padding-top:14px}
.info-chart summary{cursor:pointer;font-size:13px;min-height:40px;display:list-item}
.info-table-scroll{max-width:100%;overflow-x:auto}
.info-chart table{width:100%;border-collapse:collapse;font-size:13px;text-align:right}
.info-chart caption{text-align:left;padding:12px 0;color:#555}
.info-chart th,.info-chart td{padding:10px 12px;border-bottom:1px solid #eee;white-space:nowrap}
.info-chart th:first-child{text-align:left}
.info-source{display:flex;flex-wrap:wrap;column-gap:14px;row-gap:4px;border-top:1px solid var(--info-line);padding-top:16px;margin-top:18px;font-size:12px;color:#656565;overflow-wrap:anywhere}
.info-source p{margin:0}.info-source a{display:block;text-decoration:underline;text-underline-offset:4px;min-height:30px}
.info-section{padding-block:54px;border-bottom:1px solid var(--info-line);scroll-margin-top:175px}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px;margin:26px 0}
.info-card{min-width:0;border:1px solid var(--info-line);background:#fff;border-radius:12px;padding:26px;margin:0}
.info-card p{font-size:14px;color:#656565;margin-bottom:0}
.info-number{font-size:12px;letter-spacing:.08em;color:#777;margin:0 0 24px}
.info-card .info-cost{font-size:30px;color:#222;letter-spacing:-.03em;font-weight:600}
.info-case{display:block;border:1px solid var(--info-line);border-radius:12px;padding:20px;background:#fff}
.info-case img{width:100%;height:260px;object-fit:contain;background:#f8f8f8;border-radius:7px;margin-bottom:20px}
.info-case p{font-size:13px;color:#656565}
.info-cta{padding:56px 0;background:#f6f6f6;margin-top:36px}
.info-cta a{display:inline-block;margin:14px 20px 0 0;padding:12px 20px;border:1px solid #ddd;border-radius:6px;min-height:46px}
.info-cta a:first-of-type{background:#202020;color:#fff;border-color:#202020}
.info-topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:48px}
.info-topic-card{border:1px solid #ddd;border-radius:12px;padding:28px;display:grid;grid-template-columns:42px 1fr;background:#fff;transition:border-color .2s}
.info-topic-card:hover{border-color:#555}.info-topic-card h2{font-size:23px;margin:0 0 12px}
.info-topic-card>p,.info-topic-card>.info-card-link{grid-column:2;color:#656565;font-size:14px}
.info-card-link{margin-top:20px}.info-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin:22px 0}
.info-metric{padding:16px;background:#f8f8f8;border-radius:7px;font-size:13px}
.info-metric strong{display:block;font-size:27px;font-weight:600;letter-spacing:-.035em;margin-top:6px}
.information-page :focus-visible{outline:2px solid #222;outline-offset:4px}
@media(max-width:1100px) and (min-width:601px){.dropdown-nav{gap:12px}.dropdown-nav .nav-trigger{font-size:13px}}
@media(max-width:600px){
 .header-inner:has(#menu-information){grid-template-rows:62px 132px}
 .dropdown-nav:has(#menu-information) .nav-panel{max-height:min(65dvh,calc(100dvh - 200px),440px)}
 #menu-information .nav-panel{width:auto;max-width:none;left:0;right:0}#menu-information .nav-links{grid-template-columns:1fr;gap:0}
 .info-hero{padding-top:30px;padding-bottom:32px}.info-hero h1{font-size:32px;margin:12px 0 20px}.info-intro{font-size:15px}
 .information-page h2{font-size:23px}.information-page h3{font-size:18px}.info-lead{padding-block:28px 36px}
 .info-stat-section{padding-block:32px}.info-chart{padding:20px 16px}.info-chart h3{font-size:21px}
 .info-bar-row{grid-template-columns:minmax(0,1fr);gap:6px;margin:20px 0}.info-bar{grid-template-columns:minmax(0,1fr) 100px;gap:12px}
 .info-bar-label,.info-bar-value{font-size:14px;color:#333}.info-bar-label{font-weight:500}.info-track{height:12px}.info-legend{gap:12px;font-size:13px}.info-axis{font-size:12px}.info-source{font-size:13px}
 .info-tabs{gap:6px}.info-tabs button{font-size:13px;padding:9px 13px}
 .info-topic-grid{grid-template-columns:1fr;gap:12px}.info-topic-card{padding:23px 20px;grid-template-columns:34px 1fr}
 .info-topic-card h2{font-size:21px}.info-section{padding-block:35px}.info-grid{gap:14px}.info-card{padding:22px}
 .info-source{display:block}.info-source>span{display:block;margin:3px 0 8px}.info-metrics{grid-template-columns:1fr;gap:7px}.info-metric{display:flex;justify-content:space-between;align-items:center}.info-metric strong{font-size:23px;margin:0}.info-case img{height:240px}
}
@media(prefers-reduced-motion:reduce){.info-topic-card{transition:none}}