.guide-head{max-width:860px;margin:0 auto;padding-block:128px 32px;text-align:center}.guide-head h1{font-size:60px;line-height:1;font-stretch:118%;letter-spacing:-.03em}.guide-head .lede{margin-inline:auto;max-width:640px}.links-row{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 32px;margin-top:32px}.guide-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;max-width:1080px;margin:0 auto;padding-block:16px 48px}.answer{display:grid;align-content:start;gap:24px;padding:32px;border-radius:24px;background:var(--ink);color:var(--bg)}.answer-title{color:color-mix(in srgb,var(--bg) 64%,transparent);font-size:14px;font-weight:600}.answer-sizes{display:grid;gap:16px}.answer-sizes div{display:grid;gap:4px}.answer-sizes strong{font-size:44px;line-height:1;font-stretch:118%;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.answer-sizes span{color:color-mix(in srgb,var(--bg) 72%,transparent);font-size:14px;line-height:20px}.answer>p:last-child{color:color-mix(in srgb,var(--bg) 80%,transparent);font-size:16px;line-height:24px}.checker{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:320px;border-radius:24px;background:var(--card);box-shadow:0 0 0 1px var(--line);overflow:hidden}.checker-drop{display:grid;place-content:center;justify-items:center;gap:8px;padding:32px;text-align:center;cursor:pointer;background-color:var(--stage);background-image:radial-gradient(var(--dot) 1px,transparent 1.4px);background-size:16px 16px;border:2px dashed var(--line-2);border-radius:24px;margin:8px;transition:border-color .3s var(--ease),background-color .3s var(--ease)}.checker-drop svg{color:var(--ink-3);margin-bottom:8px;transition:transform .5s var(--ease-fluid),color .3s var(--ease)}.checker-drop strong{font-size:20px;line-height:28px;font-stretch:108%}.checker-drop span{color:var(--ink-3);font-size:14px;line-height:20px}.checker-drop:hover svg,.checker.over .checker-drop svg{color:var(--accent-ink);transform:translateY(-4px)}.checker.over .checker-drop{border-color:var(--accent);background-color:color-mix(in srgb,var(--accent) 8%,var(--stage))}.checker input:focus-visible+.checker-drop{outline:2px solid var(--accent);outline-offset:3px}.checker-results{display:grid;gap:0;margin:0;padding:0 8px;list-style:none}.checker-results:not(:empty){padding-bottom:8px}.check-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:start;gap:4px 12px;padding:12px 8px;border-top:1px solid var(--line);animation:rise .4s var(--ease) both}.check-row:first-child{border-top:0}.check-row svg{margin-top:2px}.check-row.ok svg{color:var(--ink)}.check-row.bad svg{color:#c5221f}.check-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:14px;line-height:20px}.check-dims{color:var(--ink-3);font:500 13px/20px var(--mono)}.check-say{grid-column:2 / -1;color:var(--ink-2);font-size:14px;line-height:20px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.size-map{display:flex;flex-wrap:wrap;align-items:flex-end;gap:24px 28px;margin-bottom:64px;padding:32px;border-radius:24px;background-color:var(--stage);background-image:radial-gradient(var(--dot) 1px,transparent 1.4px);background-size:16px 16px}.map-item{display:grid;justify-items:start;gap:8px}.map-shape{display:block;border-radius:6px;background:var(--card);box-shadow:inset 0 0 0 2px var(--ink);transition:background .3s var(--ease),transform .5s var(--ease-fluid)}.map-label{display:grid;color:var(--ink-3);font:500 12px/16px var(--mono)}.map-label strong{color:var(--ink);font:600 13px/18px var(--font)}.map-item.hot .map-shape{background:var(--accent);transform:translateY(-4px)}.guide{max-width:1080px;margin:0 auto;padding-block:16px 24px}.guide h2{margin:64px 0 24px;font-size:36px;line-height:40px}.guide .size-map+h2{margin-top:0}.table-wrap{overflow-x:auto;border-radius:16px;background:var(--card);box-shadow:0 0 0 1px var(--line)}.spec{width:100%;min-width:720px;border-collapse:collapse;font-size:14px;line-height:20px;text-align:left}.spec th,.spec td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:top}.spec thead th{border-top:0;color:var(--ink-3);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.spec tbody th{min-width:160px;font-weight:400}.spec tbody th strong{display:block;font-size:16px;line-height:24px;font-stretch:108%}.spec tbody th span{display:block;color:var(--ink-3);font-size:12px;line-height:16px}.spec td{color:var(--ink-2)}.spec tr{transition:background .3s var(--ease)}.spec tbody tr.hot,.spec tbody tr.hit{background:color-mix(in srgb,var(--accent) 10%,transparent)}.px{display:block;margin:0 0 4px -8px;padding:2px 8px;border:0;border-radius:6px;background:none;color:var(--ink);font:600 14px/20px var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:copy;transition:background .3s var(--ease)}.px:hover{background:var(--fill)}.px.copied{background:var(--ink);color:var(--bg)}.spec td:has(.px){white-space:nowrap}.rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.rules li{display:grid;gap:4px;padding:20px 24px;border-radius:16px;background:var(--card);box-shadow:0 0 0 1px var(--line);color:var(--ink-2);font-size:14px;line-height:20px}.rules strong{color:var(--ink);font-size:16px;line-height:24px}.source{margin-top:24px;color:var(--ink-3);font-size:14px;line-height:20px}.compare{min-width:640px}.compare thead th{font-size:16px;line-height:24px;color:var(--ink);font-stretch:108%;letter-spacing:0}.compare tbody th{color:var(--ink);font-weight:600}.compare td{width:38%}.compare td.ahead{color:var(--ink);font-weight:600}.compare td.ahead:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--accent);vertical-align:1px}.verdict{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.verdict>div{padding:24px;border-radius:16px;background:var(--card);box-shadow:0 0 0 1px var(--line)}.verdict h2.h-small{margin:0 0 12px;font-size:24px;line-height:32px}.verdict ul{margin:0;padding-left:20px;color:var(--ink-2);display:grid;gap:4px}.tips{max-width:800px;margin:0 auto;padding-block:80px 0}.tips ol{display:grid;gap:0;margin:24px 0 16px;padding:0;list-style:none;counter-reset:tip}.tips li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:16px 0;border-top:1px solid var(--line);color:var(--ink-2);font-size:18px;line-height:28px;counter-increment:tip}.tips li:before{content:counter(tip,decimal-leading-zero);color:var(--accent-ink);font:600 14px/28px var(--mono)}@media (max-width: 820px){.guide-top{grid-template-columns:minmax(0,1fr)}.checker{min-height:240px}.guide h2{font-size:30px;line-height:36px}.rules,.verdict{grid-template-columns:minmax(0,1fr)}}@media (max-width: 600px){.guide-head{padding-block:112px 16px}.guide-head h1{font-size:36px;line-height:40px}.answer{padding:24px}.answer-sizes strong{font-size:36px}.size-map{gap:16px 20px;padding:20px;margin-bottom:40px}.tips li{font-size:16px;line-height:24px}}@media (prefers-reduced-motion: reduce){.check-row{animation:none}.map-shape,.checker-drop svg{transition:none}}.legal{max-width:720px;margin:0 auto;padding-block:128px 64px;color:var(--ink-2);font-size:16px;line-height:26px}.legal h1{margin-bottom:24px;color:var(--ink);font-size:44px;line-height:1.05;font-stretch:118%;letter-spacing:-.03em}.legal h2{margin:40px 0 12px;color:var(--ink);font-size:22px;line-height:28px;font-stretch:108%}.legal p,.legal ul{margin:0 0 16px}.legal ul{padding-left:20px}.legal li{margin-bottom:8px}.legal strong{color:var(--ink)}.legal a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.legal hr{margin:40px 0;border:0;border-top:1px solid var(--line)}@media (max-width: 720px){.legal{padding-block:112px 48px}.legal h1{font-size:34px}}