#otc{--ink:#0F172A;--txt:#334155;--body:#1E293B;--mut:#5B6474;--line:#E3E6EB;--line2:#EEF0F3;--card:#fff;--navy:#0B1A33;--gold:#E0A93B;--up:#0B7A45;--upbg:#E9F6EF;--dn:#B42318;--dnbg:#FDEEEC;--amb:#7A4B00;--ambbg:#FFF8EA;--link:#1D4ED8;--ff:Anuphan,system-ui,-apple-system,sans-serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;container-type:inline-size;width:100%;max-width:760px;margin:0 auto;font-family:var(--ff);color:var(--txt);font-size:17px;line-height:1.85;-webkit-font-smoothing:antialiased}
#otc *{box-sizing:border-box}
#otc:not(#x) h2,#otc:not(#x) h3{font-family:var(--ff);color:var(--ink);margin:0;padding:0;letter-spacing:-.01em;text-transform:none;border:0}
#otc h2:before,#otc h2:after,#otc h3:before,#otc h3:after,#otc li:before,#otc blockquote:before,#otc blockquote:after{content:none!important;display:none!important}
#otc p{margin:0}
#otc ol,#otc ul{margin:0;padding:0;list-style:none}
#otc li{margin:0;padding:0;list-style:none}
#otc a{box-shadow:none;border-bottom:0}
#otc br{display:none}
#otc p:empty{display:none}
#otc .sec{padding-top:48px}
#otc .hd{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px}
#otc .eb{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--mut);line-height:1.5}
#otc:not(#x) .hd h2{font-size:22px;line-height:1.4;font-weight:700;margin-top:4px}
#otc .hd-a{font-size:14px;font-weight:600;color:var(--link)!important;text-decoration:none!important;padding:8px 0;white-space:nowrap;line-height:1.4}
#otc .card{background:var(--card);border:1px solid var(--line);border-radius:14px}
#otc .dek{font-size:18px;line-height:1.75;color:var(--body);font-weight:500;margin-bottom:10px}
#otc .upd{font-size:13px;color:var(--mut);line-height:1.6;margin-bottom:20px}
#otc .upd b{color:var(--ink);font-weight:600}
#otc .kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
#otc .kpi>div{background:#fff;padding:16px;display:flex;flex-direction:column;gap:6px;min-height:112px}
#otc .kpi small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mut);font-weight:600;line-height:1.4}
#otc .kpi b{font-family:var(--mono);font-size:26px;font-weight:600;line-height:1.15;color:var(--ink)}
#otc .kpi b.neg{color:var(--dn)}
#otc .kpi span{font-size:13px;line-height:1.45;color:var(--txt)}
#otc .kpi .hot{background:var(--ambbg)}
#otc .kpi .hot small{color:var(--amb)}
#otc .bar{height:4px;background:var(--line2);border-radius:99px;overflow:hidden}
#otc .bar i{display:block;height:100%;background:var(--navy);border-radius:99px;animation:otc-grow 1.4s ease-out}@keyframes otc-grow{from{width:0}}
#otc .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dn);flex-shrink:0;animation:otc-pulse 1.8s infinite}@keyframes otc-pulse{0%{box-shadow:0 0 0 0 rgba(180,35,24,.4)}70%{box-shadow:0 0 0 7px rgba(180,35,24,0)}100%{box-shadow:0 0 0 0 rgba(180,35,24,0)}}
#otc .cdv{font-family:var(--mono);font-weight:600;color:var(--amb)}
#otc .tl{padding:4px 20px}
#otc .tl li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line2);font-size:16px;line-height:1.7;color:var(--txt)}
#otc .tl li:last-child{border-bottom:0}
#otc .tl li>i{font-style:normal;font-family:var(--mono);font-weight:600;color:#94A3B8;width:20px;flex-shrink:0}
#otc .tl strong,#otc .story strong,#otc .vw strong{color:var(--ink);font-weight:700}
#otc .cal{overflow:hidden}
#otc .cal li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line2)}
#otc .cal li:last-child{border-bottom:0}
#otc .cal time{font-family:var(--mono);font-size:14px;color:var(--mut);line-height:1.5}
#otc .cal .ev{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.5}
#otc .cal .ev b{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--ink)}
#otc .cal .ev b a{color:inherit!important;text-decoration:none!important}
#otc .cal .ev b a:hover{color:var(--link)!important}
#otc .cal .ev>span{font-size:13px;color:var(--mut)}
#otc .imp{font-family:var(--ff);font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;background:#F1F3F6;color:var(--mut);line-height:1.4}
#otc .cal li.hi{background:var(--ambbg);padding:16px 20px}
#otc .cal li.hi time{color:var(--ink);font-weight:600}
#otc .cal li.hi .ev b{font-weight:700;font-size:16px}
#otc .cal li.hi .ev>span{color:var(--txt)}
#otc .cal li.hi .ev>span.note{color:var(--amb)}
#otc .cal li.hi .imp{background:var(--dn);color:#fff;font-weight:700}
#otc .cal li .ev>span.cdc{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;margin-top:4px;font-size:12px;font-weight:600;color:var(--amb);background:#fff;border:1px solid #F1DFB8;border-radius:999px;padding:3px 10px;line-height:1.5}
#otc .hd-n{font-size:13px;color:var(--mut);padding:8px 0;white-space:nowrap;line-height:1.4}
#otc .cal .ev a.go-r{align-self:flex-start;font-size:13px;font-weight:600;color:var(--link)!important;text-decoration:none!important;padding:2px 0}
#otc .imp.med{background:#FFF1D6;color:var(--amb)}
#otc .fl0{color:var(--mut);background:#F1F3F6}
#otc .fl{display:inline-block;width:16px;height:16px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px rgba(15,23,42,.12)}
#otc .fl.m{width:24px;height:24px}
#otc .fl.l{width:28px;height:28px}
#otc .fp{display:inline-flex;flex-shrink:0}
#otc .fp .fl+.fl{margin-left:-10px;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(15,23,42,.12)}
#otc .f-us{background:linear-gradient(#3C3B6E,#3C3B6E) 0 0/48% 54% no-repeat,repeating-linear-gradient(180deg,#B22234 0 7.7%,#fff 7.7% 15.4%)}
#otc .f-eu{background:radial-gradient(circle at 50% 50%,transparent 0 27%,#FC0 28% 36%,transparent 37%),#039}
#otc .f-gb{background:linear-gradient(#C8102E,#C8102E) center/100% 18% no-repeat,linear-gradient(#C8102E,#C8102E) center/18% 100% no-repeat,linear-gradient(#fff,#fff) center/100% 34% no-repeat,linear-gradient(#fff,#fff) center/34% 100% no-repeat,#012169}
#otc .f-jp{background:radial-gradient(circle,#BC002D 0 30%,#fff 31%)}
#otc .f-au{background:radial-gradient(circle at 32% 68%,#fff 0 9%,transparent 10%),radial-gradient(circle at 72% 36%,#fff 0 6%,transparent 7%),radial-gradient(circle at 76% 70%,#fff 0 5%,transparent 6%),#012169}
#otc .f-th{background:linear-gradient(180deg,#A51931 0 16.6%,#F4F5F8 16.6% 33.3%,#2D2A4A 33.3% 66.6%,#F4F5F8 66.6% 83.3%,#A51931 83.3%)}
#otc .f-xau{background:radial-gradient(circle at 50% 50%,transparent 0 52%,#B8860B 53% 58%,transparent 59%),radial-gradient(circle at 35% 30%,#FBE7A1,#E0A93B 55%,#A87912)}
#otc .f-oil{background:radial-gradient(circle at 50% 62%,#1F2937 0 26%,transparent 27%),linear-gradient(135deg,transparent 0 40%,#1F2937 40% 60%,transparent 60%) 50% 22%/30% 34% no-repeat,#E5E7EB}
#otc .f-de{background:linear-gradient(180deg,#000 0 33.3%,#DD0000 33.3% 66.6%,#FFCE00 66.6%)}
#otc .f-cn{background:radial-gradient(circle at 32% 34%,#FFDE00 0 13%,transparent 14%),#DE2910}
#otc .f-ca{background:linear-gradient(90deg,#D52B1E 0 26%,#fff 26% 74%,#D52B1E 74%)}
#otc .f-ch{background:linear-gradient(#fff,#fff) center/56% 18% no-repeat,linear-gradient(#fff,#fff) center/18% 56% no-repeat,#DA291C}
#otc .f-gl{background:radial-gradient(circle at 50% 50%,transparent 0 40%,#94A3B8 41% 46%,transparent 47%),#E2E8F0}
#otc .mk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;padding:4px 20px}
#otc .mk>div{display:grid;grid-template-columns:minmax(0,1fr) auto 76px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line2)}
#otc .sy{display:flex;align-items:center;gap:10px;min-width:0}
#otc .sy b{display:block;font-family:var(--mono);font-size:14px;font-weight:600;color:var(--ink);line-height:1.35}
#otc .sy small{display:block;font-size:12px;color:var(--mut);line-height:1.35;white-space:nowrap}
#otc .px{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--ink);text-align:right;line-height:1.4}
#otc .ch{font-family:var(--mono);font-size:13px;font-weight:600;padding:3px 0;border-radius:6px;text-align:center;line-height:1.5}
#otc .up{color:var(--up);background:var(--upbg)}
#otc .dn{color:var(--dn);background:var(--dnbg)}
#otc .mk-n{padding:12px 20px 14px;font-size:12px;color:var(--mut);line-height:1.6}
#otc .story p{font-size:17px;line-height:1.85;color:var(--body);margin-bottom:16px}
#otc .story a,#otc .af a,#otc .src a{color:var(--link)}
#otc:not(#x) .qt{margin:0;padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px;font-style:normal;quotes:none}
#otc:not(#x) .qt p{font-size:18px;line-height:1.65;font-weight:600;color:var(--ink);margin:0 0 10px;font-style:normal}
#otc .qt cite{font-style:normal;font-size:13px;color:var(--mut);line-height:1.5;display:block}
#otc .as{padding:20px;display:flex;flex-direction:column;gap:12px;transition:transform .2s ease,box-shadow .2s ease}
#otc .as+.as{margin-top:12px}
#otc .as:hover{transform:translateY(-2px);box-shadow:0 12px 28px -16px rgba(15,23,42,.25)}
#otc .as-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
#otc .as-s{display:flex;align-items:center;gap:10px}
#otc .as-s b{font-family:var(--mono);font-size:16px;font-weight:600;color:var(--ink);line-height:1.4}
#otc .as-s small{font-size:13px;color:var(--mut)}
#otc .bias{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap;line-height:1.5}
#otc:not(#x) .as h3{font-size:18px;line-height:1.5;font-weight:700}
#otc .as p{font-size:15px;line-height:1.75;color:var(--txt)}
#otc .as p a{color:var(--link);font-weight:600;text-decoration:none}
#otc .lad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
#otc .lad .n{background:#F1F3F6}
#otc .lad .n small{color:var(--mut)}
#otc .lad>div{padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:4px;line-height:1.3}
#otc .lad>div:first-child{border-radius:8px 4px 4px 8px}
#otc .lad>div:last-child{border-radius:4px 8px 8px 4px}
#otc .lad small{font-size:11px;font-weight:600;text-align:center}
#otc .lad b{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--ink)}
#otc .lad .s{background:var(--upbg)}
#otc .lad .s small{color:var(--up)}
#otc .lad .c{background:var(--navy)}
#otc .lad .c small{color:#C9D2E0}
#otc .lad .c b{color:#fff}
#otc .lad .r{background:var(--dnbg)}
#otc .lad .r small{color:var(--dn)}
#otc .af{font-size:17px;line-height:1.85;color:var(--body)}
#otc .af.sm{font-size:15px;line-height:1.75;color:var(--txt)}
#otc .sc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
#otc .sc>div{padding:16px 20px}
#otc .sc b{display:block;font-size:13px;font-weight:700;margin-bottom:6px;line-height:1.5}
#otc .sc b.u{color:var(--up)}
#otc .sc b.d{color:var(--dn)}
#otc .sc span{display:block;font-size:15px;line-height:1.65;color:var(--txt)}
#otc .wk{padding:4px 20px;margin-bottom:16px}
#otc .wk li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line2);font-size:15px;line-height:1.6;color:var(--ink)}
#otc .wk li:last-child{border-bottom:0}
#otc .wk li span+span{font-family:var(--mono);font-size:14px;color:var(--mut);white-space:nowrap}
#otc .vw{background:#EEF3FA;border:1px solid #D8E2F0;border-radius:14px;padding:20px}
#otc .vw>p{font-size:16px;line-height:1.8;color:var(--body);margin-bottom:16px}
#otc .vw li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;background:#fff;border-radius:10px;padding:12px 14px}
#otc .vw li+li{margin-top:8px}
#otc .vw li>i{font-style:normal;font-family:var(--mono);font-weight:600;color:var(--navy);line-height:1.6}
#otc .vw li b{display:block;font-size:15px;font-weight:700;color:var(--ink);line-height:1.6}
#otc .vw li span{display:block;font-size:14px;line-height:1.6;color:var(--txt)}
#otc:not(#x) .sw,#otc:not(#x) .cp{font-family:var(--ff);font-weight:600;color:var(--link);background:transparent;border:0;border-radius:0;padding:0;min-height:44px;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0;line-height:1.4}
#otc:not(#x) .sw{font-size:14px;white-space:nowrap}
#otc:not(#x) .cp{font-size:13px;padding:0 10px}
#otc:not(.jsr) .sw{display:none}
#otc .sw:hover,#otc .cp:hover{text-decoration:underline}
#otc .rb{padding:20px}
#otc .bk{display:none;flex-direction:column;gap:16px;animation:otc-fade .35s ease}
#otc .bk.on{display:flex}@keyframes otc-fade{from{opacity:0;transform:translateY(4px)}}
#otc .bk-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
#otc .bk-id{display:flex;align-items:center;gap:10px}
#otc .logo{width:40px;height:40px;border-radius:10px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:600;font-size:14px;flex-shrink:0}
#otc:not(#x) img.logo{display:block;width:40px!important;height:40px!important;max-width:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:10px;object-fit:cover;box-shadow:none}
#otc .bk-id b{display:block;font-size:17px;font-weight:700;color:var(--ink);line-height:1.3}
#otc .bk-id small{display:block;font-size:12px;color:var(--mut);line-height:1.4}
#otc .bk-h>a{font-size:13px;color:var(--mut)!important;padding:8px 0;white-space:nowrap}
#otc .st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
#otc .st>div{background:#fff;padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
#otc .st>div:first-child{background:var(--ambbg)}
#otc .st small{font-size:12px;color:var(--mut);line-height:1.4}
#otc .st>div:first-child small{color:var(--amb)}
#otc .st b{font-family:var(--mono);font-size:22px;font-weight:600;color:var(--ink);line-height:1.3}
#otc .unit{font-size:12px;color:var(--mut);margin-top:-8px;line-height:1.5}
#otc .ac{display:flex;flex-wrap:wrap;gap:10px}
#otc .code{flex:1 1 200px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px dashed #C7CDD6;border-radius:10px;padding:0 4px 0 14px;min-height:48px;font-size:13px;color:var(--mut);line-height:1.4}
#otc .code b{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--ink);padding-left:4px}
#otc .go{flex:1 1 200px;background:var(--navy);color:#fff!important;font-weight:600;font-size:15px;text-decoration:none!important;border-radius:10px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:6px;line-height:1.3;transition:transform .15s ease,box-shadow .15s ease}
#otc .go:hover{transform:translateY(-1px);box-shadow:0 10px 20px -10px rgba(11,26,51,.6)}
#otc .go i{font-style:normal;color:var(--gold)}
#otc .disc{font-size:12px;line-height:1.6;color:var(--mut);margin-top:10px}
#otc .disc a{color:var(--mut)}
#otc .ln{padding:4px 20px}
#otc .ln a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;padding:13px 0;border-bottom:1px solid var(--line2);font-size:15px;line-height:1.6;color:var(--ink)!important;text-decoration:none!important;transition:color .15s ease}
#otc .ln a:last-child{border-bottom:0}
#otc .ln a i{font-style:normal;font-family:var(--mono);color:var(--mut)}
#otc .ln a em{font-style:normal;color:#94A3B8;transition:transform .15s ease}
#otc .ln a:hover{color:var(--link)!important}
#otc .ln a:hover em{transform:translateX(3px)}
#otc .src{padding:0 20px}
#otc .src summary{cursor:pointer;font-size:15px;font-weight:600;color:var(--ink);padding:14px 0;line-height:1.5}
#otc .src ul{padding:0 0 16px}
#otc .src li{font-size:14px;line-height:1.6;padding:3px 0}
#otc .risk{margin-top:12px;background:var(--ambbg);border:1px solid #F1DFB8;border-radius:14px;padding:14px 20px;font-size:13px;line-height:1.7;color:#4A3200}
#otc .risk b{color:#4A3200}
#otc .trust{margin-top:12px;font-size:13px;color:var(--mut);display:flex;flex-wrap:wrap;gap:4px 14px;line-height:1.6}
#otc .trust a{color:var(--mut)!important}
#otc.js .rv{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
#otc.js .rv.in{opacity:1;transform:none}
@container (max-width:620px){#otc .kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
#otc .mk{grid-template-columns:minmax(0,1fr)}
#otc .sc{grid-template-columns:minmax(0,1fr)}
#otc .dek{font-size:17px}}
@container (max-width:420px){#otc .st b{font-size:18px}
#otc .st>div{padding:10px}
#otc .cal li{grid-template-columns:48px minmax(0,1fr) auto;padding:14px 16px}
#otc .cal li.hi{padding:16px}
#otc .tl,#otc .mk,#otc .wk,#otc .ln,#otc .src{padding-left:16px;padding-right:16px}
#otc .rb,#otc .as,#otc .vw{padding:16px}}
@media (prefers-reduced-motion:reduce){#otc *{animation:none!important;transition:none!important}
#otc.js .rv{opacity:1;transform:none}}
#otc .pill{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:13px;font-weight:600;padding:3px 10px;border-radius:999px;line-height:1.5;white-space:nowrap}
#otc .pill.up{color:var(--up);background:var(--upbg)}
#otc .pill.dn{color:var(--dn);background:var(--dnbg)}
#otc .pill.flat{color:var(--mut);background:#F1F3F6}
#otc b.up,#otc em.up{color:var(--up);background:none}
#otc b.dn,#otc em.dn{color:var(--dn);background:none}
#otc .hero{padding:20px;display:flex;flex-direction:column;gap:14px}
#otc .hero.gold{background:#FFFBF2;border-color:#F1DFB8}
#otc .hero.thb{background:#F4F7FD;border-color:#D8E2F0}
#otc .h-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
#otc .h-asof{font-size:12px;color:var(--mut);line-height:1.5}
#otc .h-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
#otc .h-price b{font-family:var(--mono);font-size:40px;font-weight:600;color:var(--ink);line-height:1.1;letter-spacing:-.02em}
#otc .h-price .unit{font-size:14px;color:var(--mut)}
#otc .h-sub{font-size:14px;line-height:1.7;color:var(--txt)}
#otc .h-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
#otc .h-stats>div{background:#fff;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
#otc .h-stats small{font-size:12px;color:var(--mut);line-height:1.4}
#otc .h-stats b{font-family:var(--mono);font-size:17px;font-weight:600;color:var(--ink);line-height:1.35}
#otc .h-stats em{font-style:normal;font-size:12px;color:var(--mut);line-height:1.4}
#otc .rng{padding:4px 0 0}
#otc .rng-l{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:6px}
#otc .rng-l span:first-child{color:var(--up)}
#otc .rng-l span:last-child{color:var(--dn)}
#otc .rng-t{position:relative;height:58px;margin:0 24px}
#otc .rng-t:before{content:"";position:absolute;left:0;right:0;top:28px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--upbg),#EEF0F3 50%,var(--dnbg))}
#otc .rng-m{position:absolute;top:0;height:58px;width:2px;transform:translateX(-1px)}
#otc .rng-m i{position:absolute;left:-4px;top:26px;width:10px;height:10px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(15,23,42,.15)}
#otc .rng-m.s i{background:var(--up)}
#otc .rng-m.r i{background:var(--dn)}
#otc .rng-m span{position:absolute;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:11px;color:var(--txt);white-space:nowrap;line-height:1.2}
#otc .rng-m.b span{top:42px}
#otc .rng-m.a span{top:6px}
#otc .rng-m.now i{left:-7px;top:23px;width:16px;height:16px;background:var(--navy);border:3px solid #fff;box-shadow:0 0 0 1px var(--navy)}
#otc .rng-m.now span{top:-2px;font-weight:600;color:var(--ink)}
#otc .rng-f{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--mut);margin-top:6px;flex-wrap:wrap}
#otc .drv{display:flex;flex-direction:column;gap:12px}
#otc .drv>li{padding:16px 20px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}
#otc .tag{font-family:var(--mono);font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;line-height:1.4;text-align:center;min-width:44px}
#otc .tag.up{color:var(--up);background:var(--upbg)}
#otc .tag.dn{color:var(--dn);background:var(--dnbg)}
#otc .tag.flat{color:var(--mut);background:#F1F3F6}
#otc .drv b,#otc .drc h3{display:block;font-size:16px;font-weight:700;color:var(--ink);line-height:1.5;margin-bottom:4px}
#otc .drv p,#otc .drc p{font-size:15px;line-height:1.75;color:var(--txt)}
#otc .drv a,#otc .drc a,#otc .mean a,#otc .res a,#otc .what a,#otc .gt-p a{color:var(--link)}
#otc .drc{display:flex;flex-direction:column;gap:12px}
#otc .drc>article{padding:16px 20px;display:flex;flex-direction:column;gap:8px}
#otc .drc .pill{align-self:flex-start;font-family:var(--ff)}
#otc table.lvt{width:100%;border-collapse:collapse;margin:0;border:0}
#otc .lvt td{padding:12px 0;border:0;border-bottom:1px solid var(--line2);vertical-align:top;font-size:14px;line-height:1.6;color:var(--txt);background:none}
#otc .lvt tr:last-child td{border-bottom:0}
#otc .lvt td:first-child{width:92px;white-space:nowrap}
#otc .lvt td:nth-child(2){width:56px}
#otc .lvt .px{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--ink);text-align:left}
#otc .lvt .k{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;line-height:1.5}
#otc .lvt tr.r .k{color:var(--dn);background:var(--dnbg)}
#otc .lvt tr.s .k{color:var(--up);background:var(--upbg)}
#otc .lvt tr.now td{background:#F4F6FA}
#otc .lvt tr.now .k{color:#fff;background:var(--navy)}
#otc .lvt-w{padding:4px 20px}
#otc .sc h3{font-size:16px;font-weight:700;color:var(--ink);line-height:1.5;margin:6px 0 4px}
#otc .sc p{font-size:15px;line-height:1.7;color:var(--txt)}
#otc .gt{padding:20px;display:flex;flex-direction:column;gap:12px}
#otc .gt-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
#otc .gt-h b{font-size:16px;color:var(--ink)}
#otc .gt-h small{font-size:12px;color:var(--mut)}
#otc .gt-p{font-size:15px;line-height:1.7;color:var(--txt)}
#otc .gt-g{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:10px;overflow:hidden}
#otc .gt-g>span{padding:10px 12px;font-size:14px;line-height:1.4;border-bottom:1px solid var(--line2);color:var(--txt)}
#otc .gt-g>span.h{background:#F8F9FB;font-size:12px;color:var(--mut);font-weight:600}
#otc .gt-g>span.n{font-family:var(--mono);font-weight:600;color:var(--ink);text-align:right}
#otc .gt-g>span.h.n{font-family:var(--ff);color:var(--mut)}
#otc .gt-g>span:nth-last-child(-n+3){border-bottom:0}
#otc .gt-f{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--mut)}
#otc .gt-f a{font-weight:600;color:var(--link)!important;text-decoration:none!important;padding:8px 0}
#otc .bt{padding:4px 20px}
#otc .bt>div{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line2);font-size:14px;line-height:1.45}
#otc .bt>div:last-child{border-bottom:0}
#otc .bt>div.h{font-size:12px;color:var(--mut);font-weight:600}
#otc .bt b{display:block;color:var(--ink);font-size:14px}
#otc .bt small{display:block;font-size:11px;color:var(--mut)}
#otc .bt .n{font-family:var(--mono);font-weight:600;color:var(--ink);text-align:right}
#otc .bt .h .n{font-family:var(--ff);color:var(--mut)}
#otc .flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#otc .flow>div{padding:16px 20px;display:flex;flex-direction:column;gap:4px;border-radius:14px;border:1px solid var(--line);background:#fff}
#otc .flow small{font-size:12px;color:var(--mut);line-height:1.4}
#otc .flow b{font-family:var(--mono);font-size:22px;font-weight:600;line-height:1.3;color:var(--up)}
#otc .flow>div.out b{color:var(--dn)}
#otc .flow>div.in{background:#F6FBF8}
#otc .flow>div.out{background:#FEF8F7}
#otc .mean{display:flex;flex-direction:column;gap:10px}
#otc .mean>li{padding:14px 20px;font-size:15px;line-height:1.7;color:var(--txt)}
#otc .mean>li b{display:block;font-size:15px;color:var(--ink);margin-bottom:2px}
#otc .evh{padding:20px;display:flex;flex-direction:column;gap:12px}
#otc .ev-b{display:flex;gap:6px;flex-wrap:wrap}
#otc .ev-b span{font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;line-height:1.5}
#otc .ev-b .hi{background:var(--dn);color:#fff}
#otc .ev-b .med{background:#FFF1D6;color:var(--amb)}
#otc .ev-b .st{background:#F1F3F6;color:var(--mut);display:inline-flex;align-items:center;gap:6px}
#otc .ev-b .st.done{background:var(--upbg);color:var(--up)}
#otc .ev-b .st.wait{background:var(--ambbg);color:var(--amb)}
#otc:not(#x) .evh h2{font-size:24px;line-height:1.4;font-weight:700}
#otc .ev-when{font-size:14px;color:var(--txt);line-height:1.6}
#otc .ev-when b{color:var(--ink)}
#otc .ev-s{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
#otc .ev-s>div{background:#fff;padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
#otc .ev-s>div.act{background:var(--navy)}
#otc .ev-s small{font-size:12px;color:var(--mut);line-height:1.4}
#otc .ev-s b{font-family:var(--mono);font-size:24px;font-weight:600;color:var(--ink);line-height:1.25}
#otc .ev-s .act small{color:#C9D2E0}
#otc .ev-s .act b{color:#fff}
#otc .ev-s .act em{font-style:normal;font-family:var(--mono);font-size:12px;font-weight:600;line-height:1.4}
#otc .ev-s .act em.dn{color:#FF9B8F}
#otc .ev-s .act em.up{color:#6EE7A8}
#otc .ev-s .act em.flat{color:#C9D2E0}
#otc .ev-chips{display:flex;flex-wrap:wrap;gap:6px}
#otc .ev-chips span{font-size:13px;color:var(--txt);background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 12px;line-height:1.5}
#otc .ev-chips b{font-family:var(--mono);color:var(--ink)}
#otc .rt{padding:4px 20px}
#otc .rt>div{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,.8fr));gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line2);font-size:14px;line-height:1.45;color:var(--txt)}
#otc .rt>div:last-child{border-bottom:0}
#otc .rt>div.h{font-size:12px;color:var(--mut);font-weight:600}
#otc .rt .n{font-family:var(--mono);text-align:right}
#otc .rt .a{font-weight:600;color:var(--ink)}
#otc .rt .a.dn{color:var(--dn)}
#otc .rt .a.up{color:var(--up)}
#otc .rt .h .n{font-family:var(--ff)}
#otc .rx{padding:4px 20px}
#otc .rx>div{display:grid;grid-template-columns:minmax(0,1fr) auto 40px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line2)}
#otc .rx>div:last-child{border-bottom:0}
#otc .rx .px{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--ink);text-align:right;line-height:1.4}
#otc .rx .px i{font-style:normal;color:var(--mut);padding:0 4px}
#otc .rx .ch{padding:3px 0}
#otc .what{background:#EEF3FA;border:1px solid #D8E2F0;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px}
#otc .what p{font-size:15px;line-height:1.8;color:var(--body)}
#otc .what strong{color:var(--ink)}
#otc .tline{padding:8px 20px}
#otc .tline li{display:grid;grid-template-columns:96px 14px minmax(0,1fr);gap:10px;font-size:14px;line-height:1.6;color:var(--txt)}
#otc .tline time{font-family:var(--mono);font-size:12px;color:var(--mut);padding-top:3px;line-height:1.5}
#otc .tline .d{display:flex;flex-direction:column;align-items:center}
#otc .tline .d i{width:10px;height:10px;border-radius:50%;background:var(--up);margin-top:6px;flex-shrink:0}
#otc .tline li.wait .d i{background:#fff;border:2px solid var(--gold)}
#otc .tline .d u{flex:1;width:2px;background:var(--line2);min-height:14px;text-decoration:none}
#otc .tline li:last-child .d u{display:none}
#otc .tline li>span{padding-bottom:14px}
#otc .back{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;font-size:14px;text-decoration:none!important;color:var(--ink)!important}
#otc .back b{color:var(--link)}
#otc .mv{padding:8px 20px}
#otc .mv>div{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1.1fr) 64px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line2)}
#otc .mv>div:last-child{border-bottom:0}
#otc .mv .px{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--ink);text-align:right}
#otc .mv .bar2{position:relative;height:10px;background:#F4F6FA;border-radius:99px}
#otc .mv .bar2:before{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:#CBD2DC}
#otc .mv .bar2 i{position:absolute;top:0;bottom:0;border-radius:99px}
#otc .mv .bar2 i.up{left:50%;background:var(--up)}
#otc .mv .bar2 i.dn{right:50%;background:var(--dn)}
#otc .mv .pc{font-family:var(--mono);font-size:13px;font-weight:600;text-align:right}
#otc .mv .pc.up{color:var(--up)}
#otc .mv .pc.dn{color:var(--dn)}
#otc .res{display:flex;flex-direction:column;gap:10px}
#otc .res>li{padding:14px 20px;display:flex;flex-direction:column;gap:4px;font-size:15px;line-height:1.7;color:var(--txt)}
#otc .res .rh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--mut);font-weight:600}
#otc .res .rh .hi{font-size:11px;font-weight:700;padding:1px 7px;border-radius:4px;background:var(--dn);color:#fff}
#otc .res b{color:var(--ink);font-size:16px}
@container (max-width:620px){#otc .h-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
#otc .flow{grid-template-columns:minmax(0,1fr)}
#otc .h-price b{font-size:34px}
#otc .mv>div{grid-template-columns:minmax(0,1fr) 64px 70px 56px}}
@container (max-width:420px){#otc .hero,#otc .evh,#otc .gt{padding:16px}
#otc .lvt-w,#otc .bt,#otc .rt,#otc .rx,#otc .tline,#otc .mv{padding-left:16px;padding-right:16px}
#otc .drv>li,#otc .drc>article,#otc .mean>li,#otc .res>li{padding:14px 16px}
#otc .ev-s b{font-size:20px}
#otc .tline li{grid-template-columns:78px 14px minmax(0,1fr)}
#otc .bt>div{grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));font-size:13px}
#otc .rt>div{grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,.8fr));font-size:13px}}
#otc .sc span.pill{display:inline-flex;align-self:flex-start;font-family:var(--ff)}
#otc .rt .a.dn,#otc .rt .a.up{background:none}
#otc .mv>div{grid-template-areas:"sy px bar pc"}
#otc .mv .sy{grid-area:sy}
#otc .mv .px{grid-area:px}
#otc .mv .bar2{grid-area:bar}
#otc .mv .pc{grid-area:pc}
#otc .h-stats.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
@container (max-width:620px){#otc .mv>div{grid-template-columns:minmax(0,1fr) auto 72px;grid-template-areas:"sy px pc" "bar bar bar";row-gap:8px}
#otc .h-stats.b-stats{grid-template-columns:minmax(0,1fr)}
#otc .h-stats.b-stats>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:baseline}
#otc .h-stats.b-stats em{grid-column:1/-1}}
#otc .alert{background:#FFF5F4;border-color:#F5C9C3;padding:20px;display:flex;flex-direction:column;gap:12px}
#otc .al-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
#otc .al-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#fff;background:var(--dn);padding:4px 10px;border-radius:6px;letter-spacing:.04em;line-height:1.5}
#otc .al-tag .dot{background:#fff}
#otc .al-when{font-size:12px;color:var(--mut);line-height:1.5}
#otc .al-stat{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#otc .al-stat b{font-family:var(--mono);font-size:36px;font-weight:600;line-height:1.1;color:var(--ink);letter-spacing:-.02em}
#otc .al-stat .ch{font-size:15px;padding:4px 12px;border-radius:999px}
#otc .al-note{font-size:14px;line-height:1.7;color:var(--txt)}
#otc .rel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#otc .rel a{display:flex;flex-direction:column;gap:2px;padding:14px 16px;text-decoration:none!important;color:var(--ink)!important;font-size:15px;font-weight:600;line-height:1.5;transition:transform .15s ease,border-color .15s ease}
#otc .rel a:hover{transform:translateY(-2px);border-color:#C7CDD6}
#otc .rel small{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--mut);letter-spacing:.04em}
@container (max-width:420px){#otc .alert{padding:16px}
#otc .al-stat b{font-size:30px}
#otc .rel{grid-template-columns:minmax(0,1fr)}}