main{width:1140px;max-width:calc(100% - 2em);margin:0 auto;padding:1.6em 1em 4em}.layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:2em;margin-top:1em;display:grid}.col-main{min-width:0}.col-side{flex-direction:column;gap:1em;display:flex;position:sticky;top:1em}.side-card{border:1px solid rgb(var(--gray-light));background:rgb(var(--surface));box-shadow:var(--shadow-sm);border-radius:14px;padding:1.1em 1.2em}.side-card h3{margin:0 0 .7em;font-size:.95rem;font-weight:800}.intl-price{font-variant-numeric:tabular-nums;color:rgb(var(--black));font-size:1.6rem;font-weight:900}.intl-price .u{color:rgb(var(--gray));font-size:.9rem;font-weight:600}.chg{font-variant-numeric:tabular-nums;font-weight:800}.chg.up{color:#e01e1e}.chg.down{color:#1668dd}.intl-sub{color:rgb(var(--gray));margin-top:.3em;font-size:.72rem;line-height:1.45}.daily{border-collapse:collapse;width:100%;font-size:.77rem}.daily th,.daily td{border-bottom:1px solid rgb(var(--gray-light));text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding:.5em .25em}.daily th{color:rgb(var(--gray));font-size:.76rem;font-weight:700}.daily td:first-child,.daily th:first-child{text-align:left}.daily tr:last-child td{border-bottom:none}.daily td.chg{font-weight:800}.daily td.chg.up{color:#e01e1e}.daily td.chg.down{color:#1668dd}.daily tr.up-row td{background:#e01e1e12}.daily tr.down-row td{background:#1668dd14}.prov{color:#fff;vertical-align:middle;background:#9ca3af;border-radius:4px;margin-left:3px;padding:.02em .32em;font-size:.6rem;font-weight:700;display:inline-block}.pill{text-align:center;color:#fff;border-radius:6px;min-width:46px;padding:.2em .42em;font-size:.72rem;font-weight:800;display:inline-block}.pill.up{background:#e01e1e}.pill.down{background:#1668dd}.pill.flat{background:#9ca3af}.more-btn{border:1px solid rgb(var(--gray-light));background:rgb(var(--bg-soft));cursor:pointer;width:100%;color:rgb(var(--gray-dark));border-radius:8px;margin-top:.7em;padding:.6em;font-family:inherit;font-size:.85rem;font-weight:700}.more-btn:hover{border-color:rgb(var(--accent));color:rgb(var(--accent-dark))}.crumbs{color:rgb(var(--gray));margin-bottom:.8em;font-size:.82rem}.crumbs a{color:rgb(var(--gray));text-decoration:none}.crumbs a:hover{color:rgb(var(--accent))}h1{letter-spacing:-.03em;margin:0 0 .3em;font-size:1.8rem;font-weight:900}.lead{color:rgb(var(--gray));margin:0 0 1.4em;line-height:1.6}.updated{color:rgb(var(--gray));margin-bottom:1.2em;font-size:.85rem}.updated b{color:rgb(var(--accent-dark))}.updated .live{background:#16a34a;border-radius:50%;width:7px;height:7px;margin-right:5px;animation:1.6s infinite blink;display:inline-block}@keyframes blink{50%{opacity:.25}}.hero-card{border:1px solid rgb(var(--gray-light));background:rgb(var(--surface));box-shadow:var(--shadow-sm);text-align:center;border-radius:16px;margin-bottom:1.2em;padding:1.5em}.hero-card .k{color:rgb(var(--gray));font-size:.9rem}.hero-card .big{letter-spacing:-.03em;color:rgb(var(--accent-dark));font-variant-numeric:tabular-nums;margin:.15em 0;font-size:2.4rem;font-weight:900}.hero-card .sub{color:rgb(var(--gray-dark));font-size:.95rem}.tbl-scroll{border:1px solid rgb(var(--gray-light));border-radius:14px;overflow:auto hidden}main table{border-collapse:collapse;width:100%;font-size:.95rem}main th,main td{border-bottom:1px solid rgb(var(--gray-light));text-align:right;font-variant-numeric:tabular-nums;padding:.85em .9em}main th{color:rgb(var(--gray));background:rgb(var(--bg-soft));font-size:.82rem;font-weight:700}main th:first-child,main td:first-child{text-align:left}main tbody tr:last-child td{border-bottom:none}main td.name{color:rgb(var(--black));font-weight:800}.spotbar{flex-wrap:wrap;gap:.6em;margin:1.1em 0;display:flex}.chip{border:1px solid rgb(var(--gray-light));background:rgb(var(--bg-soft));border-radius:10px;flex:1;min-width:140px;padding:.7em .9em;font-size:.85rem}.chip .k{color:rgb(var(--gray))}.chip .v{color:rgb(var(--black));font-variant-numeric:tabular-nums;font-weight:800}.krx{border:1px solid rgb(var(--gray-light));border-left:4px solid rgb(var(--accent));background:rgb(var(--bg-soft));border-radius:12px;margin:1.2em 0;padding:1.1em 1.2em}.krx-h{margin-bottom:.5em;font-size:.98rem;font-weight:800}.krx-body{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:1.2em;display:flex}.krx-body .big{color:rgb(var(--accent-dark));font-size:1.3rem;font-weight:900}.krx-body .g{color:rgb(var(--gray-dark));font-size:.95rem}.krx-body .up{color:#dc2626;font-weight:700}.krx-body .down{color:#2563eb;font-weight:700}.krx-body .d{color:rgb(var(--gray));width:100%;font-size:.85rem}.mini{border:1px solid rgb(var(--gray-light));background:rgb(var(--surface));border-radius:14px;margin:1.6em 0;padding:1.3em}.mini h2{margin:0 0 .9em;font-size:1.1rem;font-weight:800}.mini .grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:.6em;display:grid}.mini select,.mini input{border:1.5px solid rgb(var(--gray-light));background:rgb(var(--bg-soft));color:rgb(var(--black));border-radius:10px;padding:.7em .8em;font-family:inherit;font-size:1rem}.mini .seg{border:1.5px solid rgb(var(--gray-light));border-radius:10px;display:inline-flex;overflow:hidden}.mini .seg button{background:rgb(var(--bg-soft));cursor:pointer;color:rgb(var(--gray-dark));border:none;padding:.7em .9em;font-family:inherit;font-weight:700}.mini .seg button.on{background:rgb(var(--accent));color:#fff}.mini .out{background:rgb(var(--accent-light));color:rgb(var(--accent-dark));text-align:center;border-radius:10px;margin-top:1em;padding:.9em 1.1em;font-size:1.05rem;font-weight:800}.note{color:rgb(var(--gray));margin-top:.8em;font-size:.83rem;line-height:1.6}.content{margin-top:2.4em;line-height:1.75}.content h2{margin:1.8em 0 .7em;font-size:1.3rem;font-weight:800}.content p,.content li{color:rgb(var(--gray-dark))}.content .box{border:1px solid rgb(var(--gray-light));background:rgb(var(--bg-soft));border-radius:12px;margin:1em 0;padding:1em 1.2em}.xlink{color:rgb(var(--accent-dark));margin-top:.6em;font-weight:700;text-decoration:none;display:inline-block}.xlink:hover{text-decoration:underline}.ad-wrap{text-align:center;margin:2em 0;overflow:hidden}@media (width<=900px){.layout{grid-template-columns:minmax(0,1fr)}.col-side{position:static}}@media (width<=640px){.mini .grid{grid-template-columns:minmax(0,1fr)}.hero-card .big{font-size:2rem}}
