/* Research folios: full-width titles, compact evidence and a clear reading edge. */
body.research-ui .research-hero { grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); gap:34px; padding:28px 0 20px; align-items:center; }
body.research-ui .research-hero h1 { font-size:clamp(40px,3.7vw,54px); }
body.research-ui .research-intro { font-size:15px; color:#4c607d; margin:20px 0 22px; line-height:1.75; }
body.research-ui .research-suggestions { font-size:11px; }
/* The opening has a complete first screen; the notebook starts just below it.
   Content can grow naturally on smaller screens without clipping either view. */
html { scroll-behavior:smooth; }
body.research-ui .research-hero { grid-template-areas:"copy studio" "discover discover"; grid-template-rows:auto auto; row-gap:22px; }
body.research-ui.is-discovery-home .research-hero { min-height:calc(100vh - 87px); min-height:calc(100svh - 87px); grid-template-rows:minmax(auto,1fr) auto; }
body.research-ui .research-hero-copy { grid-area:copy; }
body.research-ui .research-hero > .inference-lab { grid-area:studio; }
body.research-ui .research-hero-copy > .research-eyebrow { margin-bottom:16px; }
.research-discovery-footer { grid-area:discover; position:relative; display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:58px; padding:8px 0 16px; }
.research-discovery-index { display:flex; align-items:center; gap:7px; color:#607691; font:10px/1.5 var(--mono); }
.research-discovery-index strong { color:#3e608b; font-weight:550; }
.research-discovery-index i { margin-inline:5px; font-style:normal; color:#a0b0c6; }
@media(min-width:821px) {
 .research-discovery-footer { justify-content:center; }
 .research-discovery-index { position:absolute; left:0; }
}
body.research-ui .research-discover { display:inline-flex; align-items:center; gap:12px; min-height:44px; padding:2px 10px; border-radius:12px; color:#365b86; }
body.research-ui .research-discover:hover { color:#254f83; background:#ffffff68; }
.research-discover > span:first-child { display:grid; gap:5px; }
.research-discover strong { font:550 12px/1.3 var(--sans); }
.research-discover small { color:#607796; font:8px/1.3 var(--mono); letter-spacing:1.2px; }
.research-discover-mark { display:grid; place-items:center; width:28px; height:38px; }
.research-discover-mark svg { width:24px; height:34px; fill:none; stroke:currentColor; stroke-width:1.25; stroke-linecap:round; stroke-linejoin:round; animation:discover-invitation 4.8s ease-in-out infinite; }
.research-discover-mark circle { fill:#d8e4f7; }
body.research-ui #library { scroll-margin-top:112px; }
body.research-ui .research-library-heading { border-top:0; }
body.research-ui #library:focus { outline:none; }
body.motion-sleep .research-discover-mark svg { animation-play-state:paused; }
@keyframes discover-invitation { 0%,55%,100% { transform:translateY(-2px); opacity:.72; } 70%,86% { transform:translateY(4px); opacity:1; } 78%,94% { transform:translateY(0); } }
body.research-ui .feed-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:23px; }
body.research-ui .feed-grid .feed-card {
  --folio-accent:#527cb7;
  position:relative; display:flex; flex-direction:column; padding:0; overflow:visible; isolation:isolate;
  border:1px solid var(--glass-line); border-radius:22px 8px 22px 22px;
  background:var(--glass-reflection),var(--glass-surface);
  box-shadow:0 0 0 1px #9fb9db55,var(--glass-shadow);
  -webkit-backdrop-filter:var(--glass-filter); backdrop-filter:var(--glass-filter);
  transition:box-shadow .3s,translate .3s,border-color .3s;
}
body.research-ui .feed-grid .feed-card::before { content:''; position:absolute; width:72px; height:3px; top:-1px; left:24px; border-radius:0 0 3px 3px; background:linear-gradient(90deg,var(--folio-accent),#b8ccee); }
body.research-ui .feed-grid .feed-card::after { content:''; position:absolute; right:0; top:0; width:26px; height:26px; border-radius:0 7px 0 12px; border-left:1px solid #ffffff; border-bottom:1px solid #afc5e394; background:linear-gradient(45deg,#cbdcf999,#ffffffb3 65%); pointer-events:none; }
body.research-ui .feed-grid .feed-card:nth-child(3n+2) { --folio-accent:#8576bc; }
body.research-ui .feed-grid .feed-card:hover { translate:0 -5px; border-color:#fff; box-shadow:0 0 0 1px #93afd699,0 22px 42px -22px #385d9566,var(--glass-shadow); }
body.research-ui .feed-topbar { display:flex; align-items:center; min-height:43px; justify-content:space-between; padding:16px 38px 7px 24px; gap:12px; border:0; background:none; overflow:visible; }
.research-card-reference { display:flex; align-items:center; gap:9px; min-width:0; white-space:nowrap; }
body.research-ui .research-card-index { padding:0; border:0; color:var(--folio-accent); font:600 10px var(--mono); letter-spacing:.4px; }
body.research-ui .research-card-index::before { content:'METHOD / '; font-size:8px; font-weight:500; letter-spacing:.7px; }
body.research-ui .research-card-index::after { content:none; }
.research-card-length { padding-left:9px; border-left:1px solid #b2c5df; color:#466080; font:10px var(--sans); }
body.research-ui .feed-topbar .feed-src { display:flex; align-items:center; gap:5px; color:#4a6a94; font:10px var(--mono); max-width:45%; white-space:nowrap; }
body.research-ui .feed-src-t { overflow:hidden; text-overflow:ellipsis; }
body.research-ui .feed-card-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; font:620 22px/1.24 var(--sans); letter-spacing:-.7px; min-height:55px; margin:7px 24px 17px; }
body.research-ui .feed-card-title a { display:block; color:#1b3555; }
body.research-ui .feed-card-title a:hover { color:#406aa0; }
body.research-ui .feed-card-link::after { content:none; }
.research-card-study { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; align-items:stretch; margin:0 24px 15px; min-height:112px; }
body.research-ui .feed-card-main { min-width:0; flex:none; display:flex; }
body.research-ui .feed-card-body { padding:7px 0; min-width:0; display:flex; flex-direction:column; justify-content:center; }
.research-card-abstract { font:500 8px var(--mono); letter-spacing:1.4px; text-transform:uppercase; color:var(--folio-accent); margin-bottom:9px; }
body.research-ui .feed-card-summary { font:12px/1.6 var(--sans); color:#405b79; -webkit-line-clamp:4; margin:0; }
body.research-ui .research-card-tags { padding:0 24px 15px; gap:6px; margin-top:auto; }
body.research-ui .research-card-tags .feed-tag-chip { border:1px solid #cfdced; border-radius:6px; background:#f5f9fe9e; color:#416184; font:10px/1.4 var(--sans); padding:4px 7px; box-shadow:inset 0 1px #ffffffb0; }
body.research-ui .research-card-tags .feed-tag-chip:hover { background:#e7effc; border-color:#9bb7db; color:#294f7c; }
body.research-ui .feed-cover { margin:0; width:100%; min-width:0; align-self:stretch; border:1px solid #d5e1f0; border-radius:11px; overflow:hidden; padding:0 0 24px; background:#fff; box-shadow:0 3px 10px #4d6c9208; transform:none; transition:border-color .25s,box-shadow .25s; }
body.research-ui .feed-slide,body.research-ui .feed-cover-snap { height:102px; }
body.research-ui .feed-slide { background:#fff; }
body.research-ui .feed-slide img { padding:5px; mix-blend-mode:normal; }
body.research-ui .feed-cover-snap { padding:10px; gap:6px; background:linear-gradient(130deg,#f1f7fe,#f4f1ff); }
body.research-ui .feed-snap-kicker { font:8px var(--mono); color:#607a9d; letter-spacing:1px; }
body.research-ui .feed-snap-summary { font:12px/1.4 var(--serif); color:#426187; -webkit-line-clamp:4; }
body.research-ui .feed-snap-formula { font-size:12px; }
body.research-ui .research-figure-label { left:10px; bottom:7px; font:7px var(--mono); color:#607b9d; letter-spacing:1px; }
body.research-ui .feed-car-dots { right:auto; left:50%; bottom:0; transform:translateX(-50%); gap:0; }
body.research-ui .feed-car-dot { width:24px; height:24px; }
body.research-ui .feed-car-dot::after { width:4px; height:4px; }
body.research-ui .feed-carousel:has(.feed-car-dots) .research-figure-label { display:none; }
body.research-ui .feed-car-arrow { width:30px; height:32px; border-radius:8px; opacity:0; background:#fffffff0; border:1px solid #cad9ee; color:#416795; font-size:20px; box-shadow:0 3px 9px #37639b12; }
body.research-ui .feed-cover:hover .feed-car-arrow,body.research-ui .feed-cover:focus-within .feed-car-arrow { opacity:1; }
body.research-ui .feed-car-prev { left:4px; }
body.research-ui .feed-car-next { right:4px; }
body.research-ui .feed-card-foot { margin:0; padding:10px 23px; min-height:51px; border-top:1px solid #b2c8e35e; gap:10px; border-radius:0 0 21px 21px; background:linear-gradient(105deg,#c8ddf533,#d3c9ed3d); box-shadow:inset 0 1px #ffffff70; }
body.research-ui .feed-author { font:10px var(--mono); gap:5px; color:#466587; flex:1; min-width:0; }
body.research-ui .feed-author .avatar { width:24px; height:24px; }
body.research-ui .feed-author > span:not(.feed-badges) { max-width:112px; }
body.research-ui .feed-badge { width:13px; height:13px; font-size:8px; }
body.research-ui .feed-stats { font:10px var(--mono); color:#466080; gap:7px; }
body.research-ui .research-card-open { flex:none; display:flex; align-items:center; gap:7px; padding:6px 9px 6px 11px; color:#375d8b; font:550 11px var(--sans); margin-left:3px; border:1px solid #c4d6ec; border-radius:9px; background:#ffffffbd; transition:background .25s,border-color .25s; }
.research-card-open b { display:inline; width:auto; height:auto; font:17px var(--sans); background:none; border:0; box-shadow:none; transition:translate .25s; }
.research-card-open:hover { background:#e6effe; border-color:#8faed6; }
.research-card-open:hover b { translate:2px -2px; }
body.research-ui .feed-card-title a:focus-visible { outline:none; }
body.research-ui .feed-card:has(.feed-card-title a:focus-visible) { outline:2px solid #6286c6; outline-offset:3px; }
body.research-ui .feed-card:hover .feed-cover { transform:none; border-color:#bdcee6; box-shadow:0 4px 15px #3f659215; }
body.research-ui .feed-filterbar { background:transparent; }
.research-mobile-guide { display:none; }
body.research-ui .research-card-study .research-media-state { padding:7px; gap:3px; background:linear-gradient(135deg,#f4f9ff,#f0f1ff); }
body.research-ui .research-card-study .research-media-state strong { font-size:10px; line-height:1.3; }
body.research-ui .research-card-study .research-media-note { display:none; }
body.research-ui .research-card-study .research-media-progress { height:14px; margin-bottom:2px; }
body.research-ui .research-card-study .research-media-actions { font-size:9px; line-height:1.3; margin-top:3px; }
@media(min-width:1600px) { body.research-ui { --wide:1530px; } body.research-ui .feed-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } body.research-ui .feed-card-title { font-size:20px; } .research-card-study { gap:13px; } }
@media(max-width:1200px) and (min-width:1021px) { body.research-ui .feed-card-title { font-size:20px; margin-left:19px; margin-right:19px; } .research-card-study { margin-left:19px; margin-right:19px; gap:12px; } body.research-ui .research-card-tags { padding-left:19px; padding-right:19px; } body.research-ui .feed-card-foot { padding-left:18px; padding-right:18px; } body.research-ui .feed-author-name { max-width:75px!important; } }
@media(max-width:1020px) { body.research-ui .research-hero { gap:28px; } }
@media(max-width:820px) { body.research-ui .research-hero { grid-template-columns:1fr; gap:30px; } body.research-ui .research-hero-copy { max-width:100%; } body.research-ui .research-intro { max-width:540px; } body.research-ui .feed-grid { grid-template-columns:1fr; gap:20px; } body.research-ui .feed-car-dots { display:none; } body.research-ui .feed-carousel:has(.feed-car-dots) .research-figure-label { display:block; } body.research-ui .feed-car-arrow { opacity:1; } }
@media(max-width:640px) {
 body.research-ui .feed-grid { gap:20px; }
 body.research-ui .feed-grid .feed-card { border-radius:19px 7px 19px 19px; }
 body.research-ui .feed-topbar { padding:15px 34px 6px 19px; min-height:36px; }
 body.research-ui .feed-card-title { font-size:21px; line-height:1.22; -webkit-line-clamp:3; margin:8px 19px 15px; min-height:0; }
 .research-card-study { gap:13px; margin:0 19px 13px; min-height:108px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 body.research-ui .feed-cover { display:block; }
 body.research-ui .feed-slide,body.research-ui .feed-cover-snap { height:90px; }
 body.research-ui .feed-slide img { padding:4px; }
 body.research-ui .feed-card-summary { display:-webkit-box; font-size:11px; line-height:1.55; -webkit-line-clamp:4; }
 .research-card-abstract { margin-bottom:7px; font-size:7px; }
 body.research-ui .research-card-tags { padding:0 19px 14px; gap:5px; }
 body.research-ui .research-card-tags .feed-tag-chip { font-size:10px; padding:4px 7px; }
 body.research-ui .feed-card-foot { padding:9px 18px; border-radius:0 0 18px 18px; gap:7px; }
 body.research-ui .feed-author > span:not(.feed-badges) { max-width:92px; }
 body.research-ui .feed-badges { gap:2px; }
 body.research-ui .feed-stats { font-size:9px; gap:5px; }
 body.research-ui .research-card-open { padding:5px 7px; margin-left:0; }
 body.research-ui .research-card-open span { display:none; }
 body.research-ui .research-hero { padding:27px 0 36px; gap:28px; }
 body.research-ui .research-hero h1 { font-size:clamp(37px,10vw,49px); }
 body.research-ui .research-intro { font-size:14px; line-height:1.75; }
 body.research-ui .research-suggestions { font-size:10px; }
 .research-mobile-guide { display:inline; }
}
@media(max-width:359px) { body.research-ui .feed-card-title { font-size:19px; } body.research-ui .feed-topbar { gap:7px; } .research-card-length { font-size:9px; } body.research-ui .feed-author-name { max-width:66px!important; } body.research-ui .feed-author { gap:3px; font-size:9px; } body.research-ui .feed-card-foot { padding:9px 15px; gap:5px; } .research-card-study { gap:10px; } body.research-ui .feed-topbar .feed-src { max-width:34%; } }
@media(prefers-reduced-motion:reduce) { body.research-ui .feed-grid .feed-card,body.research-ui .feed-cover,.research-card-open b { transition:none; } body.research-ui .feed-grid .feed-card:hover { translate:none; } }
@media(max-width:820px) {
 body.research-ui .research-hero { grid-template-areas:"copy" "discover" "studio"; grid-template-rows:auto auto auto; align-content:start; row-gap:20px; }
 body.research-ui.is-discovery-home .research-hero { grid-template-rows:auto auto minmax(auto,1fr); }
 body.research-ui.body-feed .research-hero > .inference-lab { width:100%; max-width:640px; justify-self:center; }
}
@media(max-width:560px) {
 body.research-ui.is-discovery-home .research-hero { min-height:calc(100vh - 67px); min-height:calc(100svh - 67px); }
 body.research-ui .research-hero { grid-template-areas:"copy" "discover" "studio"; padding:20px 0 8px; row-gap:16px; }
 body.research-ui .research-hero .research-eyebrow { margin-bottom:14px; }
 body.research-ui .research-hero h1 { font-size:clamp(34px,9.5vw,44px); }
 body.research-ui .research-intro { margin:15px 0 18px; font-size:13px; line-height:1.65; }
 body.research-ui .research-suggestions { margin-top:10px; gap:7px 12px; }
 .research-discovery-footer { gap:12px; padding-bottom:14px; min-height:62px; }
 .research-discovery-index { max-width:108px; flex-wrap:wrap; gap:2px 5px; font-size:8px; }
 .research-discovery-index i { display:none; }
 .research-discovery-index strong:nth-of-type(2) { margin-left:0; }
 body.research-ui #library { scroll-margin-top:88px; }
 .research-discover strong { font-size:11px; }
 .research-discover small { font-size:7px; letter-spacing:1px; }
}
@media(max-width:820px) and (max-height:760px) {
 body.research-ui .research-hero { grid-template-areas:"copy" "discover" "studio"; }
}
@media(min-width:821px) and (max-height:760px) {
 body.research-ui .research-hero { padding:12px 0; row-gap:10px; }
 .research-discovery-footer { min-height:54px; padding:4px 0 6px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .research-discover-mark svg { animation:none; } }

/* A compact notebook snapshot balances the phone's first screen.
   The community atlas adds only locations that members explicitly share. */
.research-community { display:none; }
@media(max-width:640px) {
 body.research-ui.body-feed .research-hero > .inference-lab { display:none; }
 body.research-ui .research-hero { grid-template-areas:"copy" "community" "discover"; grid-template-rows:auto auto auto; row-gap:18px; }
 body.research-ui .research-hero-copy { align-self:start; }
 body.research-ui.is-discovery-home .research-hero { grid-template-rows:auto minmax(auto,1fr) auto; }
 body.research-ui .research-community {
   display:block; grid-area:community; align-self:center; width:100%; max-width:440px; justify-self:center;
   position:relative; overflow:hidden; padding:16px 18px 11px;
   border:1px solid #ffffffd9; border-radius:20px 7px 20px 20px;
   background:linear-gradient(135deg,#ffffff8c,#edf3fc5e 55%,#eae6f96b);
   box-shadow:inset 0 1px #fff,0 0 0 1px #b0c5e236,0 12px 28px -22px #496ba54d;
 }
 .community-snapshot-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
 body.research-ui .community-snapshot-head h2 { margin:0; color:#345778; font:550 15px/1.3 var(--sans); letter-spacing:-.35px; }
 .community-snapshot-kicker { max-width:80px; color:#617e9e; font:7px/1.6 var(--mono); letter-spacing:1px; text-align:right; }
 .community-snapshot-stats { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:13px 0 0; }
 .community-snapshot-stats > div { display:flex; align-items:baseline; gap:8px; }
 .community-snapshot-stats > div + div { padding-left:16px; border-left:1px solid #b2c6e359; }
 .community-snapshot-stats dd { order:-1; margin:0; color:#426b9d; font:500 30px/1 var(--mono); letter-spacing:-1.5px; }
 .community-snapshot-stats dt { max-width:53px; color:#4e6988; font:10px/1.4 var(--sans); }
 .community-world { position:relative; margin:2px -5px -5px; overflow:hidden; }
 .community-world img { display:block; width:100%; height:126px; object-fit:contain; opacity:.84; animation:community-world-breathe 9s ease-in-out infinite alternate; }
 .community-world-flow { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:#789cd0; stroke-width:1.1; opacity:.52; pointer-events:none; }
 .community-world-flow path { stroke-dasharray:7 280; animation:community-world-current 15s linear infinite; }
 .community-world-flow path + path { stroke:#9b8bcc; animation-duration:19s; animation-delay:-8s; }
 .community-snapshot-caption { margin:0; color:#5f7895; text-align:center; font:9px/1.5 var(--sans); letter-spacing:.15px; }
 .research-discovery-footer { justify-content:center; min-height:54px; padding:3px 0 10px; }
 .research-discovery-index { display:none; }
}
@keyframes community-world-breathe { from { opacity:.72; transform:translateY(2px); } to { opacity:.92; transform:translateY(-2px); } }
@keyframes community-world-current { to { stroke-dashoffset:-574; } }
@media(max-width:640px) and (max-height:680px) {
 body.research-ui .research-hero { row-gap:8px; }
 body.research-ui .research-community { padding:11px 14px 9px; }
 .community-snapshot-head,.community-snapshot-stats { position:relative; z-index:1; }
 body.research-ui .community-snapshot-head h2 { font-size:13px; }
 .community-snapshot-kicker { display:none; }
 .community-snapshot-stats { margin-top:9px; }
 .community-snapshot-stats dd { font-size:25px; }
 .community-world { position:absolute; inset:0 -18px 0 auto; width:240px; margin:0; opacity:.26; pointer-events:none; }
 .community-world img { height:100%; }
 .community-snapshot-caption { display:none; }
}
@media(prefers-reduced-motion:reduce) {
 .community-world img,.community-world-flow path { animation:none; transform:none; }
}