:root{color-scheme:light;--paper:#f2eee4;--panel:rgba(255,254,249,.96);--ink:#17201e;--muted:#66716d;--line:#c8c5b9;--green:#24695d;--green-soft:#dfece5;--slate:#405f70;--slate-soft:#e0e8eb;--orange:#b74b2e;--orange-soft:#f2dfd4;--gold:#9a6b25;--gold-soft:#f2e7cf;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--serif:Iowan Old Style,Baskerville,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 88% 2%,rgba(183,75,46,.09),transparent 28rem),linear-gradient(rgba(36,105,93,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(36,105,93,.04) 1px,transparent 1px),var(--paper);background-size:auto,48px 48px,48px 48px,auto;font-family:var(--sans)}a{color:inherit}button{font:inherit}code,.mono{font-family:var(--mono)}.ui-icon{width:1em;height:1em;fill:currentColor;vertical-align:-.12em}
.hero{padding:clamp(54px,8vw,112px) clamp(18px,7vw,112px) 54px;border-bottom:1px solid var(--line)}.hero-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:60px;align-items:end}.eyebrow,.section-kicker{margin:0 0 14px;color:var(--orange);font:700 12px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase}h1{margin:0;max-width:1040px;font:500 clamp(50px,7.2vw,106px)/.91 var(--serif);letter-spacing:-.045em}.hero-copy{max-width:850px;margin:28px 0 0;color:#4f5b57;font-size:clamp(18px,2vw,25px);line-height:1.5}.hero-meta{min-width:0;margin:0;border:1px solid var(--line);background:var(--panel)}.hero-meta div{min-width:0;padding:16px 19px;border-bottom:1px solid var(--line)}.hero-meta div:last-child{border:0}.hero-meta dt{margin-bottom:6px;color:var(--muted);font:12px/1.2 var(--mono);letter-spacing:.11em;text-transform:uppercase}.hero-meta dd{min-width:0;margin:0;font:12px/1.45 var(--mono);overflow-wrap:anywhere}
.workspace{max-width:1600px;margin:auto;padding:42px clamp(18px,4vw,64px) 90px}.panel{border:1px solid var(--line);background:var(--panel)}.overview,.lineage,.overlay,.forms,.borrowing-panel,.equivalence-panel,.boundary{padding:clamp(24px,4vw,48px)}.lineage,.overlay,.forms,.load-boundary,.boundary{margin-top:36px}.section-heading{max-width:900px}.section-heading h2,.load-boundary h2{margin:0;font:500 clamp(34px,4vw,58px)/.98 var(--serif);letter-spacing:-.025em}.section-heading>p:last-child{margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.6}
.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:30px}.metric-card{min-width:0;padding:20px;border:1px solid var(--line);background:#fffefa}.metric-card strong{display:block;color:var(--green);font:500 clamp(34px,4vw,55px)/1 var(--serif)}.metric-card span{display:block;margin-top:9px;color:var(--muted);font:12px/1.35 var(--mono);text-transform:uppercase}
.family-trees{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:12px;margin-top:30px}.family-card{min-width:0;border:1px solid var(--line);background:#fffefa}.family-card>header{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:14px;padding:18px 20px;color:white;background:var(--slate)}.family-card>header span,.family-card>header small{font:12px/1.3 var(--mono);letter-spacing:.08em}.family-card>header h3{margin:0;font:500 27px/1 var(--serif)}.path-row{min-width:0;display:grid;grid-template-columns:minmax(160px,.32fr) minmax(0,1fr);gap:18px;padding:14px 18px;border-top:1px solid var(--line)}.path-title{min-width:0}.path-title strong,.path-title code{display:block}.path-title strong{font-size:14px}.path-title code{margin-top:5px;color:var(--muted);font-size:12px}.path-trail{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.path-trail span{max-width:220px;padding:5px 7px;background:var(--slate-soft);font-size:12px;line-height:1.3;overflow-wrap:anywhere}.path-trail i{color:var(--slate);font:normal 15px/1 var(--mono)}
.transmission-graph{margin-top:28px;border:1px solid var(--line);background:#fffefa}.graph-scroll{overflow-x:auto}.transmission-graph svg{display:block;min-width:760px;width:100%;height:auto}.genealogy-line{stroke:#66808d;stroke-width:3}.graph-node rect{fill:#fffefa;stroke:var(--slate);stroke-width:2}.graph-node.family rect{fill:var(--slate-soft)}.graph-name{fill:var(--ink);font:600 16px var(--sans)}.graph-code{fill:var(--muted);font:12px var(--mono)}.borrowing-edge path{fill:none;stroke:var(--orange);stroke-width:4}.borrowing-edge.uncertain path{stroke-dasharray:10 7}.borrowing-edge text{fill:var(--orange);font:700 12px var(--mono);paint-order:stroke;stroke:#fffefa;stroke-width:6;stroke-linejoin:round}.borrowing-edge marker path,#borrowing-arrow path{fill:var(--orange);stroke:none}.graph-legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px;color:var(--muted);font:12px/1.3 var(--mono)}.graph-legend span{display:flex;align-items:center;gap:8px}.graph-legend i{display:inline-block;width:30px;border-top:3px solid var(--slate)}.graph-legend .horizontal-key{border-color:var(--orange)}.graph-legend .uncertain-key{border-color:var(--orange);border-top-style:dashed}
.form-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:30px}.form-card{min-width:0;padding:19px;border:1px solid var(--line);border-top:4px solid var(--green);background:#fffefa}.form-card.clear{border-top-color:var(--orange)}.form-card.perhaps{border-top-color:var(--gold)}.form-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-head span{font-weight:700}.form-head code{color:var(--muted);font-size:12px}.form-value{display:block;margin:24px 0 17px;font:500 clamp(34px,4vw,52px)/1 var(--serif);overflow-wrap:anywhere}.form-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;background:var(--green-soft)}.clear .form-status{background:var(--orange-soft)}.perhaps .form-status{background:var(--gold-soft)}.form-status span{min-width:0;font-size:12px;line-height:1.3;text-transform:uppercase}.form-status b{font:700 13px/1 var(--mono)}.form-card p{min-height:3.9em;margin:14px 0;color:var(--muted);font-size:12px;line-height:1.5}.form-card a{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:12px;text-underline-offset:3px}
.analysis-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:36px}.borrowing-panel{border-right:0}.choice-controls{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0 15px}.choice-button{min-width:0;padding:9px 11px;text-align:left;border:1px solid var(--line);background:#fffefa;cursor:pointer}.choice-button span{margin-right:7px;color:var(--orange);font:700 12px/1 var(--mono)}.choice-button strong{font-size:12px}.choice-button:hover{border-color:var(--green)}.choice-button[data-active=true]{color:white;border-color:var(--green);background:var(--green)}.choice-button[data-active=true] span{color:#d8f3e9}.choice-button:focus-visible{outline:3px solid color-mix(in srgb,var(--green) 35%,transparent);outline-offset:2px}.borrowing-detail,.comparison-result{border:1px solid var(--line);background:#fffefa}.borrowing-card>header,.comparison-card>header{padding:21px;background:var(--slate-soft)}.borrowing-card>header span,.comparison-card>header span{color:var(--slate);font:700 12px/1.3 var(--mono);letter-spacing:.08em}.borrowing-card h3,.comparison-card h3{margin:11px 0 7px;font:500 29px/1 var(--serif)}.borrowing-card header p,.comparison-card header p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.borrowing-facts{margin:0}.fact-row{display:grid;grid-template-columns:145px minmax(0,1fr);gap:15px;padding:10px 15px;border-top:1px solid var(--line)}.fact-row dt{color:var(--muted);font:12px/1.4 var(--mono);text-transform:uppercase}.fact-row dd{min-width:0;margin:0;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.interpretation-note{margin:0;padding:15px;border-top:1px solid var(--gold);background:var(--gold-soft);color:#6d542c;font-size:12px;line-height:1.55}.verdict-list{display:grid}.verdict-row{display:grid;grid-template-columns:72px 150px minmax(0,1fr);align-items:start;gap:12px;padding:11px 14px;border-top:1px solid var(--line)}.verdict-row b{padding:5px 6px;color:white;background:var(--orange);font:700 12px/1 var(--mono);text-align:center}.verdict-row.equal b{background:var(--green)}.verdict-row strong{font-size:12px;line-height:1.4}.verdict-row p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.load-boundary{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.5fr);align-items:center;gap:40px;padding:clamp(24px,4vw,48px);background:#ece8dc}.load-boundary p:last-child{max-width:900px;margin:18px 0 0;color:var(--muted);line-height:1.6}.undefined-value{display:grid;justify-items:center;padding:20px;border:1px dashed var(--gold);background:var(--gold-soft)}.undefined-value strong{font:500 96px/.65 var(--serif)}.undefined-value span{margin-top:18px;color:var(--gold);font:700 13px/1 var(--mono);letter-spacing:.12em}.undefined-value small{margin-top:10px;color:var(--muted)}
.boundary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:27px}.boundary-grid article{padding:18px;border:1px solid var(--line);background:#fffefa}.boundary-grid span{color:var(--orange);font:700 12px/1 var(--mono);letter-spacing:.09em}.boundary-grid h3{margin:10px 0 7px;font:500 22px/1.05 var(--serif)}.boundary-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.source-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.source-links a{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--line);background:#fffefa;color:var(--green);font-size:12px;text-underline-offset:3px}.fatal-error{margin:30px;padding:20px;color:#7d2819;border:1px solid var(--orange);background:var(--orange-soft)}.study-footer{padding:28px clamp(18px,4vw,64px);border-top:1px solid var(--line);color:var(--muted);font:12px/1.5 var(--mono)}
@media(max-width:1120px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.family-trees,.analysis-grid{grid-template-columns:1fr}.borrowing-panel{border-right:1px solid var(--line);border-bottom:0}.boundary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.hero-grid,.load-boundary{grid-template-columns:1fr}.form-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.metric-grid,.form-list,.boundary-grid{grid-template-columns:1fr}.path-row,.fact-row,.verdict-row{grid-template-columns:1fr;gap:7px}.family-card>header{grid-template-columns:1fr;gap:5px}.form-card p{min-height:0}}