:root{--sos-primary:#ff6a00;--sos-primary-2:#ff9800;--sos-accent:#0ea5e9;--sos-radius:12px;--sos-maxw:1000px;--sos-border:#e5e7eb}

.container{max-width:var(--sos-maxw);margin:40px auto;padding:0 16px}
.sos-prose{font-size:16px;line-height:1.75;color:#111}
.sos-prose h2{font-size:clamp(20px,3.2vw,26px);margin:22px 0 10px}
.sos-prose h3{font-size:clamp(18px,2.6vw,20px);margin:18px 0 8px}
.sos-prose p{margin:10px 0}
.sos-prose ul{margin:10px 0 10px 20px}
.sos-prose li{margin:6px 0}
.sos-prose a{color:var(--sos-accent);text-decoration:none;border-bottom:1px solid rgba(14,165,233,.3)}
.sos-prose a:hover{border-bottom-color:var(--sos-accent)}

.sos-iframe-wrap{position:relative;width:100%;min-height:320px}
.sos-iframe-wrap iframe{width:100%;border:0;border-radius:var(--sos-radius);box-shadow:0 8px 24px rgba(0,0,0,.06)}

/* Tabs */
.sosrs-tabs{margin-top:20px}
.sosrs-tabs .tab-nav{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--sos-border);padding-bottom:8px}
.sosrs-tabs--pill .tab-nav a{padding:10px 14px;border-radius:999px;text-decoration:none;background:#f3f4f6;color:#111}
.sosrs-tabs--pill .tab-nav a.active{background:#111;color:#fff}
.sosrs-tabs--underline .tab-nav a{padding:10px 6px;border-radius:6px;text-decoration:none;color:#111;border-bottom:2px solid transparent}
.sosrs-tabs--underline .tab-nav a.active{border-bottom-color:#111}
.sosrs-tabs .tab-panel{display:none;padding:16px 0}
.sosrs-tabs .tab-panel.active{display:block}

/* UI: Buttons, Cards, Lists */
.sos-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--sos-radius);font-weight:700;text-decoration:none;gap:8px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.sos-btn--primary{background:linear-gradient(90deg,var(--sos-primary),var(--sos-primary-2));color:#fff}
.sos-btn--secondary{background:#e5e7eb;color:#111}
.sos-btn--outline{background:transparent;border:1px solid var(--sos-border);color:#111}
.sos-btn--md{font-size:15px}
.sos-btn--lg{font-size:16px;padding:14px 18px}

.sos-cards{display:grid;gap:16px;margin:12px 0}
.sos-cards--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sos-cards--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sos-cards--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.sos-cards--cols-3,.sos-cards--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sos-cards--cols-2,.sos-cards--cols-3,.sos-cards--cols-4{grid-template-columns:1fr}}
.sos-card{background:#fff;border:1px solid #eee;border-radius:var(--sos-radius);overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.05);display:flex;flex-direction:column;height:100%}
.sos-card__img{width:100%;height:160px;object-fit:cover;display:block}
.sos-card__body{padding:14px}
.sos-card__title{font-size:18px;margin:0 0 6px}
.sos-card__meta{font-size:12px;color:#555;margin-bottom:8px}
.sos-card__text p{margin:8px 0}
.sos-card__link{text-decoration:none;color:inherit}

.sos-notice{padding:12px 14px;border-radius:var(--sos-radius);margin:12px 0;border:1px solid transparent}
.sos-notice--info{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}
.sos-notice--success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
.sos-notice--warning{background:#fffbeb;border-color:#fde68a;color:#92400e}
.sos-notice--danger{background:#fef2f2;border-color:#fecaca;color:#7f1d1d}
.sos-list{display:grid;gap:8px;margin:10px 0 10px}
.sos-list--cols-1{grid-template-columns:1fr}
.sos-list--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sos-list--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:680px){.sos-list--cols-2,.sos-list--cols-3{grid-template-columns:1fr}}
.sos-list li{position:relative;padding-left:24px;list-style:none}
.sos-list li:before{content:"✓";position:absolute;left:0;top:0;color:#10b981}
.sos-list--icon-star li:before{content:"★";color:#f59e0b}
.sos-list--icon-arrow li:before{content:"→";color:#6b7280}