/* SLPT R27 B9B — Technique / Physique Updates visual polish. Presentation only. */
:root{--r27-b9b-violet:#6957a8;--r27-b9b-rose:#9a5268;--r27-b9b-line:rgba(91,80,135,.15)}
.r24-update-compare{margin:14px 0 18px;padding:16px;border:1px solid var(--r27-b9b-line);border-radius:16px;background:linear-gradient(145deg,rgba(105,87,168,.06),rgba(154,82,104,.035));box-shadow:0 12px 30px rgba(44,37,68,.07)}
.r24-update-compare>h3{margin:0 0 12px;color:#332f4b}
.r24-update-compare-grid{gap:14px}
.r24-update-compare-grid figure,.r24-update-card{overflow:hidden;border:1px solid rgba(91,80,135,.14);border-radius:14px;background:#fff;box-shadow:0 10px 26px rgba(44,37,68,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.r24-update-compare-grid figure:hover,.r24-update-card:hover{transform:translateY(-2px);border-color:rgba(105,87,168,.28);box-shadow:0 16px 36px rgba(44,37,68,.12)}
.r24-update-compare-grid img,.r24-update-card img{display:block;width:100%;background:linear-gradient(135deg,#f2f0f7,#f8f4f5)}
.r24-update-compare-grid figcaption,.r24-update-card figcaption{padding:11px 12px;border-top:1px solid rgba(91,80,135,.1);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,248,252,.98))}
.r24-update-card figcaption b{color:#363047}.r24-update-card figcaption small{color:#746f83}
.r24-update-grid{gap:14px}
@media (max-width:680px){.r24-update-compare-grid{grid-template-columns:1fr}.r24-update-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
html[data-theme="mist-graphite"] .r24-update-compare{background:linear-gradient(145deg,rgba(105,87,168,.16),rgba(154,82,104,.08));border-color:rgba(190,180,227,.16)}
html[data-theme="mist-graphite"] .r24-update-compare>h3{color:#f1edf9}
html[data-theme="mist-graphite"] .r24-update-compare-grid figure,html[data-theme="mist-graphite"] .r24-update-card{background:#252732;border-color:rgba(190,180,227,.15)}
html[data-theme="mist-graphite"] .r24-update-compare-grid figcaption,html[data-theme="mist-graphite"] .r24-update-card figcaption{background:#292b36;border-color:rgba(190,180,227,.12)}
html[data-theme="mist-graphite"] .r24-update-card figcaption b{color:#f2eef9}
html[data-theme="mist-graphite"] .r24-update-card figcaption small{color:#b8b1c8}
@media (prefers-reduced-motion:reduce){.r24-update-compare-grid figure,.r24-update-card{transition:none!important}.r24-update-compare-grid figure:hover,.r24-update-card:hover{transform:none}}