.ssw-sc{max-width:1200px;margin:0 auto 32px;font-size:15px}
.ssw-sc-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.ssw-sc-back{font-weight:600;white-space:nowrap}
.ssw-sc-search{position:relative;flex:1;min-width:240px;display:flex;gap:6px;margin:0 0 16px}
.ssw-sc .ssw-sc-search{margin:0}
.ssw-sc-q{flex:1;min-width:0;height:42px;padding:0 14px;border:1px solid #d0d5dd;border-radius:21px;font-size:15px;box-sizing:border-box}
.ssw-sc-go{height:42px;padding:0 18px;border:0;border-radius:21px;background:#1a73e8;color:#fff;font-weight:600;cursor:pointer}
.ssw-sc-results{position:absolute;left:0;right:0;top:46px;z-index:50;margin:0;padding:4px 0;list-style:none;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.12);max-height:360px;overflow:auto}
.ssw-sc-results li{margin:0;padding:8px 14px;cursor:pointer;display:flex;justify-content:space-between;gap:10px}
.ssw-sc-results li:before{display:none!important}
.ssw-sc-results li.is-active,.ssw-sc-results li:hover{background:#f1f5fb}
.ssw-sc-results span{color:#666;font-size:13px;white-space:nowrap}
.ssw-sc-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px;padding-bottom:14px;border-bottom:1px solid #eee}
.ssw-sc-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ssw-sc-name h2{margin:0!important;font-size:24px;font-weight:700}
.ssw-sc-code,.ssw-sc-exch,.ssw-sc-state{font-size:12px;color:#555;background:#f1f3f5;border-radius:4px;padding:2px 7px}
.ssw-sc-state.is-live{color:#c92a2a;background:rgba(240,62,62,.08)}
.ssw-sc-quote{text-align:right}
.ssw-sc-price{display:block;font-size:30px;font-weight:700;line-height:1.2}
.ssw-sc-quote.is-up .ssw-sc-chg,.ssw-sc-perf .is-up{color:#d9302f}
.ssw-sc-quote.is-down .ssw-sc-chg,.ssw-sc-perf .is-down{color:#1971c2}
.ssw-sc-chg{font-weight:600;margin-right:8px}
.ssw-sc-time{font-size:12px;color:#666}
.ssw-sc-chartbox{margin:16px 0}
.ssw-sc-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.ssw-sc-ranges{display:flex;gap:4px;flex-wrap:wrap}
.ssw-sc-ranges button{border:1px solid #ddd;background:#fff;border-radius:16px;padding:5px 12px;font-size:13px;cursor:pointer;color:#333}
.ssw-sc-ranges button.is-active{background:#222;color:#fff;border-color:#222}
.ssw-sc-ma{display:flex;gap:10px;font-size:13px}
.ssw-sc-ma label{display:flex;align-items:center;gap:4px;cursor:pointer}
.ssw-sc-ma i{display:inline-block;width:12px;height:3px}
.ssw-sc-perf{margin:10px 0 6px;font-size:13px;color:#555}
.ssw-sc-canvas{position:relative;height:340px}
.ssw-sc-canvas.is-vol{height:90px;margin-top:4px}
.ssw-sc-msg{padding:12px;text-align:center;color:#666}
.ssw-sc-empty{padding:40px 16px;text-align:center;background:#f8f9fa;border-radius:10px}
.ssw-sc h3{font-size:17px!important;margin:24px 0 10px!important}
.ssw-sc-stats dl{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;border-top:1px solid #eee}
.ssw-sc-stats dl div{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eee}
.ssw-sc-stats dt{color:#666;font-weight:400}
.ssw-sc-stats dd{margin:0;font-weight:600}
.ssw-sc-band{margin-top:14px;font-size:13px;color:#555}
.ssw-sc-band-bar{position:relative;height:6px;border-radius:3px;background:linear-gradient(90deg,#1971c2,#ddd,#d9302f);margin:6px 0}
.ssw-sc-band-bar i{position:absolute;top:-4px;width:4px;height:14px;background:#222;border-radius:2px;margin-left:-2px}
.ssw-sc-band-ends{display:flex;justify-content:space-between}
.ssw-sc-news ul{margin:0;padding:0;list-style:none}
.ssw-sc-news li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #f0f0f0;margin:0}
.ssw-sc-news li:before{display:none!important}
.ssw-sc-news time{color:#888;font-size:13px;white-space:nowrap}
.ssw-sc-recent-list{display:flex;gap:8px;flex-wrap:wrap}
.ssw-sc-recent-list a{border:1px solid #ddd;border-radius:16px;padding:5px 12px;font-size:13px}
.ssw-sc-recent-list small{margin-left:6px;color:#888}
.ssw-sc-note{margin-top:20px;font-size:12px;color:#777}
@media(max-width:900px){.ssw-sc-stats dl{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.ssw-sc{padding:0 14px}}
@media(max-width:600px){.ssw-sc-head{align-items:flex-start}.ssw-sc-quote{text-align:left}.ssw-sc-price{font-size:26px}.ssw-sc-canvas{height:260px}.ssw-sc-stats dl{grid-template-columns:1fr}}
body.dark-mode .ssw-sc-q,body.dark-mode .ssw-sc-ranges button{background:#23272e!important;color:#e0e0e0!important;border-color:#444!important}
body.dark-mode .ssw-sc-ranges button.is-active{background:#e0e0e0!important;color:#111!important}
body.dark-mode .ssw-sc-results{background:#23272e;border-color:#444}
body.dark-mode .ssw-sc-results li.is-active,body.dark-mode .ssw-sc-results li:hover{background:#2f343c}
body.dark-mode .ssw-sc-code,body.dark-mode .ssw-sc-exch,body.dark-mode .ssw-sc-state,body.dark-mode .ssw-sc-empty{background:#2f333a!important}
body.dark-mode .ssw-sc-head,body.dark-mode .ssw-sc-stats dl,body.dark-mode .ssw-sc-stats dl div,body.dark-mode .ssw-sc-news li{border-color:#3a3f47!important}
body.dark-mode .ssw-sc-quote.is-up .ssw-sc-chg,body.dark-mode .ssw-sc-perf .is-up{color:#ff6b6b!important}
body.dark-mode .ssw-sc-quote.is-down .ssw-sc-chg,body.dark-mode .ssw-sc-perf .is-down{color:#4dabf7!important}

/* ── 오른쪽 슬라이드 패널(부모 페이지) — §12-17a ── */
.ssw-sp-dim{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1000000;opacity:0;transition:opacity .25s}
.ssw-sp-dim.is-open{opacity:1}
.ssw-sp{position:fixed;top:var(--wp-admin--admin-bar--height,0px);right:0;bottom:0;width:min(640px,100vw);z-index:1000001;background:#fff;box-shadow:-8px 0 30px rgba(0,0,0,.18);display:flex;flex-direction:column;transform:translateX(105%);transition:transform .28s ease;visibility:hidden}
.ssw-sp.is-open{transform:none;visibility:visible}
.ssw-sp-head{display:flex;align-items:center;gap:10px;height:52px;padding:0 10px 0 18px;border-bottom:1px solid #eee;flex:0 0 auto;margin:0!important}
.ssw-sp-title{flex:1;min-width:0;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ssw-sp-pop{font-size:13px;color:#555;text-decoration:none;padding:6px 10px;border:1px solid #ddd;border-radius:14px}
.ssw-sp-close{width:40px;height:40px;border:0;background:transparent;font-size:18px;cursor:pointer;color:#333;border-radius:20px}
.ssw-sp-close:hover{background:#f1f3f5}
.ssw-sp-frame{flex:1;width:100%;border:0;display:block;background:#fff}
html.ssw-sp-lock,html.ssw-sp-lock body{overflow:hidden}
@media(min-width:1100px){html.ssw-sp-lock,html.ssw-sp-lock body{overflow:auto}.ssw-sp-dim{background:rgba(0,0,0,.12)}}
@media(prefers-reduced-motion:reduce){.ssw-sp,.ssw-sp-dim{transition:none}}
body.dark-mode .ssw-sp,body.dark-mode .ssw-sp-frame{background:#181818!important}
body.dark-mode .ssw-sp-head{border-color:#333!important}
body.dark-mode .ssw-sp-title,body.dark-mode .ssw-sp-close{color:#e0e0e0!important}
body.dark-mode .ssw-sp-pop{color:#ccc!important;border-color:#444!important}
body.dark-mode .ssw-sp-close:hover{background:#2f333a}

/* ── 독립 프레임 문서 ── */
body.ssw-frame-body{margin:0;padding:16px 18px 28px;background:#fff;color:#222;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;-webkit-text-size-adjust:100%}
body.ssw-frame-body.dark-mode{background:#181818;color:#e0e0e0}
body.ssw-frame-body a{color:#1a5fb4;text-decoration:none}
body.ssw-frame-body.dark-mode a{color:#8ab4f8}
body.ssw-frame-body .ssw-sc{padding:0}
html.ssw-in-frame .ssw-sc-back{display:none}
body.ssw-frame-body .ssw-sc-name h2{font-size:22px}
body.ssw-frame-body .ssw-sc-canvas{height:300px}
body.ssw-frame-body.dark-mode .ssw-sc-results li b{color:#e0e0e0}
.ssw-sc [hidden]{display:none!important}
body.ssw-frame-body .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
body.ssw-frame-body .ssw-sc-head{flex-direction:column;align-items:flex-start}
body.ssw-frame-body .ssw-sc-quote{text-align:left}