.spine-study{--spm-ink:#202e2b;--spm-muted:#526158;--spm-line:#d6dfd7;--spm-green:#18564c;color:var(--spm-ink)}
.spine-study p{max-width:70ch}.spine-study button,.spine-study input,.spine-study select{font:inherit}.spine-study :is(button,input,select,a):focus-visible{outline:3px solid #a66a20;outline-offset:3px}.spine-study input{caret-color:var(--spm-green)}.spine-study ::selection{background:#c5ded2;color:#142b24}.spine-study code{font-family:Consolas,monospace;font-size:.82em;overflow-wrap:anywhere}.spine-study a{text-underline-offset:.18em}.spm-summary{display:flex;flex-wrap:wrap;gap:12px 28px;padding:16px 0;border-block:1px solid var(--spm-line);font-size:.88rem;font-variant-numeric:tabular-nums}.spm-summary p{margin:0;color:var(--spm-muted)}.spm-summary strong{color:var(--spm-green);margin-right:6px}.spm-boundary{padding:22px 0 28px;margin-bottom:18px;border-bottom:1px solid var(--spm-line)}.spm-boundary h2{font-size:1.12rem;margin:0 0 12px}.spm-boundary p{font-size:.88rem;color:var(--spm-muted);margin:8px 0}.spm-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.65fr) minmax(140px,.6fr) auto;gap:12px;align-items:end;margin:18px 0}.spm-filters label{display:flex;flex-direction:column;gap:7px;font-size:.82rem;font-weight:650}.spm-filters :is(input,select){width:100%;min-height:44px;padding:8px 11px;border:1px solid #9cac9e;border-radius:6px;background:#fff;color:var(--spm-ink)}.spm-filters input::placeholder{color:var(--spm-muted);opacity:1}.spm-filters button{min-height:44px}.spm-result{font-size:.85rem;color:var(--spm-muted);font-variant-numeric:tabular-nums;margin:12px 0 20px}.spm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.spm-card{min-width:0;border:1px solid var(--spm-line);border-radius:12px;overflow:hidden;background:white;padding:0 16px 18px}.spm-card-state{padding:10px 0;font-size:.75rem;color:var(--spm-green);font-weight:700}.spm-card-state[data-status="omitted-unsupported-features"],.spm-card-state[data-status="projection-error"]{color:#755419}.spm-video,.spm-poster{display:block;width:calc(100% + 32px);max-width:none;height:auto;aspect-ratio:1;object-fit:contain;margin-inline:-16px;background:#eff3ee}.spm-video{color:#202e2b}.spm-card h3{font-size:1rem;line-height:1.6;margin:14px 0 5px;overflow-wrap:anywhere}.spm-animation{font-size:.85rem;margin:0 0 12px;line-height:1.6;color:var(--spm-muted);overflow-wrap:anywhere}.spm-animation code{font-size:inherit}.spm-seek{display:flex;gap:7px;margin:12px 0 7px}.spm-seek button,.spm-media-error button{min-height:44px;padding:7px 12px;border:1px solid var(--spm-line);border-radius:6px;background:#fff;color:var(--spm-green);font-size:.8rem}.spm-seek button:hover{background:#edf3ed}.spm-time{display:block;font-size:.73rem;color:var(--spm-muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.spm-measures{font-size:.76rem;line-height:1.65;margin:12px 0;display:grid;gap:6px}.spm-measures div{display:flex;justify-content:space-between;gap:12px}.spm-measures dt{color:var(--spm-muted)}.spm-measures dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.spm-caption{font-size:.72rem;color:var(--spm-muted);margin:12px 0}.spm-details{border-top:1px solid var(--spm-line);padding-top:10px;font-size:.78rem;line-height:1.8}.spm-details summary{cursor:pointer;min-height:32px;color:var(--spm-green);font-weight:650}.spm-details p{margin:12px 0;overflow-wrap:anywhere}.spm-source{margin:14px 0}.spm-source div{padding-block:8px;border-bottom:1px solid var(--spm-line)}.spm-source dt{color:var(--spm-muted);font-size:.9em}.spm-source dd{margin:3px 0 0;overflow-wrap:anywhere}.spm-support-note{padding:12px;background:#f5f0e2}.spm-no-preview{aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;margin-inline:-16px;padding:22px;background:#f3f1e8;font-size:.82rem}.spm-no-preview strong{font-size:.94rem}.spm-no-preview p{margin:10px 0 0;overflow-wrap:anywhere}.spm-empty{padding:32px;border:1px dashed var(--spm-line);text-align:center}.spm-proof{margin-top:38px;border-top:1px solid var(--spm-line);padding-top:24px}.spm-proof>p{font-size:.88rem}.spm-proof>details{padding:12px 0;border-bottom:1px solid var(--spm-line);font-size:.82rem}.spm-proof summary{cursor:pointer;min-height:32px;color:var(--spm-green)}.spm-proof code{display:inline-block;max-width:100%;overflow-wrap:anywhere}.spm-media-error{font-size:.8rem;color:#755419}.spm-media-error[hidden]{display:none}
@media(max-width:1200px){.spm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spm-filters{grid-template-columns:1fr 1fr}.spm-filters label:first-child{grid-column:1/-1}}
@media(max-width:600px){.spm-grid{grid-template-columns:1fr;gap:20px}.spm-filters{grid-template-columns:1fr}.spm-filters label:first-child{grid-column:auto}.spm-summary{gap:8px 18px;flex-direction:column}.spm-boundary{padding-top:18px}.spm-card{padding-inline:16px}.spm-video,.spm-poster{width:calc(100% + 32px)}.spm-no-preview{aspect-ratio:auto;min-height:180px}.spm-time,.spm-caption{font-size:.78rem}.spm-details{font-size:.83rem}.spm-card h3{font-size:1.06rem}}
@media(prefers-reduced-motion:reduce){.spine-study *{scroll-behavior:auto!important}}