@layer components{.site .pa-head{align-items:end;gap:1rem 4rem;margin-bottom:2.5rem;display:grid}@media (min-width:768px){.site .pa-head{grid-template-columns:minmax(0,6fr) minmax(0,6fr);margin-bottom:3.5rem}}.site .pa-head .j-display{margin-top:.9rem}.site .pa-card{border:1px solid var(--j-line-strong);background:color-mix(in srgb, var(--j-bg) 90%, white);height:100%;color:var(--j-fg);border-radius:2px;flex-direction:column;padding:1.15rem 1.15rem 1.1rem;transition:border-color .16s,transform .16s;display:flex;position:relative}.site [data-tone=night] .pa-card{background:color-mix(in srgb, var(--j-bg) 94%, white)}.site a.pa-card:hover{border-color:var(--j-fg)}.site a.pa-card:hover .pa-arrow{transform:translate(3px)}.site .pa-arrow{font-family:var(--j-mono);color:var(--j-label);transition:transform .16s}.site .pa-cards{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.site .pa-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.site .pa-cards[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.site .pa-name{font-family:var(--j-serif);font-variation-settings:"SOFT" 50, "WONK" 0;letter-spacing:-.01em;overflow-wrap:anywhere;font-size:1.45rem;font-weight:420;line-height:1.15}.site .pa-rows{border-top:1px solid var(--j-line-strong);margin:0;padding:0;list-style:none}.site .pa-rows>li{border-bottom:1px solid var(--j-line)}.site .pa-rows a{justify-content:space-between;align-items:center;gap:1rem;min-height:52px;padding-block:.6rem;font-size:1.06rem;font-weight:550;display:flex}.site .pa-rows a:hover .pa-arrow{transform:translate(3px)}.site .pa-rows a:hover>span:first-child{text-underline-offset:.22em;text-decoration:underline;text-decoration-thickness:1px}@media (min-width:768px){.site .pa-rows[data-cols="2"]{border-top:0;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem;display:grid}.site .pa-rows[data-cols="2"]>li:nth-child(-n+2){border-top:1px solid var(--j-line-strong)}}.site .pa-panel{border:1px solid var(--j-line-strong);background:var(--j-bg);border-radius:2px;padding:1.5rem 1.25rem}@media (min-width:640px){.site .pa-panel{padding:2rem 2rem 1.9rem}}.site .pa-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.6rem;display:flex}@media (max-width:479px){.site .pa-actions>a{white-space:normal;text-align:center;width:100%}}.site .pa-note{color:var(--j-muted);max-width:44rem;margin-top:1.25rem;font-size:.95rem;line-height:1.6}.site .pa-specimen-top{border-bottom:1px solid var(--j-line);justify-content:space-between;align-items:baseline;gap:.75rem;padding-bottom:.7rem;display:flex}.site .pa-specimen .pa-name{margin-top:.9rem}.site .pa-maker{color:var(--j-muted);margin-top:.2rem;font-size:.95rem}.site .pa-specimen .pa-blurb{color:var(--j-muted);text-wrap:pretty;flex:1;margin-top:.75rem;font-size:1rem;line-height:1.55}.site .pa-traits{border-top:1px solid var(--j-line);gap:0;margin:1rem 0 0;display:grid}.site .pa-traits>div{border-bottom:1px solid var(--j-line);grid-template-columns:4.6rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding-block:.45rem;display:grid}.site .pa-traits dt{font-family:var(--j-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--j-label);font-size:.72rem}.site .pa-traits dd{margin:0;font-size:.95rem;line-height:1.35}.site .pa-gauge{gap:3px;display:inline-flex}.site .pa-gauge>span{border:1px solid var(--j-line-strong);width:.9rem;height:.4rem}.site .pa-gauge>span[data-on=true]{border-color:var(--j-fg);background:var(--j-fg)}.site .pa-roll{border-top:1px solid var(--j-line-strong)}.site .pa-roll-maker{border-bottom:1px solid var(--j-line);gap:.4rem 2rem;padding-block:1.1rem;display:grid}@media (min-width:768px){.site .pa-roll-maker{grid-template-columns:15rem minmax(0,1fr);align-items:baseline}}.site .pa-roll-maker h3{font-family:var(--j-sans);font-size:1.08rem;font-weight:650;line-height:1.3}.site .pa-roll-maker h3 .j-label{margin-left:.5rem;font-size:.7rem}.site .pa-roll-list{flex-wrap:wrap;column-gap:1.4rem;margin:0;padding:0;list-style:none;display:flex}@media (max-width:767px){.site .pa-roll-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;font-size:.95rem;line-height:1.3;display:grid}}.site .pa-roll-list a{min-height:44px;color:var(--j-muted);text-underline-offset:.22em;overflow-wrap:anywhere;align-items:center;display:inline-flex}.site .pa-roll-list a:hover{color:var(--j-fg);text-decoration:underline}.site .pa-split{gap:3rem;display:grid}@media (min-width:900px){.site .pa-split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:4rem}.site .pa-split[data-flip=true]{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.site .pa-sticky{position:sticky;top:5.5rem}}.site .pa-facts{border-top:1px solid var(--j-line-strong);margin:0}.site .pa-facts>div{border-bottom:1px solid var(--j-line);gap:.2rem 1.5rem;padding-block:1rem;display:grid}@media (min-width:640px){.site .pa-facts>div{grid-template-columns:12rem minmax(0,1fr) auto;align-items:baseline}}.site .pa-facts dt{font-family:var(--j-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--j-label);font-size:.74rem}.site .pa-facts dd{margin:0;font-size:1.12rem;line-height:1.45}.site .pa-facts .pa-gauge{display:none}@media (min-width:640px){.site .pa-facts .pa-gauge{display:inline-flex}}.site .pa-abilities{flex-wrap:wrap;gap:.35rem 1.4rem;margin:0;padding:0;font-size:1.04rem;list-style:none;display:flex}.site .pa-abilities li{align-items:center;gap:.55rem;display:inline-flex}.site .pa-abilities li:before{content:"";border:1px solid var(--j-line-strong);background:var(--j-label);width:.4rem;height:.4rem}.site .pa-service-top{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.site .pa-service .pa-name{font-size:1.3rem}.site .pa-service .pa-blurb{color:var(--j-muted);flex:1;margin-top:.6rem;font-size:.98rem;line-height:1.55}.site .pa-soon{border:1px solid var(--j-line-strong);border-radius:2px;padding:.05rem .4rem;display:inline-block}.site .pa-quote{font-family:var(--j-serif);font-variation-settings:"SOFT" 80, "WONK" 0;text-wrap:pretty;font-size:1.3rem;font-weight:360;line-height:1.5}.site .pa-asks{border-top:1px solid var(--j-line-strong);margin:0;padding:0;list-style:none}.site .pa-asks>li{border-bottom:1px solid var(--j-line);grid-template-columns:2.6rem minmax(0,1fr);gap:.25rem .75rem;padding-block:1.4rem;display:grid}.site .pa-asks .pa-ask{font-family:var(--j-serif);font-variation-settings:"SOFT" 60, "WONK" 0;text-wrap:pretty;font-size:1.3rem;font-weight:400;line-height:1.35}.site .pa-actions-list{border-top:1px solid var(--j-line-strong);margin:0;padding:0;list-style:none}@media (min-width:640px){.site .pa-actions-list{columns:2;column-gap:2.5rem}}.site .pa-actions-list li{break-inside:avoid;border-bottom:1px solid var(--j-line);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;font-size:1rem;display:flex}.site .pa-actions-list .j-label{flex:none;font-size:.68rem}.site .pa-board+.pa-board{margin-top:4rem}.site .pa-board-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;margin-bottom:1.25rem;display:flex}.site .pa-ranks{border-top:1px solid var(--j-line-strong);margin:0;padding:0;list-style:none}.site .pa-ranks-cols{display:none}.site .pa-rank{border-bottom:1px solid var(--j-line);grid-template-columns:2.6rem minmax(0,1fr);gap:.35rem .75rem;padding-block:.95rem;display:grid}.site .pa-rank-name{overflow-wrap:anywhere;font-size:1.12rem;font-weight:600;line-height:1.35}.site .pa-rank[data-first=true] .pa-rank-name{font-family:var(--j-serif);font-variation-settings:"SOFT" 50, "WONK" 1;font-size:1.5rem;font-weight:420}.site .pa-rank-figs{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.site .pa-rank-figs dt{font-family:var(--j-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--j-label);font-size:.7rem}.site .pa-rank-figs dd{font-variant-numeric:tabular-nums;margin:.1rem 0 0;font-size:1.08rem}.site .pa-bar{background:var(--j-line);height:3px;margin-top:.35rem;display:block}.site .pa-bar>span{background:var(--j-fg);height:100%;display:block}@media (min-width:768px){.site .pa-ranks-cols{border-bottom:1px solid var(--j-line);grid-template-columns:2.6rem minmax(0,1fr) 13rem 8rem;gap:0 1.5rem;padding-block:.55rem;display:grid}.site .pa-ranks-cols>:nth-child(n+3){text-align:right}.site .pa-rank{grid-template-columns:2.6rem minmax(0,1fr) 13rem 8rem;align-items:center;gap:0 1.5rem}.site .pa-rank-figs{text-align:right;grid-column:3/span 2;grid-template-columns:13rem 8rem;gap:0 1.5rem}.site .pa-rank-figs dt{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.site .pa-pair{justify-content:space-between;min-height:6.5rem}.site .pa-pair .pa-name{flex-wrap:wrap;align-items:baseline;gap:.1rem .6rem;font-size:1.6rem;display:flex}.site .pa-pair .pa-vs{font-family:var(--j-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--j-label);font-size:.78rem}.site .pa-question+.pa-question{margin-top:4.5rem}.site .pa-question-text{max-width:40ch;font-family:var(--j-serif);font-variation-settings:"SOFT" 60, "WONK" 1;letter-spacing:-.015em;text-wrap:balance;margin-top:.8rem;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);font-weight:380;line-height:1.15}.site .pa-notes{border-top:1px solid var(--j-line-strong);margin-top:1.75rem;display:grid}@media (min-width:768px){.site .pa-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.site .pa-notes>.pa-note-col+.pa-note-col{border-left:1px solid var(--j-line-strong);padding-left:2rem}.site .pa-notes>.pa-note-col:first-child{padding-right:2rem}}.site .pa-note-col{min-width:0;padding-block:1.25rem 1.5rem}.site .pa-note-col+.pa-note-col{border-top:1px solid var(--j-line)}@media (min-width:768px){.site .pa-note-col+.pa-note-col{border-top:0}}.site .pa-note-who{justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.75rem;display:flex}.site .pa-note-who p:first-child{font-size:1.12rem;font-weight:650}.site .pa-answer{color:var(--j-muted);overflow-wrap:anywhere;font-size:1.02rem;line-height:1.65}.site .pa-answer>*+*{margin-top:.75rem}.site .pa-answer strong{color:var(--j-fg);font-weight:650}.site .pa-answer ul,.site .pa-answer ol{padding-left:1.25rem}.site .pa-answer ul{list-style:outside}.site .pa-answer ol{list-style:decimal}.site .pa-answer li+li{margin-top:.3rem}}