@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:800;font-stretch:82%;font-display:swap;src:url(/fonts/display.woff2) format("woff2")}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/mono.woff2) format("woff2")}
@font-face{font-family:"Geist";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/geist.woff2) format("woff2")}
:root{color-scheme: light;box-sizing: border-box}
:root{--paper: #F4F5F7;--surface: #FFFFFF;--sunken: #ECEEF2;--ink: #0E1116;--ink-2: #3B414D;--muted: #687080;--line: #E1E4EA;--line-strong: #CBD0D9;--on-ink: #FFFFFF;--disabled: #E4E7EC;--disabled-ink: #9399A6;--suit-red: #D02C39;--suit-black: #12151B;--card: #FFFFFF;--card-red: #D02C39;--card-line: rgba(14,17,22,.09);--back-1: #1D2433;--back-2: #131824;--sh-2: 0 1px 2px rgba(14,17,22,.05),0 12px 28px -12px rgba(14,17,22,.22);--sh-card: 0 .5px 1px rgba(14,17,22,.14),0 3px 8px -3px rgba(14,17,22,.18);--f-display: "Bricolage Grotesque","Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--f-ui: "Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono: "Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;--r-pill: 999px;--ease-out: cubic-bezier(.22,.8,.24,1);--d-fast: 120ms;--d-base: 200ms}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--paper: #0A0C10;--surface: #14171D;--sunken: #1A1E25;--ink: #F2F4F7;--ink-2: #C4C9D2;--muted: #8B93A1;--line: #23272F;--line-strong: #343B46;--on-ink: #0E1116;--disabled: #1E2229;--disabled-ink: #5D6472;--suit-red: #D02C39;--suit-black: #12151B;--card: #E9ECF1;--card-red: #C42834;--card-line: rgba(0,0,0,.3);--back-1: #252E40;--back-2: #171D2A;--sh-2: 0 0 0 1px rgba(255,255,255,.03),0 14px 32px -12px rgba(0,0,0,.75);--sh-card: 0 1px 1px rgba(0,0,0,.45),0 4px 10px -3px rgba(0,0,0,.6);color-scheme: dark}}
.th-light{--paper: #F4F5F7;--surface: #FFFFFF;--sunken: #ECEEF2;--ink: #0E1116;--ink-2: #3B414D;--muted: #687080;--line: #E1E4EA;--line-strong: #CBD0D9;--on-ink: #FFFFFF;--disabled: #E4E7EC;--disabled-ink: #9399A6;--suit-red: #D02C39;--suit-black: #12151B;--card: #FFFFFF;--card-red: #D02C39;--card-line: rgba(14,17,22,.09);--back-1: #1D2433;--back-2: #131824;--sh-2: 0 1px 2px rgba(14,17,22,.05),0 12px 28px -12px rgba(14,17,22,.22);--sh-card: 0 .5px 1px rgba(14,17,22,.14),0 3px 8px -3px rgba(14,17,22,.18);color-scheme: light;color: var(--ink)}
*{box-sizing: border-box}
button{font: inherit;color: inherit}
.chrome{height: 40px;flex: 0 0 auto;display: flex;align-items: center;gap: 8px;padding: 0px 16px;background: var(--sunken);border-bottom: 1px solid var(--line)}
.chrome i{width: 12px;height: 12px;border-radius: 50%;background: var(--line-strong)}
.chrome span{margin: 0px auto;font: 500 12px/1 var(--f-mono);color: var(--muted);padding-right: 52px}
.stack{display: block;overflow: visible}
.stack .st-chip{transform-box: view-box}
.cd{--cw: 64px;width: var(--cw);height: calc(var(--cw)*1.4);font-size: calc(var(--cw)/10);position: relative;flex: 0 0 auto;background: var(--card);border-radius: calc(var(--cw)*.1);box-shadow: var(--sh-card),inset 0 0 0 1px var(--card-line);color: var(--suit-black);transition: opacity .3s var(--ease-out),transform .3s var(--ease-out),box-shadow .3s}
.cd.red{color: var(--card-red,var(--suit-red))}
.suit{display: block;fill: currentcolor}
.cd-idx{position: absolute;left: 0.62em;top: 0.62em;width: 2.2em;display: flex;flex-direction: column;align-items: center;gap: 0.28em;line-height: 1}
.cd-idx b{font:700 2.45em/.86 var(--f-display);font-variation-settings: "wdth" 75, "opsz" 24;letter-spacing: -0.05em;display: block;white-space: nowrap}
.cd-idx .suit{width: 1.42em;height: 1.42em}
.cd.mini .cd-idx{left: 0px;right: 0px;top: 50%;width: auto;transform: translateY(-50%);gap: 0.35em}
.cd.mini .cd-idx b{font-size: 4.4em}
.cd.mini .cd-idx .suit{width: 3em;height: 3em}
.cd.sm .cd-idx{left: 0.75em;top: 0.75em;width: 2.6em}
.cd.sm .cd-idx b{font-size: 3em}
.cd.sm .cd-idx .suit{width: 1.8em;height: 1.8em}
.cd-back{background: repeating-linear-gradient(45deg,rgba(255,255,255,.055) 0 .09em,transparent .09em .8em),repeating-linear-gradient(-45deg,rgba(255,255,255,.055) 0 .09em,transparent .09em .8em),linear-gradient(160deg,var(--back-1),var(--back-2));box-shadow: var(--sh-card),inset 0 0 0 .45em var(--back-2),inset 0 0 0 .52em rgba(255,255,255,.14)}
.cd3{position: relative;width: var(--cw);height: calc(var(--cw)*1.4);perspective: calc(var(--cw)*8);flex: 0 0 auto}
.cd3-in{position: absolute;inset: 0px;transform-style: preserve-3d}
.cd3-in > .cd{position: absolute;inset: 0px;backface-visibility: hidden}
.cd3-in > .cd-back{transform: rotateY(180deg)}
.app{container-type: inline-size;position: relative;width: 100%;background: var(--paper);color: var(--ink);font: 400 16px/1.45 var(--f-ui);overflow: hidden;display: flex;flex-direction: column}
.app button{-webkit-tap-highlight-color: transparent}
.sbar{height: 54px;flex: 0 0 auto;display: flex;align-items: center;justify-content: space-between;padding: 6px 30px 0px 40px;font: 600 16px/1 var(--f-ui);letter-spacing: -0.01em;position: relative;z-index: 5}
.sbar-r{display: flex;gap: 6px;align-items: center}
.sbar-r svg{height: 12px;width: auto;fill: currentcolor}
.btn{appearance: none;border: 0px;font: 600 16px/1 var(--f-ui);letter-spacing: -0.01em;min-height: 48px;padding: 0px 22px;border-radius: var(--r-pill);display: inline-flex;align-items: center;justify-content: center;gap: 10px;cursor: pointer;transition: transform var(--d-fast) var(--ease-out),background-color var(--d-base),box-shadow var(--d-base);text-decoration: none;white-space: nowrap}
.btn:active{transform: scale(0.97)}
.btn-ink{background: var(--ink);color: var(--on-ink);box-shadow: rgba(255, 255, 255, 0.14) 0px 1px 0px inset, rgba(14, 17, 22, 0.18) 0px 1px 2px, rgba(14, 17, 22, 0.4) 0px 6px 14px -6px}
.btn-quiet{background: transparent;color: var(--ink-2)}
.btn-quiet:hover{background: var(--sunken)}
.btn-block{width: 100%}
.btn-lg{min-height: 56px;font-size: 17px;padding: 0px 28px}
.logo{display: inline-flex;align-items: center;gap: 9px;color: var(--ink)}
.wm{display: block;fill: currentcolor;flex: 0 0 auto}
@media (prefers-reduced-motion: reduce){*{animation-duration: 0.001ms !important;animation-iteration-count: 1 !important;transition-duration: 0.001ms !important;scroll-behavior: auto !important}}
.cd3{transition: opacity .35s var(--ease-out),transform .35s var(--ease-out)}
.btn:disabled{background: var(--disabled);color: var(--disabled-ink);box-shadow: none;cursor: default}
.cb-q{position: absolute;left: 50%;top: 50%;width: 34%;transform: translate(-50%, -50%);fill: rgba(255, 255, 255, 0.82)}
:root{--t3-rail: #14171C;--t3-rail-sh: 0 1px 2px rgba(14,17,22,.12),0 24px 48px -20px rgba(14,17,22,.45)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--t3-rail: #262B34;--t3-rail-sh: 0 0 0 1px rgba(255,255,255,.04),0 24px 48px -20px rgba(0,0,0,.8)}}
.t3{position: relative;flex: 0 0 auto;--rail: var(--t3-rail)}
.t3 > span{position: absolute}
.t3-rail{border-radius: 999px;background: var(--rail);box-shadow: inset 0 1px 0 rgba(255,255,255,.10),var(--t3-rail-sh)}
.t3-surf{border-radius: 999px;background: radial-gradient(ellipse 75% 62% at 50% 42%,var(--hi) 0%,var(--mid) 58%,var(--lo) 100%);box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.55) 0px 8px 18px -10px inset}
.t3-line{border-radius: 999px;box-shadow: inset 0 0 0 1.5px var(--ln,rgba(255,255,255,.2))}
.t3-at, .t3-btn, .t3-plate, .t3-board{transform: translate(-50%, -50%)}
.t3-at:has(> .t3-pile2){width: 0px;height: 0px}
.t3-pile2{position: absolute;left: 0px;top: 0px;width: 0px;height: 0px}
.t3-col2{position: absolute;line-height: 0}
.t3-pile2 .st-floor{opacity: 1}
.t3-btn{width: var(--b);height: var(--b);border-radius: 50%;display: grid;place-items: center;background: rgb(246, 244, 239);color: rgb(18, 21, 27);font: 800 10px/1 var(--f-ui);box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 1px, rgba(0, 0, 0, 0.3) 0px 3px 6px, rgba(14, 17, 22, 0.12) 0px 0px 0px 1.5px inset}
.t3-plate{display: grid;justify-items: center;align-content: center;gap: 1px;padding: 0px 5px;border: 0px;border-radius: 12px;background: var(--surface);color: var(--ink);box-shadow: inset 0 0 0 1px var(--line),var(--sh-2);font: inherit;z-index: 3;transition: box-shadow .15s var(--ease-out),opacity .2s var(--ease-out),transform .11s var(--ease-out)}
.t3-plate b{font: 600 12.5px/15px var(--f-ui);letter-spacing: -0.005em;white-space: nowrap}
.t3-plate > span{font:500 11.5px/14px var(--f-ui);letter-spacing: 0px;color: var(--ink-2);white-space: nowrap;font-variant-numeric: tabular-nums}
.t3.p2 .t3-plate b, .t3.d2 .t3-plate b{font-size: 15px;line-height: 18px}
 .t3.d2 .t3-plate > span, .t3.p2 .t3-plate > span{font-size: 13px;line-height: 16px}
.t3.p2 .t3-plate, .t3.d2 .t3-plate{gap: 2px;padding: 0px 10px}
.t3-plate.me{background: var(--ink);color: var(--on-ink);box-shadow: var(--sh-2)}
.t3-plate.me > span:not(.t3-hole){color: var(--on-ink);opacity: 0.72}
.t3-hole{position: absolute;display: flex;right: calc(100% + 6px);top: 50%;transform: translateY(-50%)}
.t3-hole .cd3{display: block;--cw: inherit}
.t3-hole .cd3 + .cd3{margin-left: calc(var(--cw)*-.3);transform: rotate(7deg) translateY(1px)}
.t3-hole .cd3:first-child{transform: rotate(-4deg)}
.t3-hole .cd3-in > .cd-back{transform: rotateY(180deg)}
.t3-board{display: flex}
.t3-board > * + *{margin-left: var(--step)}
.t3-board .t3-card + .t3-card .cd{box-shadow: rgba(0, 0, 0, 0.22) -2px 0px 3px -1px, rgba(0, 0, 0, 0.25) 0px 1px 1px, rgba(0, 0, 0, 0.6) 0px 4px 10px -4px}
.t3-card .cd3{display: block}
.t3-card .cd3-in > .cd-back{transform: rotateY(180deg)}
.t3-card .cd, .t3-hole .cd{box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 1px, rgba(0, 0, 0, 0.6) 0px 4px 10px -4px}
.t3-pot{display: flex;align-items: center;gap: 6px;transform: translate(-50%, -100%)}
.cd.tix .cd-idx{left: 0px;right: 0px;top: 50%;width: auto;transform: translateY(-50%);gap: 0.35em}
.cd.tix .cd-idx b{font-size: 5em}
.cd.tix .cd-idx .suit{width: 3.6em;height: 3.6em}
.t3 .cd.sm:not(.tix) .cd-idx b{font-size: 3.8em}
.t3-trim, .t3-trim2{border-radius: 999px;display: none;pointer-events: none}
.t3.t-white{--hi: #F1EEE8;--mid: #E4E0D8;--lo: #CFCAC0;--ln: rgba(14,17,22,.22)}
.t3-pot.t3-ptok{display: block;transform: translate(-50%, -50%)}
.t3-ptok > .t3-at{position: absolute}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tbf{box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--line-strong) 60%,transparent),0 12px 32px -10px rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.3)}}
.t3-plab{font:600 12px/1 var(--f-mono);position: absolute;left: 50%;bottom: 0px;transform: translateX(-50%);height: 18px;display: flex;align-items: center;gap: 5px;padding: 0px 9px;border-radius: 999px;background: rgba(8, 10, 14, 0.5);color: rgb(255, 255, 255);font-variant-numeric: tabular-nums;white-space: nowrap}
.t3-plab i{font:600 11px/1 var(--f-ui);font-style:normal;font-style: normal;letter-spacing: 0.02em;opacity: 0.78}
.t3-plab.big{height: 22px;font-size: 13px}
.t3.t-white .t3-plab{background: rgba(14, 17, 22, 0.55)}
.t3 .cd .cd-idx{left: 0px;right: 0px;top: 48%;width: auto;transform: translateY(-50%);gap: 0.25em}
.t3 .cd .cd-idx b{font-weight: 800;letter-spacing: -0.045em;font-size: 6.2em !important}
.t3 .cd .cd-idx .suit{width: 4.8em !important;height: 4.8em !important}
.t3-board[data-card] .t3-card .cd{box-shadow: 0 1px 1px rgba(0,0,0,.25),0 4px 10px -4px rgba(0,0,0,.6),inset 0 0 0 1px var(--card-line)}
.t3-board.two{flex-direction: column;align-items: center;gap: var(--step)}
.t3-board.two .r{display: flex}
.t3-board.two > * + *{margin-left: 0px}
.t3-board .r > * + *{margin-left: var(--step)}
.t3-plate.me, .t3-plate.me .t3-hole{opacity: 1 !important;filter: none !important}
:root, .th-light{--cb-ink: #1B2030;--cb-q: #EEECE7;--cb-rule: rgba(238,236,231,.22)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--cb-ink: #1B2030;--cb-q: #EEECE7;--cb-rule: rgba(238,236,231,.22)}}
.cd.cd-back{background: var(--card);box-shadow: var(--sh-card),inset 0 0 0 1px var(--card-line)}
.cd-back .cb-field{isolation: isolate;position: absolute;inset: 0.62em;border-radius: 0.5em;background: var(--cb-ink);display: grid;place-items: center;overflow: hidden}
.cd-back .cb-field::after{content: "";position: absolute;inset: 0.42em;border-radius: 0.3em;box-shadow: inset 0 0 0 max(1px,.09em) var(--cb-rule)}
.cd-back .cb-q{position: absolute;left: 50%;top: 50%;width: 50%;height: auto;transform: translate(-50%, -50%);fill: var(--cb-q);z-index: 1}
.cd b, .cd .suit{color: inherit}
.cd{border-radius: 0.8em}
.cd .cd-idx b{font-variation-settings: "wdth" 78, "opsz" 24}
.cd.qd .cd-idx{z-index: 2}
.cd.qd.tf:not(.tix) .cd-idx{left: 0px;right: 0px;top: 48%;width: auto;transform: translateY(-50%);gap: 0.25em}
.cd.qd.tf:not(.tix) .cd-idx b{font-size: 6.2em;font-weight: 800;letter-spacing: -0.045em;line-height: 0.86}
.cd.qd.tf:not(.tix) .cd-idx .suit{width: 4.8em;height: 4.8em}
.t3 .cd.qd .cd-idx{left: 0px;right: 0px;top: 48%;width: auto;transform: translateY(-50%);gap: 0.25em;margin: 0px;padding: 0px;background: none}
.t3 .cd.qd .cd-idx b{line-height: 0.86;letter-spacing: -0.045em}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .fl-plate{box-shadow: rgba(255, 255, 255, 0.08) 0px 0px 0px 1px}}
:root, .th-light{--paper: #F2F3F6;--surface: #FFFFFF}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--surface: #171B22}}
.th-light{--paper: #F2F3F6;--surface: #FFFFFF}
.ob{flex: 1 1 0%;min-height: 0px;display: flex;flex-direction: column;padding: 0px 24px 34px}
.ob-top{flex: 0 0 auto;display: flex;align-items: center;min-height: 56px}
.ob-hero{flex: 1 1 0%;min-height: 0px;display: grid;place-items: center;margin: 0px -24px;padding: 4px 0px 12px}
.ob-mini{position: relative;width: var(--ob-w);transition: opacity 320ms var(--ease-out)}
.ob-hand-box{position: relative;width: var(--ob-w);height: var(--ob-h)}
.ob-hand{position: relative}
.ob-hand .t3-card{transition: opacity 260ms var(--ease-out),transform 260ms var(--ease-out)}
.ob-hand .t3-card.ob-dim{opacity: 0.38}
.ob-hand .t3-card.ob-hl{transform: translateY(-3px)}
.ob-cap{margin: 6px 24px 0px;min-height: 18px;font: 500 13px/18px var(--f-ui);color: var(--ink-2);text-align: center}
.ob-promise .ob-top{min-height: 40px}
.ob-promise .ob-top .logo svg{height: 22px;width: auto}
.ob-promise .ob-hero{flex: 0 0 auto;padding: 0px 0px 4px}
.ob-promise .ob-acts{margin-top: 12px}
.ob-promise .ob-copy h1{margin-bottom: 8px}
.ob-promise{padding-bottom: 26px}
.ob-copy{flex: 0 0 auto;display: grid}
.ob-copy h1{font:800 38px/.96 var(--f-display);margin: 0px 0px 10px;font-variation-settings: "wdth" 82, "opsz" 60;letter-spacing: -0.034em;text-wrap: balance}
.ob-copy > p{margin: 0px;color: var(--ink-2);font-size: 16px;line-height: 1.45;max-width: 34ch;text-wrap: pretty}
.ob-copy > p.ob-fine{max-width: none}
.ob-acts{display: grid;gap: 4px;margin-top: 22px}
.ob-have{justify-self: center;min-height: 44px}
.ob-fine{margin: 6px 0px 0px;font-size: 13px;line-height: 1.45;color: var(--muted)}
.ob-fine.c{text-align: center}
@container (min-width: 1160px){.ob{padding: 24px 72px 48px}}
@container (min-width: 1160px){.ob-promise{display: grid;grid-template-columns: minmax(0px, 1fr) minmax(0px, 600px);grid-template-rows: auto 1fr;column-gap: 56px;align-items: center}}
@container (min-width: 1160px){.ob-promise .ob-top{grid-column: 1 / -1}}
@container (min-width: 1160px){.ob-promise .ob-top{display: flex;min-height: 56px}}
@container (min-width: 1160px){.ob-promise .ob-top .logo svg{height: 26px}}
@container (min-width: 1160px){.ob-promise .ob-hero{padding: 0px}}
@container (min-width: 1160px){.ob-promise .ob-acts{margin-top: 22px}}
@container (min-width: 1160px){.ob-promise{padding-bottom: 48px}}
@container (min-width: 1160px){.ob-promise .ob-copy{grid-area: 2 / 1;max-width: 460px}}
@container (min-width: 1160px){.ob-promise .ob-hero{grid-area: 2 / 2;margin: 0px}}
@container (min-width: 1160px){.ob-copy h1{font-size: 60px;margin-bottom: 14px}}
@container (min-width: 1160px){.ob-copy > p{font-size: 17px}}
@container (min-width: 1160px){.ob-acts{margin-top: 32px}}
@container (min-width: 1160px){.ob-acts{grid-template-columns: auto auto;justify-content: start;align-items: center;gap: 16px}}
@container (min-width: 1160px){.ob-acts .btn-block{width: auto;min-width: 240px}}
@container (min-width: 1160px){.ob-fine.c{text-align: left}}

/* getquads.com: page shell. Everything above this line is exported from the app mock (onboarding O1 promise). */
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--f-ui);-webkit-font-smoothing:antialiased}
a.btn{text-decoration:none}
.app{min-height:100vh;min-height:100svh}
.ob-hero-dk{display:none}
.ob-hero-ph{margin:10px -24px 0}
.ob-promise{padding-bottom:20px}
.ob-promise .ob-top{padding-top:max(14px,env(safe-area-inset-top))}
/* T7: air around the free line, so it stops hugging the buttons */
.ob-promise .ob-acts{margin-top:16px}
.ob-promise .ob-fine{margin-top:22px;padding-bottom:4px}
.ob-have{text-decoration:none}
.ob-have:focus-visible,.btn:focus-visible,.foot a:focus-visible,.pg a:focus-visible,.pg-top a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@container (min-width:520px) and (max-width:1159px){.ob{width:100%;max-width:520px;margin:0 auto;box-sizing:border-box}}
@container (max-width:389px){.ob-hero-ph .ob-mini{zoom:.92}}
@container (max-width:345px){.ob-hero-ph .ob-mini{zoom:.82}}
/* T-c: the desktop landing: a clear step under the copy, more air above the buttons and under them */
@container (min-width:1160px){.ob-hero-ph{display:none}.ob-hero-dk{display:grid}
  .ob-promise .ob-copy>p:not(.ob-fine){margin-bottom:6px}
  .ob-promise .ob-acts{margin-top:36px}
  .ob-promise .ob-fine{margin-top:24px}
  .ob-promise .ob-acts .btn-block{box-shadow:0 10px 22px -12px rgba(14,17,22,.5)}
  .ob-promise .ob-copy{padding-bottom:24px}}
