@import url('./ribbita-app-story.css');
/* A reusable editorial shelf and a source-led article reader. */
.research-shelf{margin:30px 0 38px;padding:25px 0 30px;border-block:1px solid var(--line)}
.research-shelf>header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.research-shelf .eyebrow{margin:0 0 8px}.research-shelf h2{font-size:27px;letter-spacing:-.025em;line-height:1.25;margin:0}
.research-shelf>header>p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}
.research-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.research-card{min-width:0;display:flex;flex-direction:column;padding:20px 22px;background:var(--surface);border-radius:6px;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.research-card-label{font:12px/1.5 var(--mono);letter-spacing:.07em;color:var(--muted);margin:0 0 14px}
.research-card-amount{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.research-card-amount strong{font-size:29px;font-weight:500;line-height:1.2;letter-spacing:-.035em;color:#e3efcf}
.research-card-amount span{font-size:12px;color:var(--muted)}
.research-card h3{font-size:21px;line-height:1.3;letter-spacing:-.018em;margin:18px 0 9px}.research-card h3 a{color:var(--text)}
.research-card>p:not(.research-card-label){font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 15px}
.research-card-footer{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:5px 16px;justify-content:space-between}
.research-card-footer>a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;white-space:nowrap}
.research-verdict{font-size:12px;line-height:1.6;color:#bdd7a4;padding-left:10px;position:relative}.research-verdict::before{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:currentColor;top:.6em;left:0}
.research-verdict--open{color:#dac89e}
.research-shelf--subdued{margin:24px 0;padding:20px 0 8px;border-bottom:0}
.research-shelf--subdued>header{margin-bottom:18px}
.research-shelf--subdued h2{font-size:19px}
.research-shelf--subdued .research-card{padding:0;background:none;box-shadow:none;border-radius:0}
.research-shelf--subdued .research-card h3{font-size:16px;line-height:1.45;margin:0 0 6px}
.research-shelf--subdued .research-card h3 a{display:flex;align-items:center;min-height:44px}
.research-shelf--subdued .research-card>p{font-size:12px;line-height:1.65;margin-bottom:8px}
.research-article{max-width:1100px;margin-inline:auto}.research-crumbs{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:22px}.research-crumbs a{display:inline-flex;align-items:center;min-height:40px}
.research-article-header{max-width:860px;margin-bottom:24px}.research-article-header h1{font-size:clamp(30px,3.5vw,44px);line-height:1.12;letter-spacing:-.035em;margin:14px 0 18px}
.research-dek{max-width:70ch;color:#c3ccb9;font-size:17px;line-height:1.65;margin:0 0 20px}.research-byline{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.research-byline .research-verdict{font-size:12px}
.research-simple{padding:20px 24px;background:#222b1c;border-left:3px solid #b6ce8f;border-radius:0 5px 5px 0;margin:28px 0 22px}.research-simple h2{font-size:13px;font-weight:600;margin:0 0 8px;color:#d9e7c6}.research-simple p{font-size:17px;line-height:1.7;max-width:85ch;margin:0;color:var(--text)}
.research-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:22px 0}.research-flow>div{padding:14px 0;position:relative;border-top:1px solid var(--line)}.research-flow>div:not(:last-child)::after{content:'→';position:absolute;right:-18px;top:32px;color:var(--muted)}.research-flow span{font:12px/1.5 var(--mono);color:var(--muted)}.research-flow strong{display:block;font-size:15px;margin:10px 0 5px}.research-flow p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.research-calculation{padding:20px 0;font-variant-numeric:tabular-nums}.research-calculation>p{font:12px var(--mono);color:var(--muted);margin:0 0 15px}.research-calculation>div{display:flex;gap:16px;align-items:center;justify-content:space-between}.research-calculation span{font-size:12px;color:var(--muted)}.research-calculation strong{display:block;font-size:clamp(16px,2vw,24px);font-weight:500;color:var(--text);margin-top:6px}.research-calculation b{font-size:20px;color:var(--muted)}.research-calculation small{display:block;font-size:12px;color:var(--muted);margin-top:16px}
.research-jumps{display:flex;gap:8px 20px;flex-wrap:wrap;margin:18px 0 30px;padding:10px 0;border-block:1px solid var(--line)}.research-jumps button,.research-citations button,.research-side-note button{border:0;border-radius:0;background:none;padding:0;min-height:40px;color:var(--lime);font-size:12px}
.research-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:48px;align-items:start}.research-prose{min-width:0}.research-prose>section{margin:0 0 38px}.research-prose h2{font-size:24px;line-height:1.3;letter-spacing:-.025em;margin:0 0 16px}.research-prose p{font-size:16px;line-height:1.85;color:#c4cdbb;overflow-wrap:break-word;margin:0 0 18px}
.research-citations{display:flex;gap:6px 16px;flex-wrap:wrap;margin:-6px 0 18px}.research-citations button{font-size:12px;color:#aabf93;text-align:left}
.research-side-note{position:sticky;top:90px;border-left:1px solid var(--line);padding-left:22px}.research-side-note .eyebrow{font-size:12px}.research-side-note h2{font-size:16px;margin:8px 0 20px}.research-side-note dl{margin:0}.research-side-note dl>div{margin-bottom:19px}.research-side-note dt{font-size:12px;color:var(--text);margin-bottom:5px}.research-side-note dd{font-size:12px;color:var(--muted);line-height:1.7;margin:0}
.research-receipt{scroll-margin-top:90px;margin:24px 0 32px;min-width:0}.research-receipt>a{display:block;position:relative;border-radius:5px;overflow:hidden;background:#f6f8fb}.research-receipt img{display:block;width:100%;height:290px;object-fit:cover;object-position:top;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}.research-enlarge{position:absolute;bottom:0;inset-inline:0;background:#1b2518f5;padding:12px 15px;font-size:12px;color:#e0e9d5;min-height:40px}.research-receipt figcaption{padding-top:12px}.research-receipt figcaption p{font-size:12px;line-height:1.65;margin:0 0 3px}.research-receipt figcaption>a{display:inline-flex;align-items:center;min-height:40px;font-size:12px}.research-receipt figcaption small{display:block;color:#89947e;font-size:12px;line-height:1.6}
.research-article [id]{scroll-margin-top:90px}.research-article [tabindex='-1']:focus{outline:none}.research-article [tabindex='-1']:focus-visible{outline:1px solid #799b54;outline-offset:8px}
.research-verdicts{padding-top:28px;border-top:1px solid var(--line);margin:15px 0 40px}.research-verdicts header h2,.research-sources h2{font-size:26px;line-height:1.3;letter-spacing:-.025em;margin:8px 0 20px}.research-verdicts>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.research-verdicts h3{font-size:14px;color:#c9dcaf;margin:16px 0 10px}.research-verdicts section+section h3{color:#dac89e}.research-verdicts ul{padding-left:18px;margin:0}.research-verdicts li{font-size:13px;color:var(--muted);line-height:1.8;padding-left:4px;margin-bottom:9px;overflow-wrap:anywhere}
.research-sources>header>p:last-child{font-size:13px;color:var(--muted)}.research-sources ol{list-style:none;padding:0;margin:20px 0}.research-sources li{display:flex;align-items:baseline;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.research-source-number{font:12px var(--mono);color:#8d9e7d;min-width:20px}.research-sources h3{font-size:14px;line-height:1.5;margin:0}.research-sources h3 a{color:var(--text);display:inline-flex;align-items:center;min-height:40px}.research-sources li p{font-size:13px;color:var(--muted);margin:5px 0 8px;line-height:1.7}.research-record-link{font-size:12px;display:inline-flex;align-items:center;min-height:40px}.research-next{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 0;border-top:1px solid var(--line);margin-top:35px}.research-next small{font:12px var(--mono);display:block;color:var(--muted);margin-bottom:8px}.research-next a{min-height:40px;display:inline-flex;align-items:center;font-size:13px}
@media(max-width:1050px){.research-reading-layout{grid-template-columns:minmax(0,1fr);gap:12px}.research-side-note{position:static;border:0;border-top:1px solid var(--line);padding:20px 0}.research-side-note dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 25px}.research-card{padding:18px}.research-cards{gap:18px}}
@media(max-width:650px){.research-shelf>header{align-items:start;flex-direction:column;gap:12px}.research-cards,.research-verdicts>div{grid-template-columns:1fr;gap:18px}.research-shelf h2{font-size:24px}.research-card h3{font-size:22px}.research-article-header h1{font-size:32px}.research-simple{padding:17px 18px}.research-simple p{font-size:16px}.research-flow{grid-template-columns:1fr;gap:0}.research-flow>div{padding:12px 0}.research-flow>div:not(:last-child)::after{content:'↓';right:10px;top:30px}.research-flow p br{display:none}.research-calculation>div{flex-direction:column;align-items:start;gap:5px}.research-calculation strong{font-size:23px;margin:0}.research-calculation b{align-self:end;line-height:1}.research-prose h2{font-size:23px}.research-side-note dl{grid-template-columns:1fr}.research-receipt img{height:220px}.research-next{align-items:start;flex-direction:column}.research-sources li{gap:12px}.research-crumbs{gap:14px}.research-jumps{gap:3px 17px}.research-article [id]{scroll-margin-top:140px}}

button.research-record-link{padding:0;border:0;border-radius:0;background:none;color:var(--lime)}

@media(max-width:650px){.research-receipt{scroll-margin-top:140px}}

/* Keep supporting research quiet on narrow screens as well. */
@media(max-width:650px){.research-shelf--subdued h2{font-size:19px}.research-shelf--subdued .research-card h3{font-size:16px}}

/* Conversation features share the article route, with source and interpretation kept apart. */
.conversation-feature h1,.conversation-feature h2,.conversation-feature h3{text-wrap:balance}
.conversation-feature p{text-wrap:pretty}
.conversation-feature-header{max-width:900px}
.conversation-feature-opening{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:center;margin:28px 0}
.conversation-feature-image{min-width:0;margin:0}
.conversation-feature-image>a{display:block;position:relative;overflow:hidden;border-radius:5px;background:var(--surface)}
.conversation-feature-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}
.conversation-feature-image--logo img{object-fit:contain;background:#e9f8d9;padding:32px 55px}
.conversation-feature-image>a>span{position:absolute;bottom:10px;right:10px;display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 13px;border-radius:4px;background:rgba(12,18,12,.92);color:#e3e9dd;font-size:12px}
.conversation-feature-intro{min-width:0}
.conversation-feature-intro .eyebrow{margin:0 0 10px;color:#b3c892;font-size:12px}
.conversation-feature-intro h2{font-size:22px;line-height:1.3;margin:0 0 12px;letter-spacing:-.025em}
.conversation-feature-intro>p:not(.eyebrow){font-size:15px;line-height:1.75;color:#c4cdbb;margin:0 0 15px}
.conversation-feature-actions{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap}
.conversation-feature-actions>a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px}
.conversation-feature-actions .button{padding:9px 14px}
.conversation-feature-moments{margin:34px 0 40px}
.conversation-feature-moments>header h2,.conversation-feature-evidence>header h2{font-size:25px;line-height:1.3;letter-spacing:-.025em;margin:7px 0 10px}
.conversation-feature-moments>header>p:last-child{max-width:72ch;font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 22px}
.conversation-feature-moments ol{list-style:none;padding:0;margin:0}
.conversation-feature-moments li{display:grid;grid-template-columns:104px minmax(0,1fr);gap:24px;padding:20px 0;border-top:1px solid var(--line);align-items:start}
.conversation-moment-time{display:grid;grid-template-columns:14px 1fr;gap:0 8px;align-items:center;min-height:44px;padding:11px 12px;background:var(--surface);border-radius:5px;color:var(--lime);font:13px/1.5 var(--mono);font-variant-numeric:tabular-nums;transition:background .16s}
.conversation-moment-time>span:first-child{font-size:12px}
.conversation-moment-time small{grid-column:2;font:12px/1.6 var(--mono);color:var(--muted);white-space:nowrap}
.conversation-moment-time:hover{background:#26321f}
.conversation-feature-moments h3{margin:0 0 7px;font-size:17px;line-height:1.4}
.conversation-feature-moments h3 a{display:inline-flex;align-items:center;min-height:40px;color:var(--text)}
.conversation-feature-moments li p{font-size:14px;line-height:1.75;color:#c4cdbb;max-width:78ch;margin:0 0 7px}
.conversation-feature-moments li .conversation-moment-note{color:var(--muted);font-size:12px;line-height:1.65}
.conversation-moment-original{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-size:12px}
.conversation-feature-reading{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:46px;align-items:start;margin-top:35px}
.conversation-feature-reading .research-prose{max-width:75ch}
.conversation-feature-guide{position:sticky;top:90px;border-left:1px solid var(--line);padding-left:22px}
.conversation-feature-guide .eyebrow{font-size:12px;margin:0 0 10px}
.conversation-feature-guide h2{font-size:16px;line-height:1.4;margin:0 0 10px}
.conversation-feature-guide p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 10px}
.conversation-feature-guide button{display:block;min-height:44px;padding:7px 0;border:0;border-radius:0;background:none;text-align:left;font-size:12px;color:var(--lime)}
.conversation-feature-evidence{padding:28px 0 32px;border-block:1px solid var(--line);margin:5px 0 35px}
.conversation-feature-evidence>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:24px}
.conversation-feature-evidence h3{font-size:14px;line-height:1.5;color:#c9dcaf;margin:0 0 15px}
.conversation-feature-evidence .conversation-evidence-reading h3{color:#dac89e}
.conversation-feature-evidence .conversation-evidence-unknown h3{color:#c4cabb}
.conversation-feature-evidence ul{padding-left:17px;margin:0}
.conversation-feature-evidence li{padding-left:2px;margin-bottom:11px;font-size:13px;line-height:1.8;color:var(--muted);overflow-wrap:break-word}
.conversation-feature-related{border-top:1px solid var(--line);padding-top:28px;margin-top:35px}
.conversation-feature-related>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.conversation-feature-related h2{font-size:22px;margin:0;letter-spacing:-.02em}
.conversation-feature-related>header>a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
.conversation-feature-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.conversation-feature-related .research-card{padding:0;box-shadow:none;background:none;border-radius:0}
.conversation-feature-related .research-card h3{font-size:17px;margin-top:0}
.conversation-feature-related .research-card>p:not(.research-card-label){font-size:12px}
.conversation-shelf-image{display:block;margin-bottom:15px;border-radius:5px;overflow:hidden}
.conversation-shelf-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px;transition:opacity .16s}
.conversation-shelf-image--logo img{object-fit:contain;background:#e9f8d9;padding:18px 35px}
.conversation-shelf-image:hover img{opacity:.88}
.conversation-shelf-card .research-card-label{margin:0 0 8px;font-size:12px}
.conversation-shelf-card h3{margin-top:0}
.conversation-shelf-meta{font-size:12px;line-height:1.6;color:var(--muted)}
.research-shelf--subdued .conversation-shelf-card>p.research-card-label{font-size:12px;margin-bottom:8px}
.conversation-feature :is(a,button):focus-visible{outline:2px solid var(--lime);outline-offset:4px}
@media(max-width:1050px){
  .conversation-feature-opening{gap:24px;grid-template-columns:1fr 1fr}
  .conversation-feature-reading{grid-template-columns:minmax(0,1fr);gap:8px}
  .conversation-feature-guide{position:static;display:none}
  .conversation-feature-evidence>div{gap:20px}
  .conversation-feature-related>div{gap:18px}
}
@media(max-width:760px){
  .conversation-feature-opening{grid-template-columns:1fr;gap:22px}
  .conversation-feature-image{max-width:600px}
  .conversation-feature-evidence>div{grid-template-columns:1fr;gap:16px}
  .conversation-feature-evidence>div>section+section{padding-top:16px;border-top:1px solid var(--line)}
  .conversation-feature-related>div{grid-template-columns:1fr;gap:25px}
  .conversation-feature-related .research-card{display:grid;grid-template-columns:140px minmax(0,1fr);gap:0 18px;align-items:start}
  .conversation-feature-related .conversation-shelf-image{grid-column:1;grid-row:1/5;margin:0}
  .conversation-feature-related .research-card>:not(.conversation-shelf-image){grid-column:2}
}
@media(max-width:480px){
  .conversation-feature-moments li{grid-template-columns:88px minmax(0,1fr);gap:15px}
  .conversation-moment-time{padding:10px 8px;gap:0 5px;font-size:12px}
  .conversation-feature-moments h3{font-size:16px}
  .conversation-feature-related .research-card{display:flex;gap:0}
  .conversation-feature-related .conversation-shelf-image{width:100%;margin-bottom:14px}
  .conversation-feature-related>header{gap:14px}
  .conversation-feature-related h2{font-size:20px}
}