.ref{padding-bottom:clamp(40px,6vw,80px)}.ref-crumbs{padding-bottom:0}.ref-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-gap:clamp(28px,5vw,72px);gap:clamp(28px,5vw,72px);align-items:center;padding-block:12px clamp(32px,5vw,56px)}.ref-head{display:grid;grid-gap:18px;gap:18px;align-content:start;min-width:0}.ref-head h1{font-size:clamp(2.25rem,1.6rem + 2.6vw,4rem)}.ref-head .eyebrow{margin:0}.ref-answer{font-size:var(--fs-lede);line-height:var(--lh-lede);color:var(--ink);max-width:62ch;margin:0;padding:20px 22px 20px 24px;background:var(--label);border:1px solid var(--line-2);border-radius:var(--r-md);box-shadow:var(--shadow-2)}.ref-byline{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;list-style:none;padding:14px 0 0;border-top:1px solid var(--line-ink)}.ref-byline li{font-family:var(--font-label);font-stretch:var(--label-stretch);font-size:var(--fs-micro);font-weight:600;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink-3)}.ref-byline b{color:var(--ink);font-weight:650}.ref-meta{font-size:.8125rem;color:var(--ink-3)}.ref-meta svg{display:inline-block;vertical-align:-2px;margin-right:4px;color:var(--ok)}.ref-cover{aspect-ratio:3/2;width:100%;box-shadow:var(--shadow-2)}.ref-arches{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-gap:14px;gap:14px;align-items:center}.ref-arch{position:relative;padding-bottom:16px;min-width:0}.ref-arch .arch{aspect-ratio:4/5;width:100%}.ref-arch .arch>img{mix-blend-mode:multiply}.ref-arch .badge{position:absolute;left:12px;bottom:0;z-index:2}.ref-arch-name{position:absolute;top:14px;left:50%;translate:-50% 0;z-index:2;max-width:88%;padding:4px 10px;background:var(--label);border:1px solid var(--line-2);border-radius:var(--r-xs);font-weight:600;font-size:1rem;line-height:1.15;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-arch-name,.ref-vs{font-family:var(--font-display)}.ref-vs{font-style:normal;font-weight:400;font-size:clamp(2.5rem,1.8rem + 2.4vw,4.5rem);line-height:1;color:var(--accent-ink)}.ref-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:clamp(24px,4vw,40px)}.ref-pair-card{display:grid;grid-template-columns:auto 1fr;grid-gap:14px;gap:14px;align-items:start;padding:20px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--label);min-width:0}.ref-pair-card .add-btn{grid-column:1/-1;justify-self:start}.ref-pair-body{display:grid;grid-gap:6px;gap:6px;min-width:0}.ref-pair-name{font-family:var(--font-display);font-weight:600;font-size:1.5rem;letter-spacing:-.02em;line-height:1.1;color:var(--ink);text-decoration:none}.ref-pair-name:hover{text-decoration:underline}.ref-pair-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ref-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:clamp(24px,4vw,56px);gap:clamp(24px,4vw,56px);align-items:start}.ref-main{display:grid;grid-gap:0;gap:0;min-width:0}.ref-aside{position:-webkit-sticky;position:sticky;top:110px;min-width:0}.ref-toc{display:grid;grid-gap:12px;gap:12px;padding:20px 22px;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--label);box-shadow:var(--shadow-2);counter-reset:toc}.ref-toc .eyebrow{margin:0}.ref-toc ol{list-style:none;margin:0;padding:0;display:grid;grid-gap:0;gap:0;font-size:.875rem;line-height:1.35}.ref-toc li{counter-increment:toc;display:grid;grid-template-columns:26px 1fr;grid-gap:6px;gap:6px;padding-block:7px;border-top:1px solid var(--line)}.ref-toc li:before{content:counter(toc,decimal-leading-zero);font-family:var(--font-label);font-stretch:var(--label-stretch);font-size:var(--fs-micro);font-weight:600;letter-spacing:var(--tr-label);color:var(--ink-3);padding-top:2px}.ref-toc a{color:var(--ink-2);text-decoration:none;min-height:24px;display:inline-block}.ref-toc a:hover{color:var(--ink);text-decoration:underline}.ref-main{counter-reset:refsec}.ref-section{counter-increment:refsec;position:relative;display:grid;grid-gap:14px;gap:14px;min-width:0;padding-block:28px 36px;border-top:1px solid var(--line-ink);scroll-margin-top:110px}.ref-section:before{content:"§ " counter(refsec,decimal-leading-zero);position:absolute;top:10px;right:0;font-family:var(--font-label);font-stretch:var(--label-stretch);font-size:var(--fs-micro);font-weight:600;letter-spacing:var(--tr-label);color:var(--ink-3)}.ref-main>*,.ref-section>*{min-width:0}.ref-section h2{font-size:clamp(1.625rem,1.35rem + 1.1vw,2.375rem);font-weight:580;letter-spacing:-.02em;line-height:1.1;max-width:28ch}.ref-section>p{color:var(--ink-2);max-width:68ch;font-size:1.0625rem;line-height:1.65}.ref-section>p.ref-lead{color:var(--ink);font-size:1.125rem;line-height:1.6}.ref-def dfn{font-style:normal;font-weight:650;color:var(--ink)}.ref-section .bullets{max-width:68ch}.ref-main>.callout{margin-bottom:24px}.ref-cite{display:inline-flex;align-items:center;gap:3px;padding:1px 8px;border-radius:0 4px 4px 0;background:var(--accent-soft);color:var(--accent-ink);font-family:var(--font-label);font-stretch:var(--label-stretch);font-size:.75rem;font-weight:650;letter-spacing:.02em;line-height:1.5;text-decoration:none;white-space:normal;overflow-wrap:anywhere;max-width:100%;vertical-align:1px}.ref-cite:hover{text-decoration:underline}.ref-cite svg{display:inline-block;flex:none}.ref-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--label)}.ref-table{width:100%;border-collapse:collapse;font-size:.9375rem;line-height:1.5}.ref-table caption{caption-side:top;padding:12px 16px;font-size:.8125rem;color:var(--ink-3)}.ref-table caption,.ref-table td,.ref-table th{text-align:left;border-bottom:1px solid var(--line)}.ref-table td,.ref-table th{vertical-align:top;padding:14px 16px}.ref-table thead th{background:var(--paper-2);font-family:var(--font-display);font-weight:500;font-size:1.0625rem;color:var(--ink);border-bottom:1px solid var(--line-ink)}.ref-table tbody th{font-family:var(--font-label);font-stretch:var(--label-stretch);font-size:var(--fs-label);font-weight:650;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink);width:24%}.ref-table td{color:var(--ink-2)}.ref-table tbody tr:last-child td,.ref-table tbody tr:last-child th{border-bottom:0}.ref-compare td{width:38%}.ref-compare td+td{border-left:1px dashed var(--line-2)}.ref-row-cites{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;font-weight:400;text-transform:none;letter-spacing:0}.ref-timeline{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line-ink)}.ref-timeline li{display:grid;grid-template-columns:minmax(96px,150px) 1fr;grid-gap:16px;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink-2)}.ref-when{font-family:var(--font-display);font-style:normal;font-weight:600;font-size:1.0625rem;color:var(--accent-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ref-ask{background:transparent}.ref-questions{margin:0;padding:0;list-style:none;counter-reset:q;display:grid;grid-gap:0;gap:0;border-top:1px solid var(--line-ink)}.ref-questions li{counter-increment:q;display:grid;grid-template-columns:48px 1fr;grid-gap:12px;gap:12px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:1.0625rem}.ref-questions li:before{content:counter(q);font-family:var(--font-display);font-style:normal;font-weight:560;font-size:1.75rem;line-height:1;color:var(--accent-ink)}.ref-links,.ref-ruo{list-style:none;margin:0;padding:0;display:grid;grid-gap:0;gap:0;border-top:1px solid var(--line)}.ref-links li{padding-block:10px;border-bottom:1px solid var(--line)}.ref-links a{font-family:var(--font-display);font-weight:600;font-size:1.125rem;color:var(--ink)}.ref-ruo li{display:grid;grid-template-columns:160px 1fr;grid-gap:12px;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.ref-ruo li>*{min-width:0}.ref-ruo a{font-family:var(--font-display);font-weight:500;color:var(--ink)}.ref-sources{margin:0;padding:0;list-style:none;counter-reset:fn;display:grid;grid-gap:0;gap:0;font-size:.875rem;overflow-wrap:anywhere;border-top:1px solid var(--line-ink)}.ref-sources li{counter-increment:fn;display:grid;grid-template-columns:40px 1fr;grid-gap:8px;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}.ref-sources li:before{content:"[" counter(fn) "]";font-family:var(--font-label);font-stretch:var(--label-stretch);font-size:var(--fs-micro);font-weight:650;letter-spacing:.04em;color:var(--accent-ink);padding-top:2px}.ref-sources a{color:var(--ink-2)}.ref-hub{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));grid-gap:28px 18px;gap:28px 18px;counter-reset:hub}.ref-hub-item{counter-increment:hub;display:grid;grid-gap:12px;gap:12px;align-content:start;position:relative}.ref-hub-item .arch-pair,.ref-hub-item .frame{aspect-ratio:3/2;width:100%}.ref-hub-item h2{font-size:clamp(1.375rem,1.25rem + .5vw,1.625rem);font-weight:580;letter-spacing:-.02em;line-height:1.15}.ref-hub-item h2 a{text-decoration:none;color:var(--ink)}.ref-hub-item h2 a:after{content:"";position:absolute;inset:0}.ref-hub-item h2 a:hover{text-decoration:underline;text-decoration-thickness:1px}.ref-hub-item p{color:var(--ink-2)}.ref-hub-no{font-family:var(--font-label);font-stretch:var(--label-stretch);font-size:var(--fs-micro);font-weight:600;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink-3);padding-top:10px;border-top:1px solid var(--line-ink)}.ref-hub-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;position:relative;z-index:1}.ref-hub-tag{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--ink-2)}.arch-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;padding:18px 18px 0;border-radius:var(--r-xl);background:var(--paper-2);overflow:hidden}.arch-pair .arch{height:100%;border-radius:999px 999px 0 0}.arch-pair .arch>img{mix-blend-mode:multiply}.ref-hub-foot{padding-top:8px}@media (hover:hover) and (pointer:fine){.ref-hub-item:hover .arch>img,.ref-hub-item:hover .frame>img{scale:1.04}}@media (max-width:960px){.ref-layout{grid-template-columns:minmax(0,1fr)}.ref-aside{display:none}.ref-top{grid-template-columns:minmax(0,1fr)}.ref-top>.ref-visual{max-width:560px}}@media (max-width:720px){.ref-pair{grid-template-columns:1fr}.ref-table-wrap{border:0;overflow:visible;background:transparent}.ref-table,.ref-table caption,.ref-table tbody,.ref-table td,.ref-table th,.ref-table tr{display:block;width:auto}.ref-table caption{padding:0 0 10px;border:0}.ref-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.ref-table tbody{display:grid;grid-gap:10px;gap:10px}.ref-table tr{border:1px solid var(--line-2);border-radius:var(--r-md);overflow:hidden;background:var(--label)}.ref-table tbody th{width:auto;background:var(--paper-2)}.ref-table tbody th,.ref-table td{border-bottom:1px solid var(--line);padding:10px 14px}.ref-compare td+td{border-left:0}.ref-table td:before{content:attr(data-label);display:block;font-family:var(--font-label);font-stretch:var(--label-stretch);font-size:var(--fs-micro);font-weight:650;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink-3);margin-bottom:2px}.ref-table tbody tr td,.ref-table tbody tr th{border-bottom:1px solid var(--line)}.ref-table tbody tr td:last-child{border-bottom:0}.ref-table tbody tr:last-child th{border-bottom:1px solid var(--line)}.ref-ruo li,.ref-timeline li{grid-template-columns:1fr;gap:4px}.ref-answer{padding:16px 18px}.ref-arches{gap:8px}.ref-arch-name{font-size:.875rem}}