/* R3.17: retain the page; refine copy rhythm and the four-field result cards. */
.care-copy h3>span{display:block}
.quiz-heading{display:flex;flex-direction:column;gap:5px}
#quiz-preview-label{font:11px/1.4 var(--body);letter-spacing:0;color:#59634f}
.quiz-brand{line-height:1}
.has-results .quiz-stage{padding-top:24px}
.quiz-stage .result-title{font:28px/1.5 var(--serif);letter-spacing:-.045em;word-break:keep-all}
.result-title>span{display:block}
.result-copy{margin:10px 0 22px;font-size:12px;color:#596951}
.result-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0}
.result-card{display:block;padding:19px 18px 0;border:1px solid #d8ceba;border-radius:7px;background:#fffdf6;box-shadow:0 6px 18px #3b342908;overflow:hidden}
.result-card:nth-child(2){background:#f5f6ed;border-color:#cdd4be}
.result-card:nth-child(3){background:#fcf3ed;border-color:#dfcfc2}
.profile-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.profile-number{font:italic 24px/1 Instrument,serif;color:#716748}
.profile-flower{font-size:20px;line-height:1;color:var(--wine);opacity:.8}
.profile-age{font:36px/1.1 Instrument,serif;letter-spacing:-.025em;margin:0;color:var(--green)}
.profile-age>span{font:12px/1 var(--body);margin-left:5px;letter-spacing:0}
.result-card .result-job{font:500 13px/1.6 var(--body);letter-spacing:-.02em;margin:8px 0 22px;color:var(--green);word-break:keep-all}
.profile-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 0 17px;margin:0;border-top:1px solid #d6cebd}
.profile-details>div{min-width:0}
.profile-details dt{font-size:10px;line-height:1.4;color:#6f725f;margin-bottom:6px}
.profile-details dd{font-size:13px;line-height:1.4;margin:0;color:var(--green)}
.profile-details dd>span{font-size:10px;margin-left:3px}
.quiz-footer #quiz-back{min-height:44px;flex:none;color:var(--green)}
.quiz-footer .result-action{background:var(--green);color:var(--cream);min-height:48px;max-width:300px;width:auto;flex:1;padding:14px 22px;font:500 14px/1.4 var(--body);border-radius:4px;margin-left:auto;box-shadow:0 4px 12px #173d3314}
.quiz-footer .result-action:hover{background:#244f40}
.quiz-footer .result-action:active{transform:translateY(1px)}
.quiz-footer [hidden]{display:none!important}
.has-results .quiz-footer{padding-block:13px;box-shadow:0 -8px 20px #eeeada66}
@media(max-width:680px){
  .quiz-header{height:79px}
  .quiz-heading{gap:6px}
  .quiz-brand{font-size:25px}
  #quiz-preview-label{font-size:10px}
  .quiz-header .dialog-close{top:17px}
  .has-results .quiz-progress{padding-top:15px}
  .has-results .quiz-stage{padding:19px 20px 22px}
  .quiz-stage .result-title{font-size:23px;line-height:1.5;letter-spacing:-.055em}
  .result-kicker{font-size:9px;margin-bottom:10px}
  .result-copy{font-size:11px;line-height:1.8;margin:9px 0 18px;word-break:keep-all}
  .result-cards{grid-template-columns:1fr;gap:10px}
  .result-card{display:grid;grid-template-columns:31px 1fr;column-gap:13px;padding:17px 18px 0}
  .profile-card-top{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px;margin:0}
  .profile-number{font-size:23px}
  .profile-flower{font-size:17px}
  .profile-intro{grid-column:2}
  .profile-age{font-size:31px}
  .profile-age>span{font-size:11px}
  .result-card .result-job{font-size:13px;margin:5px 0 12px}
  .profile-details{grid-column:2;padding:11px 0 14px}
  .profile-details dt{font-size:10px;margin-bottom:4px}
  .profile-details dd{font-size:12px}
  .has-results .quiz-footer{padding:10px 14px;gap:11px}
  .quiz-footer .result-action{font-size:13px;padding:13px 16px;min-height:48px}
}
@media(prefers-reduced-motion:reduce){.quiz-footer .result-action:active{transform:none}}
.member-group-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.member-group-card{border-radius:14px;padding:18px 18px 0;background:linear-gradient(150deg,#fffdf8,#f8f2e7)}
.member-group-card .profile-card-top{margin-bottom:15px;gap:12px}
.member-group-card .profile-intro{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.member-group-card .profile-age{font:500 14px/1.5 var(--body);letter-spacing:-.02em;color:#746553}
.member-group-card .result-job{font:500 23px/1.4 var(--serif);margin:3px 0 0;color:var(--green)}
.group-caption{font:11px/1.4 var(--body);letter-spacing:0;color:#75684e}
.group-number{font:italic 22px/1 Instrument,serif;color:#967451}
.group-emblem{flex:none;width:55px;height:66px;display:grid;place-items:center;border:1px solid #bb977255;border-radius:30px 30px 8px 8px;background:#eaddc84d;color:var(--wine)}
.group-emblem svg{width:44px;height:44px}
.member-group-card .profile-details{gap:8px;padding:13px 0 17px}
.member-group-card .profile-details dd{font-size:14px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}
.group-traits{margin:0 -18px;padding:14px 18px 17px;list-style:none;border-top:1px solid #ded5c6;background:#eee7d547;display:grid;gap:7px}
.group-traits li{font:11px/1.7 var(--body);color:#40513f;word-break:keep-all}
.group-traits li::before{content:'·';margin-right:6px;color:var(--wine)}
@media(max-width:680px){.member-group-card .profile-card-top{grid-column:1/-1;grid-row:auto;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:12px}.member-group-card .profile-intro{grid-column:1/-1;margin-bottom:14px}.member-group-card .profile-details{grid-column:1/-1}.member-group-card .profile-age{font-size:13px}.member-group-card .group-traits{grid-column:1/-1}.member-group-card .result-job{font-size:23px}.group-emblem{width:49px;height:57px}}

/* Single-value, fictional profile illustrations; compact on narrow screens. */
.preview-profile-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.preview-profile-card{display:block;border-radius:14px;padding:18px 18px 0}
.preview-profile-card .profile-card-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:0 0 20px;gap:8px}
.preview-caption{font:9px/1.4 var(--body);letter-spacing:.09em;color:#77654e}
.preview-profile-card .profile-age{font:42px/1 Instrument,serif;color:var(--wine)}
.preview-profile-card .result-job{font:500 19px/1.5 var(--serif);margin:8px 0 20px;letter-spacing:-.04em}
.preview-profile-card .profile-details dd{font-size:16px;font-weight:500}
.preview-connection{margin:0 -18px;padding:14px 18px 17px;border-top:1px solid #d6cebd;background:#eee7d547}
.preview-connection>p{font:500 10px/1.5 var(--body);color:var(--wine);margin:0 0 7px}
.preview-connection ul{padding:0;margin:0;list-style:none;display:grid;gap:5px}
.preview-connection li{font:11px/1.7 var(--body);color:#40513f;word-break:keep-all}
@media(max-width:680px){
  .preview-profile-cards{grid-template-columns:1fr;gap:13px}
  .preview-profile-card .profile-card-top{margin-bottom:14px}
  .preview-profile-card .profile-intro{display:flex;align-items:baseline;gap:14px;margin-bottom:16px}
  .preview-profile-card .profile-age{font-size:37px;flex:none}
  .preview-profile-card .result-job{font-size:20px;margin:0}
  .preview-profile-card .profile-details{padding:12px 0 15px}
  .preview-profile-card .profile-details dd{font-size:15px}
}