.sq-page{--sq-ink:#173b32;--sq-muted:#536c63;--sq-green:#285d4c;--sq-paper:#fff;--sq-line:#ccded5;color:var(--sq-ink);padding-top:24px}.sq-page a{text-underline-offset:4px}.sq-eyebrow{letter-spacing:.13em;color:var(--sq-green);margin:0 0 12px;font-size:11px;font-weight:700}.sq-intro{grid-template-columns:1.2fr 1fr;align-items:center;gap:35px;margin:18px 0 28px;display:grid}.sq-intro h1{letter-spacing:-.065em;margin:0 0 18px;font-family:Space Grotesk,sans-serif;font-size:clamp(44px,5.6vw,70px);font-weight:700;line-height:.98}.sq-intro h1 em{color:#b63d29;font-style:normal}.sq-intro>div>p:not(.sq-eyebrow){font-size:17px;line-height:1.6}.sq-intro-note{color:var(--sq-muted);margin-top:14px;font-size:12px;display:block}.sq-shelf{border-bottom:3px solid var(--sq-ink);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px;padding:15px 10px 10px;display:flex}.sq-shelf>.sq-bottle:nth-child(2){margin-bottom:7px;transform:rotate(7deg)}.sq-shelf>.sq-bottle:nth-child(3){transform:rotate(-5deg)}.sq-shelf>span{text-align:center;flex-basis:100%;margin-top:4px;font-family:Georgia,serif;font-size:14px;font-style:italic}.sq-bottle{filter:drop-shadow(0 7px #173b3210);flex-shrink:0;width:155px}.sq-bottle-cap{border:2px solid var(--sq-ink);z-index:1;background:repeating-linear-gradient(90deg,#e7eee9 0 4px,#b8cac0 4px 5px);border-radius:8px 8px 0 0;width:64px;height:25px;margin:auto;position:relative}.sq-bottle-body{border:2px solid var(--sq-ink);background:var(--sauce-color);border-radius:35px 35px 18px 18px;justify-content:center;align-items:center;height:205px;display:flex;position:relative}.sq-bottle-body:before{content:"";background:#ffffff4d;border-radius:8px;width:5px;position:absolute;top:18px;bottom:18px;left:12px}.sq-bottle-label{text-align:center;color:var(--sq-ink);border-block:2px solid var(--sq-ink);background:#fffef8;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:calc(100% + 4px);min-height:115px;padding:12px 8px;display:flex}.sq-bottle-label>span{letter-spacing:.12em;font-size:8px;font-weight:700}.sq-bottle-label strong{letter-spacing:-.04em;max-width:130px;font:700 21px/1.05 Space Grotesk,sans-serif}.sq-bottle-label i{font:22px/1 Georgia,serif}.sq-bottle-small{width:84px}.sq-bottle-small .sq-bottle-cap{border-radius:5px 5px 0 0;width:36px;height:16px}.sq-bottle-small .sq-bottle-body{border-radius:24px 24px 10px 10px;height:126px}.sq-bottle-small .sq-bottle-label{gap:6px;min-height:75px;padding:7px 3px}.sq-bottle-small .sq-bottle-label>span{font-size:5px}.sq-bottle-small .sq-bottle-label strong,.sq-bottle-small .sq-bottle-label i{font-size:14px}.sq-quiz{border:1px solid var(--sq-line);background:#fff;border-radius:18px;scroll-margin-top:24px;overflow:hidden;box-shadow:0 7px #e4eee7}.sq-quiz-top{letter-spacing:.08em;background:#eaf4ee;justify-content:space-between;align-items:center;gap:14px;padding:18px 26px;font-size:11px;font-weight:700;display:flex}.sq-quiz-top>span:last-child{white-space:nowrap;letter-spacing:0}.sq-quiz progress{appearance:none;width:100%;height:5px;accent-color:var(--sq-green);background:#eaf4ee;border:0;display:block}.sq-quiz progress::-webkit-progress-bar{background:#eaf4ee}.sq-quiz progress::-webkit-progress-value{background:var(--sq-green)}.sq-question-panel{max-width:900px;margin:auto;padding:28px 32px 12px}.sq-page h2{letter-spacing:-.035em;font:700 30px/1.2 Space Grotesk,sans-serif}.sq-question-panel h2{max-width:730px;margin:0 0 24px}.sq-question-panel fieldset{border:0;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;display:grid}.sq-page .sq-option{border:1px solid var(--sq-line);cursor:pointer;overflow-wrap:anywhere;background:#fff;border-radius:10px;align-items:center;gap:12px;min-height:88px;margin:0;padding:15px;font-size:14px;font-weight:500;line-height:1.6;display:flex;position:relative}.sq-option input{opacity:0;width:1px;height:1px;position:absolute}.sq-option-letter{border:1px solid var(--sq-line);background:#eff5f1;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font:700 12px/1 Space Grotesk,sans-serif;display:grid}.sq-option>span:nth-last-child(2){flex:1}.sq-option-check{opacity:0;flex-shrink:0;font-weight:700}.sq-page .sq-option.sq-selected{border:2px solid var(--sq-green);background:#eff7f1;padding:14px}.sq-selected .sq-option-letter{background:var(--sq-green);border-color:var(--sq-green);color:#fff}.sq-selected .sq-option-check{opacity:1}.sq-option:has(input:focus-visible){outline-offset:3px;outline:3px solid #bd8126}.sq-step-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.sq-step-actions>span{color:var(--sq-muted);font-size:11px}.sq-primary,.sq-secondary,.sq-text{cursor:pointer;border-radius:8px;min-height:46px;padding:12px 16px;font-size:12px;font-weight:700}.sq-primary{border:1px solid var(--sq-green);background:var(--sq-green);color:#fff}.sq-primary:hover{background:#174c3b}.sq-secondary{color:var(--sq-ink);background:#fff;border:1px solid #a9c3b7}.sq-text{text-underline-offset:4px;color:var(--sq-muted);background:0 0;border:0;text-decoration:underline}.sq-page button:disabled{opacity:.45;cursor:not-allowed}.sq-page :focus-visible{outline-offset:3px;outline:3px solid #bd8126}.sq-page h2:focus{outline:none}.sq-small{color:var(--sq-muted);margin:14px 0;font-size:11px;line-height:1.7}.sq-message{overflow-wrap:anywhere;margin:0 26px 14px;font-size:13px;line-height:1.7}.sq-message:empty{margin:0}.sq-storage-warning{background:#fff6df;border:1px solid #e3c77e;border-radius:8px;margin:16px 26px;padding:12px;font-size:12px;line-height:1.7}.sq-copy-fallback{margin:12px 26px;font-size:13px;display:block}.sq-copy-fallback textarea{width:100%;min-height:130px;margin-top:8px;font-size:16px;display:block}.sq-result{grid-template-columns:240px 1fr;gap:35px;padding:34px;display:grid}.sq-result-visual{border-right:1px dashed var(--sq-line);background:repeating-linear-gradient(0deg,#fff0 0 29px,#285d4c0a 29px 30px);justify-content:center;align-self:stretch;align-items:flex-start;padding-top:35px;display:flex}.sq-result h2{margin:0 0 10px;font-size:42px}.sq-result-tagline{font:italic 20px/1.5 Georgia,serif}.sq-result-copy>p:not(.sq-eyebrow):not(.sq-result-tagline):not(.sq-small){color:var(--sq-muted);margin:16px 0;font-size:14px;line-height:1.85}.sq-traits{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.sq-traits span{background:#eaf4ee;border-radius:20px;padding:6px 10px;font-size:11px}.sq-result h3{margin:20px 0 8px;font-size:16px}.sq-result ul{color:var(--sq-muted);padding-left:18px;font-size:13px;line-height:1.8}.sq-runner-up{border-top:1px dashed var(--sq-line);padding-top:15px}.sq-result-actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.sq-guide{margin:52px auto 0}.sq-guide-heading{max-width:730px}.sq-guide h2{margin:0 0 16px}.sq-guide p{color:var(--sq-muted);margin:12px 0 18px;font-size:14px;line-height:1.85}.sq-sauce-grid{grid-template-columns:repeat(2,1fr);gap:22px 35px;margin-top:30px;display:grid}.sq-sauce-grid>section{border-top:1px solid var(--sq-line);padding:20px 0}.sq-sauce-heading{align-items:center;gap:10px;display:flex}.sq-sauce-heading>span{border-radius:50%;flex-shrink:0;width:16px;height:16px}.sq-sauce-heading h3{letter-spacing:-.035em;margin:0;font:700 23px/1.3 Space Grotesk,sans-serif}.sq-guide .sq-sauce-tagline{color:var(--sq-ink);font:italic 17px/1.6 Georgia,serif}.sq-guide .sq-sauce-nudge{margin-bottom:0;font-size:12px}.sq-method{background:#eaf4ee;border-radius:16px;grid-template-columns:1fr 1fr;gap:40px;margin:32px 0;padding:32px;display:grid}.sq-method h3{margin:24px 0 8px;font-size:18px}.sq-method>div>h3:first-child{margin-top:0}.sq-faq{max-width:850px;margin:40px auto}.sq-faq details{border-bottom:1px solid var(--sq-line)}.sq-faq summary{cursor:pointer;padding:18px 0;font-size:14px;font-weight:600;line-height:1.6}.sq-faq p{font-size:13px}.sq-next{border-block:1px solid var(--sq-line);justify-content:space-between;align-items:center;gap:25px;padding:24px 0;display:flex}.sq-next h2{font-size:24px}.sq-next a{color:var(--sq-green);flex-shrink:0;min-height:44px;padding:12px 0;font-size:13px;font-weight:700}.sq-guide .sq-editorial{margin-top:25px;font-size:11px}.sq-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:800px){.sq-result{grid-template-columns:150px 1fr;gap:20px;padding:25px}.sq-result-visual{border:0}.sq-result .sq-bottle{transform-origin:top;transform:scale(.8)}.sq-method{gap:25px;padding:25px}.sq-shelf{gap:10px}.sq-shelf .sq-bottle-small{width:72px}.sq-intro h1{font-size:52px}}@media (max-width:560px){.sq-page{padding-top:16px}.sq-intro{grid-template-columns:1fr 115px;gap:10px;margin:12px 0 22px}.sq-intro h1{margin-bottom:12px;font-size:43px}.sq-intro>div>p:not(.sq-eyebrow){font-size:13px}.sq-intro-note{margin-top:10px;font-size:10px;line-height:1.8}.sq-eyebrow{margin-bottom:9px;font-size:9px;line-height:1.7}.sq-shelf{border:0;gap:0;padding:0}.sq-shelf .sq-bottle-small:not(:nth-child(2)),.sq-shelf>span{display:none}.sq-shelf .sq-bottle-small:nth-child(2){width:83px;margin:0;transform:rotate(7deg)}.sq-quiz-top{letter-spacing:.03em;gap:8px;padding:14px 16px;font-size:9px}.sq-question-panel{padding:20px 16px 8px}.sq-page h2{font-size:25px}.sq-question-panel h2{margin-bottom:18px;font-size:24px}.sq-question-panel fieldset{grid-template-columns:1fr;gap:9px}.sq-page .sq-option{gap:10px;min-height:67px;padding:11px;font-size:14px}.sq-page .sq-option.sq-selected{padding:10px}.sq-option-letter{flex-basis:26px;width:26px;height:26px;font-size:11px}.sq-step-actions{flex-wrap:wrap;gap:8px;margin-top:20px}.sq-primary,.sq-secondary,.sq-text{padding:11px 12px;font-size:12px}.sq-step-actions>span{display:none}.sq-small{font-size:10px}.sq-message,.sq-storage-warning,.sq-copy-fallback{margin-inline:16px}.sq-result{grid-template-columns:1fr;gap:16px;padding:20px 18px}.sq-result-visual{background:0 0;padding:0}.sq-result .sq-bottle{width:105px;transform:none}.sq-result .sq-bottle-cap{width:42px;height:18px}.sq-result .sq-bottle-body{border-radius:25px 25px 12px 12px;height:140px}.sq-result .sq-bottle-label{gap:6px;min-height:85px}.sq-result .sq-bottle-label strong{font-size:17px}.sq-result .sq-bottle-label i{font-size:15px}.sq-result h2{font-size:34px}.sq-result-tagline{font-size:19px}.sq-result-copy>p:not(.sq-eyebrow):not(.sq-result-tagline):not(.sq-small){font-size:14px}.sq-result-actions{grid-template-columns:1fr 1fr;display:grid}.sq-result-actions .sq-primary{grid-column:1/-1}.sq-guide{margin-top:38px}.sq-sauce-grid,.sq-method{grid-template-columns:1fr;gap:20px}.sq-sauce-grid>section{padding:18px 0 0}.sq-method{margin-top:25px;padding:22px 18px}.sq-guide p{font-size:13px}.sq-next{display:block}.sq-next a{display:inline-block}.sq-page .gt-breadcrumb{flex-wrap:wrap;font-size:10px;line-height:1.7}}@media (max-width:360px){.sq-intro{grid-template-columns:1fr 85px}.sq-intro h1{font-size:37px}.sq-shelf .sq-bottle-small:nth-child(2){width:68px}.sq-quiz-top>span:first-child{max-width:150px}.sq-primary,.sq-secondary{padding-inline:10px}.sq-result h2{font-size:30px}}@media (prefers-reduced-motion:no-preference){.sq-option,.sq-primary{transition:background-color .15s,border-color .15s}.sq-option:hover{border-color:var(--sq-green)}}.sq-result-copy .sq-message,.sq-result-copy .sq-copy-fallback,.sq-result-copy .sq-storage-warning{margin:14px 0}.sq-result-copy .sq-message:empty{margin:0}
