:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#17213b;background:#f4f6fa;font-size:16px;line-height:1.65;--blue:#234dea;--muted:#5b657d;--line:#dce1ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}a{color:var(--blue);text-underline-offset:4px}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ffad36;outline-offset:4px}input:focus,select:focus{outline:2px solid var(--blue);outline-offset:2px}input[aria-invalid=true]{outline:2px solid #b52f28}button{border:0}h1,h2,h3,p{margin-top:0}.topbar{height:82px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;gap:24px;padding:0 max(28px,calc((100vw - 1224px)/2))}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;text-decoration:none;color:#17213b;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:34px;height:34px;background:var(--blue);border-radius:9px;color:white;font-size:25px}.edition{font-size:14px;color:var(--muted)}.edition b{font-size:12px;margin-left:7px;border:1px solid var(--line);padding:3px 7px;border-radius:4px;font-weight:500}.guide-link{margin-left:auto;color:#414b62;font-size:14px;text-decoration:none;white-space:nowrap}main{max-width:1280px;padding:38px 28px 20px;margin:auto}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:700;color:var(--blue);margin-bottom:8px}.intro{padding:0 0 30px}.intro h1{font-size:clamp(27px,3vw,38px);line-height:1.4;letter-spacing:.01em;margin-bottom:12px}.intro>p:last-child{color:var(--muted);margin-bottom:0}.workspace{display:grid;grid-template-columns:338px minmax(0,1fr);gap:32px;align-items:start}.measure-panel{border:1px solid var(--line);border-radius:15px;background:white;overflow:hidden}.measure-panel form{padding:24px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-title h2{font-size:20px;margin:0}.text-button{color:var(--blue);background:none;padding:3px 0;font-size:14px}.step{font-size:12px;color:var(--blue);margin-right:7px}.measure-panel fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}.measure-panel legend{font-weight:700;margin-bottom:18px;width:100%;padding:0;border-top:1px solid var(--line);padding-top:19px;font-size:16px}.measure-panel label{font-size:14px;display:block;margin-bottom:7px}.measure-panel .small-label{margin-top:17px}.unit-input{display:flex;align-items:center;background:#f8f9fc;border:1px solid #cbd3e3;border-radius:7px;margin-bottom:12px}.unit-input input{width:100%;min-width:0;border:0;background:none;padding:10px 12px;color:#17213b;border-radius:7px;font-size:17px;appearance:textfield}.unit-input input::-webkit-inner-spin-button{appearance:none}.unit-input span{padding:0 13px;color:var(--muted);font-size:14px}.large input{font-size:32px;font-weight:700;padding:9px 14px}.hint{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 12px}.margin-row{display:flex;gap:10px;align-items:center}.margin-row .unit-input{width:99px;flex-shrink:0;margin-bottom:0}.margin-row .hint{font-size:12px;margin:0}.primary{background:var(--blue);color:white;min-height:48px;border-radius:8px;padding:11px 18px;width:100%;font-weight:700;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#173bc1}.panel-foot{margin:0;padding:16px 24px;background:#f8f9fc;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}.results-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.results-top h2{font-size:25px;margin:0}.source-date{text-align:right;font-size:12px;color:var(--muted)}.summary{padding:17px 20px;border:1px solid #cbd5ff;background:#eaf0ff;border-radius:9px;margin-bottom:20px;color:#173793;font-size:15px}.summary strong{font-size:24px;margin-right:6px}.summary small{display:block;font-size:13px;color:#4b5f90;margin-top:2px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:12px}.check-label{display:flex;align-items:center;gap:7px;cursor:pointer}input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue)}.sort-label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}select{max-width:220px;background:white;color:#26324c;border:1px solid #cbd3e3;padding:8px;border-radius:6px;font-size:14px}.caption{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:16px}.product{background:white;border:1px solid var(--line);border-radius:11px;margin-bottom:16px;padding:23px 24px;border-left:4px solid var(--blue)}.product.excluded{border-left-color:#b7bfcd}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.product .maker{font-size:12px;letter-spacing:.09em;color:var(--muted);margin:0 0 3px}.product h3{font-size:23px;line-height:1.35;margin:0}.badge{font-size:12px;color:#2249b5;background:#eaf0ff;padding:4px 9px;border-radius:5px;white-space:nowrap}.badge.excluded{background:#f1f3f6;color:#596074}.metric-row{display:grid;grid-template-columns:120px 1fr;gap:26px;margin:22px 0 15px}.metric-label{display:block;font-size:12px;color:var(--muted)}.height-number{font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1.2}.height-number small{font-size:14px;letter-spacing:normal;font-weight:400;margin-left:5px}.dock-values{font-size:18px;margin-top:6px;font-variant-numeric:tabular-nums;font-weight:600}.dock-values span{font-size:12px;color:var(--muted);font-weight:400}.dimension-bar{height:5px;background:#edf0f6;position:relative;border-radius:2px;margin-top:9px;max-width:290px}.dimension-bar span{display:block;height:100%;background:#93a6ef;border-radius:2px}.checks{display:grid;gap:4px;font-size:13px;padding:13px 15px;background:#f7f9fc;border-radius:7px;margin-bottom:15px}.check{display:flex;gap:9px}.check .state{font-size:12px;min-width:44px;font-weight:600}.state.pass{color:#1e6170}.state.fail{color:#a5362b}.state.unknown,.state.unset{color:#7a653c}.check .desc{color:#626d81}.card-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center}.compare-label{font-size:13px;display:flex;align-items:center;gap:6px;cursor:pointer}.shop-link{font-size:14px;font-weight:600;text-decoration:none;display:inline-block;border:1px solid #bbc9fb;border-radius:6px;padding:8px 12px}.shop-link:hover{background:#f1f4ff}details{font-size:13px;color:var(--muted);margin-top:15px}summary{cursor:pointer;color:#465675;width:fit-content}details p{margin:10px 0 0}.error{color:#a12929;font-size:14px}.empty{border:1px dashed #aebbd1;border-radius:10px;padding:35px;background:#fff}.empty h3{font-size:19px}.empty p{color:var(--muted);font-size:14px}.guide{border-top:1px solid var(--line);margin-top:54px;padding:35px 0;display:grid;grid-template-columns:338px 1fr;gap:32px}.guide h2{font-size:24px;line-height:1.6}.guide-text p{font-size:14px;color:#526078;line-height:1.9}.guide-text p:last-child{margin:0}footer{border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font-size:12px}footer>p:first-child{color:#17213b;font-size:17px;font-weight:700}footer>p:first-child span{font-size:12px;font-weight:400;margin-left:15px}footer details{max-width:850px}footer details p{font-size:12px}#compare-area{border:1px solid #b9c8fb;border-radius:9px;padding:20px;background:#fff;margin-top:24px}#compare-area h3{font-size:18px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px 9px;border-bottom:1px solid var(--line);min-width:120px}th{font-size:13px}thead{background:#f0f4ff}.skip{position:absolute;left:12px;top:-80px;background:white;z-index:20;padding:10px}.skip:focus{top:10px}.mobile-only{display:none}[hidden]{display:none!important}@media(max-width:900px){.workspace{grid-template-columns:290px 1fr;gap:22px}.measure-panel form{padding:20px}.product{padding:19px 18px}.metric-row{grid-template-columns:94px 1fr;gap:16px}.guide{grid-template-columns:290px 1fr;gap:22px}.badge{white-space:normal}.card-bottom{align-items:flex-start}.topbar{padding:0 24px;gap:18px}.edition{font-size:12px}}@media(max-width:700px){.topbar{height:68px;padding:0 19px;gap:14px}.brand{font-size:21px}.edition{margin-left:auto}.edition b{display:none}.guide-link{display:none}main{padding:26px 17px 24px}.intro{padding-bottom:24px}.intro h1{font-size:29px}.intro>p:last-child{font-size:14px}.mobile-only{display:initial}.workspace{grid-template-columns:1fr;gap:28px}.measure-panel form{padding:22px}.measure-panel fieldset{margin-bottom:23px}.results-top h2{font-size:24px}.product h3{font-size:22px}.metric-row{grid-template-columns:104px 1fr;gap:16px}.toolbar{align-items:flex-start}.sort-label{display:block;text-align:right}.sort-label select{display:block;max-width:190px;margin-top:4px}.check-label{font-size:13px;padding-top:6px}.guide{grid-template-columns:1fr;gap:6px;margin-top:35px}.guide h2 br{display:none}.guide h2{font-size:22px}.check{flex-wrap:wrap;gap:2px 8px}.check .desc{display:block;width:100%;padding-left:52px}.card-bottom{flex-wrap:wrap}.shop-link{font-size:13px}footer>p:first-child span{display:block;margin:4px 0 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.checks,.compare-label{font-size:14px}.badge{font-size:13px}
@media(max-width:700px){.results{display:contents}.results-top{order:1;margin-bottom:0}.summary{order:2;margin-bottom:0}.measure-panel{order:3}.toolbar{order:4;margin:0}.caption{order:5;margin:0}#cards{order:6}#compare-area{order:7}.workspace{gap:16px}.results-top .eyebrow{display:none}.summary small{font-size:12px}}
.header-nav{margin-left:auto;display:flex;gap:22px;font-size:14px;white-space:nowrap}.header-nav a{color:#414b62;text-decoration:none}.header-nav a:hover{text-decoration:underline}.article-page{max-width:880px;min-height:75vh}.article-page h1{font-size:clamp(28px,3.5vw,38px);line-height:1.4}.article-page .lead{font-size:17px;color:#4b5871;line-height:1.9}.article-page section{padding:25px 0;border-top:1px solid var(--line)}.article-page section h2,.article-cta h2{font-size:23px}.article-page section p,.article-page>p:not(.eyebrow){line-height:1.9}.article-cta{margin:30px 0;padding:28px;border:1px solid #cbd5ff;background:#eaf0ff;border-radius:12px}.article-cta p{margin-bottom:20px}.primary-link{display:inline-block;background:var(--blue);color:white;text-decoration:none;padding:10px 18px;border-radius:7px;font-weight:700}.article-table{background:#fff;border:1px solid var(--line);border-radius:9px;margin:28px 0}.article-table table{min-width:700px}.article-table th,.article-table td{vertical-align:top}.article-table td{font-variant-numeric:tabular-nums}.updated{color:var(--muted);font-size:13px;margin-top:28px}.article-footer{max-width:880px;margin:0 auto 30px;padding:20px 28px;border-top:1px solid var(--line)}
@media(max-width:700px){.header-nav{gap:12px;font-size:12px}.edition{display:none}.article-page .lead{font-size:15px}.article-page section h2,.article-cta h2{font-size:20px}.article-footer{margin:0 17px 25px;padding:20px 0}}
.shop-link{display:inline-flex;align-items:center;gap:8px}.shop-link a{text-decoration:none;font-weight:600}.shop-link a:hover{text-decoration:underline}.ad-label{font-size:11px;color:#5b657d;font-weight:700;background:#eef0f5;border-radius:3px;padding:1px 4px;white-space:nowrap}
.static-overview{background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px}.static-overview h3{font-size:20px}.static-overview p{font-size:14px;color:var(--muted)}.static-overview table{min-width:680px}.article-shop{margin-top:12px}.article-shop .shop-link{max-width:100%;margin-left:6px;text-align:left;white-space:normal}.ad-note{font-size:14px;color:var(--muted)}