.gsc, .gsc-widget { --gsc-ink:#262c25; --gsc-muted:#62695d; --gsc-paper:#f6f2e8; --gsc-light:#fffcf5; --gsc-line:#dcd8ca; --gsc-rust:#a5442b; --gsc-green:#385844; color:var(--gsc-ink); font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.55; }
.gsc *, .gsc-widget * { box-sizing:border-box; }
.gsc { margin:0; background:var(--gsc-paper); }
.gsc a, .gsc-widget a { color:inherit; text-underline-offset:.22em; }
.gsc a:hover, .gsc-widget a:hover { color:var(--gsc-rust); }
.gsc button, .gsc input, .gsc select, .gsc-widget button, .gsc-widget input, .gsc-widget select { font:inherit; }
.gsc button, .gsc-widget button { cursor:pointer; }
.gsc button:disabled, .gsc-widget button:disabled { cursor:default; }
.gsc :focus-visible, .gsc-widget :focus-visible { outline:3px solid #a5442b; outline-offset:4px; border-radius:3px; }
.gsc [hidden], .gsc-widget [hidden] { display:none!important; }
.gsc-wrap { width:min(1280px,calc(100% - 80px)); margin-inline:auto; }
.gsc-skip { position:fixed; top:-80px; left:20px; z-index:10; padding:12px; background:var(--gsc-light); }
.gsc-skip:focus { top:12px; }
.gsc-header { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:102px; border-bottom:1px solid var(--gsc-line); }
.gsc-brand { display:flex; align-items:center; gap:12px; text-decoration:none; font-size:11px; line-height:1.45; font-weight:700; letter-spacing:.12em; }
.gsc-brand svg { width:40px; height:40px; flex:none; }
.gsc-header nav { display:flex; align-items:center; gap:32px; font-size:13px; }
.gsc-header nav a { text-decoration:none; padding:12px 0; }
.gsc-hero { display:grid; grid-template-columns:1.2fr 1fr; align-items:end; gap:70px; padding:65px 0 54px; }
.gsc-overline { font-size:10px; line-height:1.6; font-weight:700; text-transform:uppercase; letter-spacing:.17em; margin:0 0 16px; }
.gsc-hero .gsc-overline { color:var(--gsc-rust); }
.gsc h1 { font-family:Georgia,'Times New Roman',serif; font-size:clamp(52px,6.5vw,92px); line-height:1.02; letter-spacing:-.052em; font-weight:400; margin:0; }
.gsc h1 em { font-weight:400; color:var(--gsc-rust); }
.gsc-hero-copy { padding-bottom:4px; }
.gsc-hero-copy > p { font-size:17px; line-height:1.65; margin:0 0 28px; max-width:430px; }
.gsc-unit-key { display:flex; gap:30px; padding-top:18px; border-top:1px solid var(--gsc-line); }
.gsc-unit-key div { display:flex; flex-direction:column; gap:4px; }
.gsc-unit-key dt { font-family:Georgia,serif; font-size:25px; }
.gsc-unit-key dd { margin:0; color:var(--gsc-muted); font-size:11px; }
.gsc-section-label { display:flex; align-items:center; justify-content:space-between; gap:18px; border-top:1px solid var(--gsc-line); padding:18px 0; }
.gsc-section-label .gsc-overline { margin:0; }
.gsc-section-label > span { font-size:11px; color:var(--gsc-muted); }
.gsc-widget { background:var(--gsc-light); border:1px solid #d7d4c6; border-radius:4px; overflow:hidden; container-type:inline-size; }
.gsc-widget-inner { display:grid; grid-template-columns:182px minmax(0,1fr); }
.gsc-scene-nav { background:#efecdf; padding:19px 0; border-right:1px solid var(--gsc-line); }
.gsc-scene-nav button { display:flex; align-items:center; gap:13px; width:100%; min-height:66px; text-align:left; padding:15px 19px; border:0; border-left:3px solid transparent; background:transparent; color:var(--gsc-muted); font-size:12px; line-height:1.4; }
.gsc-scene-nav button span { font-family:Georgia,serif; font-size:13px; color:#695d4f; }
.gsc-scene-nav button:hover { background:#e8e5d9; color:var(--gsc-ink); }
.gsc-scene-nav button[aria-pressed=true] { border-left-color:var(--gsc-rust); background:var(--gsc-light); color:var(--gsc-rust); font-weight:700; }
.gsc-workbench { padding:29px 34px 20px; min-width:0; }
.gsc-scene-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; }
.gsc-scene-heading .gsc-overline { color:var(--gsc-rust); margin:0 0 8px; }
.gsc-scene-heading h2 { font-family:Georgia,serif; font-size:29px; font-weight:400; line-height:1.2; letter-spacing:-.025em; margin:0; }
.gsc-scale-switch { display:flex; flex-shrink:0; padding:3px; border:1px solid var(--gsc-line); border-radius:6px; }
.gsc-scale-switch button { border:0; border-radius:3px; min-height:38px; padding:6px 14px; background:transparent; color:var(--gsc-muted); font-size:12px; }
.gsc-scale-switch button[aria-pressed=true] { background:var(--gsc-ink); color:#fffcf5; }
.gsc-scene-intro { font-size:13px; line-height:1.65; max-width:680px; color:var(--gsc-muted); margin:16px 0 14px; }
.gsc-instrument { display:grid; grid-template-columns:minmax(235px,.9fr) minmax(0,1.35fr); align-items:center; gap:24px; min-height:330px; }
.gsc-dial-column { min-width:0; text-align:center; }
.gsc-dial { position:relative; max-width:355px; margin-inline:auto; }
.gsc-dial svg { display:block; width:100%; height:auto; }
.gsc-dial-readout { position:absolute; width:54%; left:23%; top:35%; display:flex; flex-direction:column; gap:9px; pointer-events:none; }
.gsc-dial-readout .gsc-overline { font-size:8px; margin:0; color:var(--gsc-muted); }
.gsc-dial-readout strong { font-family:Georgia,serif; font-size:clamp(22px,2.9vw,39px); letter-spacing:-.045em; line-height:1.05; font-weight:400; }
.gsc-dial-readout > span:last-child { font-size:9px; color:var(--gsc-muted); }
.gsc-dial-caption { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:11px; margin:7px 0 5px; }
.gsc-dial-column > .gsc-tiny { font-size:10px; max-width:235px; margin:0 auto 12px; }
.gsc-timeline { min-width:0; }
.gsc-axis-direction { display:flex; justify-content:space-between; gap:6px; font-size:10px; color:var(--gsc-muted); margin:3px 0 8px; }
.gsc-axis-direction > span:nth-child(2) { flex:1; text-align:center; }
.gsc-timeline svg { display:block; width:100%; }
.gsc-track { margin-top:4px; }
.gsc-track-label { display:flex; justify-content:space-between; align-items:baseline; gap:8px; font-size:12px; line-height:1.4; }
.gsc-track-label button { padding:4px 0; border:0; background:transparent; color:var(--gsc-ink); text-align:left; text-decoration:underline; text-decoration-color:#bbbcae; text-underline-offset:3px; font-size:inherit; line-height:inherit; min-height:32px; }
.gsc-track-label button:hover { color:var(--gsc-rust); }
.gsc-track-label > span:last-child { color:var(--gsc-muted); text-align:right; flex-shrink:0; font-size:11px; }
.gsc-axis-note { font-size:10px; color:var(--gsc-muted); border-top:1px solid var(--gsc-line); padding-top:10px; margin:9px 0; }
.gsc-unknown { display:flex; align-items:center; gap:9px; font-family:Georgia,serif; margin:4px 0 8px; padding:4px 10px; border:1px dashed #a1a494; color:var(--gsc-muted); font-size:17px; }
.gsc-unknown span { font-family:Arial,Helvetica,sans-serif; font-size:11px; }
.gsc-cursor-controls { margin:15px 0 0; border:1px solid var(--gsc-line); padding:10px 16px 12px; border-radius:3px; }
.gsc-cursor-controls legend { padding:0 7px; font-size:10px; color:var(--gsc-muted); letter-spacing:.08em; text-transform:uppercase; }
.gsc-slider-label { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:12px; }
.gsc-slider-label output { color:var(--gsc-rust); font-weight:700; }
.gsc-cursor-controls input[type=range] { width:100%; margin:10px 0; min-height:32px; accent-color:var(--gsc-rust); cursor:ew-resize; }
.gsc-age-entry { display:flex; justify-content:space-between; align-items:center; gap:14px; font-size:11px; }
.gsc-age-entry > div { display:flex; gap:6px; align-items:center; }
.gsc-age-entry input { width:130px; min-height:38px; padding:7px 9px; border:1px solid #b4b8a8; border-radius:3px; color:var(--gsc-ink); background:var(--gsc-light); font-size:12px; }
.gsc-age-entry button { padding:8px 10px; min-height:38px; border:1px solid #b4b8a8; border-radius:3px; background:var(--gsc-light); color:var(--gsc-ink); font-size:11px; }
.gsc-age-entry button:hover { background:#eeede3; }
.gsc-tiny { font-size:11px; line-height:1.6; color:var(--gsc-muted); margin:9px 0 0; }
.gsc-reading-note { display:flex; gap:12px; align-items:baseline; margin:16px 0 9px; }
.gsc-reading-note > span { color:var(--gsc-rust); font-size:20px; }
.gsc-reading-note p { font-size:12px; line-height:1.6; margin:0; }
.gsc-workbench-footer { display:flex; align-items:center; gap:18px; flex-wrap:wrap; border-top:1px solid var(--gsc-line); padding:14px 0 4px; }
.gsc-checkbox { display:flex; gap:7px; align-items:center; font-size:10px; }
.gsc-checkbox input { accent-color:var(--gsc-rust); width:16px; height:16px; }
.gsc-text-button { border:0; color:var(--gsc-muted); padding:10px 0; background:none; text-decoration:underline; text-underline-offset:3px; font-size:11px!important; }
.gsc-source-line { font-size:10px; color:var(--gsc-muted); line-height:1.8; margin:0; }
.gsc-workbench-footer .gsc-source-line { margin-left:auto; }
.gsc-source-line a { display:inline-block; padding:3px 0; }
.gsc-source-line > span { padding-inline:5px; color:#969a8e; }
.gsc-lens { border-top:1px solid var(--gsc-line); margin-top:9px; }
.gsc-lens > summary { cursor:pointer; font-size:11px; padding:15px 0 0; }
.gsc-lens-content { padding:18px 0 5px; max-width:700px; }
.gsc-lens-content > label { display:block; font-size:11px; margin-bottom:6px; }
.gsc-lens-content select { max-width:100%; min-height:40px; border:1px solid #b4b8a8; background:var(--gsc-light); padding:6px; color:var(--gsc-ink); font-size:12px; }
.gsc-lens-content svg { width:100%; display:block; }
.gsc-share-row { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:15px; padding:14px 0 0; font-size:11px; color:var(--gsc-muted); }
.gsc-share-row a { min-height:32px; display:inline-flex; align-items:center; }
.gsc-share-row p { margin:0; }
.gsc-legend { display:flex; gap:21px; flex-wrap:wrap; font-size:10px; color:var(--gsc-muted); }
.gsc-legend > span { display:flex; align-items:center; gap:7px; }
.gsc-mark { display:inline-block; width:21px; border-top:3px solid #6b806f; }
.gsc-mark.point { width:7px; height:7px; border:0; background:#6b806f; transform:rotate(45deg); margin-inline:6px; }
.gsc-mark.envelope { border-top-style:dashed; }
.gsc-mark.error { height:11px; background:#ead1c6; border-left:1px solid var(--gsc-rust); border-right:1px solid var(--gsc-rust); border-top:0; }
.gsc-editorial { padding-top:75px; }
.gsc-section-title { display:flex; align-items:end; justify-content:space-between; gap:30px; margin:0 0 28px; }
.gsc-section-title h2 { font-family:Georgia,serif; font-size:39px; letter-spacing:-.03em; line-height:1.1; font-weight:400; margin:0; }
.gsc-section-title p { font-size:13px; color:var(--gsc-muted); max-width:365px; margin:0; }
.gsc-comparison-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--gsc-line); border-left:1px solid var(--gsc-line); }
.gsc-comparison { padding:26px 27px 23px; border-right:1px solid var(--gsc-line); border-bottom:1px solid var(--gsc-line); min-width:0; }
.gsc-comparison .gsc-overline { color:var(--gsc-muted); font-size:9px; margin:0; }
.gsc-comparison .gsc-ratio { color:var(--gsc-rust); font-family:Georgia,serif; font-size:48px; line-height:1; letter-spacing:-.035em; margin:23px 0 17px; }
.gsc-ratio span { font-size:27px; padding-left:4px; }
.gsc-comparison h3 { font-size:13px; margin:0 0 8px; }
.gsc-comparison > p:not(.gsc-ratio) { font-size:12px; color:var(--gsc-muted); margin:0 0 12px; }
.gsc-comparison details { font-size:11px; color:var(--gsc-muted); }
.gsc-comparison summary { cursor:pointer; padding:6px 0; }
.gsc-comparison details p { font-size:11px; }
.gsc-equation { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.gsc-jump { font-size:11px; display:inline-flex; align-items:center; justify-content:space-between; gap:24px; text-decoration:none; padding-top:17px; color:var(--gsc-rust)!important; }
.gsc-diagram-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.gsc-diagram-grid figure { margin:0; min-width:0; }
.gsc-diagram-grid img { width:100%; height:auto; display:block; background:var(--gsc-light); border:1px solid var(--gsc-line); }
.gsc-diagram-grid h3 { font-family:Georgia,serif; font-size:22px; font-weight:400; margin:17px 0 8px; }
.gsc-diagram-grid p { font-size:12px; color:var(--gsc-muted); margin:0; }
.gsc-diagram-grid a { display:inline-block; font-size:11px; margin-top:14px; }
.gsc-methods { display:grid; grid-template-columns:1fr 1fr; gap:60px; padding:35px 0; border-top:1px solid var(--gsc-line); border-bottom:1px solid var(--gsc-line); margin-top:60px; }
.gsc-methods h2 { font-family:Georgia,serif; font-size:30px; line-height:1.2; font-weight:400; margin:0 0 15px; }
.gsc-methods p { font-size:13px; color:var(--gsc-muted); margin:0 0 12px; }
.gsc-methods dl { margin:0; }
.gsc-methods dt { font-size:12px; font-weight:700; margin-bottom:6px; }
.gsc-methods dd { font-size:12px; color:var(--gsc-muted); margin:0 0 17px; }
.gsc-source-list { display:grid; grid-template-columns:1fr 1fr; column-gap:55px; padding:0; list-style:none; }
.gsc-source-list li { padding:22px 0; border-top:1px solid var(--gsc-line); scroll-margin-top:24px; }
.gsc-source-list strong { display:block; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--gsc-muted); margin-bottom:6px; }
.gsc-source-list a { font-family:Georgia,serif; font-size:20px; }
.gsc-source-list p { font-size:12px; color:var(--gsc-muted); margin:10px 0 0; }
.gsc-source-list .gsc-source-date { font-size:10px; }
.gsc-footer { display:flex; justify-content:space-between; gap:24px; border-top:1px solid var(--gsc-line); margin-top:45px; padding:24px 0 40px; color:var(--gsc-muted); font-size:10px; }
.gsc-fallback { padding:28px; }
.gsc-fallback h2 { font-family:Georgia,serif; font-size:30px; font-weight:400; }
.gsc-fallback img { display:block; max-width:100%; height:auto; }
.gsc-fallback p { font-size:13px; }
.gsc-reading-section { padding:50px 0; border-top:1px solid var(--gsc-line); }
.gsc-reading-section h2 { font-family:Georgia,serif; font-weight:400; font-size:36px; }
.gsc-reading-section > p { max-width:760px; font-size:14px; }
.gsc-reading-plots { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.gsc-reading-plots img { display:block; width:100%; height:auto; }
.gsc-reading-section table { border-collapse:collapse; width:100%; font-size:12px; margin:25px 0; }
.gsc-reading-section th, .gsc-reading-section td { border-bottom:1px solid var(--gsc-line); padding:10px; text-align:left; vertical-align:top; }
.gsc-reading-section th { font-weight:700; }
.gsc-reading-section .gsc-comparison-grid { grid-template-columns:1fr 1fr; }
.gsc-sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@container (max-width:1000px) {
  .gsc-widget-inner { grid-template-columns:1fr; }
  .gsc-scene-nav { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border-right:0; border-bottom:1px solid var(--gsc-line); padding:0; }
  .gsc-scene-nav button { flex-direction:column; gap:3px; text-align:center; padding:13px 8px; min-height:75px; border-left:0; border-bottom:3px solid transparent; }
  .gsc-scene-nav button[aria-pressed=true] { border-left:0; border-bottom-color:var(--gsc-rust); }
}
@container (max-width:680px) {
  .gsc-workbench { padding:25px 20px 18px; }
  .gsc-instrument { grid-template-columns:1fr; gap:18px; }
  .gsc-dial { max-width:310px; }
  .gsc-dial-readout strong { font-size:34px; }
  .gsc-dial-readout .gsc-overline { font-size:9px; }
  .gsc-dial-readout > span:last-child { font-size:10px; }
  .gsc-scene-heading { flex-wrap:wrap; }
  .gsc-scene-heading h2 { font-size:29px; }
  .gsc-scale-switch button { min-height:44px; }
  .gsc-scene-nav { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .gsc-scene-nav button { min-height:66px; font-size:11px; }
  .gsc-track-label { font-size:12px; }
  .gsc-track-label > span:last-child { font-size:10px; max-width:45%; flex-shrink:1; }
  .gsc-track-label button { min-height:44px; }
  .gsc-axis-direction { font-size:10px; }
  .gsc-axis-note, .gsc-tiny, .gsc-checkbox, .gsc-source-line { font-size:11px; }
  .gsc-age-entry { display:block; font-size:11px; }
  .gsc-age-entry > div { margin-top:7px; flex-wrap:wrap; }
  .gsc-age-entry input { flex:1; min-width:130px; width:130px; font-size:16px; }
  .gsc-age-entry button { min-height:44px; }
  .gsc-cursor-controls { padding:12px; }
  .gsc-workbench-footer { gap:7px 16px; }
  .gsc-workbench-footer .gsc-source-line { margin-left:0; flex-basis:100%; }
  .gsc-lens-content select { width:100%; font-size:12px; }
  .gsc-lens > summary, .gsc-checkbox { min-height:44px; }
}
@media (max-width:900px) {
  .gsc-wrap { width:calc(100% - 48px); }
  .gsc-hero { gap:35px; padding-top:48px; }
  .gsc-comparison-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .gsc-diagram-grid { grid-template-columns:1fr; gap:30px; }
  .gsc-diagram-grid figure { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center; }
  .gsc-diagram-grid h3 { margin-top:0; }
  .gsc-reading-plots { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .gsc-wrap { width:calc(100% - 32px); }
  .gsc-header { min-height:86px; gap:12px; }
  .gsc-brand { font-size:8px; gap:7px; }
  .gsc-brand svg { width:31px; height:31px; }
  .gsc-header nav { gap:13px; font-size:10px; }
  .gsc-header nav a:first-child { display:none; }
  .gsc-hero { grid-template-columns:1fr; gap:26px; padding:39px 0 32px; }
  .gsc h1 { font-size:60px; }
  .gsc-hero-copy > p { font-size:14px; margin-bottom:22px; }
  .gsc-unit-key { gap:35px; }
  .gsc-overline { font-size:9px; }
  .gsc-section-label > span { font-size:9px; max-width:130px; text-align:right; }
  .gsc-editorial { padding-top:49px; }
  .gsc-section-title { display:block; }
  .gsc-section-title h2 { font-size:34px; }
  .gsc-section-title p { margin-top:15px; font-size:12px; }
  .gsc-comparison-grid { grid-template-columns:1fr; }
  .gsc-comparison { padding:25px; }
  .gsc-comparison .gsc-ratio { font-size:50px; }
  .gsc-comparison h3 { font-size:14px; }
  .gsc-comparison > p:not(.gsc-ratio) { font-size:13px; }
  .gsc-comparison details, .gsc-comparison details p, .gsc-jump { font-size:12px; }
  .gsc-comparison summary { min-height:40px; }
  .gsc-diagram-grid figure { display:block; }
  .gsc-diagram-grid h3 { margin-top:18px; }
  .gsc-methods { grid-template-columns:1fr; gap:15px; margin-top:45px; }
  .gsc-source-list { grid-template-columns:1fr; }
  .gsc-footer { display:block; line-height:1.8; }
  .gsc-footer > span { display:block; margin-bottom:8px; }
  .gsc-legend { gap:10px 16px; }
  .gsc-reading-section .gsc-comparison-grid { grid-template-columns:1fr; }
  .gsc-reading-section table, .gsc-reading-section tbody, .gsc-reading-section tr, .gsc-reading-section td { display:block; }
  .gsc-reading-section thead { display:none; }
  .gsc-reading-section th { display:block; border-bottom:0; }
  .gsc-reading-section td { border-bottom:0; padding-top:0; }
  .gsc-reading-section tr { border-bottom:1px solid var(--gsc-line); }
}
@media (prefers-reduced-motion:reduce) {
  .gsc *, .gsc-widget * { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
}
@media print {
  .gsc { background:white; color:#111; }
  .gsc-wrap { width:100%; }
  .gsc-header, .gsc-share-row, .gsc-jump, .gsc-skip { display:none!important; }
  .gsc-hero { padding:20px 0; }
  .gsc-reading-section { break-before:page; }
  .gsc-reading-plots { grid-template-columns:1fr; }
  .gsc-comparison-grid { display:block; }
  .gsc-comparison, .gsc-source-list li { break-inside:avoid; }
}
