/* RobotInsight: a contemporary robotics journal. */
:root { --paper:oklch(.986 .005 65); --surface:oklch(.997 .002 65); --band:oklch(.95 .01 65); --ink:oklch(.28 .013 45); --ink-strong:oklch(.20 .012 45); --muted:oklch(.48 .014 45); --faint:oklch(.49 .014 45); --rule:oklch(.85 .013 65); --rule-soft:oklch(.9 .01 65); --signal:oklch(.67 .17 42); --signal-ink:oklch(.48 .16 38); --mono:var(--sans); --maxw:1180px; }
:root[data-theme="dark"] { --paper:oklch(.18 .01 45); --surface:oklch(.22 .012 45); --band:oklch(.26 .012 45); --ink:oklch(.9 .008 65); --ink-strong:oklch(.97 .005 65); --muted:oklch(.73 .012 65); --faint:var(--muted); --rule:oklch(.36 .01 45); --rule-soft:var(--rule); --signal-ink:oklch(.79 .13 48); }
body { background-image:none; }
.site-header { position:static; background:var(--paper); box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; border-bottom:0; }
.header-inner { min-height:110px; gap:28px; }
.brand-text { flex-direction:column-reverse; gap:7px; }
.brand-latin { font-size:32px; font-weight:900; letter-spacing:-.055em; line-height:1; color:var(--ink-strong); }
.brand-ko { font-size:14px; font-weight:600; letter-spacing:.03em; }
.header-descriptor { margin-left:auto; font-size:13px; color:var(--muted); }
main { padding-top:0; }
.tabs { margin:0; border-top:2px solid var(--ink-strong); border-bottom:1px solid var(--rule); gap:24px; padding:0; background:none; border-radius:0; }
.tab { border:0; border-radius:0; padding:15px 0; font-size:15px; background:none; }
.tab.is-active { background:none; color:var(--signal-ink); box-shadow:0 3px 0 var(--signal) inset; }
.tab-code { display:none; }
.masthead-hero { display:block; padding:30px 0 25px; margin:0; border:0; background:none; }
.hero-sub { font-size:13px; margin:0 0 9px; color:var(--muted); }
.hero-title { font-size:clamp(27px,3.5vw,42px); letter-spacing:-.045em; line-height:1.3; }
.status { padding:12px 0; background:none; border:0; border-top:1px solid var(--rule); border-radius:0; font-size:12px; margin:0 0 16px; gap:18px; }
.status-live { color:var(--signal-ink); font-weight:700; }
.status .dot,.status-cov,.lead-stamp { display:none; }
.status-seg { border:0; padding:0; }
.lead { display:grid; grid-template-columns:1.1fr 1fr; gap:38px; border:0; border-radius:0; padding:0 0 32px; background:none; box-shadow:none; margin-bottom:0; }
.lead-figure { position:relative; display:block; padding:0; border:0; border-radius:0; background:var(--band); overflow:hidden; aspect-ratio:4/3; }
.lead-figure img { width:100%;height:100%;object-fit:cover;display:block; }
.image-caption { position:absolute; bottom:0; left:0; padding:6px 10px; font-size:11px; background:oklch(.2 .01 45 / .85); color:oklch(.98 .005 65); }
.lead-copy { padding:12px 0; justify-content:center; }
.lead-title { font-size:clamp(25px,3vw,37px); line-height:1.4; letter-spacing:-.035em; }
.lead-deck { font-size:15px; line-height:1.85; color:var(--muted); }
.lead .kpi-row { display:none; }
.rcode { border:0; padding:0; background:none; font-size:12px; letter-spacing:0; border-radius:0; color:var(--signal-ink)!important; }
.feed { display:grid; grid-template-columns:1fr 1fr; column-gap:36px; border-top:2px solid var(--ink-strong); }
.entry-link { display:flex; flex-direction:column; gap:9px; padding:24px 0; height:100%; }
.entry-link:hover { background:none; }
.entry-index { flex-direction:row; align-items:center; gap:12px; padding:0; }
.entry-index::before,.entry-node,.kicker::before { display:none; }
.entry-main .kicker,.lead-meta .kicker { padding:0; font-size:12px; }
.entry-title { font-size:21px; line-height:1.5; }
.entry-sum { font-size:14px; line-height:1.8; }
.feed .entry:last-child .entry-link { border-bottom:0; }
.article { margin-top:34px; }
.article h1 { line-height:1.4; }
.article-deck::after { display:none; }
.body { line-height:1.95; }
.page-head { padding-top:30px; }
@media(max-width:650px) { .header-inner{min-height:90px;gap:12px}.brand-latin{font-size:27px}.brand-ko{font-size:12px}.header-descriptor{display:none}.nav{margin-left:auto}.tabs{gap:24px;overflow-x:auto}.tab{flex-shrink:0}.masthead-hero{padding:23px 0}.status{gap:10px;flex-wrap:wrap}.lead{grid-template-columns:1fr;gap:15px}.lead-figure{aspect-ratio:16/9}.lead-copy{padding:0}.lead-title{font-size:27px}.feed{grid-template-columns:1fr}.entry-title{font-size:20px}.entry-link{padding:20px 0} }

/* Reading and keyboard affordances across every publication route. */
.skip-link { position:fixed;top:-80px;left:16px;z-index:1000;padding:12px 18px;background:var(--surface);color:inherit;border:2px solid currentColor; }
.skip-link:focus { top:12px; }
.theme-toggle { min-width:40px;min-height:40px;border-radius:3px; }
.pager-num,.pager-edge { border-radius:2px;min-height:40px; }
.sources,.disclosure,.paywall,.kpi li,.kpi-row li { border-radius:0;box-shadow:none; }
.paywall { text-align:left; }
.paywall-mark { font-size:13px;width:auto;height:auto;display:inline-block;padding:3px 7px;border-radius:2px; }
button,input { font:inherit; }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; } }

.masthead-hero,.status,.lead,.entry,.front-lead,.story,.article { animation:none;opacity:1;transform:none; }

main.container { padding-top:0; }
@media(max-width:380px) { .brand-latin{font-size:22px}.header-inner{gap:8px}.nav{gap:10px}.brand-text{min-width:0} }
.lead-figure { min-width:0;max-width:100%; }

/* Small ambient films retain a visible, keyboard-accessible pause control. */
.publication-film { margin:0;min-width:0;max-width:100%;align-self:start; }
.film-frame { position:relative;aspect-ratio:16/9;overflow:hidden;background:oklch(.2 .01 70); }
.film-frame video,.film-poster { display:block;width:100%;height:100%;object-fit:cover; }
.film-frame video { position:absolute;inset:0; }
.film-toggle { position:absolute;right:8px;bottom:8px;min-height:36px;padding:5px 10px;border:1px solid oklch(.8 .005 70 / .5);border-radius:3px;background:oklch(.18 .01 70 / .85);color:oklch(.98 .005 70);font-size:12px;cursor:pointer; }
.publication-film figcaption { margin-top:7px;font-size:11px;line-height:1.6;color:var(--muted); }
@media(prefers-reduced-motion:reduce) { .film-frame video,.film-toggle { display:none; } }

.lead { grid-template-columns:minmax(0,1fr) 320px;align-items:center; }
.lead .publication-film { grid-column:2;grid-row:1;align-self:center; }
.lead .lead-copy { grid-column:1;grid-row:1; }
@media(max-width:800px) { .lead{grid-template-columns:minmax(0,1fr)}.lead .lead-copy{grid-column:1;grid-row:1}.lead .publication-film{grid-column:1;grid-row:2;width:300px;max-width:100%;justify-self:end} }