/* SOSM V0.01.0 mobile repair — compact content, safe-area controls, responsive navigation. */
#intro{display:none!important}
html{scroll-padding-top:76px}
body{overflow-x:hidden}
img,video{max-width:100%;height:auto}
button,a,summary,input,select,textarea{touch-action:manipulation}
button,a,summary{min-height:40px}
:focus-visible{outline:3px solid #ffe199!important;outline-offset:3px!important}
#sosmA11yTools{font:14px/1.4 system-ui,-apple-system,sans-serif;color:white}
#sosmA11yTools.sosm-voice-dock{position:fixed;z-index:100;bottom:max(12px,env(safe-area-inset-bottom));right:10px;left:auto;width:auto;max-width:min(94vw,390px);background:#171022;border:1px solid #dcb977;border-radius:13px;box-shadow:0 10px 34px #000a;padding:7px}
#sosmA11yTools .sosm-voice-collapsed{display:flex;align-items:center;gap:6px}
#sosmA11yTools button{font:700 13px system-ui;min-height:42px;border-radius:9px;background:#342344;border:1px solid #937bb0;color:#fff;padding:9px 11px}
#sosmA11yTools button:focus-visible{outline:3px solid #ffe39c}
#sosmA11yTools .sosm-voice-launch{border-color:#d7ac68}
#sosmA11yTools .sosm-voice-x{font-size:18px;padding:8px 13px}
#sosmA11yTools .sosm-voice-controls{max-height:55dvh;overflow-y:auto;padding:8px 2px 4px}
#sosmA11yTools .sosm-voice-controls[hidden],#sosmA11yTools[hidden]{display:none!important}
#sosmA11yTools .sosm-voice-actions{display:flex;flex-wrap:wrap;gap:6px;margin:5px 0}
#sosmA11yTools .sosm-voice-status{font-size:12px;color:#f8d6a2;margin:5px 0}
#sosmA11yTools .sosm-voice-transcript{font-size:13px;line-height:1.55;max-height:100px;overflow-y:auto;padding:7px;border-radius:8px;background:#0c0a15}
#sosmA11yTools .sosm-voice-transcript[hidden]{display:none!important}
#sosmA11yTools .sosm-speaking{background:#f4d37f;color:#241323;border-radius:2px}
.sosm-read-focus{outline:2px solid #e5b45d!important;outline-offset:3px!important}
.sosm-restorer{background:transparent;border:1px solid #be9b66;color:#ffde93;padding:7px 12px;border-radius:9px;min-height:44px;font:700 13px system-ui;cursor:pointer}
body.sosm-large-text{font-size:112%}
body.sosm-high-contrast{filter:contrast(1.14)}
.sosm-giveaway-teaser{max-width:980px;margin:22px auto;padding:16px;border:1px solid #b58c4d;border-radius:15px;background:#181120;display:flex;align-items:center;gap:17px}
.sosm-giveaway-teaser img{height:165px;width:94px;flex:none;object-fit:cover;border-radius:9px}
.sosm-giveaway-teaser h2{font-size:clamp(1.28rem,3vw,1.8rem);margin:0 0 6px}
.sosm-giveaway-teaser p{margin:0 0 12px;line-height:1.5}
.sosm-giveaway-teaser a{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#d7ad65;color:#130c1a;text-decoration:none;padding:10px 15px;font-weight:800}
.sosm-giveaway-hero{max-width:1000px;margin:24px auto;display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:22px;align-items:start}
.sosm-giveaway-art{width:100%;height:auto;border-radius:15px;border:1px solid #ad8757;box-shadow:0 15px 48px #0008}
.sosm-giveaway-form{display:grid;gap:10px}
.sosm-giveaway-form label{display:grid;gap:5px;color:#f8e8ff;font-weight:650}
.sosm-giveaway-form input,.sosm-giveaway-form select{width:100%;padding:12px;border:1px solid #967aa5;border-radius:8px;background:#0d0915;color:white;font-size:16px}
.sosm-giveaway-form label.sosm-check{display:flex;align-items:start;gap:9px}
.sosm-giveaway-form label.sosm-check input{width:21px;height:21px;flex:none;margin:3px 0}
.sosm-giveaway-form button{font:800 15px system-ui;background:#eac47e;color:#160c1f;border:0;border-radius:9px;padding:14px;min-height:48px}
.sosm-compact-mobile{max-width:100%;overflow-wrap:anywhere}
@media(max-width:850px){
  .sosm-giveaway-hero{grid-template-columns:1fr}
  .sosm-giveaway-art{display:block;width:min(100%,430px);margin:0 auto}
  #nav.open{max-height:65dvh;overflow-y:auto;overflow-x:hidden;padding:12px!important;gap:0!important}
  #nav a{display:block;width:100%;min-height:43px;padding:10px 9px;border-bottom:1px solid #48395f}
  #nav .sosm-nav-more{display:block;width:100%}
  #nav .sosm-nav-more summary{list-style:none;padding:12px 10px;border:1px solid #735b8c;border-radius:8px;color:#ffdda6;font-weight:700;cursor:pointer}
  #nav .sosm-nav-more div{padding-left:10px;max-height:35dvh;overflow:auto}
  header.top .navigation.sosm-mobile-expanded{max-height:67dvh;overflow-y:auto}
  .sosm-spotlight,.sosm-giveaway-teaser{max-width:calc(100% - 24px)!important;margin:12px auto!important;padding:15px!important}
  .sosm-giveaway-teaser img{height:115px;width:72px}
  .sosm-giveaway-teaser{align-items:flex-start}
  .sosm-giveaway-teaser h2{font-size:1.25rem}
  .hero{min-height:auto!important;padding-top:29px!important;padding-bottom:24px!important}
  .hero h1{font-size:clamp(2rem,9vw,3.05rem)!important}
  .intro{display:none!important}
  .prebar{flex-wrap:wrap}
  .grid,.grid.two,.grid.three,.stats,.splithero{grid-template-columns:1fr!important}
  .wrap,.prewrap{padding-left:15px!important;padding-right:15px!important}
  .sso-card{max-width:95vw!important;max-height:84dvh;overflow-y:auto;padding:15px!important}
}
@media(max-width:440px){
  #sosmA11yTools.sosm-voice-dock{right:6px;bottom:max(8px,env(safe-area-inset-bottom));max-width:calc(100vw - 12px)}
  .sosm-giveaway-teaser{gap:12px}
  .sosm-giveaway-teaser p{font-size:.9rem}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
