.cat-head{max-width:var(--wrap-wide);padding-block-end:clamp(1.25rem,2.5vw,2rem)}.cat-lede{max-width:60ch}.cat-layout{max-width:var(--wrap-wide);padding-inline:var(--wall);grid-template-columns:15.5rem minmax(0,1fr);align-items:start;gap:clamp(2rem,3.2vw,3.25rem);margin-inline:auto;padding-block-end:clamp(3rem,6vw,5rem);display:grid}.cat-side{top:calc(var(--head-h) + 1rem);max-height:calc(100dvh - var(--head-h) - 2rem);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--rule) transparent;margin-inline-end:-.75rem;padding-inline-end:.75rem;position:sticky;overflow-y:auto}.cat-side-head{z-index:2;background:var(--sheet);border-block-end:1px solid var(--rule);justify-content:space-between;align-items:center;gap:1rem;min-height:3.25rem;display:flex;position:sticky;top:0}.cat-side-h{font-size:var(--fs-h3);letter-spacing:-.005em;margin:0;font-weight:600}.cat-main{min-width:0}.cat-link{min-height:44px;color:var(--mark);font-size:var(--fs-s);white-space:nowrap;overflow-wrap:normal;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 .25rem;display:inline-flex}@media (hover:hover) and (pointer:fine){.cat-link:hover{text-underline-offset:3px;text-decoration:underline}}.fg{border-block-end:1px solid var(--hair)}.fg-sum{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;min-height:3.5rem;list-style:none;display:flex}.fg-sum::-webkit-details-marker{display:none}.fg-title{font-size:var(--fs-m);font-weight:600;line-height:1.25}.fg-sum:after{content:"";border-block-end:1.5px solid var(--ink-muted);border-inline-end:1.5px solid var(--ink-muted);block-size:.5rem;inline-size:.5rem;transition:transform var(--d2) var(--ease-out);margin-inline-start:auto;transform:translateY(-.15rem)rotate(45deg)}.fg[open]>.fg-sum:after{transform:translateY(.15rem)rotate(-135deg)}.fg-badge{border-radius:var(--r-pill);background:var(--mark-fill);color:#fff;min-width:1.5rem;height:1.5rem;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;place-items:center;padding:0 .4rem;font-weight:600;display:inline-grid}.fg-body{padding-block-end:1.1rem}.fg[open]>.fg-body{animation:fade-down var(--d2) var(--ease-out) both}@keyframes fade-down{0%{opacity:0;transform:translateY(-4px)}}.fg-note{font-size:var(--fs-xs);color:var(--ink-muted);text-wrap:pretty;margin:.5rem 0 0;line-height:1.45}.fg-note-strong{color:var(--ink)}.fo-list{margin:0;padding:0;list-style:none}.fo-list-sep{border-block-start:1px dashed var(--hair);margin-block-start:.4rem;padding-block-start:.4rem}.fo{align-items:center;gap:.7rem;display:flex}.fo-in{cursor:pointer;flex:none;block-size:1.25rem;inline-size:1.25rem;margin:0}.fo-label{min-width:0;min-height:44px;font-size:var(--fs-s);cursor:pointer;flex:1;justify-content:space-between;align-items:baseline;gap:.75rem;padding-block:.55rem;line-height:1.3;display:flex}.fo-name{min-width:0}.fo-note{font-size:var(--fs-xs);color:var(--ink-muted);display:block}.fo-n{font-size:var(--fs-xs);color:var(--ink-muted);font-variant-numeric:tabular-nums;flex:none}.fo[data-off=true] .fo-label{color:var(--ink-muted);opacity:.55;cursor:default}.fo[data-off=true] .fo-in{cursor:default}@media (hover:hover) and (pointer:fine){.fo:not([data-off=true]) .fo-label:hover .fo-name{color:var(--mark-ink)}}.gbf{border:0;min-width:0;margin:0;padding:0}.gbf+.gbf{margin-block-start:1rem}.gbf-leg{font-size:var(--fs-s);color:var(--ink);margin-block-end:.45rem;padding:0}.pills{flex-wrap:wrap;gap:.4rem;display:flex}.pill{display:inline-flex;position:relative}.pill-in{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.pill-face{border-radius:var(--r-pill);background:var(--sheet-2);min-height:44px;color:var(--ink);font-size:var(--fs-s);font-variant-numeric:tabular-nums;white-space:nowrap;transition:background var(--d1) var(--ease-out), color var(--d1) var(--ease-out);align-items:center;gap:.4rem;padding:0 .95rem;display:inline-flex}.pill-n{font-size:var(--fs-xs);color:var(--ink-muted)}.pill-in:checked+.pill-face{background:var(--ink);color:#fff}.pill-in:checked+.pill-face .pill-n{color:#ffffffb8}.pill-in:focus-visible+.pill-face{outline:2px solid var(--mark);outline-offset:2px}.pill[data-off=true] .pill-face{opacity:.45}.pill[data-off=true] .pill-in{cursor:default}@media (hover:hover) and (pointer:fine){.pill:not([data-off=true]) .pill-in:not(:checked):hover+.pill-face{background:var(--sheet-3)}}.rs{--rs-hit:44px}.rs-out{align-items:baseline;gap:.5rem;margin-block-end:.1rem;display:flex}.rs-val{font-size:var(--fs-m);font-variant-numeric:tabular-nums;font-weight:600}.rs-dash{color:var(--ink-muted)}.rs-rail{height:var(--rs-hit);margin-inline:-8px;position:relative}.rs-track,.rs-fill{border-radius:var(--r-pill);pointer-events:none;height:4px;margin-top:-2px;position:absolute;top:50%}.rs-track{left:calc(var(--rs-hit) / 2);right:calc(var(--rs-hit) / 2);background:var(--sheet-3)}.rs-fill{left:calc(var(--rs-hit) / 2 + (100% - var(--rs-hit)) * var(--rs-a));right:calc(var(--rs-hit) / 2 + (100% - var(--rs-hit)) * (1 - var(--rs-b)));background:var(--mark-fill)}.rs-dot{top:calc(50% + 9px);left:calc(var(--rs-hit) / 2 + (100% - var(--rs-hit)) * var(--rs-p));background:var(--rule);pointer-events:none;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute}.rs-dot[data-in=true]{background:var(--mark)}.rs-in{appearance:none;pointer-events:none;background:0 0;outline:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.rs-in::-webkit-slider-runnable-track{background:0 0;border:0;height:100%}.rs-in::-moz-range-track{background:0 0;border:0;height:100%}.rs-in::-webkit-slider-thumb{appearance:none;pointer-events:auto;width:var(--rs-hit);height:var(--rs-hit);cursor:grab;background:radial-gradient(circle,#fff 0 13px,#0003 13.5px 14px,#00000012 14.5px 16.5px,#0000 17px);border:0;border-radius:50%}.rs-in::-moz-range-thumb{pointer-events:auto;width:var(--rs-hit);height:var(--rs-hit);cursor:grab;background:radial-gradient(circle,#fff 0 13px,#0003 13.5px 14px,#00000012 14.5px 16.5px,#0000 17px);border:0;border-radius:50%}.rs-in:active::-webkit-slider-thumb{cursor:grabbing}.rs-in:focus-visible::-webkit-slider-thumb{background:radial-gradient(circle, #fff 0 11.5px, var(--mark) 12px 14.5px, color-mix(in srgb, var(--mark) 22%, transparent) 15px 19px, transparent 19.5px)}.rs-in:focus-visible::-moz-range-thumb{background:radial-gradient(circle, #fff 0 11.5px, var(--mark) 12px 14.5px, color-mix(in srgb, var(--mark) 22%, transparent) 15px 19px, transparent 19.5px)}.cat-tools{border-block-end:1px solid var(--rule);align-items:center;gap:.75rem 1.25rem;min-height:3.25rem;margin-block-end:.75rem;display:flex}.cat-found-s{display:none}.cat-found{font-size:var(--fs-m);font-variant-numeric:tabular-nums;margin:0 auto 0 0;font-weight:500}.cat-sort{align-items:center;gap:.6rem;display:inline-flex}.cat-sort-l{font-size:var(--fs-s);color:var(--ink-muted)}.cat-sort select{appearance:none;border-radius:var(--r-pill);background:var(--sheet-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%231d1d1f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 1.05rem center / 12px 8px;min-height:44px;color:var(--ink);font-size:var(--fs-s);cursor:pointer;border:0;padding:0 2.5rem 0 1.05rem}@media (hover:hover) and (pointer:fine){.cat-sort select:hover{background-color:var(--sheet-3)}}.cat-fbtn{display:none}.cat-badge{border-radius:var(--r-pill);min-width:1.5rem;height:1.5rem;color:var(--ink);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;background:#fff;place-items:center;padding:0 .4rem;font-weight:600;display:inline-grid}.cat-fbtn-ico{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M2 5h14M2 13h14'/%3E%3Ccircle cx='6' cy='5' r='2.2' fill='%231d1d1f'/%3E%3Ccircle cx='12' cy='13' r='2.2' fill='%231d1d1f'/%3E%3C/svg%3E") 50%/contain no-repeat;block-size:18px;inline-size:18px}.cat-chips{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.cat-chips>li{animation:chip-in var(--d2) var(--ease-out) both}@keyframes chip-in{0%{opacity:0;transform:translateY(4px)}}.chip{border-radius:var(--r-pill);background:var(--sheet-2);min-height:44px;color:var(--ink);font-size:var(--fs-s);text-align:start;cursor:pointer;transition:background var(--d1) var(--ease-out);border:0;align-items:center;gap:.55rem;padding:0 .55rem 0 1rem;line-height:1.2;display:inline-flex}.chip-x{background:var(--sheet-3);border-radius:50%;flex:none;block-size:1.5rem;inline-size:1.5rem;position:relative}.chip-x:before,.chip-x:after,.sh-x span:before,.sh-x span:after,.cmp-tray-x span:before,.cmp-tray-x span:after{content:"";background:currentColor;border-radius:1px;block-size:1.5px;inline-size:10px;margin:-.75px 0 0 -5px;position:absolute;top:50%;left:50%;transform:rotate(45deg)}.chip-x:after,.sh-x span:after,.cmp-tray-x span:after{transform:rotate(-45deg)}@media (hover:hover) and (pointer:fine){.chip:hover{background:var(--sheet-3)}.chip:hover .chip-x{background:var(--ink);color:#fff}}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr));gap:clamp(1rem,1.6vw,1.5rem);margin:0;padding:0;list-style:none;display:grid}.cat-item{min-width:0;display:flex}.cd{background:var(--sheet-2);border-radius:var(--r-tile);flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.cd-media{color:inherit;padding:.6rem .6rem 0;text-decoration:none;display:block}.cd-body{flex-direction:column;flex:1;gap:.3rem;padding:.8rem 1rem 1rem;display:flex}.cd-code{font-size:var(--fs-xl);letter-spacing:-.012em;margin:0;font-weight:600;line-height:1.15}.cd-code a{color:var(--ink);transition:color var(--d1) var(--ease-out);text-decoration:none}.cd-code a:after{content:"";z-index:0;border-radius:inherit;position:absolute;inset:0}.cd-code a:focus-visible{outline:none}.cd-code a:focus-visible:after{outline:2px solid var(--mark);outline-offset:-2px;border-radius:var(--r-tile)}@media (hover:hover) and (pointer:fine){.cd-code a:hover{color:var(--mark-ink)}}.cd-cat{font-size:var(--fs-s);color:var(--ink-muted);text-wrap:pretty;margin:0;line-height:1.4}.cd-facts{margin:.2rem 0 0}.cd-fact{border-block-start:1px solid var(--hair);justify-content:space-between;align-items:baseline;gap:.75rem;padding-block:.3rem;display:flex}.cd-fact dt{font-size:var(--fs-xs);color:var(--ink-muted);line-height:1.35}.cd-fact dd{text-align:end;flex-direction:column;align-items:flex-end;margin:0;display:flex}.cd-fact-v{font-size:var(--fs-m);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;line-height:1.25}.cd-fact-sub{font-size:var(--fs-xs);color:var(--ink-muted);font-variant-numeric:tabular-nums;line-height:1.35}.cd-fact dt{flex:1 1 0}.cd-fact dd{flex:0 auto}.cd-clim{border-radius:var(--r-pill);background:var(--sheet);min-height:1.9rem;color:var(--ink-muted);font-size:var(--fs-xs);align-self:flex-start;align-items:center;margin:.2rem 0 0;padding:.2rem .75rem;line-height:1.25;display:inline-flex}.cd-clim[data-tone=cold]{color:var(--ink);background:var(--sheet-3);font-weight:600}.cd-act{flex-direction:column;gap:.25rem;margin-block-start:auto;padding-block-start:.6rem;display:flex}.cd-sub{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 .5rem;display:flex;position:relative}.cd-cmp{min-height:44px;color:var(--ink);font-size:var(--fs-s);cursor:pointer;transition:color var(--d1) var(--ease-out), transform var(--d0) var(--ease-out);background:0 0;border:0;align-items:center;gap:.55rem;padding:0;display:inline-flex}.cd-cmp-box{block-size:1.1rem;inline-size:1.1rem;box-shadow:inset 0 0 0 1.5px var(--rule);transition:background var(--d1) var(--ease-out), box-shadow var(--d1) var(--ease-out);border-radius:30%;flex:none;position:relative}.cd-cmp[aria-pressed=true]{color:var(--mark-ink)}.cd-cmp[aria-pressed=true] .cd-cmp-box{background:var(--mark-fill);box-shadow:none}.cd-cmp[aria-pressed=true] .cd-cmp-box:after{content:"";block-size:52%;inline-size:30%;animation:tick-in var(--d1) var(--ease-out) both;border-block-end:2px solid #fff;border-inline-end:2px solid #fff;position:absolute;top:16%;left:34%;transform:rotate(45deg)}@keyframes tick-in{0%{opacity:0;transform:rotate(45deg)scale(.6)}}.cd-cmp:disabled{opacity:.5;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.cd-cmp:not(:disabled):hover{color:var(--mark-ink)}.cd-cmp:not(:disabled):hover .cd-cmp-box{box-shadow:inset 0 0 0 1.5px var(--mark)}}.cd-cmp-box{background:var(--sheet)}.cd-room{font-size:var(--fs-s);white-space:nowrap}@media (hover:hover) and (pointer:fine){.cd-sub .cd-cmp,.cd-sub .cd-room{min-height:2.25rem}}.sm{margin:0}.sm-frame{aspect-ratio:5/4;border-radius:calc(var(--r-tile) - 6px);background:var(--sheet-2);isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.sm-frame img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;transition:transform var(--d3) var(--ease-out);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.cd:hover .sm-frame img{transform:scale(1.03)}}.sm-card .sm-frame{aspect-ratio:16/10;background:#ececf0}.sm-cap{font-size:var(--fs-xs);color:var(--ink-muted);text-align:center;text-wrap:balance;margin:.75rem 0 0}.sm-none .sm-frame{flex-direction:column;justify-content:center;align-items:center;gap:.9rem;padding:1.25rem;display:flex}.sm-code{font-size:var(--fs-s);color:var(--ink-muted);font-variant-numeric:tabular-nums;font-weight:500}.og{width:min(52%,13rem);height:auto}.sm-hero .og{width:min(64%,24rem)}.og-frame{fill:none;stroke:var(--ink);stroke-width:2px;vector-effect:non-scaling-stroke}.og-sash{fill:none;stroke:var(--rule);stroke-width:1.25px;vector-effect:non-scaling-stroke}.og-line{fill:none;stroke:var(--ink-muted);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.og-dash{stroke-dasharray:5 4}.cat-empty{background:var(--sheet-2);border-radius:var(--r-tile);flex-direction:column;align-items:flex-start;gap:.75rem;padding:clamp(1.75rem,4vw,3rem) clamp(1.25rem,3vw,2.25rem);display:flex}.cat-empty-p{color:var(--ink-muted);text-wrap:pretty;margin:0}.cat-empty .cat-chips{margin:.25rem 0 0}.cat-empty .chip{background:var(--sheet)}.cat-empty-reset{margin-block-start:.25rem}.cat-layout:has(+.cmp-tray){padding-block-end:calc(clamp(3rem,6vw,5rem) + 4.5rem)}.cmp-tray{z-index:40;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));border-radius:var(--r-pill);background:var(--ink);color:#fff;width:max-content;max-width:calc(100% - 32px);animation:tray-in var(--d3) var(--ease) both;align-items:center;gap:.75rem;padding:.4rem .4rem .4rem 1.25rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 14px 34px -10px #00000061}@keyframes tray-in{0%{opacity:0;transform:translate(-50%,16px)}}@keyframes tray-in-m{0%{opacity:0;transform:translateY(16px)}}.cmp-tray-n{font-size:var(--fs-s);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.cmp-tray-codes{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-s);color:#ffffffb8;overflow:hidden}.cmp-tray-go{min-height:44px;font-size:var(--fs-s);white-space:nowrap;flex-shrink:0}.cmp-tray-x{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;flex:none;block-size:44px;inline-size:44px;position:relative}@media (hover:hover) and (pointer:fine){.cmp-tray-x:hover{background:#ffffff38}}.sh{--sh-max:min(92dvh, calc(100dvh - 24px));width:100%;max-width:100%;max-height:var(--sh-max);border-radius:var(--r-tile) var(--r-tile) 0 0;background:var(--sheet);color:var(--ink);opacity:1;transition:transform var(--d3) var(--ease), opacity var(--d2) var(--ease-out), overlay var(--d3) allow-discrete, display var(--d3) allow-discrete;border:0;margin:0;padding:0;position:fixed;inset:auto 0 0;overflow:hidden;transform:translateY(0);box-shadow:0 -12px 40px #00000029}.sh:not([open]){transform:translateY(100%)}@starting-style{.sh[open]{transform:translateY(100%)}}.sh::backdrop{opacity:0;transition:opacity var(--d3) var(--ease-out), overlay var(--d3) allow-discrete, display var(--d3) allow-discrete;background:#0000006b}.sh[open]::backdrop{opacity:1}@starting-style{.sh[open]::backdrop{opacity:0}}html:has(dialog.sh[open]){scrollbar-gutter:stable;overflow:hidden}.sh-in{max-height:var(--sh-max);flex-direction:column;display:flex}.sh-head{min-height:4rem;padding:.5rem .75rem .5rem var(--wall);border-block-end:1px solid var(--hair);flex:none;justify-content:space-between;align-items:center;gap:1rem;display:flex}.sh[data-variant=bottom] .sh-head{position:relative}.sh[data-variant=bottom] .sh-head:before{content:"";border-radius:var(--r-pill);background:var(--sheet-3);block-size:4px;inline-size:36px;margin-left:-18px;position:absolute;top:6px;left:50%}.sh-title{font-size:var(--fs-h3);margin:0;font-weight:600}.sh-x{background:var(--sheet-2);block-size:44px;inline-size:44px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;flex:none;position:relative}.sh-x span{position:absolute;inset:0}.sh-body{overscroll-behavior:contain;min-height:0;padding:.25rem var(--wall) 1.5rem;flex:auto;overflow-y:auto}.sh-foot{padding:.75rem var(--wall) calc(.75rem + env(safe-area-inset-bottom,0px));border-block-start:1px solid var(--hair);background:var(--sheet);flex:none;gap:.6rem;display:flex}.sh-foot .btn{font-size:var(--fs-s);padding-inline:.85rem}.sh-reset{flex:none}.sh-go{white-space:nowrap;flex:auto;min-width:0}@media not (min-width:360px){.sh-foot .sh-reset{padding-inline:.5rem}}.sh-reset:disabled{opacity:.5;cursor:default}@media (min-width:760px){.sh[data-variant=wide]{--sh-max:min(88dvh, 60rem);width:min(72rem,100% - 48px);height:max-content;max-height:var(--sh-max);border-radius:var(--r-tile);margin:auto;inset:0;box-shadow:0 30px 80px -20px #00000059}.sh[data-variant=wide]:not([open]){opacity:0;transform:translateY(16px)}@starting-style{.sh[data-variant=wide][open]{opacity:0;transform:translateY(16px)}}}@media (prefers-reduced-motion:reduce){.sh,.sh:not([open]),.sh[data-variant=wide]:not([open]){transform:none}@starting-style{.sh[open],.sh[data-variant=wide][open]{opacity:0;transform:none}}.sh:not([open]){opacity:0}}.cmp-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1.5rem;margin:.75rem 0 1rem;display:flex}.cmp-lede{max-width:62ch;font-size:var(--fs-s);color:var(--ink-muted);text-wrap:pretty;margin:0;line-height:1.5}.cmp-diff{min-height:44px;font-size:var(--fs-s);cursor:pointer;align-items:center;gap:.6rem;display:inline-flex}.cmp-diff input{block-size:1.2rem;inline-size:1.2rem;margin:0}.cmp-scroll{overscroll-behavior-x:contain;margin-inline:calc(var(--wall) * -1);padding-inline:var(--wall);overflow-x:auto}.cmp-tab{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-s)}.cmp-tab[data-cols="2"]{min-width:34rem}.cmp-tab[data-cols="3"]{min-width:46rem}.cmp-tab th,.cmp-tab td{text-align:start;vertical-align:top;border-block-end:1px solid var(--hair);padding:.8rem 1rem}.cmp-tab thead th{vertical-align:bottom;border-block-end-color:var(--rule)}.cmp-tab tbody th,.cmp-corner{z-index:1;background:var(--sheet);min-width:9.5rem;box-shadow:1px 0 0 var(--hair);color:var(--ink-muted);font-weight:400;position:sticky;left:0}.cmp-tab tbody tr[data-diff=true] th{color:var(--ink)}.cmp-tab tbody tr[data-diff=true] th:before{content:"";background:var(--mark-fill);vertical-align:.15em;border-radius:50%;block-size:6px;inline-size:6px;margin-inline-end:.5rem;display:inline-block}.cmp-col{min-width:11rem}.cmp-code{font-size:var(--fs-l);color:var(--ink);font-weight:600;line-height:1.2;text-decoration:none;display:block}.cmp-name{font-size:var(--fs-xs);color:var(--ink-muted);margin:.2rem 0 .35rem;font-weight:400;line-height:1.35;display:block}.cmp-drop{min-height:36px;color:var(--mark);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.cmp-v{font-variant-numeric:tabular-nums;font-weight:500;display:block}.cmp-sub{font-size:var(--fs-xs);color:var(--ink-muted);font-variant-numeric:tabular-nums;margin-block-start:.15rem;display:block}.cmp-nil{color:var(--ink-muted)}.cmp-note{font-size:var(--fs-xs);color:var(--ink-muted);margin:1rem 0 0}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cat-fin{max-width:var(--wrap-wide)}.fx-title{margin:0 0 .6rem}.fx-lede{max-width:62ch;color:var(--ink-muted);text-wrap:pretty;margin:0 0 clamp(1.5rem,3vw,2.25rem)}.fx-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.75rem,1.6vw,1.25rem);margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.fx-item{flex-direction:column;gap:.15rem;min-width:0;display:flex}.fx-swatch{aspect-ratio:1;border-radius:calc(var(--r-tile) - 4px);margin-block-end:.55rem;box-shadow:inset 0 0 0 1px #00000014}.fx-name{font-size:var(--fs-s);line-height:1.3}.fx-code{font-size:var(--fs-xs);color:var(--ink-muted);font-variant-numeric:tabular-nums}.fx-note{max-width:72ch;font-size:var(--fs-xs);color:var(--ink-muted);text-wrap:pretty;margin:0;line-height:1.5}@media not (min-width:900px){.fx-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.ps-hero-in{max-width:var(--wrap-wide);padding:clamp(1.25rem, 3.5vw, 3rem) var(--wall) clamp(2.5rem, 5vw, 4.5rem);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"media head""media lead";column-gap:clamp(2rem,5vw,5rem);margin-inline:auto;display:grid}.ps-head{grid-area:head;align-self:end;min-width:0}.ps-media{min-width:0;animation:rise var(--d3) var(--ease-out) both;grid-area:media;align-self:center}.ps-lead{grid-area:lead;align-self:start;min-width:0}.ps-head,.ps-lead{animation:rise-fade var(--d3) var(--ease-out) both}@keyframes rise{0%{transform:translateY(12px)}}@keyframes rise-fade{0%{opacity:0;transform:translateY(8px)}}.sm-hero .sm-frame{aspect-ratio:1;border-radius:var(--r-tile);padding:clamp(1rem,3vw,2.5rem)}.sm-hero .sm-frame img{width:calc(100% - 2*clamp(1rem,3vw,2.5rem));height:calc(100% - 2*clamp(1rem,3vw,2.5rem));inset:clamp(1rem,3vw,2.5rem)}.ps-crumbs{font-size:var(--fs-s);color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ps-crumbs a{min-height:44px;color:var(--ink-muted);align-items:center;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.ps-crumbs a:hover{color:var(--mark-ink)}}.ps-code{font-size:var(--fs-display-l);letter-spacing:-.022em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:.25rem 0 0;font-weight:600;line-height:1.02}.ps-cat{max-width:44ch;font-size:var(--fs-m);color:var(--ink-muted);text-wrap:pretty;margin:.9rem 0 0;line-height:1.45}.ps-purpose{flex-direction:column;gap:.3rem;margin:1.5rem 0 0;display:flex}.ps-open{font-size:var(--fs-s);color:var(--ink-muted)}.ps-tag{font-size:var(--fs-l);text-wrap:pretty;font-weight:500;line-height:1.35}.ps-keys{border-block-start:1px solid var(--rule);grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));gap:1.25rem 1.5rem;margin:1.75rem 0 0;padding-block-start:1.25rem;display:grid}.ps-key{flex-direction:column-reverse;justify-content:flex-end;gap:.3rem;min-width:0;display:flex}.ps-key dt{font-size:var(--fs-xs);color:var(--ink-muted);line-height:1.35}.ps-key dd{flex-direction:column;gap:.1rem;margin:0;display:flex}.ps-key-v{letter-spacing:-.012em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(1.5rem,1.2rem + 1vw,2.125rem);font-weight:600;line-height:1.05}.ps-key-sub{font-size:var(--fs-xs);color:var(--ink-muted);font-variant-numeric:tabular-nums;line-height:1.35}.ps-cta{flex-wrap:wrap;gap:.75rem;margin-block-start:2rem;display:flex}.ps-cta .btn-lg{padding-inline:1.5rem}.ps-links{flex-wrap:wrap;gap:0 1.75rem;margin-block-start:.6rem;display:flex}.ps-size{font-size:var(--fs-xs);color:var(--ink-muted);margin-inline-start:.5rem}.ps-clim{margin:1rem 0 0}.ps-clim .cd-clim{background:var(--sheet-2)}.ps-clim .cd-clim[data-tone=cold]{background:var(--sheet-3)}.ps-secs{max-width:var(--wrap-wide);padding-block:clamp(.5rem,2vw,1.5rem) clamp(2.5rem,5vw,4rem)}.ps-sec{border-block-start:1px solid var(--rule)}.ps-sec:last-child{border-block-end:1px solid var(--rule)}.ps-sum{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:1rem;min-height:4.75rem;list-style:none;display:flex}.ps-sum::-webkit-details-marker{display:none}.ps-sum-h{font-size:var(--fs-xl);letter-spacing:-.01em;transition:color var(--d1) var(--ease-out);margin:0;font-weight:600}.ps-sum-i{background:var(--sheet-2);block-size:2.25rem;inline-size:2.25rem;transition:background var(--d1) var(--ease-out);border-radius:50%;flex:none;position:relative}.ps-sum-i:before,.ps-sum-i:after{content:"";background:var(--ink);block-size:2px;inline-size:14px;transition:transform var(--d2) var(--ease-out);border-radius:1px;margin:-1px 0 0 -7px;position:absolute;top:50%;left:50%}.ps-sum-i:after{transform:rotate(90deg)}.ps-sec[open] .ps-sum-i:after{transform:rotate(90deg)scaleX(0)}@media (hover:hover) and (pointer:fine){.ps-sum:hover .ps-sum-h{color:var(--mark-ink)}.ps-sum:hover .ps-sum-i{background:var(--sheet-3)}}.ps-body{max-width:60rem;padding-block-end:2rem}.ps-sec[open]>.ps-body{animation:fade-down var(--d3) var(--ease-out) both}.ps-nav{max-width:var(--wrap-wide);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-block-end:clamp(3rem,6vw,5rem);display:grid}.ps-nav-link{border-radius:var(--r-tile);background:var(--sheet-2);min-width:0;color:var(--ink);transition:background var(--d1) var(--ease-out), transform var(--d0) var(--ease-out);flex-direction:column;gap:.2rem;padding:1.25rem 1.5rem;text-decoration:none;display:flex}.ps-nav-link small{font-size:var(--fs-xs);color:var(--ink-muted)}.ps-nav-code{font-size:var(--fs-l);font-weight:600}.ps-nav-name{font-size:var(--fs-xs);color:var(--ink-muted);line-height:1.35}.ps-nav-next{text-align:end;align-items:flex-end}@media (hover:hover) and (pointer:fine){.ps-nav-link:hover{background:var(--sheet-3)}}.sp{max-width:56rem}.sp-sec+.sp-sec{border-block-start:1px solid var(--hair);margin-block-start:2rem;padding-block-start:1.75rem}.sp-h{font-size:var(--fs-m);margin:0 0 .75rem;font-weight:600}.sp-cat{color:var(--ink-muted)}.sp-lead{max-width:64ch;font-size:var(--fs-s);color:var(--ink-muted);text-wrap:pretty;margin:0 0 1rem;line-height:1.5}.sp-text{max-width:68ch;font-size:var(--fs-m);line-height:var(--lh-text);text-wrap:pretty;margin:0 0 1rem}.sp-desc{font-size:var(--fs-l);line-height:1.55}.sp-fallback{font-size:var(--fs-xs);color:var(--ink-muted);margin:0 0 1rem}.sp-hl{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.sp-hl li{border-radius:var(--r-tile);background:var(--sheet-2);font-size:var(--fs-m);text-wrap:pretty;padding:1.1rem 1.25rem;font-weight:500;line-height:1.4}.sp-list{margin:0}.sp-row{border-block-start:1px solid var(--hair);grid-template-columns:minmax(9rem,.75fr) minmax(0,2fr);gap:.25rem 2rem;padding-block:.95rem;display:grid}.sp-row:first-child{border-block-start:0;padding-block-start:.25rem}.sp-k{font-size:var(--fs-s);color:var(--ink-muted);line-height:1.45}.sp-v{min-width:0;font-size:var(--fs-m);overflow-wrap:anywhere;margin:0;line-height:1.5}.sp-data{font-variant-numeric:tabular-nums;font-weight:500;display:block}.sp-note{font-size:var(--fs-s);color:var(--ink-muted);margin-block-start:.15rem;line-height:1.5;display:block}.sp-block{text-wrap:pretty;max-width:64ch;margin:0 0 .75rem}.sp-quote{border-radius:var(--r-tile);background:var(--sheet-2);margin:0 0 1rem;padding:1.25rem 1.5rem}.sp-quote p{max-width:64ch;font-size:var(--fs-l);text-wrap:pretty;margin:0;line-height:1.5}.sp-advice{border-radius:var(--r-tile);max-width:64ch;box-shadow:inset 0 0 0 1px var(--rule);font-size:var(--fs-m);text-wrap:pretty;margin:0 0 1rem;padding:1rem 1.25rem;line-height:1.5}.gb-list{margin:0;padding:0;list-style:none}.gb-row{border-block-start:1px solid var(--hair);grid-template-columns:minmax(11rem,1fr) minmax(7rem,.9fr) minmax(12rem,1.2fr);align-items:center;gap:.5rem 1.5rem;padding-block:1rem;display:grid}.gb-name{font-size:var(--fs-m);align-items:center;gap:.5rem;line-height:1.3;display:inline-flex;position:relative}.tip{background:var(--sheet-2);block-size:1.6rem;inline-size:1.6rem;color:var(--ink-muted);cursor:help;border-radius:50%;flex:none;place-items:center;display:inline-grid;position:static}.tip-i{font-size:var(--fs-xs);font-weight:600;line-height:1}.tip-bubble{z-index:5;border-radius:calc(var(--r-tile) - 6px);background:var(--ink);color:#fff;width:max-content;max-width:min(18rem,100vw - 3rem);font-size:var(--fs-xs);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--d1) var(--ease-out), transform var(--d1) var(--ease-out), visibility 0s linear var(--d1);padding:.55rem .8rem;line-height:1.4;position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(4px)}.tip:hover .tip-bubble,.tip:focus .tip-bubble{opacity:1;visibility:visible;transition:opacity var(--d1) var(--ease-out), transform var(--d1) var(--ease-out), visibility 0s;transform:none}.gb-bar{gap:3px;display:flex}.gb-tick{border-radius:var(--r-pill);background:var(--sheet-3);flex:1;height:8px}.gb-tick[data-on=true]{background:var(--mark-fill)}.gb-val{text-align:end;flex-direction:column;align-items:flex-end;gap:.1rem;display:flex}.gb-cls{font-size:var(--fs-m);font-variant-numeric:tabular-nums;font-weight:600}.gb-cls small{font-size:var(--fs-xs);color:var(--ink-muted);font-weight:400}.gb-phys{font-size:var(--fs-s);color:var(--ink-muted);font-variant-numeric:tabular-nums}.gb-top{font-size:var(--fs-xs);color:var(--ink);font-weight:600}.dr-trigger{border-radius:var(--r-pill);background:var(--mark-fill);color:#fff;min-height:44px;font-size:var(--fs-s);cursor:pointer;border:0;padding:0 1.1rem}.dr-scrim{z-index:90;opacity:0;visibility:hidden;transition:opacity var(--d2) var(--ease-out), visibility 0s linear var(--d2);background:#0000006b;position:fixed;inset:0}.dr-scrim[data-open=true]{opacity:1;visibility:visible;transition:opacity var(--d2) var(--ease-out), visibility 0s}.dr-panel{z-index:91;background:var(--sheet);visibility:hidden;width:min(36rem,100%);transition:transform var(--d3) var(--ease), visibility 0s linear var(--d3);flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-end:0;transform:translate(100%)}.dr-panel[data-open=true]{visibility:visible;transition:transform var(--d3) var(--ease), visibility 0s;transform:none}.dr-bar{border-block-end:1px solid var(--hair);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.dr-bar-name{flex-direction:column;min-width:0;display:flex}.dr-bar-sub{font-size:var(--fs-xs);color:var(--ink-muted)}.dr-close{border-radius:var(--r-pill);background:var(--sheet-2);min-height:44px;font-size:var(--fs-s);cursor:pointer;border:0;align-items:center;gap:.45rem;padding:0 1rem;display:inline-flex}.dr-body{overscroll-behavior:contain;flex:1;padding:1.25rem 1.25rem 2.5rem;overflow-y:auto}.sp-cta{flex-wrap:wrap;gap:.5rem;margin-block-start:1.75rem;display:flex}@media (hover:hover) and (pointer:fine){.fo-label{min-height:40px;padding-block:.45rem}.pill-face,.chip{min-height:40px}}@media not (min-width:1024px){.cat-layout{display:block}.cat-side{display:none}.cat-tools{top:var(--head-h);z-index:20;margin:0 calc(var(--wall) * -1) .9rem;padding:.5rem var(--wall);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);border-block-end:1px solid var(--hair);background:#fbfbfde6;position:sticky}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.cat-tools{background:#fbfbfd}}.cat-fbtn{border-radius:var(--r-pill);background:var(--ink);color:#fff;min-height:44px;font-size:var(--fs-s);white-space:nowrap;cursor:pointer;border:0;align-items:center;gap:.55rem;padding:0 .7rem 0 1rem;font-weight:500;display:inline-flex}.cat-found{font-size:var(--fs-s);white-space:nowrap}.cat-sort{flex:0 auto;min-width:0}.cat-sort-l{white-space:nowrap}.cat-sort select{min-width:0;text-overflow:ellipsis;max-inline-size:100%}}@media not (min-width:900px){.cat-sort{flex:none}.cat-sort-l{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cat-sort select{color:#0000;background:var(--sheet-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none' stroke='%231d1d1f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3v12M2 12l3 3 3-3M13 15V3M10 6l3-3 3 3'/%3E%3C/svg%3E") no-repeat center / 18px 18px;inline-size:44px;padding:0}.cat-sort select option{color:var(--ink)}}@media not (min-width:480px){.cat-found-l{display:none}.cat-found-s{display:inline}}@media not (min-width:400px){.cat-tools{column-gap:.6rem}.cat-fbtn{gap:.4rem;padding-inline:.75rem .5rem}.cat-found{text-overflow:ellipsis;min-width:0;font-size:var(--fs-xs);overflow:hidden}}@media not (min-width:360px){.cat-fbtn{justify-content:center;min-width:44px}.cat-fbtn-l{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media not (min-width:900px){.ps-hero-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""media""lead";row-gap:1.25rem}.sm-hero .sm-frame{aspect-ratio:4/3}.ps-cat{max-width:none}.ps-keys{margin-top:1.25rem}.gb-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"name""val""bar";gap:.35rem}.gb-name{grid-area:name}.gb-bar{grid-area:bar;margin-block-start:.2rem}.gb-val{text-align:start;flex-flow:wrap;grid-area:val;align-items:baseline;gap:.1rem .75rem}.ps-keys{grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5rem),1fr))}}@media not (min-width:640px){.cat-main>.cat-chips{margin-inline:calc(var(--wall) * -1);padding-inline:var(--wall);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.cat-main>.cat-chips::-webkit-scrollbar{display:none}.cat-main>.cat-chips>li{flex:none}.cat-main>.cat-chips .chip{white-space:nowrap}.cmp-tray-n{text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}.sp-row{grid-template-columns:minmax(0,1fr);gap:.1rem}.ps-cta .btn{flex:100%}.ps-nav{grid-template-columns:minmax(0,1fr)}.ps-nav-next{text-align:start;align-items:flex-start}.cmp-tray-codes{display:none}.ps-sum-h{font-size:var(--fs-h3)}}@media (max-width:560px){.cmp-tray{left:12px;right:76px;bottom:calc(12px + env(safe-area-inset-bottom,0px));gap:.5rem;width:auto;max-width:none;padding-inline-start:1rem;animation-name:tray-in-m;transform:none}.cmp-tray-go{margin-inline-start:auto;padding-inline:1rem}}@media (min-width:561px){.cmp-tray{max-width:calc(100% - 520px)}}@media (min-width:561px) and (max-width:1100px){.cmp-tray{max-width:calc(100% - 276px);animation-name:tray-in-m;left:16px;transform:none}}@media (prefers-reduced-motion:reduce){.fg[open]>.fg-body,.ps-sec[open]>.ps-body,.cat-chips>li,.ps-media,.ps-head,.ps-lead,.cmp-tray{animation:none}.sm-frame img,.fg-sum:after,.ps-sum-i:before,.ps-sum-i:after{transition:none}@media (hover:hover) and (pointer:fine){.cd:hover .sm-frame img{transform:none}}}