/* sln-motion: SOLUNA 全サイト共通の軽量モーション。
 * 初期状態は常に可視(HIDEクラスなし)。JSが html[data-sln-motion-on] を付けた時だけhover/tap装飾が有効。
 * reduced-motion/saveData/埋込(data-sln-motion-off)時はJSがattrを付けないのでCSSも不動。
 */
.sln-brand-mark svg{display:block;width:100%;height:100%;overflow:visible}
.brand-mark.sln-brand-ready{background-image:none!important}
.sln-brand-sound{font:inherit;font-size:12px;line-height:1.5;min-height:44px;padding:10px 16px;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;max-width:100%}
.sln-brand-sound:focus-visible{outline:3px solid #ff754b;outline-offset:4px}
/* Keep the hero control above the oversized wordmark's painted glyphs. */
.hero .sln-brand-sound{position:relative;z-index:1}
.sln-brand-preview{display:block;width:min(100%,280px);height:auto;background:#f1eee4}
.sln-brand-status{font-size:12px;line-height:1.6}
@media (prefers-reduced-motion:no-preference){
  html[data-sln-motion-on] .sln-motion-card{transition:translate .35s ease}
  html[data-sln-motion-on] .sln-motion-cta{transition:scale .15s ease}
  html[data-sln-motion-on] .sln-motion-cta:active{scale:.97}
}
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  html[data-sln-motion-on] .sln-motion-card:hover{translate:0 -4px}
}