.style-how{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:var(--ex-muted);margin:24px 0}.style-how span{display:flex;gap:8px;align-items:center}.style-how b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #b6c5b3;font-size:12px}.style-start-note{max-width:410px}.quiz-wrap{padding-top:34px;padding-bottom:45px;max-width:1040px}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--ex-muted)}.quiz-progress{height:4px;background:#dce3d5;border-radius:10px;margin:14px 0 26px;overflow:hidden}.quiz-progress span{display:block;height:100%;background:var(--ex-green);transition:width .2s}.quiz-title{font:500 clamp(32px,4vw,49px)/1.15 var(--ex-display);margin:0 0 12px;letter-spacing:-.02em}.quiz-hint{color:var(--ex-muted);margin:0 0 25px}.quiz-options{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border:0;padding:0;margin:0}.quiz-choice{display:block;position:relative;min-width:0;cursor:pointer}.quiz-choice input{position:absolute;top:12px;right:12px;accent-color:var(--ex-green);width:22px;height:22px;z-index:2;margin:0}.quiz-option-inner{border:2px solid transparent;overflow:hidden;border-radius:19px;background:#fff;box-shadow:0 2px 12px #213a2410;height:100%;transition:border-color .15s,transform .15s}.quiz-choice input:checked+.quiz-option-inner{border-color:var(--ex-green);background:#edf2e6}.quiz-choice input:focus-visible+.quiz-option-inner{outline:3px solid #bc783d;outline-offset:4px}.quiz-choice img{width:100%;height:260px;object-fit:cover;display:block}.quiz-option-copy{padding:17px 15px}.quiz-option-copy b{display:block;font-size:15px;font-weight:600;line-height:1.4}.quiz-option-copy small{display:block;font-size:14px;color:var(--ex-muted);line-height:1.6;margin-top:12px}.quiz-choice:hover .quiz-option-inner{transform:translateY(-3px)}.quiz-palette{height:230px;display:flex}.quiz-palette span{flex:1}.quiz-text-choice .quiz-option-inner{min-height:225px;display:flex;align-items:end;background:linear-gradient(150deg,#f0f1e4,#fff)}.quiz-text-choice .quiz-option-copy{padding:54px 18px 24px}.quiz-text-choice .quiz-option-copy b{font:500 28px/1.12 var(--ex-display)}.quiz-nav{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:28px}.quiz-review{display:grid;gap:12px;margin:25px 0}.quiz-review>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--ex-line);padding:12px 0;font-size:14px}.quiz-review span{color:var(--ex-muted)}.style-wait{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start;padding-top:55px;padding-bottom:50px}.style-wait .ex-title{font-size:49px}.style-sealed{padding:40px 24px;border-radius:28px;background:#e6eddf;text-align:center}.style-sealed>span{font:90px/1 var(--ex-display);color:#78926f;display:block;margin-bottom:18px}.style-sealed h2{font:500 35px var(--ex-display);margin:0 0 12px}.style-sealed p{max-width:320px;margin:0 auto;color:var(--ex-muted)}.style-link-field{width:100%;padding:12px;border-radius:10px;border:1px solid #b6c5b3;font-size:14px;margin-top:12px}.style-wait-details{margin-top:28px;padding-top:22px;border-top:1px solid var(--ex-line);font-size:14px}.style-wait-details summary{cursor:pointer;min-height:40px}.style-result-intro{text-align:center;max-width:800px;margin:auto;padding:45px 20px 30px}.style-result-intro .ex-title{font-size:clamp(42px,5.4vw,67px);margin:16px auto 20px}.style-result-intro p{max-width:600px;margin:0 auto;color:var(--ex-muted)}.style-board{padding:20px;background:#fff;border:1px solid #e2e5db;box-shadow:0 14px 55px #2335230d;border-radius:5px;max-width:890px;margin:auto}.style-board-top{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.13em;margin:3px 0 18px;color:#6b776b}.style-board-photos{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:9px;height:320px}.style-board-photos img{width:100%;height:100%;object-fit:cover;min-width:0}.style-board-photos img:first-child{border-radius:80px 3px 3px 3px}.style-board-caption{padding:24px 8px 7px;display:flex;align-items:center;gap:28px;justify-content:space-between}.style-board-caption h2{font:500 31px/1.12 var(--ex-display);margin:0;max-width:300px}.style-swatches{display:flex;gap:11px}.style-swatch{display:grid;gap:6px;text-align:center;font-size:11px;color:var(--ex-muted)}.style-swatch i{width:42px;height:42px;border-radius:50%;border:1px solid #00000009}.style-result-actions{justify-content:center;margin:28px auto 15px}.style-result-note{text-align:center}.style-blend{display:grid;grid-template-columns:1fr 1fr;gap:18px}.style-blend ul{padding-left:19px;font-size:15px;color:var(--ex-muted)}.style-blend li{margin:9px 0}.style-compare-table{border-collapse:collapse;width:100%;font-size:14px}.style-compare-table th,.style-compare-table td{border-bottom:1px solid var(--ex-line);padding:14px 10px;text-align:left;vertical-align:top}.style-compare-table th{font-size:12px;color:var(--ex-muted);font-weight:600}.style-compare-table td:first-child{font-weight:600}.style-match-mark{display:inline-block;font-size:11px;padding:2px 7px;border-radius:20px;background:#e4eddb;margin-top:4px}.style-related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.style-summary-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.style-shared-notice{text-align:center;padding:14px;background:#e8efdf;font-size:14px}.style-delete{color:#974937}.style-credits{font-size:12px;color:var(--ex-muted);max-width:700px;margin:28px auto 0;text-align:center}.style-credits a{text-underline-offset:3px}
@media(max-width:850px){.quiz-options{grid-template-columns:1fr 1fr}.quiz-choice img{height:225px}.style-board-caption{display:block}.style-swatches{margin-top:20px}.style-board-photos{height:280px}.style-wait{gap:24px}.style-related{grid-template-columns:1fr}}
@media(max-width:600px){.style-how{gap:14px}.quiz-wrap{padding-top:26px}.quiz-options{gap:12px}.quiz-choice img{height:190px}.quiz-option-copy{padding:14px 11px}.quiz-option-copy b{font-size:14px}.quiz-title{font-size:35px}.quiz-palette{height:180px}.quiz-text-choice .quiz-option-inner{min-height:225px}.quiz-text-choice .quiz-option-copy b{font-size:25px}.style-wait{grid-template-columns:1fr;padding-top:32px}.style-wait .ex-title{font-size:44px}.style-sealed{padding:24px}.style-sealed>span{font-size:64px}.style-board{padding:12px}.style-board-photos{height:235px;grid-template-columns:1.3fr 1fr}.style-board-photos img:last-child{display:none}.style-board-caption{padding:21px 7px 8px}.style-board-caption h2{font-size:29px}.style-swatch i{width:39px;height:39px}.style-swatches{gap:12px}.style-blend{grid-template-columns:1fr}.style-compare-table{font-size:12px}.style-compare-table th,.style-compare-table td{padding:12px 5px}.style-result-actions .ex-btn{flex:1 1 150px}.quiz-review>div{font-size:13px}.style-board-top{font-size:10px}.quiz-choice input{width:21px;height:21px}}
@media print{.ex-header,.ex-footer,.style-result-actions,.style-result-note,.style-related,.style-credits,.ex-toast{display:none!important}.style-board{box-shadow:none;break-inside:avoid}.style-result-intro{padding-top:0}.style-compare-table{break-inside:avoid}.ex-section{padding-top:24px;padding-bottom:24px}.experience-page{background:white}}

