/* Approved plate teaching surfaces: stable right relief, track colors. */
html[data-plate-track='step2']{--plate-theme:#0b4a3d;--plate-soft:#e9f1ec}
html[data-plate-track='step1']{--plate-theme:#0c2a4c;--plate-soft:#e9edf2}
html[data-plate-track]{--green:var(--plate-theme);--mint:var(--plate-soft)}
html[data-plate-track] body{background-color:#f8f6f0;background-image:linear-gradient(#f8f6f0d9,#f8f6f0d9),url('/assets/codex-plate-hex.svg')}
html[data-plate-track] .topbar{background:#f8f6f0ee}
html[data-plate-track] .study-column>section,html[data-plate-track] .asset{border:1px solid #dbe1da;border-right:3px solid var(--plate-theme);box-shadow:6px 3px 17px -8px color-mix(in srgb,var(--plate-theme) 38%,transparent)}
html[data-plate-track] .takeaway{background:var(--plate-theme);border-right-color:color-mix(in srgb,var(--plate-theme) 45%,white)}
html[data-plate-track] .takeaway .section-label{color:#d6e7df}
html[data-plate-track] .takeaway p{font-size:clamp(18px,1.4vw,21px);line-height:1.55}
html[data-plate-track] .study-card p{font-size:16px;line-height:1.6}
html[data-plate-track] .watch{background:#fcf8f1}
html[data-plate-track] .watch .section-label{color:#966126}
html[data-plate-track] .asset-info{border-right:2px solid var(--plate-theme);box-shadow:inset -3px 0 9px -8px var(--plate-theme)}
html[data-plate-track] .asset-info details{border-right:2px solid var(--plate-theme);padding-right:12px}
html[data-plate-track] .source-note{font:12px/1.6 var(--sans);color:#506461}
.mycodexes-label{font-weight:600}
.mycodexes-label .plate-codex-core,.codex-brand-core{color:var(--plate-theme)!important;font-weight:800}
html[data-plate-track] .brand{display:inline-flex;align-items:center;gap:8px}
.plate-pulse-mark{height:25px;width:25px;flex:none;color:var(--plate-theme)}
.plate-pulse-mark *{fill:currentColor}
.plate-pulse-mark .codex-pulse-dot{transform-box:fill-box;transform-origin:center;animation:plate-dot-pulse 6s ease-in-out infinite}
@keyframes plate-dot-pulse{0%,100%{transform:scale(.45);opacity:.62}50%{transform:scale(1.2);opacity:1}}
html[data-plate-track] .brand .plate-brand-name{font:400 23px/1.05 Georgia,serif;letter-spacing:-.04em}
html[data-plate-track] .study-link:focus-visible{outline:2px solid var(--plate-theme);outline-offset:4px}
@media(max-width:580px){html[data-plate-track] .brand .plate-brand-name{font-size:18px}.plate-pulse-mark{width:21px;height:21px}html[data-plate-track] .study-card{padding:21px}.asset-links{flex-wrap:wrap;gap:12px}}
@media(prefers-reduced-motion:reduce){.plate-pulse-mark .codex-pulse-dot{animation:none;transform:none;opacity:1}html[data-plate-track]{scroll-behavior:auto}}

html[data-plate-track] .brand svg{color:var(--plate-theme)!important}
/* The two library viewers use the same track-specific right relief. */
body:not([data-unused]) #detail .info> :is(.exam,.look,.watch,.note,.related,.companions,.credit){border:1px solid #dbe1da;border-right:3px solid #0b4a3d;box-shadow:6px 3px 17px -8px #0b4a3d61;border-radius:10px;padding:18px;margin:14px 0}
#detail .info .watch{background:#fcf8f1}#detail .info .watch .eyebrow{color:#966126}
.quiz-hidden .watch{visibility:hidden}
html[data-plate-track='step1'] .md :is(.box,.sec,.sc){border:1px solid #dbe1da;border-right:3px solid #0c2a4c;box-shadow:6px 3px 17px -8px #0c2a4c61;border-radius:10px;padding:18px}
html[data-plate-track='step1'] .md .matters{background:#0c2a4c;color:#fff}