.ks{--ks-soft:color-mix(in srgb, var(--foreground) 72%, var(--background));padding-block:clamp(3rem,6vw,5.5rem) 0}.ks__wrap{max-width:1200px;margin-inline:auto;padding-inline:clamp(1.25rem,3vw,2rem)}.ks__list{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.ks__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (min-width:1100px){.ks__list{grid-template-columns:repeat(var(--n,3), minmax(0, 1fr))}}@media (min-width:640px) and (max-width:1099px){.ks__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.ks__tile{--tone:var(--primary);--tone-ink:#06c;background:color-mix(in srgb, var(--tone) 7%, var(--background));border-radius:24px;flex-direction:column;min-width:0;padding:clamp(1.25rem,2.4vw,1.75rem);display:flex;position:relative;overflow:hidden}.ks__tile:before{content:"";background:var(--tone);height:3px;position:absolute;inset:0 0 auto}.ks__tile[data-tone=display]{--tone:#e8892b;--tone-ink:#a8560a}.ks__tile[data-tone=cpu]{--tone:#0071e3;--tone-ink:#0062c4}.ks__tile[data-tone=ram]{--tone:#7a5af8;--tone-ink:#5b3fd1}.ks__tile[data-tone=storage]{--tone:#12a594;--tone-ink:#0b7a6d}.ks__tile[data-tone=brightness]{--tone:#d9a400;--tone-ink:#8a6500}.ks__tile[data-tone=ports]{--tone:#e0507c;--tone-ink:#b1305a}.dark .ks__tile[data-tone=display]{--tone-ink:#f2a65a}.dark .ks__tile[data-tone=cpu]{--tone-ink:#5aa9ff}.dark .ks__tile[data-tone=ram]{--tone-ink:#a995ff}.dark .ks__tile[data-tone=storage]{--tone-ink:#4fd1bf}.dark .ks__tile[data-tone=brightness]{--tone-ink:#f2c94c}.dark .ks__tile[data-tone=ports]{--tone-ink:#ff8fb0}.ks__top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ks__label{color:var(--tone-ink);font-size:14px;font-weight:600}.ks__art{width:68px;height:68px;color:var(--tone);flex:none}.ks__art svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.ks__title{letter-spacing:-.02em;text-wrap:balance;margin-top:12px;font-size:clamp(1.0625rem,1.4vw,1.1875rem);font-weight:600;line-height:1.25}.ks__figure{flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:6px;line-height:1;display:flex}.ks__upto{color:var(--ks-soft);flex-basis:100%;margin-bottom:6px;font-size:15px;font-weight:600}.ks__big{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(3.25rem,6vw,4.75rem);font-weight:500;line-height:.95}.ks__unit{letter-spacing:-.03em;color:var(--tone-ink);font-size:clamp(1.375rem,2.4vw,2rem);font-weight:500}.ks__detail{color:var(--ks-soft);max-width:36ch;margin-top:14px;font-size:14.5px;font-weight:500;line-height:1.5}