/* Kkurei's measuring desk — a quiet editorial shell around the real instruments. */
:root{--bg:#f8f6f0;--paper:#fffefa;--ink:#292c28;--muted:#686e64;--line:#dcded3;--accent:#bb4c2b;--soft:#f3e8dc;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:var(--bg)}
.site-header{background:#fcfaf5;border-color:#d7d8ce}.brand-mark{background:var(--accent);border-radius:3px}.brand strong{letter-spacing:-1px}.language-menu summary{color:#424b3d;border-color:#c9cfc0}.header-links,.help-button{color:#535d4a}.breadcrumb{color:#72796c}.breadcrumb a{color:#535d4a}
main{max-width:1600px;padding-top:35px}.eyebrow,.section-label{color:#68725e}.intro p,.inspector-description,.reading-caption,.scale-info{color:#67725d}.intro h1{font-weight:700}.calibration-shortcut{background:#eeeadd;color:#505b43;border:1px solid #d6d8c8}
.instrument{border-color:#c8cdbf;border-radius:6px;box-shadow:0 10px 35px #282e2a06}.instrument-toolbar{background:#fcfcf8}.inspector{background:#f7f7ee}.mode{color:#67725d}.mode.active{background:color-mix(in srgb,var(--mode) 11%,white)}.canvas-hint{color:#737d66}.precision-box p{color:#667454}.precision-box button{color:#485d35}.field-row label,.secondary-row{color:#627052}.instrument-bottom{color:#68745b}.quick-guide{color:#67725d}.guide-item h3{font-size:17px;color:#49573d}.guide-item p{font-size:15px;color:#727d64}.guide-title{color:#56634a}
.article-main p,.info-article p{color:#616d55}.article-main h2,.info-article h1{font-weight:650}.article-main h3{font-weight:600}.article-sidebar p{color:#6e785f}.faq summary{color:#46583b}.content-footer{padding-block:34px;color:#727d65}.content-footer nav{font-size:14px;color:#5d694e}.footer-wordmark{color:#4d5b41}.footer-wordmark span{color:#707c63}
.studio-kicker{font-size:12px;letter-spacing:1.2px;font-weight:600;color:#636b5d;display:block;line-height:1.7}.studio-kicker span{color:#bb4c2b;margin-inline:8px}
.studio-hero{display:grid;grid-template-columns:.95fr 1.15fr;gap:55px;align-items:center;padding:20px 0 62px;overflow:visible}.studio-hero-copy{padding:15px 0}.studio-hero h1{font-size:clamp(38px,4.2vw,66px);font-weight:700;letter-spacing:-3px;line-height:1.25;margin:25px 0}.studio-hero h1 em{font-style:normal;color:#bb4c2b}.studio-hero p{font-size:18px;line-height:1.9;color:#636b5d}.studio-hero-actions{display:flex;align-items:center;gap:25px;margin-top:29px;flex-wrap:wrap}.primary-button{border-radius:3px;font-weight:600;line-height:1.6}.studio-hero-actions .primary-button{padding:14px 20px;font-size:17px}.studio-text-link{display:inline-flex;align-items:center;gap:15px;font-size:15px;font-weight:600;padding:8px 0;border-bottom:1px solid #8c947e;line-height:1.5}.studio-text-link:hover{color:var(--accent);border-color:var(--accent)}.studio-hero .hero-meta{font-size:13px;line-height:1.8;margin-top:27px;color:#737b68}
.studio-hero-photo{margin:0;position:relative;background:#e6dfcf;min-width:0}.studio-hero-photo>img{display:block;width:100%;height:440px;object-fit:cover}.studio-hero-photo figcaption{display:flex;justify-content:space-between;background:#eee8db;padding:12px 16px;color:#6f6c5d;font:10px/1.5 ui-monospace,monospace;letter-spacing:1px}.studio-hero-photo:before{content:'+';position:absolute;left:-12px;top:-17px;font:27px/1 monospace;color:#b64e2b}
.hub-tools{border-top:1px solid #cdd0c2;padding-top:34px;scroll-margin-top:30px}.hub-tools .section-heading{margin-bottom:29px}.hub-tools .section-heading h2{font-size:32px;font-weight:650;margin:10px 0}.hub-tools .section-heading p{font-size:16px;color:#727b65;margin:0}.section-aside{color:#7f8871}
.studio-catalog{display:grid;grid-template-columns:.85fr 1.15fr;gap:0 40px}.studio-tool{background:none;border:0;border-radius:0;padding:20px 0;display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;border-bottom:1px solid #d8dccd;transition:background .2s}.studio-tool:hover{transform:none;border-color:#9caa8b;background:#f1f1e7}.studio-diagram{position:relative;background:#eeeee2;color:#71815f;overflow:hidden;min-width:0;aspect-ratio:1.6}.studio-diagram>svg{width:100%;height:100%;stroke-width:1.5}.studio-length{grid-column:2;grid-row:1}.studio-rectangle{grid-column:2;grid-row:2}.studio-circle{grid-column:2;grid-row:3}.studio-angle{grid-column:2;grid-row:4}.studio-circle .studio-diagram{background:#f0e3e7;color:#a45070}.studio-angle .studio-diagram{background:#e7e9ee;color:#616d91}.studio-rectangle .studio-diagram{background:#efe7d9;color:#a3753c}.studio-tool-copy{min-width:0}.studio-tool .card-index{font:11px/1.6 ui-monospace,monospace;letter-spacing:.6px;color:#737b68}.studio-tool h3{margin:7px 0;font-size:23px;font-weight:650;letter-spacing:-.6px;line-height:1.5}.studio-tool h3>span{color:#7f8c6c;font-size:25px}.studio-tool p{font-size:15px;line-height:1.8;color:#6b755f;margin:0}.studio-tool .card-cta{display:none}.studio-ruler{grid-column:1;grid-row:1/5;display:flex;flex-direction:column;gap:24px;align-items:stretch;justify-content:space-between;background:#e8ebdc;padding:28px 30px;border:0}.studio-ruler:hover{background:#e3e8d5;border:0}.studio-ruler .studio-diagram{aspect-ratio:1.35;background:none;flex:1;display:grid;place-items:center;min-height:245px}.studio-ruler .studio-diagram>svg{transform:rotate(-13deg);width:118%;max-width:none;height:100%;color:#77875c}.studio-cat{position:absolute;right:8px;bottom:7px;width:98px;height:auto;filter:drop-shadow(0 8px 6px #29311b12)}.studio-ruler .studio-tool-copy{padding-bottom:3px}.studio-ruler h3{font-size:33px;margin:12px 0}.studio-ruler p{font-size:17px}.studio-ruler .card-cta{display:flex;font-size:16px;font-weight:600;color:#4b5e36;margin-top:24px}
.studio-calibration{border:0;border-radius:0;background:#efe7db;padding:0;display:grid;grid-template-columns:.7fr 1.3fr;gap:0;margin-top:48px;overflow:hidden}.studio-calibration figure{margin:0;height:100%;min-height:278px}.studio-calibration img{display:block;width:100%;height:100%;object-fit:cover}.studio-calibration>div{padding:35px 42px}.studio-calibration h2{font-size:30px;font-weight:650;letter-spacing:-1px;line-height:1.4;margin:10px 0 14px}.studio-calibration p{color:#716b5a;max-width:600px;font-size:17px;line-height:1.9}.studio-calibration .studio-text-link{margin-top:14px;color:#8b492d;border-color:#b19179}.studio-how{padding:52px 0 0}.studio-how h2{font-size:26px;font-weight:600}.studio-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.studio-steps>div{border-top:1px solid #ccd2bf;padding-top:20px}.studio-steps>div>span{font:13px/1.8 ui-monospace,monospace;color:#8d987c}.studio-steps h3{font-size:20px;margin:12px 0 9px;font-weight:600}.studio-steps p{font-size:16px;line-height:1.9;color:#727c64;margin:0}.home-explainer{max-width:none;border-top:1px solid #ccd2bf;margin-top:47px;padding:30px 0 47px;display:grid;grid-template-columns:1fr 1.15fr;gap:10px 55px}.home-explainer .eyebrow{grid-column:1}.home-explainer h2{grid-column:1;font-size:27px;margin:0;line-height:1.6}.home-explainer p{grid-column:2;grid-row:1/3;margin:0;font-size:16px;color:#6d785e;line-height:2}
.related-tools .tool-card{border-radius:3px;background:#f5f5eb}.related-tools .tool-card h3{color:#3b4c30}.related-tools .tool-card p{color:#6c775d}.tool-card:hover h3>span{color:var(--accent)}.studio-guide-photo{float:right;width:40%;margin:0 -140px 35px 45px}.studio-guide-photo img{display:block;width:100%;height:auto}
@media(min-width:1500px){.studio-hero-photo>img{height:490px}}
@media(max-width:1100px){.studio-hero{gap:28px;grid-template-columns:1fr 1fr}.studio-hero h1{font-size:44px;letter-spacing:-1.9px}.studio-hero-photo>img{height:400px}.studio-catalog{gap:0 24px}.studio-tool{grid-template-columns:110px 1fr;gap:18px}.studio-tool h3{font-size:21px}.studio-ruler{display:flex;padding:24px}.studio-ruler h3{font-size:29px}.studio-calibration>div{padding:30px}.studio-guide-photo{margin-right:0;width:38%}}
@media(max-width:760px){main{padding-top:27px}.site-header .brand strong{font-size:19px}.studio-hero{grid-template-columns:1fr;gap:25px;padding:0 0 32px}.studio-hero-copy{padding:4px 0}.studio-kicker{font-size:11px;letter-spacing:.6px}.studio-hero h1{font-size:42px;line-height:1.25;letter-spacing:-1.8px;margin:19px 0}.studio-hero p{font-size:16px;line-height:1.9}.studio-hero p br{display:none}.studio-hero-actions{gap:19px;margin-top:23px}.studio-hero-actions .primary-button{font-size:16px;padding:13px 17px}.studio-text-link{font-size:14px}.studio-hero .hero-meta{font-size:12px;margin-top:20px}.studio-hero-photo>img{height:auto;aspect-ratio:1.6;object-fit:cover}.studio-hero-photo figcaption{font-size:9px;padding:10px 12px}.hub-tools{padding-top:25px}.hub-tools .section-heading h2{font-size:27px}.hub-tools .section-heading p{font-size:15px}.section-aside{font-size:11px}.studio-catalog{display:block}.studio-tool{display:grid;grid-template-columns:95px 1fr;gap:17px;padding:20px 0}.studio-tool h3{font-size:21px}.studio-tool p{font-size:15px;line-height:1.8}.studio-ruler{padding:22px;display:grid;grid-template-columns:.7fr 1fr;gap:20px;margin-bottom:9px}.studio-ruler .studio-diagram{min-height:150px;aspect-ratio:auto}.studio-ruler .studio-diagram>svg{width:130%}.studio-ruler .studio-cat{width:65px;right:0;bottom:8px}.studio-ruler h3{font-size:26px}.studio-ruler p{font-size:15px}.studio-ruler .card-cta{font-size:14px;margin-top:15px}.studio-calibration{grid-template-columns:1fr;margin-top:30px}.studio-calibration figure{min-height:0;height:auto}.studio-calibration img{height:220px;object-position:center}.studio-calibration>div{padding:25px}.studio-calibration h2{font-size:25px}.studio-calibration p{font-size:16px}.studio-how{padding-top:31px}.studio-how h2{font-size:23px}.studio-steps{grid-template-columns:1fr;gap:22px}.studio-steps>div{padding-top:14px;display:grid;grid-template-columns:27px 1fr;column-gap:15px}.studio-steps>div>span{margin-top:6px}.studio-steps h3{margin:0 0 8px;font-size:19px}.studio-steps p{grid-column:2;font-size:15px}.home-explainer{display:block;margin-top:29px;padding:25px 0 32px}.home-explainer h2{font-size:25px;margin:12px 0}.home-explainer p{font-size:16px}.content-footer nav{font-size:13px;flex-wrap:wrap;gap:15px}.footer-wordmark span{display:block;margin:8px 0 0}.studio-guide-photo{float:none;width:100%;margin:0 0 28px}.intro p{font-size:16px}.article-main p,.info-article p{font-size:16px}.guide-item h3{font-size:17px}.guide-item p{font-size:15px}.precision-box p,.precision-box button{font-size:18px}}
@media(max-width:360px){.studio-hero h1{font-size:38px}.studio-hero-actions{gap:14px}.studio-hero-actions .primary-button{font-size:15px;padding:12px 14px}.studio-hero-actions .studio-text-link{font-size:13px}.studio-ruler{grid-template-columns:76px 1fr;padding:18px;gap:13px}.studio-ruler h3{font-size:23px}.studio-ruler .studio-cat{width:60px}.studio-tool{grid-template-columns:85px 1fr;gap:14px}}
/* Phone measuring geometry and controls keep the calibrated scale from the instrument. */
@media(max-width:360px){.site-header .kk-brand-family{gap:8px}.kk-brand-family .arcade-return,.kk-brand-family .brand strong{font-size:16px!important;letter-spacing:-.7px}.kk-brand-family .arcade-return{gap:6px}.kk-brand-family .arcade-return img{width:24px;height:24px}.kk-brand-family .brand{gap:5px}.kk-brand-family .brand-mark{width:26px;height:26px}}
body.wide-measure .instrument{border-radius:0}body.wide-measure .mode{font-size:12px!important}body.wide-measure .primary-button,body.wide-measure .secondary-button{border-radius:5px}body.wide-measure .calibration-message h2{letter-spacing:-.7px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}