/* VerdiWM content integration. Layout and typography live in confal-template.css. */
:root[data-theme="light"]{--bg:#f3f8fd;--bg2:#eaf3fb;--cyan:#1675b3;--blue:#3678bd;--violet:#5797cd;--amber:#3678bd}
body{background:radial-gradient(900px 520px at 8% 0%,rgba(86,185,255,.08),transparent 60%),var(--bg)}
:root[data-theme="light"] .title .wm{background-image:linear-gradient(105deg,#18253a 12%,#1675b3 55%,#73b5e5)}
.progress-fill{background:linear-gradient(90deg,#7dc6ee,#367abd);box-shadow:none}
.hero-actions .pill-link{--button-bg:#e8f3ff;--button-border:#bcd9ef;--button-fg:#205e98}
:root:not([data-theme="light"]) .hero-actions .pill-link{--button-bg:#172b40;--button-border:#2b4b68;--button-fg:#cce7ff}
.skip-link{position:fixed;z-index:200;top:10px;left:10px;padding:12px;background:var(--surface2);color:var(--text);transform:translateY(-150%)}
.skip-link:focus{transform:none}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
img,video{max-width:100%;display:block}
.section-head>div{min-width:0}
.kicker{line-height:1.2}
.paper-media{margin:24px 0;padding:10px}
.paper-media .asset-frame{min-height:0;border-radius:14px;padding:14px;background:#fff}
.paper-media .asset-frame>img{height:auto;width:100%;object-fit:contain}
.paper-media figcaption{padding:15px 10px 8px;font-size:.85rem;color:var(--muted);line-height:1.65}
.paper-media figcaption a{color:var(--cyan);white-space:nowrap}
.method-layout .paper-media{margin:0;align-self:start}
.method-layout .asset-frame{height:auto}
.method-layout{align-items:start}
.contrib-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0}
.contrib{min-width:0}
.contrib:nth-child(n){--c:var(--cyan)}
.campaign-copy{max-width:1100px;color:var(--muted);line-height:1.75;font-size:.98rem;margin:0 0 26px}
.campaign-copy a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.block-title{font-size:1.08rem;margin:30px 0 14px;letter-spacing:-.02em}
.caption{color:var(--muted);font-size:.87rem;line-height:1.7;margin:14px 0 24px}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.video-stack{display:grid;gap:22px}
.video-card{margin:20px 0;padding:12px;min-width:0;overflow:hidden}
.video-grid .video-card,.video-stack .video-card{margin:0}
.video-card figcaption{padding:6px 8px 14px}
.video-card figcaption strong{font-size:.94rem}
.video-card figcaption p{color:var(--muted);font-size:.83rem;margin:5px 0 0;line-height:1.65}
.native-video{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg2)}
.native-video video{display:block;width:100%;height:auto;object-fit:contain;background:var(--bg2)}
.media-download{display:inline-block;padding:10px 8px 2px;font-size:.75rem;color:var(--cyan)}
.pair-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px;margin-bottom:16px}
.pair-toolbar .block-title{margin:0 auto 0 0}
.pair-status{font-size:.75rem;color:var(--muted)}
.ctrl{cursor:pointer}
.paired-group+.paired-group{margin-top:28px}
.metric-panel{padding:14px;margin:22px 0}
.table-scroll{overflow:auto;border-radius:12px}
.data-table{font-size:.86rem;min-width:610px;border-collapse:collapse}
.data-table caption{position:static;width:auto;height:auto;clip:auto;white-space:normal;text-align:left;padding:10px 6px 16px;font-size:.87rem;font-weight:700;color:#34465c}
.data-table th,.data-table td{padding:13px 15px}
.data-table thead th{font-size:.72rem;position:static}
.data-table tbody th{text-transform:none;letter-spacing:normal;font-size:.85rem;text-align:left;font-weight:600;background:#f7faff;color:#34465c;position:static}
.data-table .gain{color:#147449;font-weight:700}
.data-table .tradeoff{color:#aa4550;font-weight:700}
.memory-map{padding:26px;margin-bottom:24px;display:grid;justify-items:center;gap:22px}
.memory-map a{border:1px solid var(--line2);border-radius:12px;padding:12px 16px;background:var(--surface2);font-weight:700;font-size:.82rem;text-align:center}
.memory-map>a{color:var(--cyan)}
.memory-branches{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.memory-branches a{font-weight:600;font-size:.77rem}
.resource-grid{align-items:start}
.resource-panel{scroll-margin-top:110px}
.memory-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px 0;border-block:1px solid var(--line);margin:18px 0}
.memory-facts dt{font-weight:700;color:var(--cyan);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}
.memory-facts dd{margin:5px 0 0;font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}
.memory-document ul{margin:12px 0 16px;padding-left:22px;font-size:.8rem;color:var(--muted)}
.memory-document li{margin:6px 0}
.footer-note a{color:var(--cyan)}
#figureDialog{width:min(1400px,94vw);max-height:92dvh;border:1px solid var(--line2);border-radius:18px;padding:18px;background:var(--surface2);color:var(--text)}
#figureDialog::backdrop{background:rgba(15,31,50,.7)}
.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;font-size:.85rem}
#figureImage{width:100%;height:auto;background:#fff}
@media(max-width:720px){
 :root{--page:92vw}
 .nav-shell{padding:9px 0}
 .nav{gap:7px;padding-left:13px}
 .nav-links{max-width:calc(100% - 151px)}
 .nav-link{padding:8px;font-size:.71rem}
 .hero{padding:118px 4vw 86px}
 .eyebrow{font-size:.61rem;letter-spacing:.04em}
 .title{font-size:clamp(3.4rem,14vw,6rem)}
 .hero-actions{gap:12px}
 .hero-actions .pill-link{font-size:.8rem;padding:10px 14px}
 .section{padding:65px 0}
 .section-head{gap:12px;margin-bottom:25px}
 .section-note{font-size:.85rem}
 .kicker{font-size:1.2rem}
 .contrib-grid,.contrib-grid.three,.video-grid,.resource-grid,.memory-facts{grid-template-columns:1fr}
 .method-layout{grid-template-columns:minmax(0,1fr)}
 .paper-media{padding:6px}
 .paper-media .asset-frame{padding:4px;border-radius:12px}
 .video-card{padding:8px}
 .memory-map{padding:18px}
 .memory-branches{flex-direction:column;width:100%}
}
@media(prefers-reduced-motion:reduce){.card:hover,.pill-link:hover{transform:none}}
/* Share caption/media rows within each robot comparison, including different source sizes. */
.paired-group .video-grid{align-items:stretch;row-gap:0}
.paired-group .video-card{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0}
.paired-group .native-video{align-self:start}
@media(max-width:720px){.paired-group .video-grid{row-gap:18px}.paired-group .video-card{display:block;grid-row:auto}}
/* Upcoming project resources, separate from the section navigation. */
.upcoming-resources{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:22px auto 0}
.upcoming-resource{display:inline-flex;align-items:center;gap:11px;min-width:136px;padding:11px 18px;border:1px solid var(--line2);border-radius:16px;background:var(--surface2);color:var(--text);text-align:left;cursor:default;opacity:1}
.upcoming-resource i{font-size:1.15rem;color:var(--cyan)}
.upcoming-resource strong{display:block;font-size:.83rem;font-weight:750;line-height:1.4}
.upcoming-resource small{display:block;font-size:.68rem;color:var(--muted);line-height:1.5;margin-top:2px}
@media(max-width:720px){.upcoming-resources{max-width:330px;gap:10px}.upcoming-resource{flex:1 1 calc(50% - 10px);min-width:0;padding:10px 14px}}