/* Quiz-first extension of Alongside's existing palette, type, and paired paths. */
.personalize-home .hero {padding-block:3rem 4rem;gap:4rem;align-items:center}
.personalize-home .hero h1 {font-size:clamp(3rem,4.4vw,4.75rem);line-height:1.07;letter-spacing:-.035em}
.personalize-home .hero-body {max-width:34rem}
.personalize-home .setup-strip {padding-block:4.5rem;border-bottom:1px solid var(--line)}
.connected-life {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding-block:5rem 4rem}
.connected-copy h2 {font-size:clamp(2.5rem,3.4vw,3.75rem);line-height:1.1;letter-spacing:-.035em;margin:1rem 0 1.5rem}
.connected-copy>p:not(.intro) {color:var(--muted);max-width:30rem;line-height:1.7;margin:0 0 1rem}
.connected-copy .text-link {margin-top:.5rem;display:inline-flex}
.connected-life .hero-art {margin:0;width:100%;max-width:540px;justify-self:center}
.ready-made-section {display:grid;grid-template-columns:1fr auto;align-items:center;gap:4rem;padding-block:3.5rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ready-made-section h2 {font-size:2.25rem;letter-spacing:-.03em;line-height:1.2;margin:.75rem 0 0}
.ready-made-section p {max-width:31rem;color:var(--muted);line-height:1.7}
.ready-made-section .text-link {display:inline-flex;margin-top:.5rem}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.quiz-page {min-height:100vh;display:flex;flex-direction:column}
.quiz-header {display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding-block:1.5rem;border-bottom:1px solid var(--line)}
.quiz-header .text-link {font-size:.875rem;min-height:44px;display:flex;align-items:center}
.quiz-shell {width:min(100% - 6rem,1160px);margin:2.25rem auto 0;flex:1}
.quiz-shell.has-preview {width:min(100% - 6rem,1100px)}
.quiz-progress {margin:0 auto 2.5rem}
.quiz-progress>div {display:flex;justify-content:space-between;gap:1rem;font-size:.8125rem;color:var(--muted);margin-bottom:.75rem}
.quiz-progress progress {display:block;appearance:none;border:0;width:100%;height:5px;border-radius:5px;background:#DEE3EC;color:var(--blue)}
.quiz-progress progress::-webkit-progress-bar {background:#DEE3EC;border-radius:5px}
.quiz-progress progress::-webkit-progress-value {background:var(--blue);border-radius:5px}
.quiz-progress progress::-moz-progress-bar {background:var(--blue);border-radius:5px}
.quiz-page h1 {font-size:clamp(2rem,4vw,3rem);line-height:1.14;letter-spacing:-.035em;margin:.75rem 0 1rem;max-width:42rem}
.quiz-page h1:focus {outline:none}
.quiz-hint {font-size:1rem;line-height:1.7;color:var(--muted);margin:0 0 2rem;max-width:42rem}
.quiz-choices {border:0;margin:0;padding:0;min-width:0}
.quiz-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.quiz-options-stacked {grid-template-columns:1fr}
.quiz-option {display:flex;align-items:flex-start;gap:.875rem;padding:1.125rem;background:#FFFDFA;border:1px solid #BFC7D4;border-radius:.75rem;cursor:pointer;min-height:68px;transition:border-color .15s,background .15s}
.quiz-option:hover {border-color:var(--blue)}
.quiz-option.is-selected {border-color:var(--blue);background:#EDF2FF;box-shadow:inset 0 0 0 1px var(--blue)}
.quiz-option input {appearance:auto;accent-color:var(--blue);width:20px;height:20px;min-width:20px;margin:2px 0 0;cursor:pointer}
.quiz-option input:focus-visible {outline:3px solid var(--blue);outline-offset:4px}
.quiz-option:focus-within {outline:2px solid var(--blue);outline-offset:3px}
.quiz-option-title {display:block;font-size:.9375rem;font-weight:700;line-height:1.5}
.quiz-option-description {display:block;font-size:.875rem;line-height:1.55;color:var(--muted);margin-top:.375rem}
.quiz-choice-group+.quiz-choice-group {margin-top:1.5rem}
.quiz-choice-group h2 {font-size:.875rem;color:var(--muted);font-weight:600;letter-spacing:0;margin:0 0 .75rem}
.quiz-controls {display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:2rem 0 0;padding-top:1.5rem;border-top:1px solid var(--line)}
.quiz-back {font:inherit;font-size:.9375rem;padding:.75rem .5rem .75rem 0;border:0;background:none;color:var(--navy);min-height:48px;min-width:60px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.quiz-back:disabled {color:#69768C;cursor:default;text-decoration:none;opacity:.65}
.quiz-error {color:#9E302A;font-size:.9375rem;line-height:1.5;margin:1rem 0 0}
.quiz-privacy {font-size:.8125rem;line-height:1.6;color:var(--muted);margin:1.5rem 0 0}
.quiz-status {font-size:.875rem;color:var(--muted);line-height:1.6;margin:.5rem 0 0}
.quiz-status:empty {margin:0}
.quiz-footer {display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:2rem;margin-top:2.5rem;font-size:.8125rem;color:var(--muted)}
.quiz-footer .text-link {font:inherit;background:none;border:0;min-height:44px;cursor:pointer;padding:.5rem 0;color:var(--navy)}
.quiz-result-heading {max-width:760px;margin:0 auto 3rem}
.quiz-context-tags {display:flex;flex-wrap:wrap;gap:.5rem}
.quiz-context-tags span {padding:.5rem .875rem;border:1px solid #C9D3E4;border-radius:2rem;font-size:.8125rem;line-height:1.4;background:#F0F3FB}
.quiz-result-layout {display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);align-items:start;gap:4rem}
.quiz-page h2 {font-size:1.375rem;letter-spacing:-.02em;line-height:1.3}
.quiz-routines>h2 {margin:0 0 1.5rem}
.quiz-connection {border-left:3px solid var(--orange);padding:.25rem 0 .25rem 1.25rem;margin-top:2rem}
.quiz-connection .small-label {margin-bottom:.75rem;color:var(--navy)}
.quiz-preferences {background:#F0F3FB;border-radius:1rem;padding:1.75rem}
.quiz-preferences h2 {margin:0 0 1.5rem}
.quiz-preferences dl {margin:0}
.quiz-preferences dl>div {margin-bottom:1.25rem}
.quiz-preferences dt {font-size:.8125rem;color:var(--muted);margin-bottom:.375rem}
.quiz-preferences dd {font-size:1rem;font-weight:700;line-height:1.5;margin:0}
.quiz-preferences>p {font-size:.875rem;color:var(--muted);line-height:1.7;margin:1.5rem 0 1rem;padding-top:1.25rem;border-top:1px solid #CCD5E5}
.quiz-preferences button {font:inherit;font-size:.875rem;background:none;border:0;padding:.5rem 0;min-height:44px;cursor:pointer;color:var(--blue)}
.quiz-save {display:flex;align-items:center;justify-content:space-between;gap:2rem;border-block:1px solid var(--line);padding-block:2rem;margin:3rem 0 0}
.quiz-save h2 {font-size:1.75rem;margin:0 0 .75rem}
.quiz-save p {max-width:32rem;line-height:1.7;color:var(--muted);font-size:.9375rem;margin:0}
.quiz-save .button {flex-shrink:0}
.quiz-availability {display:grid;grid-template-columns:11rem 1fr;gap:1rem;padding:1.5rem 0;margin-bottom:2.5rem}
.quiz-availability p {margin:0;max-width:44rem;line-height:1.7;font-size:.875rem;color:var(--muted)}
.quiz-editions {max-width:760px}
.quiz-editions h2 {margin:0 0 .75rem}
.quiz-editions>p {font-size:.9375rem;color:var(--muted);line-height:1.7}
.quiz-edition-links {display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 1rem}
.quiz-edition-links a {display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:48px;padding:.75rem 1rem;border:1px solid #BFC7D4;border-radius:.5rem;text-decoration:none;font-size:.875rem}
.quiz-edition-links a:hover {border-color:var(--blue)}
.quiz-editions>.text-link {display:inline-flex;align-items:center;min-height:44px;font-size:.875rem}
@media(max-width:900px) {
 .personalize-home .hero {gap:2rem}
 .connected-life {gap:2rem}.quiz-result-layout {gap:2rem}.quiz-preferences {padding:1.5rem}.quiz-save {align-items:flex-start;flex-direction:column}
}
@media(max-width:680px) {
 .personalize-home .hero {padding-top:2.25rem;grid-template-columns:1fr;gap:2.5rem}.personalize-home .hero h1 {font-size:clamp(2.5rem,9.6vw,3.5rem)}
.personalize-home .setup-strip {padding-block:3rem}
 .connected-life {grid-template-columns:1fr;gap:2rem;padding-block:3.5rem 2rem}.connected-copy h2 {font-size:2.5rem}
 .ready-made-section {grid-template-columns:1fr;gap:1rem;padding-block:2.5rem}.ready-made-section h2 {font-size:2rem}
 .quiz-header {padding-block:1rem;gap:1rem}.quiz-header .brand img {width:142px;height:auto}.quiz-header .text-link {font-size:.75rem}
 .quiz-shell,.quiz-shell.has-preview {width:calc(100% - 2.5rem);margin-top:1.5rem}.quiz-progress {margin-bottom:2rem}
 .quiz-progress>div {font-size:.75rem}.quiz-page h1 {font-size:2.125rem}.quiz-hint {font-size:.9375rem;margin-bottom:1.5rem}
 .quiz-options {grid-template-columns:1fr}.quiz-option {min-height:68px;padding:1rem}.quiz-option-description {font-size:.8125rem}
 .quiz-controls {margin-top:1.5rem}.quiz-controls .button {gap:1rem}.quiz-footer {flex-wrap:wrap;gap:.5rem;padding-block:1.5rem;margin-top:1.5rem}
 .quiz-result-heading {margin-bottom:2rem}.quiz-result-layout {grid-template-columns:1fr;gap:2rem}.quiz-preferences {padding:1.5rem}
 .quiz-save {margin-top:2rem;padding-block:1.5rem;gap:1.5rem}.quiz-save .button {white-space:normal}
 .quiz-availability {grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem}.quiz-context-tags span {font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){.quiz-option {transition:none}}
@media(forced-colors:active){.quiz-option.is-selected {outline:2px solid Highlight}.quiz-option input {forced-color-adjust:auto}.quiz-context-tags span,.quiz-preferences {border:1px solid CanvasText}}

.ready-made-section .button.secondary {color:var(--blue);background:transparent;border-color:#BFC7D4}
.ready-made-section .button.secondary:hover {background:#EAF0FF;border-color:var(--blue)}
.quiz-header,.quiz-footer {width:100%}
@media(max-width:1050px){
 .personalize-home .site-header {flex-wrap:wrap;padding-block:1rem}
 .personalize-home .site-header>.button {display:inline-flex}
 .personalize-home .site-header nav {order:3;width:100%;justify-content:space-between}
}
@media(max-width:700px){
 .personalize-home .site-header>.button {font-size:.8125rem;padding:.625rem .75rem;gap:.5rem;min-height:44px}
}

/* The homepage has one broad invitation. The same path narrows inside the quiz. */
.personalize-home .ready-made-link {margin-top:1rem;color:var(--muted);font-weight:500}
.personalize-home .hero-art {max-width:560px;width:100%;justify-self:center}

/* Progress uses completed stages so a new branch never moves a percentage backwards. */
.quiz-stages {list-style:none;padding:0;margin:1rem 0 0;display:flex;justify-content:space-between;gap:1rem}
.quiz-stages li {display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.8125rem;line-height:1.4}
.quiz-stages li>span {display:grid;place-items:center;width:1.625rem;height:1.625rem;flex:none;background:#E8ECF3;border-radius:50%;font-size:.75rem}
.quiz-stages .is-current {font-weight:700;color:var(--navy)}
.quiz-stages .is-current>span {background:var(--navy);color:var(--cream)}
.quiz-stages .is-done>span {background:var(--blue);color:white}
.quiz-workbench {display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:3.5rem;align-items:start}
#quiz-content {min-width:0}
.quiz-page h1 {margin-top:0;font-weight:600;font-size:clamp(2rem,3.2vw,2.75rem)}
.quiz-entry-note {padding:.875rem 1rem;border-left:3px solid var(--orange);background:#F0F3FB;font-size:.875rem;color:var(--muted);margin:0 0 1.5rem}
.quiz-optional {display:block;margin-top:.375rem;font-size:.8125rem}
.quiz-return {border:0;background:none;padding:.75rem 0;margin-top:1rem;color:var(--blue)}
.quiz-builder {position:sticky;top:1.5rem;background:var(--navy);color:var(--cream);padding:1.75rem;border-radius:1.25rem}
.quiz-builder[hidden] {display:none!important}
.builder-label {font-size:.8125rem;font-weight:600;margin:0 0 1.25rem;color:#D3DDF1}
.builder-total {display:flex;align-items:center;gap:1rem}
.builder-total strong {font-size:4rem;line-height:1;letter-spacing:-.055em;font-weight:600;color:#FFAE7C;font-variant-numeric:tabular-nums}
.builder-total>span {font-size:.9375rem;line-height:1.5}
.builder-explanation {font-size:.875rem;line-height:1.7;margin:1.25rem 0 0;color:#D3DDF1}
.builder-sample {margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #4A5872}
.builder-sample>p {font-size:.75rem;margin:0 0 .75rem;color:#D3DDF1}
.builder-sample ul,.builder-all ul {list-style:none;margin:0;padding:0}
.builder-sample li {position:relative;padding-left:1.125rem;font-size:.875rem;line-height:1.6;margin:.5rem 0}
.builder-sample li:before {content:'+';position:absolute;left:0;color:#FFAE7C}
.builder-all {margin-top:1rem}
.builder-all summary {font-size:.8125rem;min-height:44px;padding:.75rem 0;cursor:pointer;text-underline-offset:4px}
.builder-all summary:hover {text-decoration:underline}
.builder-all summary:focus-visible {outline-color:#FFAE7C;box-shadow:none;outline-offset:3px}
.builder-all ul {max-height:16rem;overflow:auto;overscroll-behavior:contain;border-top:1px solid #4A5872;padding:.5rem .375rem .5rem 0}
.builder-all li {font-size:.8125rem;padding:.625rem 0;border-bottom:1px solid #4A5872;line-height:1.5}
.builder-note {font-size:.75rem;line-height:1.65;color:#BBC8E2;margin:1.25rem 0 0}
.quiz-privacy {max-width:44rem}
.has-preview .quiz-workbench {display:block}
.quiz-result-heading {max-width:none}
.quiz-result-heading .quiz-hint {max-width:46rem}
.result-intro {font-size:.9375rem;color:var(--muted);margin:-.75rem 0 1.5rem}
.result-group {border-top:1px solid var(--line)}
.result-group:last-of-type {border-bottom:1px solid var(--line)}
.result-group summary {display:flex;align-items:center;gap:1rem;min-height:64px;padding:1rem 0;cursor:pointer;font-size:1.125rem;font-weight:600;list-style:none}
.result-group summary::-webkit-details-marker {display:none}
.result-group summary:after {content:'+';color:var(--blue);font-size:1.25rem;width:1rem;flex:none;text-align:center}
.result-group[open] summary:after {content:'−'}
.result-group summary .group-count {font-size:.8125rem;color:var(--muted);font-weight:500;margin-left:auto;white-space:nowrap}
.result-group ul {list-style:none;padding:0;margin:0 0 .75rem}
.result-group li {padding:1rem 0 1rem 1.125rem;border-left:2px solid #D2DCF3;margin-bottom:.5rem}
.result-group h3 {font-size:1rem;line-height:1.5;letter-spacing:-.015em;margin:0 0 .375rem;font-weight:700}
.result-group li>p,.quiz-connection>p {font-size:.9375rem;line-height:1.75;color:var(--muted);margin:0}
.quiz-connection h2 {margin:0 0 .875rem}
.quiz-connection>p+p {margin-top:.75rem}
.quiz-answer-review {margin-top:2.5rem;border-top:1px solid var(--line)}
.quiz-answer-review summary {cursor:pointer;font-size:1rem;font-weight:600;min-height:60px;padding:1rem 0}
.quiz-answer-review dl {margin:0}
.quiz-answer-review dl>div {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:1.5rem;align-items:start;padding:1rem 0;border-bottom:1px solid var(--line)}
.quiz-answer-review dt {font-size:.875rem;font-weight:600}
.quiz-answer-review dd {font-size:.875rem;color:var(--muted);margin:0}
.quiz-answer-review button {font:inherit;font-size:.875rem;border:0;background:none;color:var(--blue);padding:0;min-height:44px;gap:.5rem}
@media(max-width:1000px){
 .quiz-workbench {gap:2rem;grid-template-columns:minmax(0,1.65fr) minmax(245px,1fr)}
 .quiz-shell,.quiz-shell.has-preview {width:calc(100% - 4rem)}
 .quiz-builder {padding:1.5rem}.quiz-options {grid-template-columns:1fr}
}
@media(max-width:760px){
 .quiz-shell,.quiz-shell.has-preview {width:calc(100% - 2.75rem);margin-top:1.25rem}
 .quiz-workbench {grid-template-columns:1fr;gap:1.75rem}
 .quiz-builder {position:static;grid-row:1;padding:1rem 1.25rem;border-radius:1rem;display:grid;grid-template-columns:1fr auto;gap:0 1rem;align-items:center}
 .builder-label {font-size:.75rem;margin:0;grid-column:1;align-self:end}
 .builder-total {grid-column:2;grid-row:1/3;gap:.625rem}
 .builder-total strong {font-size:2.25rem}.builder-total>span {font-size:.75rem}
 .builder-explanation,.builder-sample {display:none}
 .builder-all {grid-column:1;grid-row:2;margin:0}
 .builder-all summary {font-size:.75rem;padding:.5rem 0;min-height:44px}
 .builder-all[open] {grid-column:1/-1;grid-row:3}
 .builder-note {grid-column:1/-1;font-size:.6875rem;line-height:1.5;margin:.625rem 0 0}
 .quiz-progress {margin-bottom:1.5rem}.quiz-stages {gap:.5rem;margin-top:.875rem}
 .quiz-stages li {font-size:.75rem;gap:.375rem}.quiz-stages li>span {width:1.375rem;height:1.375rem;font-size:.6875rem}
 .quiz-progress>div {font-size:.75rem;gap:.5rem}.quiz-progress #step-section {display:none}
 .quiz-page h1 {font-size:2rem}.quiz-hint {margin-bottom:1.5rem}
 .quiz-result-layout {grid-template-columns:1fr}.quiz-answer-review dl>div {grid-template-columns:1fr auto;gap:.375rem 1rem}
 .quiz-answer-review dt {grid-column:1;grid-row:1}.quiz-answer-review dd {grid-column:1;grid-row:2}
 .quiz-answer-review button {grid-column:2;grid-row:1/3}
}
@media(max-width:360px){
 .quiz-shell,.quiz-shell.has-preview {width:calc(100% - 2.5rem)}
 .quiz-page h1 {font-size:1.75rem}.quiz-builder {padding:1rem;gap:0 .625rem}
 .builder-label {max-width:7rem}.builder-total {gap:.5rem}.builder-total strong {font-size:2rem}
 .quiz-stages li {font-size:.6875rem}.quiz-stages li>span {width:1.25rem;height:1.25rem}
 .quiz-controls .button {padding:.875rem 1rem;font-size:.875rem}
 .quiz-header {gap:.5rem}.quiz-header .brand img {width:130px}
 .result-group summary {font-size:1rem;gap:.625rem}
}
@media(prefers-reduced-motion:reduce){.quiz-page .button {transition:none}.quiz-page .button:active {transform:none}}
@media(forced-colors:active){
 .quiz-builder {border:1px solid CanvasText}.builder-total strong {color:CanvasText}
 .quiz-stages .is-current>span {outline:2px solid Highlight}.quiz-stages .is-done>span {outline:1px solid CanvasText}
 .quiz-option.is-selected {outline:2px solid Highlight}
}

/* One explicit before/after: the same request, with and without a personal setup. */
.personalization-difference{background:var(--navy);color:var(--cream);padding-block:5.5rem}
.difference-heading{margin-bottom:3rem}
.difference-heading>.intro{color:#C8D4ED}
.difference-heading h2{font-size:clamp(2.75rem,5.5vw,5rem);line-height:1.06;letter-spacing:-.045em;font-weight:600}
.difference-heading h2>span{color:#FFAE7C}
.difference-prompt{display:flex;align-items:center;gap:2.5rem;padding:1.5rem 0;border-top:1px solid #526079;border-bottom:1px solid #526079}
.difference-example-label{font-size:.8125rem;color:#C8D4ED;flex:none}
.difference-prompt>p{font-size:clamp(1.125rem,2.2vw,1.5rem);line-height:1.5;margin:0;font-weight:500;letter-spacing:-.015em}
.difference-states{display:grid;grid-template-columns:1fr 1fr;margin-block:2.5rem;border:1px solid #526079;border-radius:1rem;overflow:hidden}
.difference-states article{min-width:0;padding:clamp(1.75rem,3.5vw,3rem)}
.difference-before{background:#1B2945}
.difference-after{background:var(--blue);border-left:1px solid #526079}
.difference-label{font-size:.8125rem;line-height:1.6;margin:0 0 2rem;color:#D1DCF0}
.difference-after .difference-label{color:white}
.difference-states h3{font-size:clamp(1.75rem,3vw,2.625rem);line-height:1.16;letter-spacing:-.035em;margin:0 0 2rem;font-weight:600}
.difference-states blockquote{font-size:1.0625rem;line-height:1.85;margin:0 0 2rem;color:#D1DCF0;max-width:32rem}
.difference-after blockquote{color:white}
.difference-outcome{border-top:1px solid #7C8AA3;padding-top:1.5rem;margin:0;font-size:1rem;line-height:1.75;max-width:29rem}
.difference-after .difference-outcome{border-color:#8AABFF}
.difference-footer{display:flex;align-items:center;justify-content:space-between;gap:3rem}
.difference-footer>p{font-size:.875rem;line-height:1.75;color:#C8D4ED;margin:0;max-width:44rem}
.difference-footer>.button{background:var(--cream);color:var(--navy);flex:none}
.difference-footer>.button:hover{background:white}
@media(max-width:900px){
 .difference-states article{padding:1.75rem}.difference-states h3{font-size:2rem}
 .difference-footer{gap:2rem;align-items:flex-start;flex-direction:column}
}
@media(max-width:700px){
 .personalization-difference{padding-block:3.5rem}.difference-heading{margin-bottom:2rem}
 .difference-heading h2{font-size:clamp(2.25rem,8.5vw,3.25rem)}
 .difference-prompt{display:block;padding-block:1.25rem}.difference-prompt>p{margin-top:.5rem;font-size:1.125rem}
 .difference-states{grid-template-columns:1fr;margin-block:2rem}.difference-states article{padding:1.5rem}
 .difference-after{border-left:0;border-top:1px solid #526079}.difference-label{margin-bottom:1.5rem}
 .difference-states h3{font-size:2rem;margin-bottom:1.5rem}.difference-states blockquote{font-size:1rem;margin-bottom:1.5rem}
 .difference-outcome{font-size:.9375rem;padding-top:1.25rem}.difference-footer{gap:1.5rem}
}
@media(forced-colors:active){.difference-states,.difference-prompt,.difference-outcome,.difference-after{border-color:CanvasText}}