:root {
  --ink: #17251d;
  --forest: #244c35;
  --cream: #f4f0e6;
  --paper: #fbf9f3;
  --gold: #bd7f2d;
  --line: rgba(23,37,29,.16);
  --muted: #667168;
  --serif: Georgia, 'Times New Roman', serif;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
.site-header { min-height: 76px; padding: 0 clamp(22px,5vw,74px); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: rgba(251,249,243,.9); backdrop-filter: blur(16px); position: sticky; top: 0; z-index: 10; }
.wordmark { display: flex; align-items: center; gap: 12px; text-decoration: none; font-family: var(--serif); font-weight: 700; }
.mark { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: var(--cream); background: var(--forest); font-family: var(--serif); font-size: 20px; }
.feed-jump, .icon-button { border: 0; background: none; color: var(--forest); font-weight: 700; cursor: pointer; }
.hero { min-height: calc(100vh - 76px); padding: clamp(70px,10vw,145px) clamp(22px,8vw,128px) 70px; background: radial-gradient(circle at 82% 16%, rgba(189,127,45,.14), transparent 30%), linear-gradient(135deg, var(--cream), #f8f5ed 65%); border-bottom: 1px solid var(--line); }
.hero-copy { max-width: 960px; }
.eyebrow { margin: 0 0 20px; color: var(--gold); text-transform: uppercase; letter-spacing: .18em; font-size: 12px; font-weight: 800; }
h1, h2, h3 { font-family: var(--serif); font-weight: 500; letter-spacing: -.035em; }
h1 { margin: 0; font-size: clamp(49px,7.7vw,112px); line-height: .94; max-width: 1100px; }
.blank { color: var(--forest); white-space: nowrap; }
.lede { max-width: 690px; margin: 34px 0 0; color: #4e5a51; font-family: var(--serif); font-size: clamp(19px,2vw,26px); line-height: 1.55; }
.ask-form { max-width: 1060px; margin-top: clamp(45px,7vw,86px); }
.ask-form > label { display: block; margin-bottom: 11px; text-transform: uppercase; font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.input-row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; background: white; border: 1px solid rgba(23,37,29,.28); box-shadow: 0 18px 60px rgba(38,50,40,.08); }
.input-prefix { padding-left: 25px; color: var(--muted); white-space: nowrap; }
.input-row input { min-width: 0; padding: 25px 15px; border: 0; outline: 0; background: transparent; color: var(--ink); font-family: var(--serif); font-size: 19px; }
.input-row input:focus { box-shadow: inset 0 -3px 0 var(--gold); }
.input-row button { align-self: stretch; min-height: 72px; padding: 0 27px; border: 0; background: var(--forest); color: white; font-weight: 800; cursor: pointer; transition: background .2s, transform .2s; }
.input-row button:hover { background: #183d29; }
.input-row button:disabled { opacity: .6; cursor: wait; }
.form-meta { display: flex; justify-content: space-between; gap: 20px; color: var(--muted); font-size: 12px; }
.form-meta p { margin: 10px 0 0; }
.form-meta span { margin-top: 10px; white-space: nowrap; }
.principles { margin-top: clamp(65px,8vw,110px); display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.principles > div { padding: 27px; background: rgba(251,249,243,.77); }
.principles span { color: var(--gold); font-family: var(--serif); }
.principles strong { display: block; margin: 20px 0 7px; font-family: var(--serif); font-size: 20px; }
.principles p { margin: 0; color: var(--muted); line-height: 1.55; font-size: 13px; }
.detail { padding: 70px clamp(22px,8vw,128px); color: var(--cream); background: var(--forest); }
.detail-inner { max-width: 880px; }
.detail .eyebrow { color: #e0ad64; }
.detail h2 { margin: 0 0 30px; font-size: clamp(40px,5vw,68px); line-height: 1.06; }
.answer-copy { font-family: var(--serif); font-size: 20px; line-height: 1.75; white-space: pre-wrap; }
.status-panel { padding: 26px; border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.07); }
.sources { margin-top: 45px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,.22); }
.source-link { display: grid; grid-template-columns: 38px 1fr auto; gap: 14px; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,.14); text-decoration: none; }
.source-link small { color: #c9d4cc; }
.feed-section { padding: clamp(70px,9vw,125px) clamp(22px,8vw,128px); }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 42px; }
.section-heading h2 { max-width: 720px; margin: 0; font-size: clamp(40px,5vw,68px); line-height: 1.03; }
.feed-tools { display: flex; gap: 8px; }
.search-label input { width: min(270px,42vw); padding: 13px 15px; border: 1px solid var(--line); background: transparent; outline: none; }
.search-label input:focus { border-color: var(--forest); }
.icon-button { width: 45px; border: 1px solid var(--line); font-size: 20px; }
.feed-status { color: var(--muted); margin-bottom: 18px; }
.feed-list { border-top: 1px solid var(--line); }
.question-card { width: 100%; display: grid; grid-template-columns: 110px minmax(0,1fr) auto; gap: 30px; align-items: center; padding: 27px 4px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); text-align: left; cursor: pointer; }
.question-card:hover .question-title { color: var(--gold); }
.question-card time { color: var(--muted); font-size: 12px; }
.question-title { font-family: var(--serif); font-size: clamp(21px,2.3vw,31px); line-height: 1.2; transition: color .2s; }
.status { display: inline-flex; align-items: center; gap: 7px; color: var(--forest); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; white-space: nowrap; }
.status::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.status.published { color: #2b6c43; }
.status.queued, .status.researching { color: #a46b1c; }
.status.inconclusive, .status.needs_review { color: #855f68; }
.empty { padding: 70px 0; color: var(--muted); font-family: var(--serif); font-size: 24px; }
footer { padding: 30px clamp(22px,5vw,74px); display: flex; justify-content: space-between; gap: 30px; color: #dce4de; background: var(--ink); font-size: 12px; }
footer a { color: white; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
@media (max-width: 760px) {
  .site-header { min-height: 66px; }
  .feed-jump { display: none; }
  .hero { min-height: auto; padding-top: 70px; }
  h1 { font-size: clamp(46px,15vw,71px); }
  .input-row { grid-template-columns: 1fr; }
  .input-prefix { display: none; }
  .input-row input { padding: 21px; }
  .input-row button { min-height: 58px; }
  .principles { grid-template-columns: 1fr; }
  .section-heading { align-items: stretch; flex-direction: column; }
  .feed-tools, .search-label, .search-label input { width: 100%; }
  .question-card { grid-template-columns: 1fr auto; gap: 10px; }
  .question-card time { grid-column: 1 / -1; }
  footer { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }

/* Editorial archive redesign */
:root { --ink:#171713; --wine:#6d202b; --wine-dark:#48131b; --paper:#f0ebdf; --paper-light:#f8f5ed; --gold:#d7b85a; --line:rgba(23,23,19,.22); --serif:Iowan Old Style,Baskerville,'Times New Roman',serif; --sans:'Arial Narrow','Helvetica Neue',Arial,sans-serif; }
body { color:var(--ink); background:var(--paper); font-family:var(--sans); }
.top-rule { height:5px; background:var(--wine); }
.site-header { height:74px; min-height:0; padding:0 clamp(20px,4.5vw,70px); display:grid; grid-template-columns:1fr auto 1fr; background:rgba(240,235,223,.94); border-color:var(--line); }
.wordmark { gap:8px; width:max-content; text-transform:uppercase; letter-spacing:-.025em; }
.wordmark-main { font-family:var(--serif); font-size:22px; font-weight:700; text-transform:none; }
.wordmark-slash { color:var(--wine); font-size:22px; }
.wordmark-sub { font-size:11px; font-weight:800; letter-spacing:.19em; }
.header-meta { color:#626158; font-size:10px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.feed-jump,.icon-button { justify-self:end; color:var(--wine); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.hero { min-height:calc(100vh - 79px); padding:0; display:grid; grid-template-columns:minmax(175px,14vw) minmax(0,1fr) 80px; background-color:var(--paper-light); background-image:linear-gradient(rgba(23,23,19,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,19,.035) 1px,transparent 1px); background-size:34px 34px; }
.hero-rail { padding:42px 26px 35px clamp(20px,3vw,48px); display:flex; flex-direction:column; border-right:1px solid var(--line); }
.rail-number,.section-index { margin:0; color:var(--wine); font-size:10px; font-weight:900; letter-spacing:.17em; text-transform:uppercase; }
.rail-copy { margin:38px 0 0; font-family:var(--serif); font-size:15px; line-height:1.55; }
.rail-seal { width:74px; height:74px; margin:auto 0 28px; display:grid; place-items:center; border:1px solid var(--wine); border-radius:50%; color:var(--wine); position:relative; }
.rail-seal::before,.rail-seal::after { content:''; position:absolute; inset:6px; border:1px dotted var(--wine); border-radius:50%; }
.rail-seal::after { inset:-8px; border-style:solid; opacity:.28; }
.rail-seal span { font-family:var(--serif); font-size:32px; }
.rail-note { margin:0; color:#68665d; font-size:10px; line-height:1.65; text-transform:uppercase; letter-spacing:.08em; }
.hero-main { padding:clamp(54px,8vh,104px) clamp(28px,6vw,100px) 60px; display:flex; flex-direction:column; justify-content:center; }
.hero-kicker { display:grid; grid-template-columns:auto minmax(30px,150px) auto; align-items:center; gap:15px; width:min(100%,590px); margin-bottom:clamp(30px,5vh,65px); color:#66645c; font-size:9px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.kicker-line { height:1px; background:var(--line); }
h1,h2,h3 { margin-top:0; font-family:var(--serif); font-weight:500; letter-spacing:-.045em; }
h1 { max-width:1000px; margin-bottom:clamp(40px,6vh,74px); font-size:clamp(64px,8.4vw,132px); line-height:.84; }
.ask-form { width:min(100%,1000px); max-width:none; margin-top:0; }
.input-row { display:grid; grid-template-columns:minmax(0,1fr) auto; border:0; border-top:2px solid var(--ink); border-bottom:2px solid var(--ink); background:rgba(248,245,237,.6); box-shadow:none; }
.input-row input { min-width:0; padding:22px 8px; color:var(--wine); font-family:var(--serif); font-size:clamp(24px,3vw,43px); letter-spacing:-.025em; }
.input-row input::placeholder { color:#a8a195; opacity:1; }
.input-row input:focus { box-shadow:inset 0 -4px 0 var(--gold); }
.input-row button { min-width:190px; min-height:0; margin:8px 0 8px 18px; padding:0 18px 0 24px; display:flex; align-items:center; justify-content:space-between; gap:25px; color:var(--paper-light); background:var(--wine); font-size:11px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.input-row button:hover { background:var(--wine-dark); transform:translateY(-2px); }
.button-arrow { font-size:19px; font-weight:400; }
.prompt-row { min-height:47px; display:flex; align-items:center; flex-wrap:wrap; gap:8px; border-bottom:1px solid var(--line); color:#6c685e; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.prompt-row>span { margin-right:4px; font-weight:800; }
.prompt-row button { padding:5px 10px; border:1px solid var(--line); border-radius:99px; color:var(--ink); background:transparent; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; cursor:pointer; }
.prompt-row button:hover { color:var(--paper-light); border-color:var(--wine); background:var(--wine); }
.form-meta { min-height:34px; color:#716d64; font-size:10px; letter-spacing:.04em; }
.form-meta p,.form-meta>span { margin:10px 0 0; }
.question-teasers { width:min(100%,1000px); margin-top:clamp(48px,7vh,82px); padding-top:24px; border-top:1px solid var(--line); overflow:hidden; }
.teaser-heading { display:grid; grid-template-columns:1fr minmax(320px,1.7fr) 1fr; gap:28px; align-items:end; margin-bottom:22px; }
.teaser-heading>p { margin:0; color:#6d695f; font-size:9px; font-weight:900; letter-spacing:.12em; line-height:1.5; text-transform:uppercase; }
.teaser-heading h2 { margin:0; color:var(--ink); font-size:clamp(27px,3.2vw,44px); line-height:1.02; }
.teaser-heading .teaser-instruction { text-align:right; }
.teaser-live { width:6px; height:6px; margin-right:7px; display:inline-block; border-radius:50%; background:var(--wine); box-shadow:0 0 0 5px rgba(109,32,43,.08); animation:teaser-pulse 2s ease-in-out infinite; }
.teaser-window { overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); }
.teaser-track { width:max-content; display:flex; gap:18px; padding:6px 4px 18px; animation:teaser-scroll 72s linear infinite; }
.teaser-window:hover .teaser-track,.teaser-window:focus-within .teaser-track { animation-play-state:paused; }
.teaser-card { width:min(380px,78vw); min-height:270px; padding:25px 25px 22px; display:flex; flex-direction:column; border:1px solid rgba(23,23,19,.2); color:var(--paper-light); background:var(--wine-dark); box-shadow:0 14px 35px rgba(23,23,19,.09); text-decoration:none; transition:transform .25s ease,background .25s ease,box-shadow .25s ease; }
.teaser-card:nth-child(3n+2) { background:var(--wine); }
.teaser-card:nth-child(3n) { color:var(--ink); background:#e5dcc9; }
.teaser-card:hover,.teaser-card:focus-visible { transform:translateY(-5px); background:#311015; box-shadow:0 20px 45px rgba(23,23,19,.16); outline:none; }
.teaser-card:nth-child(3n):hover,.teaser-card:nth-child(3n):focus-visible { color:var(--paper-light); }
.teaser-label { color:var(--gold); font-size:9px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.teaser-card h3 { margin:25px 0 14px; font-size:clamp(25px,2.4vw,34px); line-height:1.04; }
.teaser-card p { margin:0 0 26px; color:currentColor; font-family:var(--serif); font-size:15px; line-height:1.5; opacity:.78; }
.teaser-cta { margin-top:auto; padding-top:17px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid rgba(240,235,223,.2); font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.teaser-card:nth-child(3n) .teaser-cta { border-color:rgba(23,23,19,.18); }
.teaser-cta b { color:var(--gold); font-size:17px; font-weight:400; }
@keyframes teaser-scroll { to { transform:translateX(calc(-50% - 9px)); } }
@keyframes teaser-pulse { 50% { opacity:.4; transform:scale(.78); } }
.hero-folio { padding:32px 0; display:flex; align-items:center; justify-content:space-between; flex-direction:column; border-left:1px solid var(--line); color:#6d695f; font-family:var(--serif); font-size:12px; writing-mode:vertical-rl; }
.method { padding:clamp(75px,10vw,145px) clamp(22px,6vw,94px); color:var(--paper); background:var(--ink); }
.method-intro { display:grid; grid-template-columns:minmax(130px,1fr) minmax(0,3fr); gap:40px; padding-bottom:clamp(55px,7vw,90px); border-bottom:1px solid rgba(240,235,223,.24); }
.method-intro .section-index { color:var(--gold); }
.method-intro h2 { max-width:900px; margin:0; font-size:clamp(46px,6.5vw,94px); line-height:.98; }
.method-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.method-grid article { min-height:290px; padding:35px 30px 20px 0; border-right:1px solid rgba(240,235,223,.24); }
.method-grid article+article { padding-left:30px; }
.method-grid article:last-child { border-right:0; }
.method-grid span { color:var(--gold); font-family:var(--serif); font-size:13px; }
.method-grid h3 { margin:90px 0 14px; font-size:27px; }
.method-grid p { margin:0; color:#aaa89f; font-family:var(--serif); font-size:15px; line-height:1.6; }
.detail { padding:clamp(80px,10vw,140px) clamp(22px,12vw,185px); color:var(--paper-light); background:var(--wine-dark); position:relative; }
.detail::before { content:'RESEARCH FILE'; position:absolute; top:38px; right:clamp(22px,6vw,90px); color:rgba(248,245,237,.2); font-size:10px; font-weight:900; letter-spacing:.22em; }
.detail-inner { max-width:940px; }
.answer-page .hero,.answer-page .method,.answer-page .feed-section,.answer-page footer { display:none; }
.answer-page .feed-jump { display:none; }
.answer-page main { min-height:calc(100vh - 79px); background:var(--wine-dark); }
.answer-page .detail { min-height:calc(100vh - 79px); padding-top:55px; }
.answer-page .detail-inner { max-width:1040px; margin:0 auto; }
.answer-nav { margin:0 0 clamp(55px,8vw,100px); padding-bottom:18px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(240,235,223,.24); }
.answer-back { display:inline-flex; align-items:center; gap:11px; color:var(--paper-light); font-size:10px; font-weight:900; letter-spacing:.13em; text-decoration:none; text-transform:uppercase; }
.answer-back span { color:var(--gold); font-size:17px; transition:transform .2s ease; }
.answer-back:hover span { transform:translateX(-4px); }
.answer-close { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(240,235,223,.34); border-radius:50%; color:var(--paper-light); font-family:var(--sans); font-size:24px; font-weight:300; line-height:1; text-decoration:none; transition:color .2s ease,background .2s ease,border-color .2s ease; }
.answer-close:hover,.answer-close:focus-visible { color:var(--wine-dark); border-color:var(--gold); background:var(--gold); outline:none; }
.share-panel { max-width:780px; margin:-18px 0 48px; padding:18px 0; display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px 26px; align-items:center; border-top:1px solid rgba(240,235,223,.24); border-bottom:1px solid rgba(240,235,223,.24); }
.share-panel>span { color:#d4c8c1; font-size:9px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.share-actions { display:flex; flex-wrap:wrap; gap:7px; justify-content:flex-end; }
.share-actions a,.share-actions button { min-height:34px; padding:8px 12px; border:1px solid rgba(240,235,223,.27); color:var(--paper-light); background:transparent; font-size:9px; font-weight:900; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; cursor:pointer; }
.share-actions a:hover,.share-actions a:focus-visible,.share-actions button:hover,.share-actions button:focus-visible { color:var(--wine-dark); border-color:var(--gold); background:var(--gold); outline:none; }
.share-status { grid-column:2; min-height:1em; color:var(--gold); font-size:10px; }
.detail .eyebrow { margin:0 0 30px; color:var(--gold); font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.16em; }
.detail h2 { margin:0 0 45px; font-size:clamp(45px,6vw,88px); line-height:.98; }
.answer-copy { max-width:780px; font-size:clamp(19px,2vw,24px); line-height:1.72; }
.status-panel { max-width:680px; padding:28px 0; border:0; border-top:1px solid rgba(240,235,223,.24); border-bottom:1px solid rgba(240,235,223,.24); background:transparent; }
.status-panel strong { color:var(--gold); text-transform:uppercase; font-size:11px; letter-spacing:.15em; }
.status-panel p { font-family:var(--serif); font-size:19px; line-height:1.6; }
.sources { margin-top:70px; padding-top:25px; border-color:rgba(240,235,223,.24); }
.sources h3 { font-size:30px; }
.source-link { grid-template-columns:42px 1fr auto; gap:18px; padding:20px 0; border-color:rgba(240,235,223,.24); }
.source-link:hover strong { color:var(--gold); }
.feed-section { padding:clamp(80px,10vw,145px) clamp(22px,6vw,94px); background:var(--paper); }
.section-heading { display:grid; grid-template-columns:minmax(0,2fr) minmax(230px,1fr); gap:70px; align-items:end; margin-bottom:0; padding-bottom:55px; }
.feed-title-wrap h2 { max-width:850px; margin:22px 0 0; font-size:clamp(49px,6.5vw,96px); line-height:.95; }
.feed-deck { max-width:420px; margin:0; color:#625f57; font-family:var(--serif); font-size:18px; line-height:1.55; }
.feed-toolbar { min-height:67px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:30px; border-top:2px solid var(--ink); border-bottom:1px solid var(--line); }
.search-label input { width:min(100%,600px); padding:18px 0; border:0; background:transparent; font-family:var(--serif); font-size:20px; }
.feed-count { display:flex; align-items:center; gap:24px; color:#69665e; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.icon-button { width:auto; padding:12px 0 12px 16px; border:0; border-left:1px solid var(--line); }
.feed-list { border-top:0; border-bottom:2px solid var(--ink); }
.question-card { grid-template-columns:120px minmax(0,1fr) 155px; gap:30px; padding:30px 3px; border-color:var(--line); }
.question-card:hover .question-title { color:var(--wine); transform:translateX(6px); }
.question-card time { color:#706d64; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.question-title { font-size:clamp(25px,2.7vw,39px); line-height:1.1; transition:color .2s ease,transform .2s ease; }
.status { justify-content:flex-end; color:var(--wine); font-size:9px; letter-spacing:.13em; }
.status::before { width:8px; height:8px; border:1px solid currentColor; background:transparent; }
.status.published { color:#366045; }
.status.published::before { background:currentColor; }
.status.queued,.status.researching { color:#9b681b; }
.empty { padding:85px 0; color:#666259; font-size:clamp(24px,3vw,38px); }
footer { min-height:120px; padding:35px clamp(22px,4.5vw,70px); display:grid; grid-template-columns:1fr 2fr 1fr; align-items:center; color:#c8c2b7; background:var(--wine-dark); font-size:10px; letter-spacing:.05em; }
footer p { justify-self:center; text-align:center; }
footer>a:last-child { justify-self:end; }
.footer-mark { color:var(--paper-light); font-family:var(--serif); font-size:17px; text-decoration:none; }
@media (max-width:900px) { .header-meta{display:none}.site-header{grid-template-columns:1fr auto}.hero{grid-template-columns:130px minmax(0,1fr)}.hero-folio{display:none}.hero-main{padding-left:45px;padding-right:45px}.method-grid{grid-template-columns:repeat(2,1fr)}.method-grid article:nth-child(2){border-right:0}.method-grid article:nth-child(n+3){border-top:1px solid rgba(240,235,223,.24)} }
@media (max-width:680px) { .top-rule{height:4px}.site-header{height:64px;min-height:0;padding:0 18px}.feed-jump{display:none}.wordmark-main{font-size:19px}.hero{min-height:auto;display:block}.hero-rail{min-height:48px;padding:14px 18px;flex-direction:row;justify-content:space-between;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.rail-copy,.rail-seal,.rail-note{display:none}.hero-rail::after{content:'Public research archive';color:#6c685e;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-main{padding:58px 18px 45px}.hero-kicker{grid-template-columns:auto 1fr;margin-bottom:38px}.hero-kicker span:last-child{display:none}h1{margin-bottom:45px;font-size:clamp(54px,17vw,78px);line-height:.88}.input-row{grid-template-columns:1fr}.input-row input{padding:18px 3px;font-size:27px}.input-row button{min-height:55px;margin:0 0 8px;padding:0 18px}.prompt-row{padding:10px 0}.form-meta p{max-width:80%}.question-teasers{margin-top:52px;padding-top:20px}.teaser-heading{grid-template-columns:1fr;gap:12px}.teaser-heading h2{font-size:34px}.teaser-heading .teaser-instruction{text-align:left}.teaser-window{margin-inline:-18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.teaser-track{padding-left:18px}.teaser-card{min-height:285px}.method{padding:75px 18px}.method-intro{grid-template-columns:1fr;gap:28px}.method-intro h2{font-size:50px}.method-grid{grid-template-columns:1fr}.method-grid article,.method-grid article+article{min-height:auto;padding:28px 0 35px;border-right:0;border-top:1px solid rgba(240,235,223,.24)}.method-grid h3{margin:45px 0 12px}.detail{padding:75px 18px}.answer-page .detail{padding-top:32px}.answer-nav{margin-bottom:55px}.detail::before{display:none}.feed-section{padding:75px 18px}.section-heading{grid-template-columns:1fr;gap:25px}.feed-title-wrap h2{font-size:52px}.feed-toolbar{grid-template-columns:1fr;gap:0}.feed-count{min-height:47px;justify-content:space-between;border-top:1px solid var(--line)}.icon-button{border-left:0}.question-card{grid-template-columns:1fr auto;gap:10px 18px;padding:25px 0}.question-card time{grid-column:1/-1}.question-title{font-size:27px}footer{padding:35px 18px;grid-template-columns:1fr;text-align:left}footer p,footer>a:last-child{justify-self:start;text-align:left} }
.answer-copy { white-space:normal; }
.answer-copy p { margin:0 0 1.35em; }
.answer-copy .answer-heading { margin:2em 0 .7em; color:var(--gold); font-size:clamp(27px,3vw,40px); line-height:1.1; }
.answer-copy .answer-heading:first-child { margin-top:0; }
.answer-copy strong { color:#fff8ea; font-weight:700; }
.answer-copy em { color:#e5d8cf; }
.answer-copy ul { margin:0 0 1.5em; padding-left:1.25em; }
.answer-copy li { margin-bottom:.65em; }
.source-note { margin-left:.12em; font-family:var(--sans); font-size:.58em; font-weight:900; line-height:0; vertical-align:super; }
.source-note a { min-width:1.55em; height:1.55em; padding:.1em .35em; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(215,184,90,.55); border-radius:99px; color:var(--gold); text-decoration:none; transition:color .2s ease,background .2s ease,border-color .2s ease; }
.source-note a:hover,.source-note a:focus-visible { color:var(--wine-dark); background:var(--gold); border-color:var(--gold); outline:none; }
.sources-intro { max-width:620px; margin:-12px 0 24px; color:#cfc1bb; font-family:var(--serif); font-size:15px; line-height:1.55; }
.source-entry { display:grid; grid-template-columns:42px minmax(0,1fr); gap:18px; padding:20px 0; border-bottom:1px solid rgba(240,235,223,.24); scroll-margin-top:105px; }
.source-entry:target { margin-inline:-18px; padding-inline:18px; background:rgba(215,184,90,.09); box-shadow:inset 3px 0 0 var(--gold); }
.source-number { color:var(--gold); font-family:var(--serif); font-size:18px; }
.source-entry .source-link { padding:0; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; border:0; }
.source-entry .source-link strong { line-height:1.35; }
.source-entry small { display:block; margin-top:5px; color:#c9d4cc; }
.source-entry p { max-width:700px; margin:12px 0 0; color:#d9cdc7; font-family:var(--serif); font-size:14px; line-height:1.55; }
.article-discovery { margin-top:clamp(90px,12vw,150px); padding-top:35px; border-top:1px solid rgba(240,235,223,.24); }
.article-discovery-head { display:grid; grid-template-columns:minmax(0,2fr) minmax(220px,1fr); gap:20px 50px; align-items:end; margin-bottom:34px; }
.article-discovery-head .eyebrow { grid-column:1/-1; margin:0; }
.article-discovery-head h3 { max-width:720px; margin:0; font-size:clamp(38px,5vw,64px); line-height:.98; }
.article-discovery-head>a { justify-self:end; color:var(--gold); font-size:9px; font-weight:900; letter-spacing:.12em; text-decoration:none; text-transform:uppercase; }
.article-teaser-window { margin-inline:calc(50% - 50vw); padding-inline:max(22px,calc((100vw - 1040px)/2)); overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
.article-teaser-track { animation-duration:68s; animation-direction:reverse; }
.article-teaser-window:hover .article-teaser-track,.article-teaser-window:focus-within .article-teaser-track { animation-play-state:paused; }
.article-ask { margin-top:clamp(90px,12vw,150px); padding:clamp(35px,5vw,65px); display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,1fr); gap:50px; color:var(--ink); background:var(--paper-light); }
.article-ask .eyebrow { margin-bottom:18px; color:var(--wine); }
.article-ask h3 { margin:0 0 18px; font-size:clamp(37px,4.5vw,60px); line-height:.98; }
.article-ask>div>p:last-child { max-width:470px; color:#625f57; font-family:var(--serif); font-size:16px; line-height:1.55; }
.article-question-form { align-self:center; display:grid; }
.article-question-form input { min-width:0; padding:19px 2px; border:0; border-top:2px solid var(--ink); border-bottom:1px solid var(--line); border-radius:0; color:var(--wine); background:transparent; font-family:var(--serif); font-size:22px; outline:none; }
.article-question-form input:focus { border-bottom-color:var(--wine); }
.article-question-form button { min-height:52px; margin-top:12px; padding:0 18px; display:flex; align-items:center; justify-content:space-between; border:0; color:var(--paper-light); background:var(--wine); font-size:10px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; cursor:pointer; }
.article-question-form button:hover { background:var(--wine-dark); }
.article-question-form button:disabled { opacity:.55; cursor:wait; }
.article-form-status { min-height:1.3em; margin:10px 0 0; color:#6b665d; font-size:10px; }
.research-loader { max-width:780px; display:grid; grid-template-columns:112px minmax(0,1fr); gap:34px; align-items:start; padding:34px 0; border-top:1px solid rgba(240,235,223,.24); border-bottom:1px solid rgba(240,235,223,.24); }
.research-orbit { width:92px; height:92px; display:grid; place-items:center; border:1px solid rgba(240,235,223,.34); border-radius:50%; position:relative; }
.research-orbit::before { content:''; position:absolute; inset:9px; border:1px dashed rgba(215,184,90,.55); border-radius:50%; animation:research-spin 9s linear infinite; }
.research-orbit::after { content:''; width:9px; height:9px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 8px rgba(215,184,90,.12); animation:research-breathe 1.8s ease-in-out infinite; }
.research-orbit span { position:absolute; width:1px; height:44px; top:2px; left:50%; background:linear-gradient(var(--gold),transparent); transform-origin:50% 44px; animation:research-spin 2.7s linear infinite; }
.research-orbit i { position:absolute; inset:-5px; border-top:1px solid var(--gold); border-right:1px solid transparent; border-radius:50%; animation:research-spin 4s linear infinite reverse; }
.research-progress-head { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.research-progress-head strong { color:var(--gold); font-size:11px; letter-spacing:.16em; text-transform:uppercase; }
.live-dot { display:inline-flex; align-items:center; gap:7px; color:#d9cfc6; font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.live-dot::before { content:''; width:6px; height:6px; border-radius:50%; background:#7ec58f; box-shadow:0 0 0 5px rgba(126,197,143,.1); animation:research-breathe 1.8s ease-in-out infinite; }
.research-progress>p { margin:15px 0 24px; color:#e3d9d0; font-family:var(--serif); font-size:18px; line-height:1.55; }
.research-stages { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; border:1px solid rgba(240,235,223,.18); background:rgba(240,235,223,.18); }
.research-stages span { min-height:48px; padding:12px 14px; display:flex; align-items:center; color:#9f918c; background:var(--wine-dark); font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; transition:color .25s ease,background .25s ease; }
.research-stages span::before { content:'○'; margin-right:9px; color:#83736f; }
.research-stages span.active { color:var(--paper-light); background:rgba(255,255,255,.07); }
.research-stages span.active::before { content:'●'; color:var(--gold); }
.research-progress small { display:block; margin-top:17px; color:#ae9f99; font-size:10px; line-height:1.5; }
@keyframes research-spin { to { transform:rotate(360deg); } }
@keyframes research-breathe { 50% { opacity:.45; transform:scale(.82); } }
@media (max-width:680px) { .share-panel{grid-template-columns:1fr;margin-top:-10px}.share-actions{justify-content:flex-start}.share-status{grid-column:1}.article-discovery-head{grid-template-columns:1fr}.article-discovery-head>a{justify-self:start}.article-teaser-window{margin-inline:-18px;padding-inline:18px}.article-ask{grid-template-columns:1fr;margin-inline:-18px;padding:42px 18px;gap:28px}.article-question-form input{font-size:20px}.research-loader{grid-template-columns:1fr;gap:25px}.research-orbit{width:78px;height:78px}.research-orbit span{height:37px;transform-origin:50% 37px}.research-stages{grid-template-columns:1fr}.research-progress-head{align-items:flex-start} }
@media (prefers-reduced-motion:reduce) { .research-orbit::before,.research-orbit::after,.research-orbit span,.research-orbit i,.live-dot::before,.teaser-track,.teaser-live{animation:none!important}.teaser-window{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.teaser-track .teaser-card:nth-child(n+7){display:none} }

/* Modern interactive research product */
:root {
  --ink:#11131d;
  --forest:#5857f6;
  --cream:#f4f5ff;
  --paper:#f2f4fb;
  --paper-light:#fbfcff;
  --wine:#5b59ed;
  --wine-dark:#171827;
  --gold:#ff705d;
  --lime:#c9f36a;
  --cyan:#79ddf2;
  --line:rgba(17,19,29,.12);
  --muted:#65697a;
  --serif:'Newsreader',Georgia,serif;
  --sans:'Manrope',Inter,system-ui,sans-serif;
  --shadow:0 24px 70px rgba(27,28,56,.13);
  --shadow-soft:0 12px 35px rgba(27,28,56,.09);
  --pointer-x:50vw;
  --pointer-y:20vh;
}
html { scroll-padding-top:90px; }
body { min-height:100vh; color:var(--ink); background:var(--paper); font-family:var(--sans); overflow-x:hidden; }
body::before { content:''; width:720px; height:720px; position:fixed; left:var(--pointer-x); top:var(--pointer-y); z-index:100; border-radius:50%; background:radial-gradient(circle,rgba(91,89,237,.07),transparent 68%); transform:translate(-50%,-50%); pointer-events:none; transition:opacity .3s ease; }
.top-rule { height:4px; background:linear-gradient(90deg,var(--wine),#8e74ff 42%,var(--gold) 72%,var(--lime)); }
.site-header { height:76px; padding:0 clamp(20px,4.5vw,72px); grid-template-columns:1fr auto 1fr; border-color:rgba(17,19,29,.09); background:rgba(248,249,255,.76); box-shadow:0 0 0 rgba(0,0,0,0); backdrop-filter:blur(24px) saturate(1.25); transition:height .25s ease,box-shadow .25s ease,background .25s ease; }
.site-header.is-scrolled { height:66px; background:rgba(248,249,255,.94); box-shadow:0 12px 34px rgba(20,20,46,.08); }
.wordmark { gap:9px; font-family:var(--sans); }
.wordmark-main { font-family:var(--sans); font-size:18px; font-weight:800; letter-spacing:-.045em; }
.wordmark-slash { color:var(--gold); font-size:21px; }
.wordmark-sub { color:#696d7e; font-size:9px; letter-spacing:.17em; }
.header-meta { color:#717587; font-size:9px; }
.feed-jump { padding:10px 14px; border:1px solid rgba(91,89,237,.16); border-radius:999px; color:var(--wine); background:rgba(91,89,237,.05); transition:transform .2s ease,background .2s ease; }
.feed-jump:hover { transform:translateY(-2px); background:rgba(91,89,237,.1); }
.hero { min-height:calc(100vh - 80px); grid-template-columns:minmax(170px,14vw) minmax(0,1fr) 74px; background:linear-gradient(135deg,#f9faff 0%,#f0f1ff 48%,#f8f4ff 100%); isolation:isolate; overflow:hidden; }
.hero::before { content:''; width:48vw; height:48vw; position:absolute; right:-13vw; top:-16vw; z-index:-1; border-radius:50%; background:radial-gradient(circle at 35% 35%,rgba(201,243,106,.72),rgba(121,221,242,.24) 34%,rgba(91,89,237,.11) 57%,transparent 70%); filter:blur(3px); animation:modern-float 11s ease-in-out infinite alternate; }
.hero::after { content:''; width:320px; height:320px; position:absolute; left:9vw; bottom:-190px; z-index:-1; border-radius:50%; background:radial-gradient(circle,rgba(255,112,93,.23),transparent 68%); }
.hero-rail { padding:42px 24px 35px clamp(20px,3vw,48px); color:#f8f8ff; border:0; background:linear-gradient(180deg,#181a2b,#25274b); }
.rail-number { color:var(--lime); }
.rail-copy { color:#f6f5ff; font-family:var(--sans); font-size:14px; font-weight:500; line-height:1.65; }
.rail-seal { width:82px; height:82px; border:0; color:#151629; background:linear-gradient(135deg,var(--lime),var(--cyan)); box-shadow:0 16px 38px rgba(0,0,0,.22); }
.rail-seal::before,.rail-seal::after { display:none; }
.rail-note { color:#aaadc8; }
.hero-main { padding:clamp(58px,8vh,100px) clamp(28px,6vw,98px) 68px; }
.hero-kicker { margin-bottom:clamp(28px,4.5vh,54px); color:#74788a; }
.kicker-line { background:linear-gradient(90deg,var(--wine),var(--gold)); }
h1,h2,h3 { font-family:var(--sans); letter-spacing:-.055em; text-wrap:balance; }
h1 { max-width:1050px; margin-bottom:clamp(40px,6vh,70px); font-size:clamp(62px,8.1vw,128px); font-weight:800; line-height:.87; }
h1::after { display:none; }
.ask-form { position:relative; z-index:1; }
.input-row { padding:8px; grid-template-columns:minmax(0,1fr) auto; border:1px solid rgba(91,89,237,.14); border-radius:22px; background:rgba(255,255,255,.8); box-shadow:var(--shadow); backdrop-filter:blur(16px); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.input-row:focus-within { transform:translateY(-3px); border-color:rgba(91,89,237,.42); box-shadow:0 28px 80px rgba(56,53,153,.18); }
.input-row input { padding:18px 17px; color:var(--ink); font-family:var(--sans); font-size:clamp(19px,2.2vw,30px); font-weight:600; }
.input-row input::placeholder { color:#9a9dad; }
.input-row input:focus { box-shadow:none; }
.input-row button { min-width:195px; min-height:58px; margin:0; border-radius:15px; background:linear-gradient(135deg,var(--wine),#7572ff); box-shadow:0 12px 28px rgba(91,89,237,.26); }
.input-row button:hover { background:linear-gradient(135deg,#4e4bd8,#6966f7); transform:translateY(-2px) scale(1.01); }
.prompt-row { margin-top:13px; padding:0; border:0; }
.prompt-row button { padding:7px 12px; border-color:rgba(17,19,29,.1); background:rgba(255,255,255,.64); transition:transform .2s ease,background .2s ease,border-color .2s ease; }
.prompt-row button:hover { transform:translateY(-2px); color:var(--ink); border-color:rgba(91,89,237,.25); background:#fff; }
.form-meta { color:#74788a; }
.question-teasers { margin-top:clamp(50px,7vh,80px); padding-top:0; border:0; }
.teaser-heading { margin-bottom:24px; }
.teaser-heading>p { color:#737789; }
.teaser-heading h2 { font-size:clamp(30px,3.4vw,47px); font-weight:750; }
.teaser-live { background:var(--gold); box-shadow:0 0 0 5px rgba(255,112,93,.12); }
.teaser-card { --spot-x:50%; --spot-y:50%; min-height:280px; border:1px solid rgba(255,255,255,.34); border-radius:26px; color:#fff; background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(255,255,255,.15),transparent 34%),linear-gradient(145deg,#292b55,#1b1c34); box-shadow:0 18px 44px rgba(31,31,67,.15); overflow:hidden; }
.teaser-card:nth-child(3n+2) { background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(255,255,255,.18),transparent 34%),linear-gradient(145deg,#6c62ff,#4f4cd5); }
.teaser-card:nth-child(3n) { color:var(--ink); background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(255,255,255,.6),transparent 36%),linear-gradient(145deg,#dff8a9,var(--lime)); }
.teaser-card:hover,.teaser-card:focus-visible { transform:translateY(-8px) scale(1.015); background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(255,255,255,.2),transparent 36%),linear-gradient(145deg,#202147,#121323); box-shadow:0 28px 65px rgba(28,28,65,.25); }
.teaser-card h3 { font-weight:700; }
.teaser-label { color:var(--lime); }
.teaser-card:nth-child(3n) .teaser-label { color:#4f4cd5; }
.teaser-cta { border-color:rgba(255,255,255,.2); }
.hero-folio { border-color:rgba(17,19,29,.08); color:#7b7f90; background:rgba(255,255,255,.28); }
.method { padding:clamp(80px,10vw,140px) clamp(22px,6vw,94px); color:#f8f8ff; background:linear-gradient(145deg,#151623,#1c1e34); }
.method-intro { border-color:rgba(255,255,255,.12); }
.method-intro .section-index { color:var(--lime); }
.method-intro h2 { font-weight:700; }
.method-grid { grid-template-columns:repeat(4,1fr); gap:14px; padding-top:14px; }
.method-grid article,.method-grid article+article { --spot-x:50%; --spot-y:50%; min-height:310px; padding:28px; border:1px solid rgba(255,255,255,.09); border-radius:24px; background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(121,221,242,.1),transparent 42%),rgba(255,255,255,.035); transition:transform .28s ease,border-color .28s ease,background .28s ease; }
.method-grid article:hover { transform:translateY(-8px); border-color:rgba(201,243,106,.4); background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(201,243,106,.14),transparent 42%),rgba(255,255,255,.055); }
.method-grid span { color:var(--lime); font-family:var(--sans); font-weight:800; }
.method-grid h3 { margin:94px 0 14px; font-size:25px; font-weight:700; }
.method-grid p { color:#b8bbce; font-family:var(--sans); font-size:14px; }
.feed-section { background:linear-gradient(180deg,#f4f6fc,#eef1fa); }
.section-index { color:var(--wine); }
.feed-title-wrap h2 { font-weight:750; }
.feed-deck { color:#686c7d; font-family:var(--sans); font-size:16px; }
.feed-toolbar { border-top:0; border-bottom:1px solid rgba(17,19,29,.1); border-radius:16px 16px 0 0; background:rgba(255,255,255,.54); padding:0 18px; }
.search-label input { font-family:var(--sans); font-size:16px; }
.question-card { --spot-x:50%; --spot-y:50%; margin-top:10px; padding:26px 22px; border:1px solid rgba(17,19,29,.08); border-radius:20px; background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(91,89,237,.08),transparent 35%),rgba(255,255,255,.72); box-shadow:var(--shadow-soft); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.question-card:hover { transform:translateY(-4px); border-color:rgba(91,89,237,.22); box-shadow:0 20px 46px rgba(31,32,70,.13); }
.question-card:hover .question-title { color:var(--wine); transform:none; }
.question-title { font-family:var(--sans); font-size:clamp(22px,2.5vw,35px); font-weight:650; letter-spacing:-.045em; }
.feed-list { border:0; }
.status::before { border:0; background:currentColor; box-shadow:0 0 0 4px rgba(91,89,237,.08); }
footer { color:#bfc2d2; background:#151623; }
.footer-mark { font-family:var(--sans); font-weight:750; }
.answer-page main { background:var(--wine-dark); }
.answer-page .detail { color:#f8f8ff; background:radial-gradient(circle at 80% 4%,rgba(91,89,237,.28),transparent 28%),radial-gradient(circle at 15% 40%,rgba(255,112,93,.08),transparent 22%),linear-gradient(165deg,#161725,#1c1e31 58%,#141522); }
.answer-nav { border-color:rgba(255,255,255,.12); }
.answer-back { letter-spacing:.1em; }
.answer-close { border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.04); }
.detail .eyebrow { color:var(--lime); }
.detail h2 { max-width:980px; font-weight:750; }
.share-panel { border-color:rgba(255,255,255,.12); }
.share-actions a,.share-actions button { border-color:rgba(255,255,255,.13); border-radius:999px; background:rgba(255,255,255,.045); }
.share-actions a:hover,.share-actions a:focus-visible,.share-actions button:hover,.share-actions button:focus-visible { color:var(--ink); border-color:var(--lime); background:var(--lime); }
.answer-copy { font-family:var(--serif); font-size:clamp(20px,2vw,24px); }
.answer-copy .answer-heading { color:var(--lime); font-family:var(--sans); font-weight:700; }
.source-note a { color:var(--lime); border-color:rgba(201,243,106,.5); }
.source-note a:hover,.source-note a:focus-visible { color:var(--ink); background:var(--lime); border-color:var(--lime); }
.sources h3 { font-weight:700; }
.source-entry { --spot-x:50%; --spot-y:50%; margin-top:10px; padding:20px; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(121,221,242,.08),transparent 38%),rgba(255,255,255,.035); transition:transform .24s ease,border-color .24s ease,background .24s ease; }
.source-entry:hover { transform:translateX(5px); border-color:rgba(201,243,106,.3); background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(201,243,106,.09),transparent 40%),rgba(255,255,255,.05); }
.source-entry:target { margin-inline:0; padding-inline:20px; background:rgba(201,243,106,.09); box-shadow:inset 3px 0 0 var(--lime); }
.source-number { color:var(--lime); font-family:var(--sans); font-weight:800; }
.source-entry p { color:#c6c8d7; }
.article-discovery { border-color:rgba(255,255,255,.12); }
.article-discovery-head h3 { font-weight:700; }
.article-discovery-head>a { color:var(--lime); }
.article-ask { border-radius:30px; background:linear-gradient(145deg,#fff,#f0f2ff); box-shadow:0 36px 90px rgba(0,0,0,.23); overflow:hidden; position:relative; }
.article-ask::after { content:''; width:270px; height:270px; position:absolute; right:-110px; top:-140px; border-radius:50%; background:radial-gradient(circle,var(--lime),rgba(121,221,242,.55) 42%,transparent 70%); opacity:.7; pointer-events:none; }
.article-ask .eyebrow { color:var(--wine); }
.article-ask h3 { font-weight:750; }
.article-question-form { position:relative; z-index:1; }
.article-question-form input { padding:17px; border:1px solid rgba(17,19,29,.12); border-radius:15px; background:#fff; box-shadow:var(--shadow-soft); font-family:var(--sans); font-size:17px; }
.article-question-form input:focus { border-color:rgba(91,89,237,.45); box-shadow:0 18px 45px rgba(91,89,237,.14); }
.article-question-form button { border-radius:14px; background:linear-gradient(135deg,var(--wine),#7572ff); box-shadow:0 12px 28px rgba(91,89,237,.22); }
.article-question-form button:hover { background:linear-gradient(135deg,#4d4bd3,#6865ee); transform:translateY(-2px); }
.research-loader { border-color:rgba(255,255,255,.12); }
.research-orbit { border-color:rgba(255,255,255,.2); }
.research-orbit::before { border-color:rgba(201,243,106,.55); }
.research-orbit::after { background:var(--lime); }
.research-stages { border-color:rgba(255,255,255,.1); background:rgba(255,255,255,.1); }
.research-stages span { background:#1a1b2b; }
.research-stages span.active::before { color:var(--lime); }
.reveal-item { opacity:0; transform:translateY(24px); transition:opacity .65s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1); }
.reveal-item.is-visible { opacity:1; transform:none; }
@keyframes modern-float { to { transform:translate(-3vw,4vw) scale(1.06); } }

@media (max-width:900px) {
  .method-grid { grid-template-columns:repeat(2,1fr); }
  .method-grid article:nth-child(n) { border:1px solid rgba(255,255,255,.09); }
}
@media (max-width:680px) {
  body::before { display:none; }
  .site-header { height:64px; border-bottom:1px solid rgba(17,19,29,.08); }
  .hero { display:block; }
  .hero::before { width:100vw; height:100vw; right:-54vw; top:5vw; }
  .hero-rail { min-height:48px; color:var(--ink); background:rgba(255,255,255,.52); border-bottom:1px solid rgba(17,19,29,.08); }
  .hero-rail::after { color:#717587; }
  .hero-main { padding:52px 18px 50px; }
  h1 { font-size:clamp(52px,16vw,74px); }
  .input-row { padding:7px; border-radius:18px; }
  .input-row input { padding:15px 12px; }
  .input-row button { min-height:54px; border-radius:12px; }
  .teaser-card { border-radius:22px; }
  .method-grid { grid-template-columns:1fr; }
  .method-grid article,.method-grid article+article { min-height:240px; padding:24px; }
  .method-grid h3 { margin-top:58px; }
  .question-card { padding:22px 18px; border-radius:16px; }
  .answer-page .detail { padding-top:28px; }
  .detail h2 { font-size:clamp(42px,12.6vw,61px); }
  .share-actions { gap:6px; }
  .share-actions a,.share-actions button { padding:8px 10px; }
  .source-entry { padding:17px; }
  .article-ask { border-radius:24px; }
}
@media (prefers-reduced-motion:reduce) {
  .hero::before,.teaser-live { animation:none!important; }
  .reveal-item { opacity:1; transform:none; transition:none; }
  .site-header,.teaser-card,.method-grid article,.question-card,.source-entry,.input-row { transition:none!important; }
}

/* Hearts and personal archive views */
.teaser-card-meta { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.teaser-heart { color:rgba(255,255,255,.72); font-size:10px; font-weight:800; letter-spacing:.06em; }
.teaser-card:nth-child(3n) .teaser-heart { color:rgba(17,19,29,.58); }
.feed-views { margin:18px 0 28px; display:flex; flex-wrap:wrap; gap:8px; }
.feed-views button { min-height:38px; padding:8px 15px; border:1px solid rgba(17,19,29,.1); border-radius:999px; color:#696d7e; background:rgba(255,255,255,.58); font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; cursor:pointer; transition:transform .2s ease,color .2s ease,background .2s ease,border-color .2s ease; }
.feed-views button:hover { transform:translateY(-2px); color:var(--wine); border-color:rgba(91,89,237,.24); background:#fff; }
.feed-views button.active { color:#fff; border-color:var(--wine); background:linear-gradient(135deg,var(--wine),#7471ff); box-shadow:0 10px 24px rgba(91,89,237,.2); }
.question-card { cursor:default; }
.question-card .question-title { color:var(--ink); text-decoration:none; }
.question-card-actions { display:flex; align-items:center; justify-content:flex-end; gap:14px; }
.heart-button { min-width:58px; min-height:38px; padding:7px 12px; display:inline-flex; align-items:center; justify-content:center; gap:7px; border:1px solid rgba(17,19,29,.1); border-radius:999px; color:#7c8090; background:rgba(255,255,255,.72); font-family:var(--sans); cursor:pointer; transition:transform .2s ease,color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease; }
.heart-button span { font-size:17px; line-height:1; transition:transform .25s cubic-bezier(.2,.9,.2,1.5); }
.heart-button b { font-size:11px; font-weight:800; }
.heart-button:hover { transform:translateY(-2px); color:#ff526e; border-color:rgba(255,82,110,.28); background:#fff; }
.heart-button:hover span { transform:scale(1.18); }
.heart-button.hearted { color:#fff; border-color:#ff526e; background:linear-gradient(135deg,#ff526e,#ff7566); box-shadow:0 10px 26px rgba(255,82,110,.25); }
.heart-button.hearted span { animation:heart-pop .35s cubic-bezier(.2,.9,.2,1.5); }
.answer-reaction { max-width:780px; margin:-18px 0 15px; display:flex; align-items:center; justify-content:space-between; gap:25px; }
.answer-reaction>span { color:#c8cad8; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.answer-reaction .heart-button { border-color:rgba(255,255,255,.16); color:#e4e5ee; background:rgba(255,255,255,.06); }
.answer-reaction .heart-button.hearted { color:#fff; border-color:#ff526e; background:linear-gradient(135deg,#ff526e,#ff7566); }
.heart-button.prominent { min-width:76px; min-height:44px; }
@keyframes heart-pop { 50% { transform:scale(1.38) rotate(-8deg); } }
@media (max-width:680px) {
  .feed-views { margin-bottom:20px; }
  .question-card-actions { justify-content:space-between; }
  .question-card { grid-template-columns:1fr; }
  .question-card time { grid-column:auto; }
  .answer-reaction { align-items:flex-start; }
}
@media (prefers-reduced-motion:reduce) { .heart-button.hearted span { animation:none; } }

/* Claim-level citation previews */
.source-note { position:relative; z-index:4; margin-left:.14em; font-family:var(--sans); font-size:.57em; font-weight:800; line-height:0; vertical-align:super; white-space:normal; }
.source-note>a { min-width:1.65em; height:1.65em; padding:.12em .38em; position:relative; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(201,243,106,.48); border-radius:999px; color:var(--lime); background:rgba(201,243,106,.06); text-decoration:none; cursor:pointer; }
.source-note>a:hover,.source-note>a:focus-visible { color:var(--ink); border-color:var(--lime); background:var(--lime); outline:none; }
.citation-number { line-height:1; }
.citation-tooltip { width:min(360px,calc(100vw - 40px)); padding:18px; position:fixed; left:var(--citation-x,50vw); top:var(--citation-y,50vh); bottom:auto; z-index:30; display:block; color:#f8f8ff; background:rgba(21,22,35,.98); border:1px solid rgba(255,255,255,.14); border-radius:16px; box-shadow:0 24px 65px rgba(0,0,0,.38); font-family:var(--sans); font-size:13px; font-weight:500; letter-spacing:0; line-height:1.45; text-align:left; white-space:normal; opacity:0; visibility:hidden; transform:translate(-50%,calc(-100% + 8px)) scale(.97); transform-origin:50% 100%; pointer-events:none; transition:opacity .18s ease,transform .18s ease,visibility .18s ease; }
.citation-tooltip::after { content:''; width:11px; height:11px; position:absolute; left:50%; bottom:-6px; background:#151623; border-right:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); transform:translateX(-50%) rotate(45deg); }
.source-note>a:hover .citation-tooltip,.source-note>a:focus-visible .citation-tooltip { opacity:1; visibility:visible; transform:translate(-50%,-100%) scale(1); }
.citation-tooltip.below { transform:translate(-50%,-8px) scale(.97); transform-origin:50% 0; }
.source-note>a:hover .citation-tooltip.below,.source-note>a:focus-visible .citation-tooltip.below { transform:translate(-50%,0) scale(1); }
.citation-tooltip.below::after { top:-6px; bottom:auto; border:0; border-left:1px solid rgba(255,255,255,.14); border-top:1px solid rgba(255,255,255,.14); }
.citation-kicker { display:block; margin-bottom:8px; color:var(--lime); font-size:9px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.citation-tooltip>strong { display:block; margin-bottom:8px; color:#fff; font-family:var(--sans); font-size:14px; font-weight:750; line-height:1.35; }
.citation-preview { display:-webkit-box; color:#c9cbda; font-family:var(--serif); font-size:14px; line-height:1.42; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.citation-open { margin-top:13px; padding-top:11px; display:flex; align-items:center; justify-content:space-between; gap:18px; border-top:1px solid rgba(255,255,255,.11); color:#fff; font-size:9px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.citation-open b { color:var(--lime); font-size:15px; font-weight:500; }
@media (max-width:680px) { .citation-tooltip { display:none; } }
@media (prefers-reduced-motion:reduce) { .citation-tooltip { transition:none; } }

/* Video-feedback discovery and provenance pass */
.ask-form { isolation:isolate; }
.question-suggestions { width:calc(100% - 16px); max-height:390px; position:absolute; left:8px; top:76px; z-index:20; overflow:auto; border:1px solid rgba(91,89,237,.16); border-radius:0 0 20px 20px; background:rgba(255,255,255,.98); box-shadow:0 26px 70px rgba(28,29,67,.2); backdrop-filter:blur(20px); }
.question-suggestion { width:100%; padding:17px 19px; display:flex; align-items:center; justify-content:space-between; gap:24px; border:0; border-bottom:1px solid rgba(17,19,29,.08); color:var(--ink); background:transparent; text-align:left; cursor:pointer; }
.question-suggestion:last-child { border-bottom:0; }
.question-suggestion:hover,.question-suggestion.active,.question-suggestion[aria-selected="true"] { background:linear-gradient(90deg,rgba(91,89,237,.1),rgba(201,243,106,.18)); }
.question-suggestion span { min-width:0; display:grid; gap:5px; }
.question-suggestion strong { font-size:14px; font-weight:750; line-height:1.3; }
.question-suggestion small { color:#727687; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.question-suggestion>b { color:var(--wine); font-size:18px; }
.discovery-feed { padding-top:clamp(85px,10vw,145px); }
.discovery-feed .section-heading { padding-bottom:35px; }
.keyword-filter { padding:18px 0; display:flex; align-items:center; gap:13px; border-top:1px solid rgba(17,19,29,.1); border-bottom:1px solid rgba(17,19,29,.1); }
.keyword-filter>span { color:#777b8c; font-size:9px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
#keyword-filter-list { display:flex; flex-wrap:wrap; gap:7px; }
.keyword-filter button,.keyword-pill { padding:7px 11px; border:1px solid rgba(17,19,29,.1); border-radius:999px; color:#616577; background:rgba(255,255,255,.68); font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; cursor:pointer; transition:transform .2s ease,color .2s ease,background .2s ease,border-color .2s ease; }
.keyword-filter button:hover,.keyword-filter button.active,.keyword-pill:hover { transform:translateY(-2px); color:#fff; border-color:var(--wine); background:var(--wine); }
.keyword-filter small { margin-left:4px; opacity:.65; }
.feed-controls { min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.feed-controls .feed-views { margin:14px 0; }
.feed-controls .feed-count { display:flex; align-items:center; gap:18px; color:#737789; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.feed-controls .icon-button { padding-left:18px; border-left:1px solid rgba(17,19,29,.1); }
.discovery-card { min-height:330px; grid-template-columns:105px minmax(0,1fr) auto; gap:clamp(25px,4vw,60px); align-items:stretch; padding:clamp(28px,4vw,52px); overflow:hidden; }
.discovery-card-index { display:flex; flex-direction:column; justify-content:space-between; color:#777b8c; }
.discovery-card-index>span { color:var(--wine); font-size:clamp(32px,4vw,58px); font-weight:800; letter-spacing:-.07em; }
.discovery-card-index time { font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.discovery-card-copy { max-width:900px; display:flex; flex-direction:column; align-items:flex-start; }
.discovery-card-topline { margin-bottom:24px; display:flex; align-items:center; flex-wrap:wrap; gap:7px; }
.discovery-card .status { justify-content:flex-start; margin-right:6px; }
.discovery-card .question-title { max-width:880px; font-size:clamp(31px,4vw,58px); line-height:1.01; }
.discovery-card-copy>p { max-width:720px; margin:22px 0 28px; color:#666a7c; font-family:var(--serif); font-size:clamp(16px,1.6vw,20px); line-height:1.55; }
.discovery-read { margin-top:auto; color:var(--wine); font-size:9px; font-weight:800; letter-spacing:.11em; text-decoration:none; text-transform:uppercase; }
.discovery-read span { margin-left:8px; color:var(--gold); font-size:15px; }
.discovery-card .question-card-actions { align-items:flex-start; }
.source-detail,.citation-detail { display:block; color:#f0d998; font-family:var(--serif); font-size:13px; line-height:1.45; }
.source-detail { margin-top:6px; }
.source-entry small b { color:#fff; font-weight:750; }
.citation-detail { margin:-2px 0 8px; }
@media (max-width:760px) {
  .question-suggestions { width:calc(100% - 14px); left:7px; top:70px; border-radius:0 0 16px 16px; }
  .feed-controls { align-items:flex-start; flex-direction:column; padding-bottom:18px; }
  .feed-controls .feed-views { margin-bottom:0; }
  .keyword-filter { align-items:flex-start; flex-direction:column; }
  .discovery-card { min-height:0; grid-template-columns:1fr; gap:20px; padding:25px 20px; }
  .discovery-card-index { flex-direction:row; align-items:center; }
  .discovery-card-index>span { font-size:36px; }
  .discovery-card .question-title { font-size:clamp(28px,9vw,42px); }
  .discovery-card-copy>p { margin:17px 0 23px; }
  .discovery-card .question-card-actions { position:absolute; right:18px; top:18px; }
}

/* Narrow image-led social feed */
.discovery-feed .section-heading { max-width:760px; margin-inline:auto; grid-template-columns:1fr; gap:18px; text-align:center; }
.discovery-feed .feed-title-wrap h2 { max-width:none; }
.discovery-feed .feed-deck { max-width:620px; margin-inline:auto; }
.discovery-feed .keyword-filter,.discovery-feed .feed-controls { width:min(100%,680px); margin-inline:auto; }
.feed-list { width:min(100%,680px); margin-inline:auto; display:grid; gap:32px; }
.instagram-card { width:100%; min-height:0; margin:0; padding:0; display:block; border:1px solid rgba(17,19,29,.1); border-radius:24px; background:#fff; box-shadow:0 20px 55px rgba(28,29,67,.11); overflow:hidden; }
.instagram-card:hover { transform:translateY(-3px); }
.instagram-card-head { min-height:68px; padding:11px 15px; display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:11px; align-items:center; }
.instagram-avatar { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; color:#151629; background:linear-gradient(135deg,var(--lime),var(--cyan)); font-family:var(--serif); font-size:20px; font-weight:700; box-shadow:0 7px 18px rgba(91,89,237,.18); }
.instagram-card-head>span:nth-child(2) { min-width:0; display:grid; gap:3px; }
.instagram-card-head strong { font-size:12px; font-weight:800; }
.instagram-card-head small { display:flex; align-items:center; gap:6px; color:#7b7f90; font-size:9px; }
.instagram-card-head .status { justify-content:flex-start; font-size:8px; }
.instagram-card-head .status::before { width:5px; height:5px; box-shadow:none; }
.instagram-menu { width:36px; height:36px; border:0; border-radius:50%; color:#4d5060; background:transparent; font-size:17px; letter-spacing:2px; cursor:pointer; }
.instagram-menu:hover { background:#f1f2f8; }
.instagram-media { width:100%; aspect-ratio:4/5; display:block; overflow:hidden; background:#1b1c2c; }
.instagram-media img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .6s cubic-bezier(.2,.8,.2,1); }
.instagram-media:hover img { transform:scale(1.025); }
.instagram-media-fallback { width:100%; height:100%; display:grid; place-items:center; color:rgba(255,255,255,.76); background:radial-gradient(circle at 70% 20%,rgba(201,243,106,.4),transparent 28%),linear-gradient(145deg,#5b59ed,#171827); font-size:90px; font-weight:800; }
.instagram-actions { min-height:58px; padding:10px 14px 6px; display:flex; align-items:center; gap:9px; }
.instagram-actions .heart-button { min-width:52px; border:0; background:transparent; box-shadow:none; }
.instagram-share { width:40px; height:40px; border:0; border-radius:50%; color:var(--ink); background:transparent; font-size:23px; cursor:pointer; }
.instagram-share:hover { color:var(--wine); background:#f1f2f8; }
.instagram-open { margin-left:auto; color:var(--wine); font-size:9px; font-weight:800; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.instagram-caption { padding:4px 18px 24px; }
.instagram-keywords { margin-bottom:13px; display:flex; flex-wrap:wrap; gap:4px 10px; }
.instagram-caption .keyword-pill { padding:0; border:0; color:var(--wine); background:transparent; font-size:10px; text-transform:lowercase; }
.instagram-caption .keyword-pill:hover { transform:none; color:#ff526e; background:transparent; }
.instagram-caption .question-title { display:block; font-size:clamp(24px,4vw,36px); line-height:1.05; }
.instagram-caption>p { margin:14px 0 17px; color:#626677; font-family:var(--serif); font-size:16px; line-height:1.55; }
.instagram-caption .discovery-read { display:inline-flex; align-items:center; }

/* URL-addressable answer modal */
body.modal-open { overflow:hidden; }
.detail[hidden] { display:none; }
.detail { padding:0; position:fixed; inset:0; z-index:80; color:#f8f8ff; background:transparent; overflow:hidden; }
.detail::before { display:none; }
.detail-backdrop { position:absolute; inset:0; background:rgba(9,10,19,.72); backdrop-filter:blur(13px); animation:modal-fade .22s ease both; }
.detail .detail-inner { width:min(1080px,calc(100vw - 64px)); max-width:none; height:calc(100vh - 42px); margin:21px auto; padding:clamp(34px,5vw,72px) clamp(26px,6vw,82px) 90px; position:relative; z-index:1; overflow-y:auto; overscroll-behavior:contain; border:1px solid rgba(255,255,255,.13); border-radius:30px; color:#f8f8ff; background:radial-gradient(circle at 82% 3%,rgba(91,89,237,.3),transparent 27%),radial-gradient(circle at 12% 38%,rgba(255,112,93,.08),transparent 23%),linear-gradient(165deg,#161725,#1c1e31 58%,#141522); box-shadow:0 40px 120px rgba(0,0,0,.52); animation:modal-rise .32s cubic-bezier(.2,.8,.2,1) both; outline:none; }
.detail .answer-nav { position:sticky; top:-1px; z-index:5; margin:-15px 0 clamp(48px,7vw,86px); padding:15px 0 18px; background:linear-gradient(#171827 76%,transparent); }
.detail .answer-back,.detail .answer-close { font-family:var(--sans); cursor:pointer; }
.detail .answer-back { padding:0; border:0; color:var(--paper-light); background:transparent; }
.detail .answer-close { flex:none; }
.detail .article-teaser-window { margin-inline:calc(50% - 50vw + 32px); padding-inline:max(22px,calc((100vw - 1040px)/2)); }
@keyframes modal-fade { from { opacity:0; } }
@keyframes modal-rise { from { opacity:0; transform:translateY(28px) scale(.985); } }
@media (max-width:720px) {
  .discovery-feed { padding-inline:12px; }
  .instagram-card { border-radius:18px; }
  .instagram-card-head { padding-inline:12px; }
  .instagram-caption { padding-inline:15px; }
  .detail .detail-inner { width:100%; height:100%; margin:0; padding:24px 18px 70px; border:0; border-radius:0; }
  .detail .answer-nav { margin:-8px 0 48px; padding-top:8px; }
  .detail .article-teaser-window { margin-inline:-18px; padding-inline:18px; }
}
@media (prefers-reduced-motion:reduce) {
  .detail-backdrop,.detail .detail-inner { animation:none; }
  .instagram-media img { transition:none; }
}