:root{ --ground:#e4e6e8; --stock:#fff; --canary:#f5df6b; --canary-wash:#faf1b8; --pink:#f2b6c4; --ink:#1b2238; --ink-2:#3a4260; --red:#9e1e1b; --red-dark:#84161a; --hair:rgb(27 34 56 / .28); --focus:#1b2238; --wash:rgb(27 34 56 / .05); --wash-strong:rgb(27 34 56 / .07); --scrim:rgb(27 34 56 / .72); --drop:rgb(27 34 56 / .45); --font:"Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --fs-body:1.0625rem; --fs-small:.9375rem; --fs-label:.8125rem; --fs-h1:clamp(2.75rem,1.55rem + 5.1vw,5.25rem); --fs-h2:clamp(1.875rem,1.45rem + 1.7vw,2.75rem); --fs-h3:1.25rem; --space-1:.5rem; --space-2:1rem; --space-3:1.5rem; --space-4:2rem; --space-5:2.5rem; --space-6:3rem; --pad:2rem; --radius:0; --container:72rem; --header-min:3.5rem; --sheet-1:.5rem; --sheet-2:1rem; --consent-h:0px; } @media(max-width:47.4375rem){ :root{--fs-body:1rem;--pad:1.125rem;--sheet-1:.375rem;--sheet-2:.75rem} } @font-face{font-family:"Libre Franklin";font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/libre-franklin-latin.52e60585.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-bottom:var(--consent-h);scrollbar-color:var(--ink) var(--ground);accent-color:var(--red);caret-color:var(--red)} body{margin:0;background:var(--ground);color:var(--ink);font:400 var(--fs-body)/1.55 var(--font);overflow-wrap:break-word} #sgp{padding-bottom:var(--consent-h)} h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0} h1,h2,h3{color:var(--ink);font-weight:800;line-height:1.1;letter-spacing:-.025em;text-wrap:balance} h1{font-size:var(--fs-h1);line-height:.98;letter-spacing:-.035em} h2{font-size:var(--fs-h2);line-height:1.08;letter-spacing:-.03em} h3{font-size:var(--fs-h3);line-height:1.2;letter-spacing:-.015em} p{text-wrap:pretty} a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:.2em} a:hover{color:var(--red)} img,svg{max-width:100%} ::selection{background:var(--ink);color:var(--stock)} input,textarea,select,button{caret-color:var(--red)} .note{margin-top:var(--space-2);font-size:var(--fs-label);line-height:1.5;color:var(--ink-2)} .actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:var(--space-3)} .nobr{white-space:nowrap} :focus-visible{outline:3px solid var(--focus);outline-offset:2px} #sgp-main:focus,section[tabindex="-1"]:focus{outline:none} h1[tabindex="-1"]:focus-visible,h2[tabindex="-1"]:focus-visible{outline:2px solid var(--red);outline-offset:.375rem} [hidden]{display:none!important} .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} .skip{position:absolute;left:-10000px} .skip:focus{left:var(--space-2);top:var(--space-2);background:var(--stock);color:var(--ink);padding:.75rem;border:1px solid var(--ink);z-index:9999} @media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto} } @media (forced-colors: active) { :focus-visible{outline:3px solid Highlight} } .wrap{width:min(var(--container),calc(100% - 2rem));margin-inline:auto} section[id]{scroll-margin-top:5rem} .narrow{width:min(46rem,calc(100% - 2rem))} #sgp-main{padding-top:var(--space-4)} #sgp-main:has(.narrow) + .site-footer .wrap{width:min(46rem,calc(100% - 2rem))} @media(max-width:47.4375rem){.wrap,.narrow,#sgp-main:has(.narrow) + .site-footer .wrap{width:calc(100% - 1.5rem)}#sgp-main{padding-top:var(--space-2)}} .back{margin:var(--space-5) var(--sheet-2) 0 0} .sheet{position:relative;background:var(--stock);border:1px solid var(--ink)} .back .sheet{padding:var(--space-5) var(--pad)} .site-footer{padding:0 0 var(--space-5)} .site-footer .sheet{margin:var(--space-5) var(--sheet-2) 0 0;padding:var(--space-2) var(--pad) var(--space-1);font-size:var(--fs-small)} #sgp-main:has(.back) + .site-footer .sheet{margin-top:0;border-top:1px dashed var(--ink)} .footline{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-3);font-variant-numeric:tabular-nums} .footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-3);list-style:none;padding:0;margin:0} .footer-links a,.preferences{display:inline-flex;align-items:center;min-height:2.75rem} .preferences{border:0;background:none;padding:0;color:var(--ink);text-decoration:underline;text-underline-offset:.2em;font:inherit;cursor:pointer} .preferences:hover{color:var(--red)} .privacy-details{margin-top:var(--space-1);border-top:1px solid var(--hair)} .privacy-summary{display:flex;align-items:center;min-height:2.75rem;cursor:pointer;color:var(--ink);font-weight:700} .privacy{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--space-3) var(--space-4);max-width:64rem;margin-top:var(--space-2);font-size:var(--fs-label);line-height:1.6;color:var(--ink-2)} .privacy-group h3{margin-bottom:.25rem;color:var(--ink);font-size:var(--fs-small);line-height:1.3;letter-spacing:0} .privacy-group ul{margin:0;padding:0;list-style:none} .privacy-group li + li{margin-top:.25rem} .privacy > p{grid-column:1/-1} .privacy-details[open]{padding-bottom:var(--space-2)} @media(max-width:47.4375rem){ .footline{flex-direction:column;align-items:flex-start} } .btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.625rem 1.25rem;border:1px solid transparent;border-radius:var(--radius);font:700 1rem/1.25 var(--font);letter-spacing:.01em;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out} .btn-primary{background:var(--red);border-color:var(--red);color:var(--stock)} .btn-primary:hover{background:var(--red-dark);border-color:var(--red-dark);color:var(--stock)} .btn-secondary{background:transparent;border-color:var(--ink);color:var(--ink)} .btn-secondary:hover{background:var(--wash-strong);color:var(--ink)} .btn-quiet{min-height:2.75rem;padding:.625rem .25rem;background:transparent;border-color:transparent;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em} .btn-quiet:hover{color:var(--red)} .btn:disabled,.btn[aria-disabled=true]{background:transparent;border:1px dashed var(--ink-2);color:var(--ink-2);cursor:not-allowed} .btn:disabled:hover,.btn[aria-disabled=true]:hover{background:transparent;border-color:var(--ink-2);color:var(--ink-2)} .text-link{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em} .text-link:hover{color:var(--red)} @media(prefers-reduced-motion:reduce){.btn{transition:none}} @media (forced-colors: active) { .btn-primary{background:ButtonFace;color:ButtonText;border-color:ButtonText} .btn:disabled,.btn[aria-disabled=true]{border-color:GrayText;color:GrayText} } .ticket{position:relative;margin:0 var(--sheet-2) var(--sheet-2) 0;background:var(--stock);border:1px solid var(--ink)} .ticket::before,.ticket::after{content:"";position:absolute;inset:-1px;z-index:-1;border:1px solid var(--ink)} .ticket::before{background:var(--pink);transform:translate(var(--sheet-2),var(--sheet-2));box-shadow:0 1.25rem 1.5rem -1.1rem var(--drop)} .ticket::after{background:var(--canary);transform:translate(var(--sheet-1),var(--sheet-1))} .strip{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem var(--space-2);padding:.875rem var(--pad) 1rem;position:relative;border-bottom:1px solid var(--red);padding-bottom:1.25rem} .strip::after{content:"";position:absolute;left:0;right:0;bottom:.1875rem;border-top:1px solid var(--red)} .label{font-size:var(--fs-label);font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:var(--red)} .serial{font-size:1.125rem;font-weight:800;line-height:1.2;letter-spacing:.06em;color:var(--red);font-variant-numeric:tabular-nums lining-nums} .field{position:relative;padding:var(--space-4) var(--pad) var(--space-5);border-top:1px solid var(--red)} .strip + .field{border-top:0} .field > h2{width:fit-content;max-width:calc(100% + .5rem);margin:calc(var(--space-4) * -1 - .54em) 0 0 -.5rem;padding:0 .5rem;background:var(--stock)} .field-body{min-width:0;margin-top:var(--space-2)} .field-body > p:first-child{max-width:46ch} .field-label + .field-body{margin-top:0} .field-label{position:absolute;top:0;left:calc(var(--pad) - .5rem);transform:translateY(-50%);padding:0 .5rem;background:var(--stock);font-size:var(--fs-label);font-weight:700;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;color:var(--red)} @keyframes perforate{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}} .stub{position:relative;padding:var(--space-6) var(--pad) var(--space-4);background:var(--stock)} .stub::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:repeating-linear-gradient(90deg,var(--ink) 0 .375rem,transparent .375rem .75rem)} .stub-serial{position:absolute;top:.875rem;right:var(--pad);font-size:var(--fs-small)} @media (forced-colors: active) { .strip{padding-bottom:1rem;border-bottom:3px double CanvasText} .strip::after{display:none} .stub::before{background:repeating-linear-gradient(90deg,CanvasText 0 .375rem,transparent .375rem .75rem)} .field{border-top-color:CanvasText} .field > h2,.field-label{background:Canvas} .ticket::before,.ticket::after{background:Canvas} } .site-header{position:sticky;top:0;z-index:40;min-height:var(--header-min);background:var(--stock);border-bottom:1px solid var(--ink)} .nav{display:flex;flex-wrap:wrap;align-items:center;gap:.125rem .75rem;min-height:var(--header-min);padding-block:.25rem} .brand{display:flex;flex:1 1 auto;align-items:center;gap:.625rem;min-width:0;min-height:2.75rem;color:var(--ink);font-size:1.125rem;font-weight:800;line-height:1.15;letter-spacing:-.015em;text-decoration:none} .brand:hover{color:var(--ink)} .brand svg{flex:none;width:1.25rem;height:1.75rem} .links{display:flex;flex-wrap:wrap;gap:0 var(--space-3);margin:0;padding:0;list-style:none} .links a{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--ink);font-weight:600;text-decoration:none} .links a:hover{color:var(--red);text-decoration:underline;text-underline-offset:.3em} .nav-toggle{display:none;align-items:center;min-width:2.75rem;min-height:2.75rem;padding:0 .5rem;border:0;border-radius:var(--radius);background:transparent;color:var(--ink);font:700 var(--fs-small)/1 var(--font);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em;cursor:pointer} .nav-toggle:hover{color:var(--red)} .nav .btn{min-height:2.75rem;padding:.375rem 1rem;font-size:var(--fs-small);white-space:nowrap} .nav-back{display:inline-flex;align-items:center;min-height:2.75rem;font-weight:700;font-size:var(--fs-small)} @media(min-width:47.5rem){ .links[hidden]{display:flex!important} } @media(max-width:47.4375rem){ :root{--header-min:3.25rem} .nav{gap:.125rem .5rem} .brand{flex:1 1 6rem;font-size:.875rem;gap:.5rem} .brand svg{width:1.0625rem;height:1.5rem} .nav .btn{padding:.375rem .75rem} .links{order:3;flex:1 1 100%;padding:.125rem 0 .25rem;border-top:1px solid var(--hair)} .js-nav .nav-toggle{display:inline-flex} .js-nav .links{position:absolute;top:100%;left:0;right:0;flex-direction:column;flex-wrap:nowrap;gap:0;padding:.25rem max(.75rem,4%) .5rem;background:var(--stock);border-top:0;border-bottom:1px solid var(--ink)} .js-nav .links li + li{border-top:1px solid var(--hair)} .js-nav .links a{width:100%;min-height:3rem} } @media(max-height:31.25rem){ .site-header{position:static} } .consent{position:fixed;z-index:60;left:0;right:0;bottom:0;padding:.375rem 0;background:var(--stock);border-top:1px dashed var(--ink)} .consent::before{content:"";position:absolute;left:0;right:0;top:-.375rem;height:1px;background:var(--ink)} .consent-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem var(--space-3)} .consent p{flex:1 1 18rem;font-size:var(--fs-small);line-height:1.35;color:var(--ink)} .consent-actions{display:flex;flex:0 1 auto;flex-wrap:wrap;gap:.375rem .5rem} .consent .btn{flex:0 1 auto;min-height:2.75rem;padding:.25rem 1rem;font-size:var(--fs-small)} @media(max-width:47.4375rem){ .consent p{flex-basis:100%;font-size:var(--fs-label);line-height:1.35} .consent-actions{flex:1 1 100%} .consent .btn{flex:1 1 7rem} .consent .opt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} } @media(max-height:31.25rem){ .consent{padding:.25rem 0} .consent p{flex:1 1 18rem} .consent-actions{flex:0 1 auto} .consent .btn{flex:0 1 auto} } @media (forced-colors: active) { .consent::before{background:CanvasText} } .quiz .strip h1{font-size:clamp(1.125rem,.95rem + .8vw,1.5rem);line-height:1.15;letter-spacing:-.01em;text-transform:uppercase} .quiz-body{padding:var(--space-4) var(--pad) var(--space-5)} .quiz-body p{max-width:60ch} .quiz-body h2{max-width:20ch} .quiz-intro-title,.q-title{font-size:var(--fs-h2);scroll-margin-top:5rem} .quiz-lede{margin-top:var(--space-2);font-size:1.1875rem;line-height:1.5} .q-counter{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem var(--space-2);margin:0 0 var(--space-3);font-size:var(--fs-small);font-weight:700;color:var(--red);font-variant-numeric:tabular-nums lining-nums} .q-boxes{display:flex;gap:.25rem} .q-boxes i{display:block;width:1.25rem;height:.625rem;border:1px solid var(--red)} .q-boxes i.is-done{background:var(--red)} .q-help{margin-top:var(--space-1);color:var(--ink-2)} .q-options{display:block;margin:var(--space-3) 0;border:0;border-top:1px solid var(--ink);padding:0;min-width:0} .q-option{display:flex;align-items:center;gap:var(--space-2);min-height:3.5rem;padding:.75rem .5rem;border-bottom:1px solid var(--hair);color:var(--ink);font-weight:600;line-height:1.35;cursor:pointer} .q-option > span{min-width:0;overflow-wrap:anywhere} .q-option:hover{background:var(--wash)} .q-option:has(input:checked){background:var(--canary-wash);border-bottom-color:var(--ink)} .q-option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:-3px} input[type=radio]{--tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 12.5l5 5.5L20 5.5' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");appearance:none;-webkit-appearance:none;position:relative;flex:none;width:1.5rem;height:1.5rem;margin:0;border:2px solid var(--ink);border-radius:0;background:var(--stock);color:var(--ink);cursor:pointer} input[type=radio]::after{content:"";position:absolute;inset:0;background:currentColor;-webkit-mask:var(--tick) center/100% no-repeat;mask:var(--tick) center/100% no-repeat;opacity:0} input[type=radio]:checked::after{opacity:1} input[type=radio]:focus-visible{outline:none} .q-option:hover input[type=radio]:not(:checked){border-color:var(--red)} .quiz-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-1) var(--space-2)} .quiz-hint{flex:1 1 100%;min-height:1.5rem;margin:0 0 var(--space-1);font-size:var(--fs-small);font-weight:600;color:var(--ink-2)} .quiz-hint.is-done{visibility:hidden} .quiz-controls .btn-primary[aria-disabled=true]{min-width:min(9rem,100%)} .result-list.next-action{margin-top:var(--space-3);border-top:1px solid var(--ink)} .result-list{margin:0;padding:0;list-style:none;counter-reset:action} .result-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 var(--space-2);padding:.875rem 0;border-bottom:1px solid var(--hair);counter-increment:action;font-weight:600;line-height:1.4} .result-list li:last-child{border-bottom:1px solid var(--ink)} .result-list li::before{content:counter(action);min-width:1.5rem;font-size:1.5rem;font-weight:800;line-height:1.1;color:var(--red);font-variant-numeric:tabular-nums lining-nums} .recap{margin-top:var(--space-2);font-size:var(--fs-small);font-weight:600;color:var(--ink)} .recap .label{margin-right:.25rem} .q-title + .q-help + .recap,.q-title + .recap{margin-top:var(--space-1)} .result-why{margin-top:var(--space-2);font-size:var(--fs-small);color:var(--ink-2)} .about-result{margin-top:var(--space-1)} .about-result > p{margin-top:var(--space-1);max-width:60ch;font-size:var(--fs-small);color:var(--ink-2)} .result-copy{width:100%;min-height:16rem;margin-top:var(--space-2);padding:var(--space-2);border:1px solid var(--ink);border-radius:var(--radius);background:var(--stock);color:var(--ink);font:.875rem/1.5 ui-monospace,Menlo,Consolas,monospace} .copy-details{margin-top:var(--space-2);border-top:1px solid var(--hair);padding-top:var(--space-1)} .copy-details summary,.about-result summary{display:flex;align-items:center;min-height:2.75rem;cursor:pointer;color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px} .copy-details summary::marker,.about-result summary::marker{color:var(--red)} .result-stub{position:relative;margin:var(--space-4) calc(var(--pad) * -1) calc(var(--space-5) * -1);padding:var(--space-4) var(--pad) var(--space-4);background:var(--canary-wash)} .result-stub::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:repeating-linear-gradient(90deg,var(--ink) 0 .375rem,transparent .375rem .75rem);animation:perforate .9s cubic-bezier(.16,1,.3,1) both} .quiz-body .stub-label{max-width:none} .stub-label{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem var(--space-2);font-size:var(--fs-small);font-weight:700;color:var(--red)} .quiz-body .stub-invite{margin-top:var(--space-2);font-weight:600;color:var(--ink)} .result-stub .actions{margin-top:var(--space-2)} .restart-confirm{padding:var(--space-3);border:1px solid var(--ink);background:var(--canary-wash)} .restart-confirm p{font-weight:700} @media(prefers-reduced-motion:reduce){.result-stub::before{animation:none}} @media(max-width:47.4375rem){ .quiz-body{padding:var(--space-3) var(--pad) var(--space-4)} .quiz-controls .btn{flex:1 1 0} .result-stub{margin-bottom:calc(var(--space-4) * -1)} .result-stub .actions .btn-primary{flex:1 1 100%} } @media (forced-colors: active) { input[type=radio]{border-color:ButtonText;background:Canvas;color:ButtonText} input[type=radio]::after{background:CanvasText} input[type=radio]:checked{border-color:Highlight} .q-option:has(input:checked){background:Canvas;outline:2px solid Highlight;outline-offset:-2px;border-bottom-color:CanvasText} .q-option:has(input:focus-visible){outline:3px solid Highlight;outline-offset:-3px} .q-boxes i{border-color:CanvasText} .q-boxes i.is-done{background:CanvasText} .next-action,.q-options{border-color:CanvasText} .result-stub{background:Canvas} .result-stub::before{background:repeating-linear-gradient(90deg,CanvasText 0 .375rem,transparent .375rem .75rem)} } #sgp-book-extra:not(:empty){margin-top:var(--space-2)} .booking-dialog{box-sizing:border-box;width:min(42.5rem,calc(100% - 1.75rem));max-height:calc(100dvh - 2rem);overflow:auto;border:1px solid var(--ink);border-radius:var(--radius);background:var(--stock);color:var(--ink);padding:clamp(1.25rem,5vw,2.5rem);box-shadow:none} .booking-dialog::before{content:"";display:block;height:5px;margin:calc(clamp(1.25rem,5vw,2.5rem) * -1) calc(clamp(1.25rem,5vw,2.5rem) * -1) 0;border-bottom:1px solid var(--red);border-top:1px solid var(--red);background:var(--stock)} .booking-dialog::backdrop{background:var(--scrim)} .booking-dialog h2{margin:var(--space-1) 0 var(--space-2);font-size:var(--fs-h2)} .booking-close{display:block;margin:0 0 0 auto;padding:.625rem .25rem;min-height:2.75rem;border:0;background:transparent;color:var(--ink);font:700 var(--fs-small)/1.25 var(--font);text-decoration:underline;text-underline-offset:.25em;cursor:pointer} .booking-close:hover{color:var(--red)} .booking-intro{margin-bottom:var(--space-3);color:var(--ink-2)} .booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--ink)} .booking-field{display:flex;flex-direction:column;gap:.375rem;min-width:0;font-size:var(--fs-label);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red)} .booking-field:nth-child(3){grid-column:1/-1} .booking-field input,.booking-field select{box-sizing:border-box;width:100%;min-width:0;min-height:2.75rem;padding:.625rem .75rem;border:1px solid var(--ink);border-radius:var(--radius);background:var(--stock);color:var(--ink);font:400 var(--fs-body)/1.3 var(--font);letter-spacing:0;text-transform:none} .booking-field :disabled{background:var(--wash-strong);border-style:dashed;color:var(--ink-2);cursor:default} .booking-dialog .context{margin:var(--space-2) 0;font-size:var(--fs-small);color:var(--ink-2)} .booking-status{margin:var(--space-2) 0;padding:var(--space-2);border:1px solid var(--ink);border-radius:var(--radius);background:var(--canary-wash);color:var(--ink);font-size:var(--fs-small);line-height:1.5} .booking-security{min-height:65px;margin:var(--space-2) 0} .booking-dialog .text-link{margin-top:var(--space-1)} .booking-dialog :focus-visible{outline:3px solid var(--focus);outline-offset:2px} @media(max-width:32.5rem){ .booking-grid{grid-template-columns:1fr} .booking-field:nth-child(3){grid-column:auto} .booking-dialog{padding:1.25rem} .booking-dialog::before{margin:-1.25rem -1.25rem 0} .booking-dialog .btn{width:100%} } .intake-notice{margin-top:var(--space-2);padding-top:var(--space-1);max-width:60ch;border-top:1px solid var(--hair);font-size:var(--fs-small);line-height:1.5;color:var(--ink-2)} .q-options + .intake-notice{margin-top:0;margin-bottom:var(--space-2)} .intake-line{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-1);margin-top:var(--space-1);min-height:2.75rem} .intake-status{margin:0;font-size:var(--fs-small);font-weight:700;letter-spacing:.01em;color:var(--red);font-variant-numeric:tabular-nums lining-nums} .intake-status[data-state=failed]{padding:.25rem .5rem;border:1px dashed var(--ink);color:var(--ink)} .intake-line .btn-quiet{padding-inline:.5rem} .stub-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-1) var(--space-2);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--hair)} .quiz-body .stub-contact p{max-width:none;font-weight:600} .inquiry-dialog{width:min(36rem,calc(100% - 1.75rem))} .inquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--ink)} .inquiry-field{display:flex;flex-direction:column;gap:.375rem;min-width:0;font-size:var(--fs-label);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red)} .inquiry-field.is-wide{grid-column:1/-1} .inquiry-field input,.inquiry-field textarea{box-sizing:border-box;width:100%;min-width:0;min-height:2.75rem;padding:.625rem .75rem;border:1px solid var(--ink);border-radius:var(--radius);background:var(--stock);color:var(--ink);font:400 var(--fs-body)/1.3 var(--font);letter-spacing:0;text-transform:none} .inquiry-field textarea{min-height:6.5rem;line-height:1.5;resize:vertical} .inquiry-field :disabled{background:var(--wash-strong);border-style:dashed;color:var(--ink-2);cursor:default} .inquiry-hint{margin:0;font-size:var(--fs-label);font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink-2)} .inquiry-status{margin:var(--space-2) 0} .inquiry-ref{display:block;margin-top:.25rem;font-weight:700;font-variant-numeric:tabular-nums lining-nums} .inquiry-actions{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2)} @media(max-width:47.4375rem){ .stub-contact .btn{flex:1 1 100%} } @media(max-width:32.5rem){ .inquiry-grid{grid-template-columns:1fr} .inquiry-actions .btn{width:100%} } @media (forced-colors: active) { .intake-notice,.stub-contact,.inquiry-grid{border-color:CanvasText} .intake-status,.intake-status[data-state=failed]{color:CanvasText} .intake-status[data-state=failed]{border-color:CanvasText} .inquiry-field{color:CanvasText} .inquiry-field input,.inquiry-field textarea{border-color:ButtonText;background:Field;color:FieldText} .inquiry-field :disabled{border-color:GrayText;color:GrayText} .inquiry-hint{color:CanvasText} .inquiry-dialog .booking-status{border-color:CanvasText;background:Canvas} } .checkup-page{padding:var(--space-2) 0 var(--space-4)} @media(max-width:47.4375rem){.checkup-page{padding:0 0 var(--space-2)}}