/* A quiet utility in the brand row; the comparison stays closed until requested. */
.global-header .header-clock{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:.65rem;width:auto;max-width:100%;margin:0 0 0 auto;padding:0;border:0;background:transparent;color:#d2d9d1;font:400 .75rem/1.4 'DM Sans',system-ui,sans-serif;letter-spacing:0}
.header-clock *{box-sizing:border-box}
.header-clock .clock-korea,.header-clock .clock-korea time{display:flex;align-items:baseline;gap:.45rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.header-clock .clock-korea>span{color:#d8b77b}
.header-clock .clock-korea time b{color:#f5f1e7;font:500 .8125rem/1.4 'DM Sans',system-ui,sans-serif;min-width:2.35rem;font-variant-numeric:tabular-nums}
.header-clock .clock-disclosure{position:relative;margin:0;padding:0;border:0;background:transparent}
.header-clock .clock-disclosure>summary{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:1.75rem;margin:0;padding:.2rem 0 .2rem .65rem;border:0;border-left:1px solid #526257;border-radius:0;color:#d2d9d1;background:transparent;font:inherit;white-space:nowrap;cursor:pointer;list-style:none}
.header-clock .clock-disclosure>summary::-webkit-details-marker{display:none}
.header-clock .clock-disclosure>summary::marker{content:''}
.header-clock .clock-disclosure>summary:hover,.header-clock .clock-disclosure[open]>summary{color:#f0cc87}
.header-clock .clock-disclosure>summary:focus-visible{outline:2px solid #d8aa4c;outline-offset:4px}
.header-clock .clock-chevron{width:.35rem;height:.35rem;margin:0 .15rem .15rem 0;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
.header-clock .clock-disclosure[open] .clock-chevron{transform:rotate(225deg);margin-top:.2rem;margin-bottom:0}
.header-clock .clock-panel{position:absolute;z-index:40;top:calc(100% + .65rem);right:0;width:19rem;max-width:calc(100vw - 2.5rem);margin:0;padding:1rem;background:#fffdf8;color:#243d32;border:1px solid #d8cfbd;border-radius:6px;box-shadow:0 8px 28px #09161029;font:400 .875rem/1.5 'DM Sans',system-ui,sans-serif;max-height:65dvh;overflow:auto}
.header-clock .clock-disclosure:not([open]) .clock-panel{display:none}
.header-clock .clock-panel label{display:block;margin:0 0 .4rem;padding:0;font-size:.8125rem;font-weight:500;color:#43584a}
.header-clock .clock-panel select{display:block;width:100%;max-width:100%;min-height:2.5rem;margin:0;padding:.45rem .5rem;border:1px solid #a99c83;border-radius:3px;background:#fffdf8;color:#243d32;font:inherit}
.header-clock .clock-panel select:focus-visible{outline:2px solid #906012;outline-offset:3px}
.header-clock .clock-world-reading{display:grid;gap:.2rem;margin-top:.85rem}
.header-clock .clock-world-reading time{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem;font-variant-numeric:tabular-nums}
.header-clock .clock-world-reading time b{font-size:1.1rem;font-weight:500;color:#243d32}
.header-clock .clock-zone-label,.header-clock #clock-comparison{font-size:.75rem;color:#506158}
.header-clock .clock-panel noscript p{font-size:.8125rem;margin:.7rem 0 0}
@media(max-width:1100px){.global-header .header-clock{margin-right:.5rem}}
@media(max-width:800px){
 .global-header .header-clock{margin:0;gap:.6rem}
 .header-clock .clock-disclosure{position:static}
 .header-clock .clock-panel{position:absolute;top:calc(100% + .3rem);left:1rem;right:1rem;width:auto;max-width:none}
}
@media(max-width:360px){.global-header .header-clock{gap:.45rem}.header-clock .clock-disclosure>summary{padding-left:.45rem}.header-clock .clock-korea,.header-clock .clock-korea time{gap:.3rem}}
