/* Extra rules for the case-study pages (annotations, before/after, table of contents). */
.anno-pin{position:absolute;width:32px;height:32px;margin:-16px 0 0 -16px;padding:0;border-radius:50%;border:3px solid var(--wood-dark);background:var(--gold);color:var(--ink);font-family:var(--font-pixel);font-size:20px;line-height:20px;cursor:pointer;box-shadow:0 0 0 0 #f0b54a99;animation:pinpulse 2.4s ease-out infinite;transition:transform .2s cubic-bezier(.3,1.6,.5,1),background .2s}@keyframes pinpulse{0%{box-shadow:0 0 0 0 #f0b54a99}70%,100%{box-shadow:0 0 0 12px #f0b54a00}}.anno-pin.hl{transform:scale(1.25);background:var(--berry);color:#fff}.anno-note{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;background:var(--surface);box-shadow:inset 0 0 0 2px var(--surface-sunken);transition:background .2s,box-shadow .2s;cursor:default;outline:none}.anno-note.hl{background:var(--surface-sunken);box-shadow:inset 4px 0 0 var(--berry)}.anno-num{flex:none;width:26px;height:26px;border-radius:50%;background:var(--gold);border:2px solid var(--wood-dark);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:18px}.ba-range:focus-visible + *, .ba:focus-within{outline:3px solid var(--focus);outline-offset:3px}@media (max-width:700px){.anno{grid-template-columns:1fr!important}}@media (max-width:820px){.cs-hero{grid-template-columns:1fr!important}}.ba2-after{opacity:0;transition:opacity .35s ease}.ba2.on .ba2-after{opacity:1}.ba2-switch{position:relative;align-self:flex-start;display:inline-grid;grid-template-columns:1fr 1fr;margin:4px;background:var(--surface-raised);box-shadow:inset 0 -3px 0 0 #00000014,0 -4px 0 0 var(--wood-dark),0 4px 0 0 var(--wood-dark),-4px 0 0 0 var(--wood-dark),4px 0 0 0 var(--wood-dark),8px 8px 0 0 var(--pixel-shadow)}.ba2-knob{position:absolute;top:0;bottom:0;left:0;width:50%;background:var(--wood);box-shadow:inset 0 2px 0 0 var(--wood-light),inset 0 -3px 0 0 #00000033;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.ba2.on .ba2-knob{transform:translateX(100%)}.ba2-tab{position:relative;z-index:1;min-width:120px;padding:12px 22px 10px;background:none;border:0;cursor:pointer;font-family:var(--font-pixel);font-size:22px;line-height:22px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);transition:color .2s}.ba2:not(.on) .ba2-tab[data-v=before],.ba2.on .ba2-tab[data-v=after]{color:var(--on-wood)}.ba2-tab:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.ba-pb{display:grid}.ba-pa{display:none}.ba2.on .ba-pb{display:none}.ba2.on .ba-pa{display:grid;animation:baIn .35s ease}@keyframes baIn{from{opacity:0;transform:translateY(6px)}}
.csgrid{grid-template-columns:200px minmax(0,1fr)}
@media (max-width:860px){.csgrid{grid-template-columns:1fr!important}.cstoc{display:none!important}}
@media (max-width:760px){.dlg{height:240px}.dlg-text>div{flex-wrap:wrap!important}}