.calc{margin-top:var(--space-32);gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;display:grid}.calc__inputs{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-24);gap:var(--space-24);align-content:start;display:grid}.calc__inputs .field{gap:var(--space-8)}.calc__inputs .field__hint{line-height:var(--leading-caption)}.calc__output{gap:var(--space-16);display:grid}.calc__result{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--canvas);padding:var(--space-24);gap:var(--space-20);box-shadow:var(--shadow-raised);display:grid}.result__primary{gap:var(--space-6);display:grid}.result__label{font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--ink-secondary);line-height:normal}.result__figure{font-family:var(--font-mono);font-size:44px;font-weight:var(--weight-semibold);letter-spacing:-1.5px;color:var(--ink);line-height:1}.result__second{font-family:var(--font-mono);font-size:24px;font-weight:var(--weight-semibold);color:var(--ink);line-height:normal}.result__sub{font-size:var(--text-body-sm);color:var(--ink-secondary);line-height:normal}.result__hint{font-size:var(--text-caption);color:var(--ink-muted);margin:0;line-height:1.5}.result__facts{border-top:1px solid var(--border);padding-top:var(--space-16);gap:var(--space-10);margin:0;display:grid}.result__facts>div{justify-content:space-between;gap:var(--space-12);font-size:var(--text-body-sm);display:flex}.result__facts dt{color:var(--ink-secondary)}.result__facts dd{font-size:var(--text-body-sm);color:var(--ink);margin:0}.result__facts dd[data-version]{font-weight:var(--weight-medium)}.mono{font-family:var(--font-mono)}.result__note{padding:var(--space-12) var(--space-14);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-caption);color:var(--ink-secondary);margin:0;line-height:1.5}.placements{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-20);gap:var(--space-14);display:grid}.placement-list{gap:var(--space-14);margin:0;padding:0;list-style:none;display:grid}.placement{gap:var(--space-12);font-size:var(--text-body-sm);grid-template-columns:1fr auto auto auto;align-items:baseline;display:grid}.placement__name{color:var(--ink)}.placement__size{font-size:var(--text-micro);color:var(--ink-muted)}.placement__pitch{font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--ink);text-align:end}.placement__unit{font-size:var(--text-micro);color:var(--ink-muted);text-align:end;min-width:64px}.rule__head{margin-bottom:0}.rule__title{font-size:clamp(24px,3.5vw,32px);line-height:1.15}.rule__lede{line-height:1.7}.ps-page{--ps-card:#e8efff;--ps-card-edge:#c9d3fb;--ps-coin:#f1ebff;--ps-coin-edge:#ddd0fb;--tint-0:#e8efff;--tint-0-ink:#2448c9;--tint-1:#f1ebff;--tint-1-ink:#6d3fd6;--tint-2:#e3f6f5;--tint-2-ink:#0f766e;--tint-3:#fde8f3;--tint-3-ink:#b8297a;--tint-4:#e5f4fc;--tint-5:#f6e8fb;--rule-mm:40;--scale:1.6px;--side:24px}.ps-page .calc{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--canvas);gap:0;overflow:hidden}.ps-page .calc__inputs{align-content:start;align-self:stretch;gap:var(--space-14);padding:var(--space-20) var(--space-24) var(--space-24);border:0;border-radius:0}.ps-page .calc__output{align-content:start;align-self:stretch;gap:var(--space-12);padding:var(--space-20) var(--space-24) var(--space-24)}.ps-page.ps-page .tool-card>.field--wide{grid-column:1/-1}.ps-page.ps-page .tool-card .field:has(.generator__chips) .generator__chips{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.ps-page.ps-page .tool-card .generator__chips>.chip{min-width:0;padding-inline:var(--space-6);justify-content:center}.ps-page .ps-presets{gap:var(--space-6);flex-wrap:wrap;grid-column:1/-1;display:flex}.ps-page .ps-preset{box-sizing:border-box;block-size:var(--control-sm);padding-inline:var(--space-12);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--canvas);color:var(--ink-secondary);font-size:var(--text-micro);font-weight:var(--weight-medium);cursor:pointer}.ps-page .ps-preset:hover{border-color:var(--border-strong)}.ps-page .ps-preset[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--canvas)}.ps-page .ps-reach{align-items:center;gap:var(--space-8);color:var(--ink-secondary);display:flex}.ps-page .ps-reach__gap{inline-size:var(--reach,20%);border-top:2px dashed var(--border-strong);flex:none}.ps-page .calc__headline{gap:var(--space-10);border:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));padding:0}.ps-page .calc__headline>.result__primary{padding:var(--space-14);border:1px solid var(--border);border-radius:var(--radius-lg);align-content:start}.ps-page .calc__headline>.result__primary:first-of-type{background:var(--tp-surface-soft);border-style:dashed}.ps-page .calc__headline>:not(.result__primary){grid-column:1/-1}.ps-page .ps-compare{border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;overflow:hidden}.ps-page .ps-compare__head{justify-content:space-between;gap:var(--space-8);padding:var(--space-10) var(--space-14);border-bottom:1px solid var(--border);background:var(--tp-surface-soft);font-size:var(--text-caption);font-weight:var(--weight-semibold);flex-wrap:wrap;display:flex}.ps-page .ps-compare__note{font-size:var(--text-micro);font-weight:var(--weight-regular);color:var(--ink-muted)}.ps-page .ps-compare__stage{align-items:flex-end;gap:var(--space-16);min-block-size:150px;padding:var(--space-14) var(--space-16) var(--space-8);display:flex;overflow:hidden}.ps-page .ps-compare__item{justify-items:center;gap:var(--space-4);display:grid}.ps-page .ps-compare__code{inline-size:calc(var(--rule-mm) * var(--scale));block-size:calc(var(--rule-mm) * var(--scale));display:block}.ps-page .ps-compare__code>*,.ps-page .ps-compare__code svg{block-size:100%;inline-size:100%;display:block}.ps-page .ps-compare__card{inline-size:calc(85.6 * var(--scale));block-size:calc(54 * var(--scale));border:1px solid var(--ps-card-edge);border-radius:var(--radius-sm);background:var(--ps-card)}.ps-page .ps-compare__coin{inline-size:calc(27 * var(--scale));block-size:calc(27 * var(--scale));border:1px solid var(--ps-coin-edge);border-radius:var(--radius-full);background:var(--ps-coin)}.ps-page .ps-compare__label{font-size:var(--text-micro);color:var(--ink-muted);text-align:center;line-height:1.3}.ps-page .ps-ruler{margin:0 var(--space-16) var(--space-12);border-top:2px solid var(--ink);display:flex}.ps-page .ps-ruler__tick{inline-size:calc(var(--tick-mm,20) * var(--scale));box-sizing:border-box;border-inline-start:1px solid var(--border-strong);font-size:var(--text-micro);color:var(--ink-muted);flex:none;padding-inline-start:var(--space-2)}.ps-page .placement-list{gap:var(--space-10);grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));display:grid}.ps-page .placement{align-content:start;column-gap:var(--space-6);row-gap:var(--space-2);padding:0 var(--space-12) var(--space-10);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:minmax(0,1fr) auto;display:grid;overflow:hidden}.ps-page .placement>.placement__thumb{block-size:64px;margin:0 calc(var(--space-12) * -1) var(--space-6);background:var(--tint-0);grid-column:1/-1;place-items:center;display:grid}.ps-page .placement:nth-child(6n+2)>.placement__thumb{background:var(--tint-1)}.ps-page .placement:nth-child(6n+3)>.placement__thumb{background:var(--tint-2)}.ps-page .placement:nth-child(6n+4)>.placement__thumb{background:var(--tint-3)}.ps-page .placement:nth-child(6n+5)>.placement__thumb{background:var(--tint-4)}.ps-page .placement:nth-child(6n+6)>.placement__thumb{background:var(--tint-5)}.ps-page .placement__thumb>span{inline-size:var(--side);block-size:var(--side);border:1px solid var(--ps-card-edge);border-radius:var(--radius-xs);background:var(--canvas);max-block-size:56px;max-inline-size:56px}.ps-page .placement>.placement__name{font-weight:var(--weight-semibold);grid-column:1/-1}.ps-page .placement>.placement__unit{white-space:nowrap;grid-column:1/-1;justify-self:end}.ps-page .note-card__icon{block-size:40px;inline-size:40px;margin-bottom:var(--space-4);border-radius:var(--radius);background:var(--tint-0);color:var(--tint-0-ink);place-items:center;display:grid}.ps-page .note-card:nth-child(4n+2) .note-card__icon{background:var(--tint-1);color:var(--tint-1-ink)}.ps-page .note-card:nth-child(4n+3) .note-card__icon{background:var(--tint-2);color:var(--tint-2-ink)}.ps-page .note-card:nth-child(4n+4) .note-card__icon{background:var(--tint-3);color:var(--tint-3-ink)}