/* The same photography, glass surfaces, and type as the Journal. */
.style-intro::before{background-image:url('/assets/style-garden.jpg');background-position:center 58%}.style-intro .ex-feature-copy .ex-title{max-width:680px}.style-intro-panel h2{font-size:36px;margin-bottom:22px}.style-preview-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;height:113px}.style-preview-photos img{width:100%;height:100%;object-fit:cover;border-radius:10px}.style-how{gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr;margin:22px 0;color:#e0e6df;font-size:12px;line-height:1.35}.style-how span{display:grid;gap:9px;justify-items:start}.style-how b{width:25px;height:25px;border-color:#ffffff4d;color:#fff;background:#ffffff0d}.style-intro-actions .ex-btn{width:100%}.style-start-note{max-width:none;margin:18px 0 0;line-height:1.7}.quiz-wrap{padding-bottom:55px}.quiz-top{font-size:14px}.quiz-progress{height:5px;margin-bottom:30px}.quiz-title{letter-spacing:-.04em;font-weight:500}.quiz-option-inner{border-radius:22px;border:1px solid #dfe5df;box-shadow:0 8px 24px #143b2010}.quiz-choice input:checked+.quiz-option-inner{border:2px solid var(--ex-green);box-shadow:0 0 0 3px #154b3912}.quiz-choice input:focus-visible+.quiz-option-inner{outline-color:#6fa78c}.quiz-option-copy{padding:19px 17px}.quiz-option-copy b{font-family:var(--ex-display);letter-spacing:-.025em;font-size:16px}.quiz-text-choice .quiz-option-inner{background:#fff}.quiz-text-choice .quiz-option-copy b{font-size:27px;letter-spacing:-.035em}.style-sealed{background:#183c30;color:#fff;border-radius:25px}.style-sealed>span{color:#a8c3ab;font-weight:500}.style-sealed p{color:#e1e9e0}.style-sealed .ex-btn{background:var(--ex-paper);border-color:var(--ex-paper);color:var(--ex-ink)!important}.style-wait .ex-title{letter-spacing:-.04em}.style-result-intro{max-width:900px}.style-board{max-width:1020px;padding:25px;border-radius:24px;border-color:var(--ex-line);box-shadow:0 15px 50px #1933210d}.style-board-top{font-size:12px;letter-spacing:.09em}.style-board-photos{height:360px;gap:10px}.style-board-photos img,.style-board-photos img:first-child{border-radius:14px}.style-board-caption{padding-top:28px}.style-board-caption h2{font-size:32px;letter-spacing:-.035em}.style-swatch{font-size:12px}.style-blend .ex-panel .ex-eyebrow{margin-bottom:14px}.style-blend ul{font-size:16px}.style-compare-table{font-size:15px}.style-compare-table th{font-size:13px}.style-shared-notice{border-bottom:1px solid #d5dfd1;padding:16px;background:#e9efe4}.style-match-mark{font-size:12px}.style-credits{font-size:13px}.quiz-review>div{font-size:15px;line-height:1.5;padding:16px 0}
@media(max-width:700px){.style-intro-panel h2{font-size:29px;margin-bottom:18px}.style-preview-photos{height:87px}.style-how{margin:18px 0;font-size:12px}.style-intro .style-start-note{font-size:12px}.style-board{padding:15px;border-radius:20px}.style-board-top{font-size:10px;letter-spacing:.045em}.style-board-photos{height:255px}.style-board-caption h2{font-size:30px}.quiz-option-copy{padding:15px 12px}.quiz-option-copy b{font-size:15px}.quiz-title{font-size:34px}.quiz-choice img{height:190px}.quiz-text-choice .quiz-option-copy b{font-size:25px}.style-compare-table{font-size:14px;line-height:1.55;table-layout:fixed}.style-compare-table th{font-size:12px}.style-compare-table th,.style-compare-table td{overflow-wrap:anywhere;padding:14px 7px}.style-compare-table th:first-child{width:27%}.quiz-review>div{font-size:14px}.quiz-review strong{text-align:right}.style-swatch i{width:36px;height:36px}.style-swatches{gap:10px}.style-swatch{font-size:11px}.style-wait .ex-title{font-size:41px}}
@media(max-width:360px){.style-preview-photos{height:75px}.style-how{font-size:11px}.style-swatch i{width:31px;height:31px}.style-swatches{gap:8px}.style-swatch{font-size:10px}.quiz-option-copy b{font-size:14px}.quiz-text-choice .quiz-option-copy b{font-size:23px}}
.style-preview-photos,.style-board-photos{grid-template-rows:minmax(0,1fr)}.style-preview-photos img,.style-board-photos img{min-width:0;min-height:0}