.size-explorer{background:#d4e1e4;padding:24px}.size-overview{background:#f7f5ef;min-height:555px;padding:18px;position:relative;overflow:hidden}.size-silhouette{color:#315b76;box-sizing:border-box;cursor:pointer;background:#fffdf8;border:2px solid #315b76;padding:0;font-family:DM Mono;transition:transform .2s,box-shadow .2s,border-color .2s;position:absolute}.size-silhouette:hover,.size-silhouette.active{border-color:#d07054;transform:translateY(-4px);box-shadow:5px 8px 14px #24486122}.size-silhouette b{white-space:nowrap;font-size:11px;font-weight:500;position:absolute;bottom:7px;right:7px}.edge-width{white-space:nowrap;font-size:9px;position:absolute;top:-21px;left:50%;transform:translate(-50%)}.edge-height{writing-mode:vertical-rl;white-space:nowrap;font-size:9px;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.paper-0{width:56px;height:95px;top:64px;left:5%}.paper-1{width:60px;height:95px;top:64px;left:18%}.paper-2{width:67px;height:95px;top:64px;left:31%}.paper-3{width:133px;height:189px;top:64px;left:46%}.paper-4{width:99px;height:189px;top:64px;left:70%}.paper-5{width:97px;height:155px;bottom:45px;left:5%}.paper-6{width:86px;height:155px;bottom:45px;left:22%}.paper-7{width:72px;height:154px;bottom:45px;left:37%}.paper-8{width:95px;height:133px;bottom:45px;left:50%}.paper-9{width:72px;height:108px;bottom:45px;left:66%}.paper-10{width:72px;height:114px;bottom:45px;left:80%}.size-detail{background:#f7f5ef;border-top:1px solid #aec1c2;grid-template-columns:minmax(145px,.75fr) 1fr;gap:24px;min-height:265px;padding:30px 24px 24px;display:grid}.size-tip{color:#567083;text-align:center;background:#eef4f3;margin:0;padding:17px;font-size:12px}.size-paper-wrap{background:#c1d4d9;place-items:center;padding:36px 34px 42px;display:grid;position:relative}.size-paper{color:#315b76;box-sizing:border-box;background:#fffdf8;max-width:100%;max-height:190px;position:relative;box-shadow:5px 8px 14px #24486122}.selected-paper-name{color:#315b76;white-space:nowrap;font:14px DM Mono;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.size-paper span{white-space:nowrap;font:9px DM Mono;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.size-paper i{writing-mode:vertical-rl;white-space:nowrap;font:9px DM Mono;position:absolute;top:50%;left:-24px;transform:translateY(-50%)}.size-info h2{margin:5px 0 10px;font-size:28px;font-weight:500}.size-info>p:not(.eyebrow){color:#526a76;margin:0 0 16px;font-size:13px;line-height:1.8}.size-info dl{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.size-info dl div{border-top:1px solid #c8d1cf;padding-top:7px}.size-info dt{color:#69808d;font-size:10px}.size-info dd{color:#315b76;margin:5px 0 0;font:11px DM Mono}.comparison-placeholder{color:#567083;border:1px dashed #9fb0b1;margin-top:18px;padding:10px;font-size:11px;line-height:1.55}.comparison-placeholder p{margin:4px 0 0}.comparison-placeholder small{font-size:10px}@media (max-width:720px){.size-explorer{padding:14px}.size-overview{min-height:475px}.paper-0{width:43px;height:73px;top:50px;left:5%}.paper-1{width:47px;height:73px;top:50px;left:17%}.paper-2{width:52px;height:73px;top:50px;left:30%}.paper-3{width:104px;height:148px;top:50px;left:48%}.paper-4{width:77px;height:148px;top:50px;left:78%}.paper-5{width:76px;height:122px;bottom:38px;left:5%}.paper-6{width:68px;height:122px;bottom:38px;left:21%}.paper-7{width:57px;height:121px;bottom:38px;left:35%}.paper-8{width:75px;height:105px;bottom:38px;left:49%}.paper-9{width:57px;height:86px;bottom:38px;left:66%}.paper-10{width:57px;height:91px;bottom:38px;left:81%}.size-silhouette b{font-size:8px;bottom:4px;right:4px}.edge-width{font-size:7px;top:-16px}.edge-height{font-size:7px;left:-15px}.size-detail{grid-template-columns:1fr;gap:15px;padding:16px}.size-paper-wrap{min-height:180px}.size-info dl{grid-template-columns:repeat(3,1fr)}}.size-view-tabs{gap:10px;max-width:1040px;margin:0 auto 20px;padding:0 48px;display:flex}.size-view-tabs button{color:#567083;cursor:pointer;background:#fff;border:1px solid #c8d1cf;border-radius:8px;padding:9px 22px;font-size:13px;transition:all .15s}.size-view-tabs button.active{color:#fff;background:#315b76;border-color:#315b76}.size-view-tabs button:hover:not(.active){background:#eef4f3;border-color:#315b76}.size-compare-layout{background:#d4e1e4;grid-template-columns:minmax(280px,1fr) 1fr;gap:0;display:grid}.size-stack-wrap{background:#f7f5ef;flex-direction:column;align-items:center;padding:32px 28px;display:flex}.size-stack{background:#fffdf8;border:1px solid #d4ddd9;border-radius:4px;width:100%;max-width:380px;position:relative;overflow:hidden}.size-stack-item{cursor:pointer;box-sizing:border-box;border:none;justify-content:flex-end;align-items:flex-start;padding:5px;transition:opacity .2s,filter .15s;display:flex;position:absolute;bottom:0;left:0}.size-stack-item:hover{filter:brightness(1.08)}.size-stack-item.active{outline-offset:-3px;outline:3px solid #d07054}.size-stack-item.dimmed{opacity:.25}.size-stack-num{color:#315b76;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-family:DM Mono;font-size:11px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 1px 3px #0003}.size-stack-hint{color:#8a9aaa;text-align:center;margin:12px 0 0;font-size:11px;line-height:1.5}.size-stack-legend{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;margin-top:16px;display:flex}.size-legend-item{cursor:pointer;background:#fff;border:1px solid #d4ddd9;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-family:DM Mono;transition:all .15s;display:flex}.size-legend-item:hover{border-color:#315b76}.size-legend-item.active{background:#fff5f0;border-color:#d07054}.size-legend-num{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.size-legend-name{color:#315b76;font-size:11px;font-weight:500}.size-legend-dim{color:#8a9aaa;font-size:10px}.size-a4-compare{margin:16px 0 0}.size-a4-label{color:#69808d;letter-spacing:.03em;margin:0 0 10px;font-size:11px}.size-a4-wrap{max-width:140px;margin:0 auto;position:relative}.size-a4-outline{box-sizing:border-box;background:#fafafa;border:2px dashed #b8c5c7;border-radius:2px;width:100%;height:100%;position:relative;overflow:hidden}.size-a4-tag{color:#a0b0b2;z-index:2;font-family:DM Mono;font-size:9px;position:absolute;top:6px;right:8px}.size-a4-selected{color:#fff;box-sizing:border-box;background:#315b76;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 4px;display:flex;position:absolute;bottom:0;left:0}.size-a4-selected span{text-align:center;font-size:10px;font-weight:600;line-height:1.1}.size-a4-selected small{opacity:.85;text-align:center;font-family:DM Mono;font-size:8px;line-height:1.2}.size-a4-ratio-line{z-index:2;border-top:1.5px dashed #d07054;position:absolute;left:0;right:0}.size-a4-ratio-vline{z-index:2;border-left:1.5px dashed #d07054;position:absolute;top:0;bottom:0}.size-a4-ratio-fill{box-sizing:border-box;background:#315b7626;border-top:1px solid #315b764d;border-right:1px solid #315b764d;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:0;left:0}.size-a4-ratio-fill span{color:#315b76;text-align:center;font-size:13px;font-weight:700;line-height:1.1}.size-a4-ratio-fill small{color:#567083;text-align:center;font-family:DM Mono;font-size:9px;line-height:1.3}.size-a4-inline .size-a4-wrap{max-width:110px}.size-a4-inline .size-a4-selected span{font-size:9px}.size-a4-inline .size-a4-selected small{font-size:7px}.size-a4-inline .size-a4-ratio-fill span{font-size:10px}.size-a4-inline .size-a4-ratio-fill small{font-size:7px}.size-compare-detail{background:#f7f5ef;border-left:1px solid #aec1c2;min-height:400px;padding:30px 24px 24px}@media (max-width:720px){.size-view-tabs{padding:0 24px}.size-view-tabs button{padding:8px 16px;font-size:13px}.size-compare-layout{grid-template-columns:1fr}.size-stack-wrap{padding:20px 16px}.size-compare-detail{border-top:1px solid #aec1c2;border-left:none;min-height:auto;padding:20px 16px}.size-stack-label{font-size:9px}.size-stack-dim{font-size:8px}}.sizes-page{background:#e8ede9;min-height:100vh}.sizes-page-head{max-width:1040px;margin:0 auto;padding:88px 48px 40px}.sizes-page-head h1{margin:10px 0 20px;font-size:clamp(40px,6vw,78px);font-weight:500;line-height:1.12}.sizes-page-head>p:last-child{color:#526a76;max-width:440px;font-size:14px;line-height:1.9}.sizes-full{max-width:1040px;margin:0 auto;padding:0 48px 90px}@media (max-width:720px){.sizes-page-head{padding:60px 24px 30px}.sizes-full{padding:0 24px 60px}.sizes-page .nav{padding-left:24px;padding-right:24px}}