:root{--ink:#122f40;--paper:#f2f0e6;--yellow:#f0df42;--rule:#b7c1bc;--soft:#e0e7df}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button,select{font:inherit;color:inherit}button,.button{background:var(--ink);color:white;border:1px solid var(--ink);padding:12px 18px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#264f60}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #ce6200;outline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.7rem,6vw,6.2rem);line-height:1.02;letter-spacing:-.06em;font-weight:800}h2{font-size:clamp(1.65rem,3vw,2.8rem);line-height:1.12;letter-spacing:-.04em}h3{line-height:1.2}.intro{font-size:1.22rem;max-width:44rem}.kicker,small,.small{font-size:.78rem;line-height:1.65}.kicker{letter-spacing:.14em;text-transform:uppercase;font-weight:750}.skip{position:absolute;left:0;top:-80px;padding:10px;background:white;z-index:20}.skip:focus{top:0}header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px max(24px,4vw);border-bottom:1px solid var(--ink);background:var(--paper);position:relative;z-index:8}.identity{display:flex;align-items:center;gap:10px;text-decoration:none;line-height:1.15;font-weight:800;letter-spacing:-.04em;font-size:1.15rem}.identity img{width:40px;height:40px}.identity small{display:block;letter-spacing:.18em;font-size:.57rem;margin-top:7px}nav{display:flex;gap:24px;align-items:center;font-size:.8rem;font-weight:650}nav a{text-decoration:none}details{position:relative}summary{cursor:pointer;list-style:none}summary::before{content:'+';margin-inline-end:7px}details[open]>summary::before{content:'-'}header details>div{position:absolute;top:34px;inset-inline-end:0;background:var(--paper);border:1px solid var(--ink);width:300px;max-height:65vh;overflow:auto;padding:12px;box-shadow:6px 6px 0 var(--yellow)}header details a{display:block;padding:9px;border-bottom:1px solid var(--rule)}.menu{display:none}main{min-height:70vh}.wrap{max-width:1360px;margin:auto;padding:70px 40px}.reader{max-width:850px;margin:auto;padding:70px 30px}.reader h1{font-size:clamp(2.7rem,5vw,4.6rem)}.reader section{padding-block:30px;border-top:1px solid var(--rule);scroll-margin-top:20px}.reader section p{max-width:44rem}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding-bottom:65px}.hero figure{margin:0}.hero img{display:block;width:100%}figcaption{font-size:.75rem;margin-top:12px}.ruler{height:24px;border-top:2px solid var(--ink);background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 10px);background-size:auto 10px;background-repeat:repeat-x;margin-bottom:40px}.band{display:grid;grid-template-columns:120px 1fr;gap:30px;border-block:1px solid var(--ink);padding:36px 0;margin:45px 0}.band>span{font-size:5rem;line-height:1;font-weight:800;letter-spacing:-.09em}.band p{max-width:52rem;margin-bottom:0}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--ink);border-inline-start:1px solid var(--ink)}.guide{display:block;text-decoration:none;padding:25px;border-inline-end:1px solid var(--ink);border-bottom:1px solid var(--ink)}.guide:hover{background:var(--yellow)}.guide .n{font-size:.8rem;letter-spacing:.1em}.guide h3{font-size:1.6rem;margin-block:15px}.guide p{font-size:.9rem}.contents{display:block;background:var(--soft);padding:22px;margin:30px 0}.contents a{display:block;margin:5px 0}.source{font-size:.8rem;margin-top:24px}.source small{display:block;font-size:.7rem}.panel{background:var(--yellow);padding:30px;margin:30px 0;border:1px solid var(--ink)}.desk-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:35px 0}.desk-controls label{display:block;font-size:.8rem;font-weight:750;margin-bottom:8px}.desk-controls select{width:100%;min-width:0;background:var(--paper);padding:12px;border:1px solid var(--ink);border-radius:0}.desk-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.reference{border:1px solid var(--ink);padding:25px;background:#fffdf5;min-width:0}.reference h2{font-size:1.7rem}.qualifier{font-size:.75rem;background:var(--yellow);padding:5px 10px;display:inline-block}.measure{padding-top:16px;border-top:1px solid var(--rule);margin-top:22px}.measure dt{font-size:.75rem}.measure dd{font-size:clamp(1.5rem,3vw,2.7rem);font-weight:750;line-height:1.18;letter-spacing:-.04em;margin:8px 0 0;overflow-wrap:anywhere}.measure dd.missing{font-size:1.1rem;letter-spacing:0}.reference .context{font-size:.85rem;margin-top:22px}.reference .small{margin-bottom:0}.desk-actions{margin:22px 0}.archive{margin:60px 0}.archive article{border-top:1px solid var(--rule);padding-block:22px}.archive p{font-size:.88rem}.app-card{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;background:var(--ink);color:var(--paper);padding:34px;margin-top:65px}.app-card h2{font-size:1.8rem}.app-card p{font-size:.92rem}.app-card figure{margin:0;align-self:center}.app-card .product{max-height:260px;width:auto;object-fit:contain;display:block;margin:auto;border-radius:15px}.badges{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.badges img{height:42px;width:auto;display:block}.sticky{position:fixed;bottom:14px;inset-inline-end:16px;background:var(--yellow);border:1px solid var(--ink);padding:10px 16px;text-decoration:none;font-size:.8rem;font-weight:750;z-index:7}footer{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:45px max(28px,5vw) 100px;border-top:1px solid var(--ink);font-size:.85rem;background:var(--soft)}footer a{display:inline-block;margin:0 16px 10px 0}footer>.small{grid-column:1/-1;max-width:70rem}.date{font-variant-numeric:tabular-nums}html[dir=rtl] .hero{direction:rtl}html[lang=ja]h1,html[lang=ko]h1,html[lang=zh-Hans]h1{letter-spacing:-.035em}html[dir=rtl]h1{letter-spacing:0}@media(max-width:850px){header{padding:17px 20px;flex-wrap:wrap}.menu{display:block;padding:8px 12px;background:transparent;color:var(--ink);font-size:.8rem}header nav{display:none;flex-basis:100%;align-items:stretch;flex-direction:column;gap:0}header nav.open{display:flex}header nav>a,header nav summary{padding:13px 0}header details>div{position:static;box-shadow:none;width:100%;max-height:230px;margin-bottom:14px}.wrap{padding:45px 24px}.reader{padding:45px 24px}.hero{grid-template-columns:1fr;gap:30px}.hero figure{max-width:480px}.band{grid-template-columns:70px 1fr;gap:20px}.band>span{font-size:3.4rem}.guide-grid{grid-template-columns:1fr}.app-card{grid-template-columns:1fr;padding:26px;gap:20px}.app-card figure{display:flex;gap:15px;align-items:center}.app-card .product{width:75px;max-height:none}.app-card figcaption{flex:1}.desk-results{grid-template-columns:1fr}.reference{padding:22px}footer{grid-template-columns:1fr}}@media(max-width:370px){.desk-controls{grid-template-columns:1fr}.identity{font-size:1rem}.identity img{width:34px;height:34px}.wrap,.reader{padding-inline:20px}.panel{padding:22px}}
h1,h2,h3{overflow-wrap:anywhere}@media(max-width:600px){.desk-controls{grid-template-columns:1fr}.desk-controls select{font-size:1rem}}
@font-face{font-family:MeasureKorean;src:url('/assets/measure-korean.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}html[lang=ko] body{font-family:MeasureKorean,system-ui,sans-serif}html[lang=ja] h1,html[lang=ko] h1,html[lang=zh-Hans] h1{letter-spacing:0}html[dir=rtl] .kicker{letter-spacing:0}html[dir=rtl] .measure dd{direction:ltr;text-align:right}html[dir=rtl] .measure dd.missing{direction:rtl}

a[lang=ko]{font-family:MeasureKorean,system-ui,sans-serif}