:root{--paper:#f3f0e8;--ink:#171717;--muted:#6f6b63;--line:#cbc5b8;--soft:#e7e2d7;--accent:#8a4f36;--serif:Georgia,'Times New Roman',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.5}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;font-family:var(--serif);font-size:1.15rem;font-weight:700}.header-note{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.hero{padding:110px 0 95px;display:grid;grid-template-columns:1.4fr .8fr;gap:60px;align-items:end}.eyebrow,.section-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.17em;color:var(--accent);font-weight:700}.hero .eyebrow{grid-column:1/-1;margin:0 0 10px}.hero h1{font-family:var(--serif);font-size:clamp(4rem,9vw,8rem);line-height:.89;letter-spacing:-.055em;margin:0;font-weight:500}.hero-copy{font-family:var(--serif);font-size:1.25rem;line-height:1.55;margin:0;color:#3f3c37;max-width:590px}.method{border-top:1px solid var(--line);padding:42px 0 70px}.formula{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin:28px 0 18px;font-family:var(--serif);font-size:clamp(1.9rem,4vw,3.6rem)}.formula b{font-family:var(--sans);font-weight:300;color:var(--accent)}.method>p{max-width:720px;color:var(--muted);font-size:.97rem}.sides{padding:20px 0 90px}.side-card{margin-top:24px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:32px 0 38px;display:flex;justify-content:space-between;gap:30px;color:inherit;text-decoration:none;transition:padding .2s ease}.side-card:hover{padding-left:12px;padding-right:12px}.side-number{font-size:.72rem;color:var(--muted);letter-spacing:.12em}.side-card h2{font-family:var(--serif);font-size:clamp(2.8rem,6vw,5.8rem);line-height:.95;margin:14px 0 12px;font-weight:500;letter-spacing:-.04em}.side-card p{max-width:680px;margin:0;color:var(--muted)}.arrow{font-size:2.2rem;align-self:center}.empty-state{padding:28px 0;color:var(--muted);font-family:var(--serif);font-style:italic}.footer{border-top:1px solid var(--line);padding:24px 0 40px;color:var(--muted);font-size:.78rem}.side-hero{padding:72px 0 52px}.side-hero h1{font-family:var(--serif);font-size:clamp(4rem,8vw,7.2rem);line-height:.92;letter-spacing:-.05em;margin:12px 0 22px;font-weight:500}.side-hero .lede{max-width:780px;font-family:var(--serif);font-size:1.22rem;color:#423f39}.stats{display:flex;gap:26px;flex-wrap:wrap;margin-top:32px}.stat{padding-right:26px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{display:block;font-family:var(--serif);font-size:1.65rem;font-weight:500}.stat span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.study-nav{position:sticky;top:0;z-index:20;background:rgba(243,240,232,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.study-nav .shell{display:flex;gap:4px;overflow-x:auto}.tab{appearance:none;border:0;background:transparent;padding:16px 18px 14px;font:inherit;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:var(--ink);border-color:var(--accent)}.panel{display:none;padding:54px 0 90px}.panel.active{display:block}.panel-intro{display:grid;grid-template-columns:.55fr 1.45fr;gap:40px;margin-bottom:36px}.panel-intro h2{font-family:var(--serif);font-size:2.4rem;margin:0;font-weight:500}.panel-intro p{margin:4px 0 0;color:var(--muted);max-width:720px}.matrix-wrap{overflow:auto;border:1px solid var(--line);background:rgba(255,255,255,.18)}table.matrix{border-collapse:collapse;min-width:1350px;width:100%;font-size:.78rem}.matrix th,.matrix td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 12px;text-align:left;vertical-align:top}.matrix th{position:sticky;top:49px;background:var(--paper);z-index:2;font-weight:600}.matrix th:first-child{left:0;z-index:3}.matrix td:first-child{position:sticky;left:0;background:var(--paper);font-family:var(--serif);font-size:.9rem;min-width:265px}.matrix td.answer{cursor:pointer;min-width:120px;transition:background .15s}.matrix td.answer:hover{background:var(--soft)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--line);margin-right:6px}.status-dot.seeded{background:var(--accent)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.card{background:var(--paper);padding:28px}.card h3{font-family:var(--serif);font-size:1.6rem;margin:7px 0 10px;font-weight:500}.card p{color:var(--muted);margin:0;font-size:.92rem}.card .meta{font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;color:var(--accent)}.question-card{cursor:pointer}.question-card:hover{background:var(--soft)}.compare-controls{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:36px}.control-group{border-top:1px solid var(--ink);padding-top:14px}.control-group h3{font-family:var(--serif);font-weight:500;margin:0 0 14px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:transparent;padding:7px 10px;border-radius:999px;font:inherit;font-size:.76rem;cursor:pointer}.chip.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.compare-output{display:grid;gap:18px}.compare-row{border-top:1px solid var(--line);padding-top:18px}.compare-row h3{font-family:var(--serif);font-weight:500;margin:0 0 14px}.compare-columns{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.compare-cell{background:var(--paper);padding:22px}.compare-cell h4{margin:0 0 10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.compare-cell p{margin:0;color:#45413a;font-family:var(--serif);font-size:1rem;line-height:1.55}.pending{color:var(--muted)!important;font-style:italic}.source-line{margin-top:10px;font-size:.72rem;color:var(--muted)}.drawer{position:fixed;inset:0;z-index:50;pointer-events:none}.drawer.open{pointer-events:auto}.drawer-scrim{position:absolute;inset:0;background:rgba(0,0,0,.28);opacity:0;transition:.2s}.drawer.open .drawer-scrim{opacity:1}.drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(560px,100%);background:var(--paper);padding:34px;transform:translateX(100%);transition:.25s;overflow:auto;border-left:1px solid var(--line)}.drawer.open .drawer-panel{transform:none}.drawer-close{float:right;border:0;background:transparent;font-size:1.4rem;cursor:pointer}.drawer-panel h2{font-family:var(--serif);font-size:2.5rem;font-weight:500;margin:36px 0 5px}.drawer-panel h3{font-family:var(--serif);font-size:1.35rem;font-weight:500;margin:28px 0 8px}.drawer-panel p{color:#45413a}.drawer-source{border-top:1px solid var(--line);padding-top:12px;margin-top:26px;color:var(--muted);font-size:.82rem}@media(max-width:780px){.shell{width:min(100% - 24px,1180px)}.header-note{display:none}.hero{grid-template-columns:1fr;padding:72px 0 64px}.hero h1{font-size:clamp(3.8rem,18vw,6rem)}.panel-intro,.compare-controls{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.compare-columns{grid-template-columns:1fr!important}.side-hero{padding-top:50px}.drawer-panel{padding:24px}.formula{gap:11px}.stat{padding-right:16px}.matrix th{top:48px}}