.practice-site{--surface: #ffffff;--surface-soft: #f7f2ea;--surface-violet: #f3edf7;--surface-teal: #e8f1ee;--radius-card: 20px;--radius-panel: 28px;--space-section: clamp(64px, 8vw, 104px);--space-heading: clamp(28px, 4vw, 48px);--hairline: 0 1px 0 #35314e14}.practice-site .eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;line-height:1.5;text-transform:uppercase;color:var(--practice-teal)}.practice-site h1{font-weight:500;letter-spacing:-.025em;line-height:1.05}.practice-site h2{font-weight:500;letter-spacing:-.02em;line-height:1.1}.practice-site h3{font-family:Inter Tight,sans-serif;font-weight:600;letter-spacing:-.01em;line-height:1.25}.site-h2{font-size:clamp(30px,3.4vw,44px)}.site-lead{font-size:17px;line-height:1.65;color:var(--practice-muted)}.practice-site .practice-book{min-height:46px;padding:12px 22px;border-radius:999px;font-size:14px;font-weight:500}.practice-site .practice-secondary,.site-button-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 22px;border:1px solid var(--practice-line);border-radius:999px;background:var(--surface);color:var(--practice-ink);font-size:14px;font-weight:500;box-shadow:var(--hairline);transition:background-color .16s ease}.practice-site .practice-secondary:hover,.site-button-outline:hover{background:#f4f0f4}.site-card{padding:clamp(22px,3vw,32px);border:1px solid var(--practice-line);border-radius:var(--radius-card);background:var(--surface)}.site-panel{padding:clamp(28px,5vw,56px);border-radius:var(--radius-panel);background:var(--surface-soft)}.site-section{padding-block:var(--space-section)}.practice-site .practice-page-heading{padding-block:clamp(32px,5vw,72px) 0;border:0}.practice-site .practice-page-heading h1{max-width:760px;margin-top:0;font-size:clamp(36px,4.4vw,56px);line-height:1.06;letter-spacing:-.025em}.practice-site .practice-page-intro{max-width:620px;margin-top:18px;color:var(--practice-muted);font-size:17px;line-height:1.65}.practice-site .heading-flourish{display:none}@media(max-width:640px){.practice-site .practice-page-heading h1{font-size:clamp(32px,9vw,40px)}.practice-site .practice-page-intro{font-size:16px}}.bristol{display:grid;gap:14px;color:var(--practice-ink)}.bristol .zone-hard{--z-bg: #f6e3c8;--z-accent: #92552f;--z-line: #dcb894}.bristol .zone-formed{--z-bg: #d8e9e4;--z-accent: #2d6664;--z-line: #accdc4}.bristol .zone-loose{--z-bg: #f1dce6;--z-accent: #954168;--z-line: #dbb2c5}.bristol-zones,.bristol-picker{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.bristol-zone{display:flex;align-items:center;gap:8px;margin:0;padding:10px 14px;border-radius:14px;background:var(--z-bg);color:var(--z-accent);font-size:15px}.bristol-zone.zone-hard{grid-column:1 / 3}.bristol-zone.zone-formed{grid-column:3 / 5}.bristol-zone.zone-loose{grid-column:5 / 8}.bristol-zone strong{font-weight:600}.bristol-zone span{margin-left:auto;color:var(--practice-muted);font-size:12px}.bristol-type{display:grid;justify-items:center;gap:4px;padding:14px 8px 12px;border:2px solid transparent;border-radius:18px;background:var(--z-bg);color:var(--practice-ink);cursor:pointer;transition:translate .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}.bristol-type .stool-illustration{width:100%;max-width:120px}.bristol-type:hover{translate:0 -3px}.bristol-type:focus-visible{outline:3px solid var(--z-accent);outline-offset:2px}.bristol-type[aria-pressed=true]{border-color:var(--z-accent);background:#fff;box-shadow:0 12px 24px -14px var(--z-accent);translate:0 -4px}.bristol-type-number{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--z-accent)}.bristol-detail{position:relative;border:1px solid var(--z-line);border-radius:24px;background:#fff;transition:border-color .2s ease}.bristol-detail-inner{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,48px);padding:clamp(20px,3vw,32px)}.bristol-detail-art{position:relative;display:grid;place-items:center;min-height:210px;padding:24px;border-radius:18px;background:var(--z-bg)}.bristol-detail-art .stool-illustration{max-width:260px}.bristol-detail-number{position:absolute;top:10px;left:16px;color:var(--z-accent);font-size:56px;font-weight:600;line-height:1;opacity:.28}.bristol-chip{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 12px;border-radius:999px;background:var(--z-bg);color:var(--z-accent);font-size:13px;font-weight:600}.bristol-detail-copy{padding-right:96px}.bristol-detail-copy h3{margin-top:14px;font-size:clamp(22px,2.4vw,28px);line-height:1.2;letter-spacing:-.01em}.bristol-cue{margin-top:6px;color:var(--practice-muted);font-size:15px}.bristol-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0 0;padding-top:20px;border-top:1px dashed var(--z-line)}.bristol-detail dt{color:var(--z-accent);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.bristol-detail dd{margin:6px 0 0;font-size:16px;line-height:1.55}.bristol-step{position:absolute;top:18px;right:18px;display:flex;align-items:center;gap:6px;color:var(--practice-muted);font-size:13px}.bristol-step button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--practice-line);border-radius:50%;background:#fff;color:var(--practice-ink);cursor:pointer}.bristol-step button:disabled{opacity:.4;cursor:default}.bristol-note{color:var(--practice-muted);font-size:13px;line-height:1.6}@media(max-width:900px){.bristol-detail-inner{grid-template-columns:1fr}.bristol-detail-copy{padding-right:0}.bristol-detail-art{min-height:170px}.bristol-step{top:calc(clamp(20px,3vw,32px) + 12px);right:calc(clamp(20px,3vw,32px) + 12px)}}@media(max-width:760px){.bristol-zones{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bristol-zone.zone-hard,.bristol-zone.zone-formed,.bristol-zone.zone-loose{grid-column:auto}.bristol-zone{flex-wrap:wrap;gap:2px 6px;padding:8px 10px;font-size:14px}.bristol-zone span{flex-basis:100%;margin-left:0;font-size:11px}.bristol-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bristol-type{padding:10px 4px 8px;border-radius:14px}.bristol-type-number{font-size:11px}.bristol-detail dl{grid-template-columns:1fr;gap:14px}.bristol-step button{width:34px;height:34px}}@media(prefers-reduced-motion:reduce){.bristol-type:hover,.bristol-type[aria-pressed=true]{translate:none}}
