:root{--ink:#213D44;--paper:#fff;--gold:#d9c4a2;--muted:#485A6A;--line:#213D442E}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'BW Mitga',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #407381;outline-offset:5px}.skip{position:absolute;left:12px;top:-100px}.skip:focus{top:12px;background:white;z-index:5}header{max-width:1280px;margin:auto;min-height:100px;padding:24px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:27px;letter-spacing:.4em;text-decoration:none;line-height:1.1}.brand small{display:block;font-size:8px;letter-spacing:.6em;text-align:center;margin-top:8px}nav{display:flex;gap:30px;font-size:13px}nav a{text-decoration:none}.hero{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding:64px 48px 80px;align-items:center}.eyebrow,.step{font-size:10px;letter-spacing:.22em;font-weight:500}.hero h1{font:400 clamp(44px,5.2vw,76px)/1.04 'Museo Slab',Georgia,serif;margin:25px 0}.hero h1 em{font-weight:400;color:#213D44}.hero p:not(.eyebrow){max-width:420px;color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:16px 23px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);text-decoration:none;font-size:13px;letter-spacing:.03em}.hero .button{margin-top:18px}.hero-note{display:block;font-size:11px;color:var(--muted);margin-top:12px}.hero-art{height:430px;position:relative;overflow:hidden;border-radius:48% 48% 0 0}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-art>span{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 25px;background:linear-gradient(transparent,#14282bd9);color:white;font:italic 25px/1.2 'Museo Slab',Georgia,serif}.measure{max-width:1184px;margin:auto;padding:0 24px 40px}.section-heading{text-align:center;margin:0 0 34px}h2{font:400 clamp(32px,4vw,46px)/1.15 'Museo Slab',Georgia,serif;margin:12px 0}h3{font:400 clamp(30px,3vw,40px)/1.15 'Museo Slab',Georgia,serif;margin:14px 0}h4{font-weight:500;font-size:19px;margin:8px 0}p{margin:10px 0 18px}.section-heading>p:last-child,.intro>p:last-child{color:var(--muted)}.methods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.methods button{padding:22px;text-align:left;background:transparent;border:1px solid var(--line);color:var(--ink);font-size:17px}.methods button>span{display:block;font-size:11px;letter-spacing:.15em;margin-bottom:12px}.methods small{display:block;font-size:12px;margin-top:4px}.methods button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.panel{background:#fff;border:1px solid var(--line);padding:40px}.panel[hidden]{display:none}.intro{max-width:650px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:36px}.workspace p{font-size:14px;color:var(--muted)}.step{color:#485A6A}.calibration-stage{height:114px;display:flex;align-items:center;justify-content:center;background:#D9C4A21A;margin:24px 0}#calibration-line{width:113.5px;height:16px;border:1px solid var(--ink);border-top:0;display:flex;justify-content:space-between;position:relative}#calibration-line span{font-size:11px;position:absolute;top:22px;left:-3px;white-space:nowrap}#calibration-line span+span{left:auto;right:-14px}label{display:block;font-size:13px;font-weight:500}input[type=range]{width:100%;accent-color:var(--ink);height:30px;margin:8px 0}.fine-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 20px}.fine-controls button{width:44px;height:44px;background:transparent;border:1px solid var(--line);font-size:22px;color:var(--ink)}.fine-controls span{font-size:12px;text-align:center;color:var(--muted)}.note{font-size:12px!important;line-height:1.5;color:var(--muted)}.instructions>.button{width:100%}.ring-stage{height:190px;background:linear-gradient(#14282b08 1px,transparent 1px),linear-gradient(90deg,#14282b08 1px,transparent 1px);background-size:16px 16px;display:flex;align-items:center;justify-content:center;position:relative;margin:24px 0}.stage-caption{position:absolute;bottom:12px;font-size:8px;letter-spacing:.2em}#ring-circle{border:1px solid var(--ink);border-radius:50%;width:65.53px;height:65.53px;background:#d9c4a233;display:flex;align-items:center;justify-content:center;flex-shrink:0}#ring-circle span{color:#14282b55;font-weight:400}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.4}.result{background:#D9C4A21A;padding:20px;font-size:14px;min-height:92px}.result strong{display:block;font:400 34px 'Museo Slab',Georgia,serif;margin:4px 0}.result small{display:block;font-size:12px}.disclaimer{max-width:850px;margin:24px auto 0;text-align:center;font-size:12px;color:var(--muted)}.paper-steps{padding-left:24px}.paper-steps li{padding:0 0 14px 10px}.input-unit{display:flex;border:1px solid var(--line);align-items:center;background:white;margin-top:10px}.input-unit input{width:100%;min-width:0;border:0;padding:16px;background:transparent}.input-unit span{padding:0 18px}.paper-illustration{height:75px;display:flex;align-items:center;gap:10px;font-size:12px}.paper-illustration i{display:block;flex:1;height:22px;background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 10px);border-bottom:1px solid var(--ink)}.print-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center}.print-layout li{padding-bottom:12px;font-size:14px}.print-layout ol{padding-left:20px}.print-preview{padding:30px;text-align:center;border:1px solid var(--line);background:white;box-shadow:12px 16px 0 #D9C4A21A;transform:rotate(3deg)}.preview-rule{height:22px;margin:25px 0;background:repeating-linear-gradient(90deg,#213D44 0 1px,transparent 1px 8px);border-bottom:1px solid}.preview-rings{font-size:44px;letter-spacing:10px;line-height:1.2}.tips{max-width:1184px;padding:52px 24px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px;margin:auto;border-top:1px solid var(--line)}.tips p:not(.eyebrow){font-size:13px;color:var(--muted)}.tips h4{font-size:16px}.size-table{max-width:800px;margin:10px auto 65px;padding:0 24px}.size-table summary{cursor:pointer;border-block:1px solid var(--line);padding:20px 0}.size-table p{font-size:13px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:center;border-bottom:1px solid var(--line);padding:10px}.closing{text-align:center;background:#D9C4A21A;padding:60px 24px}.text-link{display:inline-block;margin:20px;font-size:13px}footer{padding:45px 48px;background:var(--ink);color:var(--gold);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:760px){header{padding:22px 24px;min-height:80px}nav{gap:18px;font-size:11px}.brand{font-size:23px}.hero{grid-template-columns:1fr 1fr;padding:35px 24px 45px;gap:24px}.hero-art{height:330px}.hero h1{font-size:46px}.hero p:not(.eyebrow){font-size:14px}.workspace{gap:30px}.panel{padding:26px}.tips{grid-template-columns:1fr 1fr}.print-layout{gap:30px}footer{flex-wrap:wrap}}@media(max-width:540px){.hero{grid-template-columns:1fr;padding-top:30px}.hero-art{height:220px;border-radius:120px 120px 0 0}.hero-art img{object-position:center 55%}.hero h1{font-size:53px}.hero p:not(.eyebrow){max-width:100%}.hero-art>span{font-size:22px}.methods{gap:6px}.methods button{font-size:12px;line-height:1.4;padding:14px 9px}.methods small{font-size:10px;margin-top:8px}.methods button>span{margin-bottom:8px}.measure{padding:0 16px 35px}.panel{padding:23px 18px}.workspace,.print-layout{grid-template-columns:1fr;gap:32px}.ring-work{border-top:1px solid var(--line);padding-top:25px}.ring-stage{height:220px}.tips{padding:35px 24px;gap:24px}.tips>div:first-child{grid-column:1/-1}.tips>div:last-child{grid-column:1/-1}.print-preview{max-width:250px;margin:10px auto}.size-table{margin-bottom:40px}footer{padding:35px 24px}footer p{margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}