.ig{--paper:#f4f0e7;--ink:#172f3c;--muted:#64716e;--gold:#a57c3e;--line:#d6d5c9}
.ig *{box-sizing:border-box}
.ig{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 system-ui,sans-serif}
.ig a{color:inherit;text-underline-offset:4px}
.ig{max-width:1320px;margin:auto;padding:0 4%}
.ig .intro{padding:65px 0 45px;max-width:950px}
.ig .eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;color:var(--gold);margin:0 0 17px}
.ig h1{font:normal clamp(43px,6vw,77px)/1.08 Georgia,serif;letter-spacing:-2px;margin:0 0 25px}
.ig h1 em{color:#68786d;font-weight:normal}
.ig h2{font:normal clamp(26px,3vw,38px)/1.2 Georgia,serif;margin:0 0 15px}
.ig h3{font:normal 24px/1.3 Georgia,serif;margin:0 0 16px}
.ig .lede{font:20px/1.6 Georgia,serif;max-width:660px;color:#536264}
.ig .facts{font-size:12px;letter-spacing:.5px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;color:var(--muted)}
.ig .workspace{border-top:2px solid var(--ink);padding-top:30px}
.ig .panelhead{display:flex;align-items:center;justify-content:space-between;gap:20px}
.ig .controls{display:flex;flex-wrap:wrap;gap:18px;padding:15px 0}
.ig label{display:block;color:var(--muted);font-size:11px;letter-spacing:.4px}
.ig select,.ig button,.ig textarea{font:inherit;color:var(--ink)}
.ig select{display:block;background:transparent;border:0;border-bottom:1px solid #a7aca5;padding:9px 20px 9px 0;font-size:13px;max-width:100%}
.ig button{cursor:pointer;background:transparent;border:1px solid #bac1b9;border-radius:3px;padding:8px 13px;font-size:12px}
.ig button:hover{background:#e4e7df}
.ig button:focus-visible,.ig select:focus-visible,.ig a:focus-visible,.ig textarea:focus-visible{outline:3px solid #b69052;outline-offset:3px}
.ig .pills{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 10px}
.ig .pills button{border-radius:20px;opacity:.5}
.ig .pills button.active{opacity:1;border-color:var(--color);box-shadow:inset 0 -2px var(--color)}
.ig .pills i{display:inline-block;width:7px;height:7px;background:var(--color);border-radius:100%;margin-right:7px}
.ig .hint,.ig .range,.ig .small{font-size:12px;color:var(--muted)}
.ig #chart{width:100%;overflow-x:auto}
.ig svg{display:block;width:100%;height:auto}
.ig svg text{font-family:system-ui,sans-serif;fill:var(--muted);font-size:11px}
.ig .band{cursor:pointer}
.ig .band:hover{opacity:.75}
.ig .selection{fill:#a57c3e;fill-opacity:.15;stroke:var(--gold)}
.ig .range{display:flex;justify-content:space-between;padding:12px 0 24px}
.ig .below{border-top:1px solid var(--line);display:grid;grid-template-columns:1.65fr 1fr;gap:55px;padding-top:35px}
.ig .evidence{min-width:0}
.ig aside{border-left:1px solid var(--line);padding-left:30px}
.ig aside p{color:var(--muted)}
.ig .passage{padding:17px 0;border-bottom:1px solid var(--line)}
.ig .passage a{font-size:11px;color:var(--gold);text-decoration:none}
.ig .verse{font:17px/1.65 Georgia,serif;margin-top:7px}
.ig .verse mark{background:#e7d9b8;color:var(--ink)}
.ig #selectionNote{font-size:13px;color:var(--muted)}
.ig #more{margin-top:18px}
.ig details{border-top:1px solid var(--line);padding:18px 0;margin-top:22px}
.ig summary{cursor:pointer;font-size:13px}
.ig textarea{display:block;width:100%;margin:12px 0;padding:12px;border:1px solid var(--line);background:#ffffff50;font-size:13px;resize:vertical}
.ig #editTheme{margin:10px 0;width:100%}
.ig #peaks button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);padding:13px 0}
.ig .compare,.ig .method{margin-top:65px;padding-top:35px;border-top:2px solid var(--ink)}
.ig .compare>p:not(.eyebrow){color:var(--muted)}
.ig table{width:100%;border-collapse:collapse;font-size:13px}
.ig th,.ig td{text-align:left;padding:13px 8px;border-bottom:1px solid var(--line)}
.ig th{font-size:11px;color:var(--muted);font-weight:normal}
.ig .methodgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px 55px;margin-top:35px}
.ig .method p{font-size:13px;color:var(--muted)}
.ig .method h3{font-size:23px}
.ig .link{border:0;padding:0;text-decoration:underline;font-size:inherit}
@media(max-width:700px){.ig .intro{padding-top:40px}
.ig .below,.ig .methodgrid{grid-template-columns:1fr;gap:25px}
.ig aside{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:25px}
.ig .controls{gap:12px}
.ig .controls label{width:46%}
.ig select{font-size:12px}
.ig h1{letter-spacing:-1px}
.ig .range{display:block}
.ig .verse{font-size:16px}}
@media(max-width:700px){.ig #chart svg{min-width:740px}
.ig .hint:after{content:' On a small screen, scroll the graph sideways.'}
.ig #brush{overflow-x:auto}
.ig #brush svg{min-width:540px}}