:root{--bg:#f0fdfa;--paper:#fff;--ink:#0f172a;--muted:#475569;--line:#cbd5e1;--brand:#155e75;--brand2:#0f766e;--accent:#f59e0b;--good:#166534;--warn:#92400e;--bad:#991b1b;--shadow:0 12px 36px rgba(15,23,42,.09);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#ecfeff 0,#f8fafc 28rem,#fff 100%);color:var(--ink);font:16px/1.58 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:var(--brand);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{text-decoration-thickness:.13em}img{max-width:100%}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.7rem 1rem;border-radius:10px}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.45)}.header-row{min-height:72px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.25rem;text-decoration:none;color:var(--ink)}.brand img{width:42px;height:42px}.nav{display:flex;gap:6px;align-items:center;margin-left:auto}.nav a{padding:.55rem .7rem;border-radius:10px;text-decoration:none;color:var(--ink);font-weight:650}.nav a:hover,.nav a[aria-current=page]{background:#ccfbf1;color:#134e4a}.menu-button{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:12px;padding:.65rem .8rem;font-weight:800}.lang{display:flex;gap:4px;margin-left:6px}.lang a{padding:.45rem .55rem;border:1px solid var(--line);border-radius:10px;text-decoration:none;font-size:.88rem}.hero{padding:56px 0 34px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#ccfbf1;color:#134e4a;padding:.36rem .65rem;border-radius:999px;font-weight:800;font-size:.83rem;letter-spacing:.02em}.hero h1{font-size:clamp(2.2rem,5.2vw,4.35rem);line-height:1.03;letter-spacing:-.045em;margin:.8rem 0 1rem}.hero p{font-size:1.14rem;color:var(--muted);max-width:66ch}.hero-card{background:var(--paper);border:1px solid #a5f3fc;border-radius:28px;padding:22px;box-shadow:var(--shadow)}.measure-visual{position:relative;min-height:300px;background:linear-gradient(145deg,#cffafe,#ecfccb);border-radius:22px;overflow:hidden}.door-shape{position:absolute;right:13%;top:12%;width:38%;height:76%;border:13px solid var(--brand);border-bottom-width:20px;background:#fff}.box-shape{position:absolute;left:12%;bottom:18%;width:39%;height:37%;background:#fde68a;border:7px solid #b45309;transform:rotate(-8deg)}.ruler-v,.ruler-h{position:absolute;background:var(--accent);border-radius:6px}.ruler-v{left:6%;top:9%;width:7px;height:78%}.ruler-h{right:8%;bottom:6%;height:7px;width:46%}.ruler-v:before,.ruler-v:after,.ruler-h:before,.ruler-h:after{content:"";position:absolute;background:var(--accent)}.ruler-v:before,.ruler-v:after{width:22px;height:7px;left:-8px}.ruler-v:before{top:0}.ruler-v:after{bottom:0}.ruler-h:before,.ruler-h:after{height:22px;width:7px;top:-8px}.ruler-h:before{left:0}.ruler-h:after{right:0}.button{appearance:none;border:0;border-radius:12px;background:var(--brand);color:#fff;padding:.78rem 1rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;text-decoration:none}.button:hover{background:#164e63}.button.secondary{background:#fff;color:var(--brand);border:1px solid #67e8f9}.button.warn{background:#b45309}.button.danger{background:#b91c1c}.button.small{padding:.46rem .65rem;font-size:.88rem}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.section{padding:34px 0}.section h2{font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.15;letter-spacing:-.025em;margin:0 0 12px}.lead{font-size:1.08rem;color:var(--muted);max-width:72ch}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid #dbeafe;border-radius:var(--radius);padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.card h2,.card h3{margin-top:0}.tool-card{text-decoration:none;color:inherit;transition:.18s transform,.18s box-shadow}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.tool-card .icon{width:46px;height:46px;border-radius:14px;background:#ccfbf1;display:grid;place-items:center;font-size:1.35rem;margin-bottom:12px}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.panel{background:#fff;border:1px solid #bae6fd;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.panel.sticky{position:sticky;top:92px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}label{font-weight:750}input,select,textarea{width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #94a3b8;border-radius:11px;padding:.7rem .75rem}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid rgba(245,158,11,.55);outline-offset:2px}textarea{min-height:105px;resize:vertical}.help{font-size:.88rem;color:var(--muted)}.notice{padding:14px 16px;border-radius:12px;background:#ecfeff;border-left:5px solid var(--brand);margin:14px 0}.notice.good{background:#f0fdf4;border-color:var(--good)}.notice.warn{background:#fffbeb;border-color:#d97706}.notice.bad{background:#fef2f2;border-color:var(--bad)}.result-big{font-size:1.35rem;font-weight:900}.status{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:999px;font-size:.82rem;font-weight:900}.status.pass{background:#dcfce7;color:#166534}.status.tight{background:#fef3c7;color:#92400e}.status.fail{background:#fee2e2;color:#991b1b}.status.invalid{background:#e2e8f0;color:#334155}.stage{border:1px solid var(--line);border-radius:14px;padding:14px;margin:10px 0;background:#f8fafc}.stage-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:.75rem;border-bottom:1px solid #e2e8f0;vertical-align:top}th{background:#f8fafc;font-size:.9rem}.empty{color:var(--muted);text-align:center;padding:28px}.metric{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.metric strong{display:block;font-size:1.4rem}.bar{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--brand2),var(--accent))}.check-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:12px;border:1px solid #e2e8f0;border-radius:12px;margin:8px 0;background:#fff}.check-row input{width:auto;margin-top:.3rem}.breadcrumb{padding:16px 0 0;color:var(--muted);font-size:.9rem}.breadcrumb a{color:inherit}.article{max-width:820px}.article h2{margin-top:2rem}.article li{margin:.45rem 0}.preset{background:#ecfeff;border:1px dashed #0891b2;border-radius:14px;padding:16px}.ad-slot{min-height:120px;border:1px dashed #cbd5e1;border-radius:12px;display:grid;place-items:center;color:#64748b;background:#f8fafc;margin:24px 0;font-size:.86rem}.site-footer{margin-top:46px;background:#0f172a;color:#e2e8f0;padding:42px 0}.site-footer a{color:#a5f3fc}.footer-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:28px}.network-links{display:grid;gap:8px}.network-links a{display:block}.legal{display:flex;flex-wrap:wrap;gap:12px}.toast{position:fixed;right:18px;bottom:18px;background:#0f172a;color:#fff;padding:.8rem 1rem;border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:60}.toast.show{opacity:1;transform:none}.mobile-only{display:none}.route-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.diagram{display:flex;align-items:center;justify-content:center;min-height:160px;background:#f8fafc;border-radius:14px;border:1px solid #e2e8f0;position:relative;overflow:hidden}.diagram .opening{width:45%;height:75%;border:8px solid var(--brand)}.diagram .item{position:absolute;width:34%;height:38%;background:#fde68a;border:5px solid #b45309;transform:rotate(-17deg)}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#e2e8f0;border-radius:5px;padding:.1rem .35rem;font-size:.85em}@media(max-width:920px){.hero-grid,.tool-layout,.footer-grid{grid-template-columns:1fr}.panel.sticky{position:static}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.route-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{position:absolute;left:16px;right:16px;top:72px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-button{display:block}.lang{margin-left:0}.desktop-lang{display:none}.mobile-only{display:block}}@media(max-width:620px){.shell{width:min(100% - 22px,1180px)}.hero{padding-top:36px}.hero h1{font-size:2.45rem}.grid.three,.grid.two,.form-grid,.form-grid.three,.stage-grid{grid-template-columns:1fr}.header-row{min-height:64px}.nav{top:64px}.brand span{font-size:1.08rem}.hero-card{padding:14px}.measure-visual{min-height:230px}.route-summary{grid-template-columns:1fr}.actions .button{width:100%}.card,.panel{padding:16px}th,td{padding:.62rem;font-size:.9rem}}@media print{.site-header,.site-footer,.ad-slot,.no-print,.button,.toast{display:none!important}body{background:#fff}.shell{width:100%}.panel,.card{box-shadow:none;border-color:#bbb}.tool-layout{display:block}}
.network-links small{display:block;color:#cbd5e1;margin-top:2px;line-height:1.35}.network-links a{text-decoration:none}.network-links a:hover strong{text-decoration:underline}