.foot{padding:20px 24px calc(28px + env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:center;font-size:14px;color:var(--muted);border-top:1px solid var(--line)}
.foot a{color:var(--ink-2);text-decoration:none;padding:10px 2px;min-height:24px}
.foot a:hover{text-decoration:underline;text-underline-offset:3px}
.foot span{padding:10px 0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* legal and help pages */
.pg-top{display:flex;align-items:center;min-height:64px;padding:0 24px;max-width:720px;margin:0 auto}
.pg-top a{display:inline-flex;padding:10px 0;color:var(--ink)}
.pg{max-width:720px;margin:0 auto;padding:12px 24px 56px}
.pg h1{margin:8px 0 6px;font:800 clamp(34px,8vw,48px)/1 var(--f-display);letter-spacing:-.034em;text-wrap:balance}
.pg h2{margin:36px 0 8px;font:700 21px/1.2 var(--f-ui);letter-spacing:-.015em}
.pg p,.pg li{color:var(--ink-2);max-width:66ch;text-wrap:pretty}
.pg p{margin:0 0 14px}
.pg ul,.pg ol{margin:0 0 14px;padding-left:22px}
.pg li{margin:0 0 6px}
.pg a{color:var(--ink);text-decoration-color:var(--line-strong);text-underline-offset:3px;text-decoration-thickness:1.5px}
.pg a:hover{text-decoration-color:var(--ink)}
.pg .lede{font-size:18px;color:var(--ink)}
.pg .upd{font-size:14px;color:var(--muted);margin-bottom:24px}
.pg a.btn{margin:6px 0 14px;text-decoration:none;width:auto;color:var(--on-ink)}
.pg table{border-collapse:collapse;width:100%;margin:0 0 16px;font-size:15px}
.pg th,.pg td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--line);color:var(--ink-2)}
.pg th{color:var(--ink);font-weight:600;width:34%}
@media (max-width:480px){.pg th,.pg td{display:block;width:auto;padding:0}.pg th{padding-top:10px}.pg td{padding-bottom:10px;border-bottom:1px solid var(--line)}.pg tr th{border:0}}
.pg-note{background:var(--sunken);border-radius:16px;padding:16px 18px;margin:0 0 18px}
.pg-note p{margin:0}
