.research-primer{margin-block:38px 18px;border:1px solid #c9e7e9;border-radius:12px;overflow:hidden;background:#f4fafb;scroll-margin-top:100px}
.primer-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 30px;border-bottom:1px solid #d6e9e8}
.primer-header .eyebrow{margin:0 0 5px;color:var(--accent)}
.primer-header h2{font:24px/1.3 var(--sans);letter-spacing:-.5px;font-weight:600}
.primer-header>a{font-size:12px;flex-shrink:0}
.primer-slide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:40px;align-items:center;padding:32px;min-height:300px}
.primer-slide+.primer-slide{border-top:1px solid #d6e9e8}
.primer-enhanced .primer-slide{border-top:0}
.primer-copy{max-width:660px}
.primer-slide--screenshot{grid-template-columns:1fr;gap:24px}
.primer-slide--screenshot .primer-copy{max-width:900px}
.primer-screenshot{margin:0;min-width:0}
.primer-screenshot>a{display:block;border-radius:8px;overflow:hidden;background:#070c16;border:1px solid #233340;cursor:zoom-in}
.primer-screenshot img{display:block;width:100%;height:auto}
.primer-screenshot figcaption{display:flex;gap:20px;justify-content:space-between;margin-top:12px;font-size:12px;line-height:1.65;color:#465963}
.primer-screenshot figcaption strong{color:var(--ink);flex-shrink:0}
.primer-capture-note{margin:0!important;padding:16px 30px;background:#fff;font-size:12px;color:#555;border-top:1px solid #d6e9e8}
@media(max-width:760px){.primer-screenshot figcaption{display:block}.primer-screenshot figcaption span{display:block;margin-top:5px}.primer-capture-note{padding-inline:20px}}
.primer-copy .mini-label{color:var(--accent);margin-bottom:12px}
.primer-copy h3{font-size:32px;margin-bottom:18px}
.primer-copy>p:not(.mini-label){font-size:17px;line-height:1.75;color:#344753;margin-top:0}
.primer-copy>p+p:not(.mini-label){margin-top:12px}
.primer-art{display:flex;align-items:center;justify-content:center;gap:14px;min-height:185px;padding:24px 16px;background:#fff;border:1px solid #d6e9e8;border-radius:10px;color:#007f8c}
.primer-symbol{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;font:600 12px/1.4 var(--sans);text-align:center}
.primer-symbol svg{width:64px;height:64px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.primer-symbol small{font:11px/1.4 var(--sans);color:#555}
.primer-arrow{font-size:25px;color:#7c999f}
.primer-art.warning{color:#916014;background:#fffcf4;border-color:#ead9ad}
.primer-art.evidence{color:#436b2b;background:#f8fcf4;border-color:#d6e4c8}
.primer-opening{display:block;padding:25px;text-align:left}
.primer-opening blockquote{font:22px/1.5 var(--serif);margin:18px 0;color:var(--ink)}
.primer-opening .mini-label{font-size:9px}
.primer-sequence{flex-direction:column;align-items:stretch;gap:8px;padding:25px}
.primer-sequence>div{display:flex;align-items:center;gap:15px}
.primer-sequence>div>b{display:grid;place-items:center;width:32px;height:32px;border:1px solid currentColor;border-radius:50%;flex:none;font:11px var(--mono)}
.primer-sequence>div>span{font-size:12px;line-height:1.7}
.primer-sequence strong{display:block;font-size:14px;font-weight:600}
.primer-sequence-arrow{padding-left:12px;font-size:18px;line-height:1}
.primer-sequence>.mini-label{margin-bottom:12px;font-size:9px}
.primer-copy .primer-source{margin-top:17px;margin-right:12px}
.primer-prompt{margin-top:18px;border-top:1px solid #c9e7e9;padding-top:12px}
.primer-prompt summary{font-size:13px;color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.primer-prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 var(--code);background:white;border:1px solid #d6e9e8;border-radius:5px;padding:18px;margin-block:15px}
.primer-prompt p{font-size:12px;color:#555}
.primer-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid #d6e9e8;padding:18px 30px;background:#fff}
.primer-controls[hidden]{display:none}
.primer-controls button{padding:10px 15px;border:1px solid #b9d6d9;border-radius:5px;background:white;color:#005d67;font-size:13px;min-height:42px}
.primer-controls button:disabled{opacity:.45}
.primer-controls .primer-play{background:#007f8c;color:white;border-color:#007f8c;min-width:160px}
.primer-navigation{display:flex;gap:8px;align-items:center}
.primer-status{font:12px/1.5 var(--sans);color:#465963}
.primer-jump{display:block;padding:18px 30px;border-top:1px solid #d6e9e8;background:white;font-size:12px;color:#465963}
.primer-jump select{display:block;width:100%;margin-top:8px;padding:10px;font-size:13px;background:white;border-color:#b9d6d9;min-height:42px}
.primer-motion-note{font-size:12px;color:#555;margin:0;padding:0 30px 18px;background:white}
@media(max-width:900px){.primer-slide{gap:25px;padding:25px}.primer-copy h3{font-size:28px}.primer-art{gap:8px;padding-inline:10px}.primer-symbol svg{width:50px;height:50px}}
@media(max-width:760px){.primer-header{align-items:start;padding:20px;flex-direction:column;gap:12px}.primer-header h2{font-size:22px}.primer-slide{grid-template-columns:1fr;gap:23px;padding:20px;min-height:0}.primer-art{min-height:140px;gap:25px}.primer-symbol svg{width:55px;height:55px}.primer-copy h3{font-size:29px}.primer-copy>p:not(.mini-label){font-size:16px}.primer-controls{padding:18px 20px;gap:14px}.primer-status{width:100%;order:-1}.primer-controls button{padding-inline:12px}.primer-controls .primer-play{min-width:145px}.primer-motion-note{padding-inline:20px}}
@media print{.primer-slide[hidden]{display:grid!important}.primer-controls,.primer-header>a,.primer-motion-note,.primer-jump{display:none!important}.primer-slide{break-inside:avoid}}