/********************************************************************************
파일이름 : us-stock-detail.css
파일설명 : 공통 상세 디자인에 미국 로고·수익률·관련 종목 표현 추가
작성일자 : 2026-10-12 / 버전 : v5 / 작성자 : Codex
내용·수정사항 :
- 2026-10-12 v5 수익률과 관련 종목 사이 구분선 제거.
- 2026-10-12 v4 상단 48px 로고 오른쪽에 티커·종목명 두 줄 배치.
- 2026-10-12 v3 함께 살펴볼 종목의 상단 간격을 36px로 확대.
- 2026-10-12 v2 관련 차트 너비와 하단 기간 문구를 국내와 통일.
- 2026-10-12 v1 한국 레이아웃 유지, 미국 보조 정보만 확장.
********************************************************************************/
.sv2-us-identity{display:flex;align-items:center;gap:8px}
.sv2-us-identity-text{min-width:0;flex:1}
.sv2-us-logo{width:48px;height:48px;flex:0 0 48px;object-fit:contain;border-radius:6px}
.sv2-us-identity .sv2-name a{min-width:0;overflow-wrap:anywhere}
.sv2-us-identity .sv2-us-star{flex-shrink:0}
.sv2-us-star{border:0;background:none;color:#c8cfd6;font-size:24px;padding:0 4px;cursor:pointer}
.sv2-us-star.on{color:#c00}
.sv2-us .sv2-th span{color:#949ca6;font-size:10px}
.sv2-us .sv2-ci{white-space:normal}
.sv2-us .sv2-asof{line-height:1.7}
.sv2-us .sv2-dt{display:flex;align-items:center;gap:4px}
.sv2-us .usv-help{display:inline-block;position:relative;font-size:11px}
.sv2-us .usv-help summary{cursor:pointer;list-style:none;color:#a1aab5}
.sv2-us .usv-help summary::-webkit-details-marker{display:none}
.sv2-us .usv-help>div{position:absolute;z-index:30;width:220px;max-width:70vw;left:-30px;top:20px;background:#263343;color:white;padding:10px;border-radius:5px;line-height:1.6;font-size:12px}
.sv2-us .usv-section-title{font-size:15px;font-weight:700;margin:0 0 12px}
.sv2-us .usv-metric-note,.sv2-us .usv-metric-missing{color:#949ca6;font-size:11px;line-height:1.6;margin:8px 0}
.sv2-us .usv-range-info{border-top:1px solid #e9edf2;margin-top:16px;padding-top:16px}
.sv2-us .usv-range-values{display:flex;justify-content:space-between;font-size:11px;color:#7b8490}
.sv2-us .usv-range-values b{display:block;font-size:12px;color:#263343}
.sv2-us .usv-price-track{position:relative;height:5px;margin:12px 6px;background:linear-gradient(90deg,#dce8f8,#f3d9db);border-radius:4px}
.sv2-us .usv-price-track>span{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#65778a;border:2px solid white}
.sv2-us .usv-performance,.sv2-us .usv-related{border-top:1px solid #e9edf2;margin-top:22px;padding-top:18px}
.sv2-us .usv-related{border-top:0;margin-top:36px}
.sv2-us .usv-return-grid,.sv2-us .usv-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sv2-us .usv-return-grid>div{min-width:0}
.sv2-us .usv-return-text{display:flex;flex-direction:column;gap:4px;font-size:12px}
.sv2-us .usv-return-text b{font-size:18px}
.sv2-us .usv-return-text small{font-size:10px;color:#949ca6}
.sv2-us .usv-return-spark{width:100%;height:44px;display:block}
.sv2-us .usv-related-item{display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px;border:1px solid #e9edf2;border-radius:6px;color:#263343;text-decoration:none;overflow-wrap:anywhere;font-size:12px}
.sv2-us .usv-related-logo,.sv2-us .usv-related-dollar{display:none}
.sv2-us .usv-related-item small{font-size:10px;color:#949ca6}
.sv2-us .usv-related-quote{display:flex;flex-wrap:wrap;gap:4px}
.sv2-us .usv-related-chart{position:relative;width:100%;height:44px}
.sv2-us .usv-related-item svg{display:block;width:100%;height:44px}
.sv2-us .usv-related-chart>span{position:absolute;left:0;bottom:2px;font-size:10px;line-height:1.2;color:#949ca6;pointer-events:none}
.sv2-us .us-data-credit{text-align:right;color:#949ca6;font-size:11px;margin-top:20px}
.sv2-us .us-data-credit a{color:inherit}
@media(max-width:600px){.sv2-us .usv-return-grid,.sv2-us .usv-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}