/* Account screens share the public pages' visual language without busy artwork. */
.account-page {
  --surface: #fff;
  --surface-border: #dce8f5;
  --surface-shadow: 0 12px 36px #35598209;
  background: #f4f8fc;
  color: #061c43;
}
.account-page .site-header { max-width: none; background: var(--surface); border-bottom: 1px solid var(--surface-border); }
.account-page .workspace { gap: 28px; padding: 18px 5% 60px; grid-template-columns: 235px minmax(0, 1fr); min-height: calc(100svh - 198px); }
.account-page aside { background: #ffffffdf; border: 1px solid var(--surface-border); border-radius: 28px; padding: 26px 20px; box-shadow: var(--surface-shadow); align-self: start; }
.account-page #main { padding: 10px 0 0; max-width: 1000px; min-width: 0; }
.account-page h1 { font-size: clamp(36px, 3.5vw, 48px); line-height: 1.16; letter-spacing: -1.7px; margin: 24px 0; }
.account-page h1 em { color: #0077e8; font-weight: 800; }
.account-page h2 { font-size: 26px; line-height: 1.3; font-weight: 600; }
.account-page h3, .account-page .feature-grid .card h3 { font-family: Poppins, Arial, sans-serif; font-size: 16px; font-weight: 600; }
.account-page p { color: #51617e; font-size: 14px; line-height: 1.75; }
.account-page .lead { font-size: 16px; }
.account-page .small { font-size: 12px; }
.account-page .eyebrow { color: #466588; font-weight: 600; }
.account-page .card { border: 1px solid var(--surface-border); background: var(--surface); border-radius: 28px; padding: 30px; box-shadow: var(--surface-shadow); }
.account-page .narrow { max-width: 740px; }
.account-page .side-nav { margin-top: 26px; gap: 10px; }
.account-page .side-nav button { border-radius: 99px; font-size: 12px; padding: 14px 12px; font-weight: 600; }
.account-page .side-nav .nav-active { background: #007bff; color: #fff; border: 0; }
.account-page .side-nav .quiet { background: #f0f6fd; color: #355372; }
.account-page .side-nav .quiet:hover { background: #e0edfb; }
.account-page aside .outline { border-color: #c7dbef; background: #f9fcff; padding: 13px 14px; font-size: 12px; }
.account-page .sidebar-note { margin-top: 45px; font-family: Poppins, Arial, sans-serif; font-size: 17px; font-weight: 600; color: #47678c; }
.account-page .sidebar-note span { font: 400 12px/1.7 Poppins, Arial, sans-serif; }
.account-page input:not([type=radio]):not([type=checkbox]), .account-page textarea, .account-page select { background: #fff; color: #173452; border: 1px solid #cbd9ec; border-radius: 13px; padding: 14px; }
.account-page label { font-size: 13px; }
.account-page .primary { background: #007bff; border: 0; border-radius: 99px; box-shadow: none; font-weight: 600; padding: 16px 26px; }
.account-page .primary:hover { background: #0066d6; }
.account-page .outline { border-radius: 99px; }
.account-page .profile-chip { padding: 10px 15px; background: #fff; border-color: #cfe0f3; color: #235789; font-weight: 600; }
.account-page .badge { background: #edf6ff; border-color: #d3e5f8; line-height: 1.6; }
.account-page .notice { border: 1px solid #d7e7fa; border-left: 3px solid #74b5fb; border-radius: 14px; padding: 16px; }
.account-page .error { border-radius: 14px; color: #793719; background: #fff0e9; }
.account-page progress { height: 9px; border-radius: 99px; overflow: hidden; accent-color: #007bff; }
.account-page progress::-webkit-progress-bar { background: #dae8f6; border-radius: 99px; }
.account-page progress::-webkit-progress-value { background: #007bff; border-radius: 99px; }
.account-page .question { background: #fff; border: 1px solid var(--surface-border); border-radius: 24px; padding: 24px; margin-bottom: 18px; box-shadow: var(--surface-shadow); }
.account-page .question legend { float: left; width: 100%; font-weight: 600; font-size: 14px; line-height: 1.7; margin-bottom: 20px; }
.account-page .question legend span { color: #0077e8; font-weight: 600; }
.account-page .options { clear: both; gap: 10px; }
.account-page .option { border-radius: 14px; background: #f9fcff; border-color: #d5e3f2; padding: 14px 9px; font-size: 12px; }
.account-page .option.chosen { background: #eaf4ff; border-color: #007bff; color: #0759a5; }
.account-page .option input { accent-color: #007bff; }
.account-page .quiz-actions { margin: 25px 0; gap: 15px; }
.account-page .child-message { background: #eaf4ff; border-color: #d2e5fc; }
.account-page .child-message .eyebrow { color: #235789; }
.account-page .green { background: #eef9f5; border-color: #d8eee4; }
.account-page .lilac { background: #f2effc; border-color: #e3dcf5; }
.account-page .feature-grid { gap: 22px; }
.account-page .feature-grid .card { margin: 12px 0; }
.account-page li { color: #465b75; font-size: 13px; line-height: 1.8; }
.account-page .coaching { background: #fff; }
.account-page .story-cta { border-radius: 28px; padding: 28px; border: 1px solid #dbe5f5; background: linear-gradient(110deg, #e8f4ff, #f1edff); }
.account-page .story-output { padding: 34px; }
.account-page .story-text { font-family: Poppins, Arial, sans-serif; max-width: 650px; }
.account-page .story-text p { font-size: 16px; line-height: 1.95; color: #354b68; }
.storybook-demo { margin: 28px auto; max-width: 650px; }
.storybook-demo img { display: block; width: 100%; height: auto; border-radius: 24px; }
.storybook-demo figcaption { font: 400 11px/1.7 Poppins, Arial, sans-serif; color: #647590; margin-top: 8px; }
@media(max-width: 1000px) {
  .account-page .workspace { gap: 22px; padding-left: 4%; padding-right: 4%; grid-template-columns: 215px minmax(0, 1fr); }
  .account-page .options { grid-template-columns: 1fr 1fr; }
  .account-page .feature-grid { grid-template-columns: 1fr; }
}
@media(max-width: 650px) {
  .account-page .workspace { display: block; padding: 10px 18px 35px; }
  .account-page aside { border-radius: 22px; padding: 16px; gap: 12px; }
  .account-page aside select { margin-top: 0; }
  .account-page aside .outline { font-size: 11px; padding: 10px; }
  .account-page .side-nav { margin: 4px 0 0; gap: 8px; }
  .account-page .side-nav button { font-size: 10px; padding: 13px 8px; }
  .account-page #main { padding-top: 24px; }
  .account-page h1 { font-size: 30px; letter-spacing: -1px; }
  .account-page h2 { font-size: 23px; }
  .account-page .card { padding: 23px; border-radius: 24px; }
  .account-page .question { padding: 20px; border-radius: 22px; }
  .account-page .question legend { font-size: 13px; }
  .account-page .option { padding: 13px 9px; font-size: 11px; }
  .account-page .section-top { align-items: center; gap: 12px; }
  .account-page .section-top>.eyebrow { font-size: 8px; letter-spacing: 1px; }
  .account-page .profile-chip { font-size: 10px; padding: 8px 12px; }
  .account-page .primary, .account-page .outline { font-size: 12px; padding: 14px 20px; }
  .account-page aside .outline { padding: 10px; }
  .account-page .story-text p { font-size: 14px; line-height: 1.9; }
  .account-page .story-cta { padding: 23px; }
  .account-page .quiz-actions { flex-wrap: wrap; }
}

/* Guided profile creation keeps the first journey free of empty navigation. */
.account-page #main.onboarding { max-width: 1200px; margin: auto; padding: 45px 5% 65px; min-height: calc(100svh - 198px); }
.onboarding-layout { display: grid; grid-template-columns: 1fr 1.1fr; gap: 36px; align-items: center; }
.onboarding-art img { display: block; width: 100%; height: auto; }
.account-page .onboarding-panel { margin: 0; padding: 36px; min-width: 0; }
.account-page .onboarding h1 { font-size: clamp(28px, 3vw, 38px); margin: 18px 0; }
.onboarding-actions { display: flex; gap: 12px; justify-content: space-between; align-items: center; margin-top: 26px; flex-wrap: wrap; }
.onboarding-progress { display: flex; list-style: none; padding: 0; gap: 12px; margin: 14px 0 26px; }
.account-page .onboarding-progress li { flex: 1; font-size: 11px; border-top: 4px solid #dce8f5; padding-top: 8px; }
.account-page .onboarding-progress [aria-current] { border-color: #0077e8; color: #0759a5; font-weight: 600; }
.profile-summary { margin: 24px 0; }
.profile-summary div { padding: 12px 0; border-bottom: 1px solid #dce8f5; }
.profile-summary dt { font-size: 12px; color: #51617e; }
.profile-summary dd { margin: 5px 0 0; overflow-wrap: anywhere; white-space: pre-wrap; }
@media(max-width: 650px) {
  .account-page #main.onboarding { padding: 18px 18px 35px; }
  .onboarding-layout { grid-template-columns: 1fr; gap: 12px; }
  .onboarding-art { max-width: 260px; margin: auto; }
  .account-page .onboarding-panel { padding: 24px; }
  .onboarding-actions .primary { flex: 1; }
  .onboarding-progress { gap: 8px; }
}

.gender-choices { grid-column: 1 / -1; border: 0; padding: 0; margin: 8px 0 0; min-width: 0; }
.gender-choices legend { font-size: 13px; font-weight: 600; margin-bottom: 12px; }
.gender-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.account-page .gender-card { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 16px 8px; min-height: 108px; border: 2px solid #dce8f5; border-radius: 18px; background: #f9fcff; text-align: center; cursor: pointer; font-size: 12px; line-height: 1.5; }
.gender-card input { position: absolute; top: 10px; right: 10px; accent-color: #0077e8; margin: 0; }
.gender-symbol { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: #eaf4ff; color: #0759a5; font-size: 24px; }
.account-page .gender-card:hover { border-color: #79b9ee; }
.account-page .gender-card:has(input:checked) { border-color: #0077e8; background: #eaf4ff; color: #0759a5; }
.gender-card:focus-within { outline: 3px solid #0077e8; outline-offset: 3px; }
@media(max-width:650px) { .account-page .gender-card { font-size: 11px; padding: 16px 6px; } }

.account-page #main.bento-dashboard { max-width: 1180px; margin: auto; padding: 38px 5% 60px; min-height: calc(100svh - 198px); }
.dashboard-heading { margin-bottom: 30px; }
.bento-grid { display: grid; grid-template-columns: minmax(280px, .85fr) minmax(0, 1.3fr); gap: 24px; }
.account-page .bento-grid .card { margin: 0; padding: 32px; min-width: 0; }
.account-page .bento-profile { grid-row: span 2; display: flex; flex-direction: column; background: #eaf4ff; }
.profile-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.account-page .profile-card-top .outline { padding: 10px 14px; font-size: 11px; background: #fff; }
.profile-avatar { width: 90px; height: 90px; border-radius: 30px; display: grid; place-items: center; background: #fff; color: #0077e8; font-size: 40px; font-weight: 600; margin: 36px 0 10px; }
.account-page .bento-profile h2 { font-size: 36px; margin: 12px 0 0; overflow-wrap: anywhere; }
.profile-description { white-space: pre-wrap; overflow-wrap: anywhere; }
.profile-switch { margin-top: auto; padding-top: 30px; }
.profile-switch select { width: 100%; margin-top: 8px; }
.account-page .bento-stories { background: #f2effc; display: grid; grid-template-columns: 1.4fr .6fr; align-items: center; gap: 16px; }
.bento-stories img { width: 100%; height: auto; border-radius: 20px; }
.dashboard-quiz-progress { margin: 22px 0; }
.dashboard-quiz-progress span { font-size: 12px; color: #51617e; }
.dashboard-quiz-progress progress { display: block; width: 100%; margin-top: 12px; }
.dashboard-strengths { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.dashboard-strengths article { padding: 16px; border-radius: 18px; background: #eef9f5; }
.dashboard-strengths article:nth-child(2) { background: #f2effc; }
@media(max-width:750px) {
  .account-page #main.bento-dashboard { padding: 26px 18px 40px; }
  .bento-grid { grid-template-columns: 1fr; gap: 18px; }
  .account-page .bento-profile { grid-row: auto; }
  .account-page .bento-grid .card { padding: 26px; }
  .profile-avatar { margin-top: 24px; }
  .dashboard-strengths { grid-template-columns: 1fr; }
}

.profile-avatar img { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: inherit; }

.account-page #main.child-selection { max-width: 1080px; margin: auto; padding: 45px 5% 60px; min-height: calc(100svh - 198px); }
.child-selection-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 22px; margin: 32px 0; }
.account-page .child-choice { display: flex; flex-direction: column; align-items: center; gap: 10px; cursor: pointer; font-family: inherit; color: #51617e; transition: border-color .15s, transform .15s; }
.child-choice img { width: 100px; height: 100px; object-fit: contain; }
.child-choice-name { font-size: 24px; font-weight: 600; color: #061c43; overflow-wrap: anywhere; max-width: 100%; }
.child-choice-link { margin-top: 16px; color: #0759a5; font-weight: 600; font-size: 13px; }
.account-page .child-choice:hover { border-color: #0077e8; transform: translateY(-3px); }
@media(max-width:650px) { .account-page #main.child-selection { padding: 28px 18px 40px; } }

.account-page .bento-profile, .account-page .bento-stories { background: #fff; }
.dashboard-card-heading, .profile-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid #e7edf5; padding-bottom: 18px; margin-bottom: 20px; }
.account-page .dashboard-card-heading h2, .account-page .profile-card-heading h2 { display: flex; align-items: center; gap: 12px; margin: 0; font-size: 23px; }
.dashboard-card-icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex-shrink: 0; color: #6994c5; }
.dashboard-card-icon svg { width: 28px; height: 28px; }
.dashboard-card-icon.talents { color: #e7ab40; }
.dashboard-card-icon.talents svg { fill: none; }
.card-arrow { display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #f4f8fc; color: #466588; font-size: 28px; padding: 0; cursor: pointer; }
.card-arrow:hover { background: #eaf4ff; color: #0077e8; }
.profile-card-heading { flex-wrap: wrap; }
.account-page .profile-card-heading .outline { padding: 10px 14px; font-size: 11px; }
.account-page .bento-stories { display: block; }
.bento-stories>img { display: block; max-width: 200px; margin: 20px auto 0; }
@media(max-width:650px) { .account-page .dashboard-card-heading h2, .account-page .profile-card-heading h2 { font-size: 20px; gap: 8px; } }

.account-page .bento-profile { align-items: center; justify-content: center; text-align: center; }
.bento-profile .profile-avatar { width: 180px; height: 180px; margin: 12px auto 16px; background: transparent; }
.account-page .bento-profile h2 { font-size: 42px; margin: 0 0 8px; }
.bento-profile .profile-description { max-width: 320px; }

.dashboard-card-heading, .profile-card-heading { border-bottom: 0; padding-bottom: 0; }
.bento-profile .profile-card-heading { align-self: stretch; }
.account-page .bento-profile .profile-card-heading h2 { font-size: 23px; margin: 0; text-align: left; }
.card-arrow { background: transparent; border-radius: 0; }
.card-arrow:hover { background: transparent; color: #0077e8; }
@media(max-width:650px) { .account-page .bento-profile .profile-card-heading h2 { font-size: 20px; } }

.profile-change { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; padding: 8px; border: 0; background: transparent; color: #466588; cursor: pointer; }
.profile-change svg { width: 24px; height: 24px; }
.profile-change:hover { color: #0077e8; }
.bento-profile .profile-card-heading { flex-wrap: nowrap; }

.account-page .bento-profile { justify-content: flex-start; }
.bento-profile .profile-avatar { margin-top: auto; }
.bento-profile .profile-description { margin-bottom: auto; }

.bento-talents .dashboard-card-art, .bento-stories .dashboard-card-art { display: block; width: 100%; max-width: 260px; height: 170px; object-fit: contain; margin: 24px auto; border-radius: 20px; }
.dashboard-card-action { display: flex; justify-content: center; margin-top: 20px; }

.account-page .bento-stories button:disabled { cursor: not-allowed; opacity: .55; }
.account-page .bento-stories .primary:disabled { background: #e0e7ef; color: #51617e; }
.account-page .bento-stories .card-arrow:disabled:hover { color: #466588; }

.dashboard-card-action button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; }
.button-lock { width: 18px; height: 18px; flex-shrink: 0; }

/* Consistent detail-screen shell and white surfaces. */
.account-page .workspace { display: block; max-width: 1180px; }
.workspace-nav { display: flex; flex-wrap: wrap; gap: 10px; margin: 10px 0 26px; }
.workspace-nav button { font-size: 12px; border-radius: 99px; }
.account-page .workspace-nav .nav-active { background: #007bff; color: #fff; }
.account-page .workspace #main { max-width: none; }
.account-page .child-message, .account-page .green, .account-page .lilac, .account-page .story-cta { background: #fff; }
.account-page .green h2 { color: #27684c; }
.account-page .lilac h2 { color: #65528a; }
.account-page button:disabled { cursor: not-allowed; }
.account-page button:focus-visible, .account-page a:focus-visible, .account-page input:focus-visible, .account-page textarea:focus-visible, .account-page select:focus-visible, .account-page summary:focus-visible { outline: 3px solid #0077e8; outline-offset: 4px; }
.account-page .story-cta { box-shadow: var(--surface-shadow); }
@media(max-width:650px) { .workspace-nav { gap: 8px; margin-bottom: 14px; } .workspace-nav button { flex: 1 1 auto; padding: 12px; } }

.report-done { display: flex; justify-content: center; margin: 32px 0; }

.account-page .report-done { justify-content: space-between; align-items: center; gap: 24px; }
.report-done h2 { margin-top: 0; }
.report-done p { margin-bottom: 0; }
@media(max-width:650px) { .account-page .report-done { flex-direction: column; align-items: stretch; } }

/* Outlined story selectors retain native selection and keyboard behavior. */
.account-page #story-form .story-select { position: relative; min-width: 0; margin-top: 12px; }
.account-page #story-form .story-select-label { position: absolute; z-index: 1; top: -10px; left: 15px; padding: 0 8px; background: #fff; color: #0077e8; font-weight: 600; line-height: 20px; }
.account-page #story-form .story-select select { appearance: none; -webkit-appearance: none; display: block; width: 100%; min-width: 0; height: 54px; margin-top: 0; padding: 14px 62px 14px 22px; border: 1px solid #589cff; border-radius: 14px; background: #f8fbff; color: #51617e; font: 400 14px/1.5 Poppins, Arial, sans-serif; text-overflow: ellipsis; cursor: pointer; opacity: 1; }
.account-page #story-form .story-select::after { content: ''; position: absolute; right: 0; top: 1px; width: 50px; height: 52px; border-left: 1px solid #dce8f5; border-radius: 0 13px 13px 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23061c43' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E") center / 18px no-repeat; pointer-events: none; }
.account-page #story-form .story-select select:disabled { cursor: not-allowed; -webkit-text-fill-color: #51617e; }
.account-page #story-form .story-select select:enabled:hover { border-color: #0077e8; }
@media (forced-colors: active) { .account-page #story-form .story-select select { appearance: auto; padding-right: 14px; } .account-page #story-form .story-select::after { display: none; } }

/* Warm reference styling: presentation only, existing content stays intact. */
.account-page{--surface:#fff;--surface-border:#e5e3df;--surface-shadow:0 10px 32px #7259320a;background:var(--canvas);color:var(--ink)}
.account-page .site-header{background:#fffdf9;padding-left:max(7.3%,calc((100vw - 1228px)/2));padding-right:max(7.3%,calc((100vw - 1228px)/2))}
.account-page h1{color:var(--ink);font-weight:800;line-height:1.12;letter-spacing:-1.6px}
.account-page h1 em{color:#0066ff}
.account-page h2,.account-page h3,.account-page .feature-grid .card h3{color:var(--ink);font-weight:800;letter-spacing:-.6px;line-height:1.25}
.account-page p,.account-page li,.account-page .child-choice,.profile-summary dt{color:#35456b}
.account-page .card,.account-page aside,.account-page .question{border-color:var(--surface-border);border-radius:24px;box-shadow:var(--surface-shadow)}
.account-page .card{padding:30px}
.account-page .bento-grid{gap:24px}
.account-page .bento-grid .card{padding:30px}
.account-page #main.onboarding,.account-page #main.child-selection,.account-page #main.bento-dashboard,.account-page .workspace{max-width:1180px;margin-left:auto;margin-right:auto}
.account-page .onboarding-panel{padding:34px}
.account-page .primary,.account-page .side-nav .nav-active,.account-page .workspace-nav .nav-active{background:#0066ff}
.account-page .primary{min-height:48px;padding:15px 26px}
.account-page .primary:hover{background:#0054d6}
.account-page .outline{background:#fff;border-color:#d5d9e2;color:var(--ink);min-height:46px}
.account-page .outline:hover{border-color:#0066ff;background:#f4f8ff}
.account-page input:not([type=radio]):not([type=checkbox]),.account-page textarea,.account-page select{border-color:#dce0e8;border-radius:12px;color:var(--ink);background:#fff;min-height:48px}
.account-page .gender-card,.account-page .option{background:#fff;border-color:#dce0e8;border-radius:14px}
.account-page .gender-card:has(input:checked),.account-page .option.chosen{background:#edf4ff;border-color:#0066ff;color:#064eb4}
.account-page .gender-card:hover,.account-page .option:hover{border-color:#0066ff}
.gender-symbol{color:#0066ff;background:#edf4ff}
.account-page .profile-chip,.account-page .badge{background:#edf4ff;border-color:#d9e6fc;color:#35456b}
.account-page .child-message{background:#edf4ff;border-color:#d9e6fc}
.account-page .green,.dashboard-strengths article{background:#fff5d3;border-color:#f3e5b3}
.account-page .lilac,.dashboard-strengths article:nth-child(2){background:#ffebe3;border-color:#f5d9cf}
.account-page .green h2,.account-page .lilac h2{color:var(--ink)}
.account-page .story-cta{background:#fff;border-color:var(--surface-border);border-radius:24px}
.account-page .notice{background:#edf4ff;border-color:#d9e6fc;border-left-color:#0066ff}
.account-page .side-nav .quiet{background:#fff7e9;color:#35456b}
.account-page .side-nav .quiet:hover{background:#f4eddf}
.account-page progress{accent-color:#0066ff}
.account-page progress::-webkit-progress-bar{background:#e8e9ee}
.account-page progress::-webkit-progress-value{background:#0066ff}
.account-page .onboarding-progress li,.profile-summary div{border-color:#e0e3e9}
.account-page .onboarding-progress [aria-current]{border-color:#0066ff;color:#064eb4}
.account-page #story-form .story-select select{background:#fff;border-color:#dce0e8;color:#35456b;border-radius:12px}
.account-page #story-form .story-select-label{color:#0066ff}
.account-page #story-form .story-select::after{border-color:#dce0e8}
.account-page .story-text p{color:#35456b}
.account-page .child-choice-name{color:var(--ink);font-weight:800}
.account-page .child-choice:hover{border-color:#0066ff}
.account-page .dashboard-card-icon{color:var(--ink)}
.account-page .dashboard-card-icon.talents{color:#b57c00}
.account-page button:focus-visible,.account-page a:focus-visible,.account-page input:focus-visible,.account-page textarea:focus-visible,.account-page select:focus-visible,.account-page summary:focus-visible,.gender-card:focus-within{outline-color:#0066ff}
@media(max-width:650px){
 .account-page .site-header{padding-left:5%;padding-right:5%}
 .account-page .card,.account-page .bento-grid .card,.account-page .onboarding-panel{padding:24px;border-radius:22px}
 .account-page h1{letter-spacing:-1px}
 .account-page .question{padding:20px;border-radius:22px}
 .account-page .primary,.account-page .outline{padding:14px 20px;font-size:13px}
}

/* One supplied question at a time, within the existing seven blocks. */
.quiz-intro{max-width:760px;margin-bottom:24px}
.account-page .quiz-intro h1{margin:12px 0 16px}
.quiz-block-strip{display:flex;align-items:center;gap:28px;background:#fff;border:1px solid var(--surface-border);border-radius:18px;padding:20px 24px;box-shadow:var(--surface-shadow);margin-bottom:24px;position:relative}
.quiz-block-strip .progress-label{display:flex;flex-direction:column;gap:4px;min-width:170px;margin:0}
.quiz-block-strip .progress-label strong{font-size:16px;color:var(--ink)}
.quiz-block-strip .progress-label span{font-size:12px;color:#35456b}
.quiz-segments{display:flex;gap:6px;flex:1}.quiz-segments span{height:10px;background:#e8e9ee;border-radius:99px;flex:1}.quiz-segments .active{background:#0066ff}
.quiz-block-strip progress{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.account-page .quiz-single{background:#fff;border:1px solid var(--surface-border);border-radius:24px;padding:30px;box-shadow:var(--surface-shadow)}
.account-page .quiz-single .question{border:0;box-shadow:none;padding:0;margin:0;background:transparent}
.account-page .quiz-single legend{float:none;margin-bottom:26px}
.account-page .quiz-single .quiz-question-count{display:block;color:#35456b;font-size:13px;font-weight:400;margin-bottom:16px}
.account-page .quiz-single .quiz-question-text{display:block;color:var(--ink);font-size:25px;font-weight:800;line-height:1.3;letter-spacing:-.6px}
.account-page .quiz-single .options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.account-page .quiz-single .option{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:165px;padding:24px 12px;font-size:15px;font-weight:600;text-align:center;cursor:pointer}
.quiz-single .option input{position:absolute;top:12px;right:12px}.quiz-answer-face{font-size:32px;line-height:1}
.quiz-single .option:focus-within{outline:3px solid #0066ff;outline-offset:3px}
.account-page .quiz-single .quiz-actions{margin:28px 0 0;justify-content:space-between}
@media(max-width:650px){.quiz-block-strip{padding:16px;gap:14px;flex-wrap:wrap}.quiz-segments{min-width:100%;order:2}.account-page .quiz-single{padding:22px}.account-page .quiz-single .quiz-question-text{font-size:22px}.account-page .quiz-single .options{grid-template-columns:repeat(2,minmax(0,1fr))}.account-page .quiz-single .option{min-height:140px;font-size:13px;padding:22px 12px}}

/* Reference story-creation layout with existing catalog fields and artwork. */
.account-page .story-creation{position:relative;isolation:isolate;padding:12px 0 32px;min-height:650px;background:url('/public/assets/dashboard-stories.png') right center / 42% auto no-repeat}
.account-page .story-creation h1{position:relative;max-width:880px;font-size:clamp(32px,3.5vw,48px);margin:16px 0 18px;line-height:1.12}
.account-page .story-creation h1 em{color:var(--ink);font-style:normal}
.story-creation-intro{max-width:600px;margin-bottom:30px}
.account-page .story-creation #story-form{width:56%;max-width:620px;background:transparent;border:0;box-shadow:none;padding:0;margin:0}
.story-creation #story-form .form-grid{display:grid;grid-template-columns:1fr;gap:24px}
.account-page .story-creation #story-form label{font-size:13px;color:var(--ink);font-weight:600;margin:0}
.account-page .story-creation #story-form input{margin-top:8px;width:100%;font-weight:400}
.account-page .story-creation #story-form .story-select{margin-top:0}
.account-page .story-creation #story-form .story-select-label{position:static;display:block;background:transparent;padding:0;margin-bottom:8px;color:var(--ink)}
.account-page .story-creation #story-form .story-select select{height:48px;padding:12px 50px 12px 16px}
.account-page .story-creation #story-form .story-select::after{top:auto;bottom:1px;height:46px;border:0;width:44px}
.story-creation #story-form>.primary{width:100%;margin-top:30px;min-height:48px}
@media(max-width:800px){.account-page .story-creation{background-size:35% auto}.account-page .story-creation #story-form{width:64%}}
@media(max-width:650px){.account-page .story-creation{background:none;padding:0 0 24px;min-height:0}.account-page .story-creation h1{font-size:30px;margin-top:12px}.story-creation-intro{margin-bottom:26px}.account-page .story-creation #story-form{width:100%;max-width:none}.story-creation #story-form .form-grid{gap:22px}}

/* Reference icons accompany existing story fields without changing accessible labels. */
.account-page .story-creation #story-form .form-grid>label{position:relative;margin-left:64px}
.story-field-icon{position:absolute;left:-64px;top:0;width:48px;height:48px;display:grid;place-items:center;border:1px solid #e5e3df;border-radius:17px;background:#fff;color:#061335;pointer-events:none}
.story-field-icon svg{width:28px;height:28px}
@media(max-width:650px){.account-page .story-creation #story-form .form-grid>label{margin-left:52px}.story-field-icon{left:-52px;width:40px;height:40px;border-radius:14px}.story-field-icon svg{width:25px;height:25px}}

.account-page .story-creation-large{display:grid;grid-template-columns:minmax(0,52fr) minmax(0,46fr);column-gap:2%;background:none;min-height:790px}
.account-page .story-creation-large h1,.story-creation-large>.story-creation-intro{grid-column:1/-1}
.account-page .story-creation-large #story-form{grid-column:1;grid-row:3;width:100%}
.story-creation-large::after{content:'';grid-column:2;grid-row:3;min-height:560px;background:var(--story-creation-art) center bottom / contain no-repeat;pointer-events:none}
.account-page .story-creating{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;max-width:1050px;margin:24px auto;padding:36px;min-height:560px;overflow:hidden}
.story-creating>img{width:100%;height:500px;object-fit:contain}
.account-page .story-creating h1{font-size:clamp(28px,3.2vw,42px);margin:20px 0}
.story-loading-orbit{display:flex;gap:20px;color:#d89300;font-size:36px}.story-loading-orbit span{animation:story-float 3s ease-in-out infinite}.story-loading-orbit span:nth-child(2){animation-delay:.4s}.story-loading-orbit span:nth-child(3){animation-delay:.8s}
.story-loading-dots{display:flex;gap:10px;margin-top:24px}.story-loading-dots i{width:10px;height:10px;border-radius:50%;background:#0066ff;animation:story-pulse 1.5s ease-in-out infinite}.story-loading-dots i:nth-child(2){animation-delay:.2s}.story-loading-dots i:nth-child(3){animation-delay:.4s}
.story-new-action{display:flex;justify-content:center;margin:24px 0 36px}
@keyframes story-float{50%{transform:translateY(-10px) rotate(12deg)}}
@keyframes story-pulse{50%{opacity:.3;transform:scale(.7)}}
@media(max-width:650px){.account-page .story-creation-large{display:block;background:none;min-height:0}.story-creation-large::after{display:none}.account-page .story-creation-large #story-form{width:100%}.account-page .story-creating{grid-template-columns:1fr;padding:24px;gap:12px;text-align:center;min-height:0}.story-creating>img{height:260px}.story-loading-orbit,.story-loading-dots{justify-content:center}}
@media(prefers-reduced-motion:reduce){.story-loading-orbit span,.story-loading-dots i{animation:none}}

/* Observational v2: conduct descriptions and two distinct native radio groups. */
.quiz-v2 .behavior-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}
.behavior-card{border:1px solid var(--surface-border);border-radius:16px;padding:18px;background:#faf8f3}
.behavior-card p{margin:10px 0 0;font-size:14px;color:var(--ink);line-height:1.6}
.behavior-letter{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:50%;background:#e8efff;font-weight:700;color:#064eb4}
.behavior-choice{border:0;padding:0;margin:20px 0}
.behavior-choice legend{font-size:17px;font-weight:700;margin-bottom:12px}
.behavior-radios{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.behavior-radio{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border:1px solid var(--surface-border);border-radius:14px;cursor:pointer;background:#fff}
.behavior-radio input{margin:0;width:18px;height:18px;accent-color:#0066ff}
.behavior-radio.chosen{border-color:#0066ff;background:#e8efff;color:#064eb4}
.behavior-radio:has(input:disabled){opacity:.45;cursor:default}
.behavior-radio:focus-within{outline:3px solid #0066ff;outline-offset:3px}
.quiz-v2 .quiz-question-text{margin-top:0}
.talent-evidence{border-top:1px solid var(--surface-border);padding-top:16px;margin-top:16px}
.talent-candidates details{margin-top:20px}.talent-candidates summary{cursor:pointer;font-weight:600;line-height:1.6}
.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}
@media(max-width:800px){.quiz-v2 .behavior-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.behavior-card{padding:12px}.behavior-card p{font-size:13px}.behavior-radios{gap:8px}.behavior-radio{padding:14px 8px}}

/* Talent report: compact, warm cards following the founder's screen reference. */
.talent-report{max-width:1150px;margin:0 auto 24px}
.report-hero{position:relative;isolation:isolate;min-height:290px;padding:28px 0 24px;overflow:hidden;border-radius:24px 24px 0 0}
.report-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right 43%;z-index:-2}
.report-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fffaf2 0%,#fffaf2f5 42%,#fffaf280 64%,transparent 82%);z-index:-1}
.report-hero-copy{max-width:82%;padding:12px 22px 16px}
.report-eyebrow{display:block;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:2.5px;color:#35456b;margin-bottom:16px}
.account-page .report-hero h1{font-size:clamp(30px,3.5vw,47px);line-height:1.12;margin:0 0 16px;letter-spacing:-1.8px}
.account-page .report-hero h1 em{color:#0066ff;font-style:normal;font-weight:800}
.report-hero-copy p{max-width:620px;margin:0;font-size:14px;line-height:1.7;color:var(--ink)}
.report-talent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:10px}
.report-talent-card{border-radius:26px;padding:24px 22px 20px;min-width:0;background:linear-gradient(135deg,#fff3c4,#fff9e8);border:1px solid #fff0c0}
.report-talent-card.coral{background:linear-gradient(135deg,#ffe0d7,#fff0eb);border-color:#ffdfd5}
.report-talent-heading{display:flex;align-items:center;gap:14px;min-height:80px}
.report-talent-symbol{width:62px;height:62px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:#ffbd1b;color:#fff}
.coral .report-talent-symbol{background:#ffd0c3;color:#f56b55}
.report-talent-symbol svg{width:38px;height:38px}
.account-page .report-talent-heading h2{font-size:25px;line-height:1.12;margin:0 0 9px;font-weight:800;letter-spacing:-.7px}
.report-talent-tag{display:inline-block;border-radius:99px;background:#ffe38d;padding:4px 10px;color:#634a0b;font-size:11px}
.coral .report-talent-tag{background:#ffd4c9;color:#8e382d}
.report-talent-description{font-size:14px;line-height:1.65;min-height:46px;margin:14px 4px 18px;color:var(--ink)}
.report-card-content{background:#ffffffc9;border-radius:20px;padding:6px 16px}
.report-card-section{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:18px 0;border-bottom:1px solid #e8e4de}
.report-section-icon{color:var(--ink);padding-top:2px}.report-section-icon svg{width:31px;height:31px}.report-card-section:first-child .report-section-icon{color:#eda900}
.account-page .report-card-section h3{font-size:15px;letter-spacing:-.2px;margin:0 0 7px;font-weight:800}
.report-card-section p,.report-card-section li{font-size:13px;line-height:1.6;color:#35456b;margin:0}
.report-card-section ul{padding-left:17px;margin:0}.report-card-section li+li{margin-top:4px}.report-card-section li::marker{color:#0066ff}
.report-more{padding:16px 0;font-size:12px;color:#35456b}.report-more summary{cursor:pointer;font-weight:600}.report-more p,.report-more li{font-size:13px}.report-more h3{margin-bottom:4px;font-size:14px}
.report-conversation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px;background:#e7f0ff;border-radius:24px;margin:22px 0 0;padding:24px}
.report-conversation-heading{display:flex;gap:14px;align-items:center}.report-conversation-heading>span{color:#0066ff;display:grid;place-items:center;background:#fff;border-radius:50%;min-width:50px;height:50px}.report-conversation-heading svg{width:31px;height:31px}
.account-page .report-conversation-heading h2{font-size:17px;line-height:1.35;margin:0 0 5px;font-weight:800}.report-conversation-heading p{font-size:12px;margin:0;line-height:1.5;color:#35456b}
.report-conversation ul{font-size:12px;line-height:1.65;margin:0;padding-left:18px;color:#35456b}.report-conversation li::marker{color:#0066ff}.report-conversation li+li{margin-top:4px}
.report-exploratory-note{font-size:11px;text-align:center;line-height:1.6;margin:18px auto;max-width:670px}
.report-finish{text-align:center;margin-top:18px}.report-finish .primary{min-width:340px}.report-finish span{margin-left:24px}
@media(max-width:800px){.report-hero-copy{max-width:90%}.report-hero:after{background:linear-gradient(90deg,#fffaf2 0%,#fffaf2ed 60%,#fffaf270 100%)}.report-talent-card{padding:20px 16px}.account-page .report-talent-heading h2{font-size:22px}.report-talent-symbol{width:48px;height:48px}.report-talent-symbol svg{width:30px;height:30px}.report-conversation{grid-template-columns:1fr;gap:18px}}
@media(max-width:650px){.report-hero{min-height:280px;padding:20px 0 10px}.report-hero-copy{max-width:100%;padding:10px 14px}.account-page .report-hero h1{font-size:32px;letter-spacing:-1px}.report-hero-copy p{font-size:13px}.report-talent-grid{grid-template-columns:1fr;gap:18px}.report-talent-heading{min-height:60px}.report-talent-description{min-height:0}.report-talent-card{padding:22px 18px}.report-conversation{padding:22px 18px}.report-finish .primary{min-width:0;width:100%}.report-eyebrow{font-size:10px;letter-spacing:2px}}

/* Compact results header; supporting guidance is temporarily hidden. */
.report-hero{min-height:0;padding:12px 0 20px}
.report-hero:after{display:none}
.report-hero-copy{max-width:100%}
.report-more[hidden]{display:none}

/* Profile talent previews share the report's visual language. */
.bento-talents .dashboard-strengths{gap:12px;margin:20px 0 24px}
.bento-talents .dashboard-talent{padding:20px 16px;border:1px solid #f4e7b8;border-radius:22px;background:linear-gradient(135deg,#fff3c4,#fff9e8)}
.bento-talents .dashboard-talent.coral{background:linear-gradient(135deg,#ffe0d7,#fff0eb);border-color:#f6ddd4}
.bento-talents .report-talent-heading{align-items:flex-start;gap:12px;min-height:0}
.bento-talents .report-talent-symbol{width:42px;height:42px;flex-shrink:0}
.bento-talents .report-talent-symbol svg{width:26px;height:26px}
.bento-talents .dashboard-talent h3{font-size:18px;line-height:1.2;margin:0 0 9px;letter-spacing:-.4px}
.bento-talents .report-talent-tag{font-size:10px;padding:5px 8px}
.bento-talents .dashboard-talent>p{font-size:12px;line-height:1.65;margin:16px 0 0}
@media(min-width:801px) and (max-width:1150px){.bento-talents .dashboard-strengths{grid-template-columns:1fr}}

/* Reference dashboard cards: compact previews and storybook rocket artwork. */
.bento-talents .dashboard-card-heading,.bento-stories .dashboard-card-heading{gap:8px}
.bento-talents .dashboard-card-heading h2,.bento-stories .dashboard-card-heading h2{font-size:22px;letter-spacing:-.6px}
.bento-talents .dashboard-card-icon{color:var(--ink);background:transparent}
.bento-talents>p,.bento-stories>div>p{font-size:13px;line-height:1.55;margin:8px 0 16px}
.story-new-badge{background:#ffd957;color:#101638;font-size:11px;font-weight:700;border-radius:20px;padding:6px 9px;white-space:nowrap}
.bento-talents .dashboard-strengths{grid-template-columns:1fr 1fr;margin:18px 0 10px}
.bento-talents .dashboard-talent{position:relative;display:grid;grid-template-columns:42px 1fr;align-items:start;gap:10px;padding:18px 14px 42px;text-align:left;color:var(--ink);width:100%;cursor:pointer}
.dashboard-talent-name{font-size:15px;font-weight:700;line-height:1.25}
.dashboard-talent-arrow{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffffffb0;font-size:20px}
.dashboard-story-art{width:100%;aspect-ratio:266/105;border-radius:14px 14px 3px 3px;background-image:url('/public/assets/dashboard-stories-rocket-v2.png');background-size:cover;background-position:center;background-repeat:no-repeat;margin:12px 0}
.bento-talents .dashboard-card-action,.bento-stories .dashboard-card-action{margin-top:10px}
.bento-talents .dashboard-card-action .primary,.bento-stories .dashboard-card-action .outline{width:100%}
.bento-stories .dashboard-card-action .outline{color:#0066ff;border-color:#75acff;background:white}
@media(max-width:650px){.bento-talents .dashboard-talent{grid-template-columns:34px 1fr;padding:15px 10px 42px;gap:7px}.bento-talents .report-talent-symbol{width:34px;height:34px}.dashboard-talent-name{font-size:13px}}

.bento-talents .dashboard-card-icon.talents{color:#fff;background:#ffbe32;border-radius:50%}
.dashboard-talent-copy{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}
.bento-talents .dashboard-talent.yellow .report-talent-tag{background:#ffe18a;color:#66501d}
.bento-talents .dashboard-talent.coral .report-talent-tag{background:#ffc9be;color:#793b33}

/* Restore the fuller talent previews from the founder's screenshot. */
.bento-talents .dashboard-talent{display:block;padding:20px 16px;border-radius:22px;cursor:default}
.bento-talents .dashboard-strengths{margin:20px 0 24px}
.bento-talents .report-talent-heading{display:flex;align-items:flex-start;gap:12px}
.bento-talents .report-talent-symbol{width:42px;height:42px}
.bento-talents .dashboard-talent h3{font-size:18px;line-height:1.2;margin:0 0 9px}
.bento-talents .dashboard-talent>p{font-size:12px;line-height:1.65;margin:16px 0 0}
@media(max-width:650px){.bento-talents .dashboard-strengths{grid-template-columns:1fr}}

.bento-talents .dashboard-card-icon.talents{color:var(--ink);background:transparent;border-radius:0}

/* Profile information icons follow the founder's outline reference. */
.profile-input { position: relative; display: block; }
.profile-input > svg { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 20px; height: 22px; color: #101d49; pointer-events: none; }
.account-page .profile-input input:not([type=radio]):not([type=checkbox]) { padding-left: 46px; }
.gender-symbol { background: transparent; border-radius: 0; }
.gender-symbol svg { width: 30px; height: 32px; }
.gender-card:nth-child(1) .gender-symbol { color: #0066ff; }
.gender-card:nth-child(2) .gender-symbol { color: #ff3345; }
.gender-card:nth-child(3) .gender-symbol { color: #647494; }

/* Final onboarding celebration, using existing generic rocket artwork. */
.account-page .profile-ready-card { position:relative; isolation:isolate; overflow:hidden; min-height:620px; padding:52px; border-radius:22px; background:#fffaf1; }
.profile-ready-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:65% center; z-index:-2; }
.profile-ready-card::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 30%,rgba(255,255,255,.75) 46%,transparent 70%); z-index:-1; }
.profile-ready-copy { max-width:440px; }
.account-page .profile-ready h1 { font-size:clamp(32px,4vw,46px); line-height:1.12; margin:0 0 22px; letter-spacing:-1.5px; }
.profile-ready h1 span { color:#0066ff; }
.ready-rays { font-style:normal; color:#ffbd00; margin-left:12px; }
.profile-ready-copy p { line-height:1.6; margin-bottom:24px; }
.profile-ready-copy .primary { min-width:200px; }
.ready-note { position:absolute; font-family:var(--font-handwritten, cursive); font-style:italic; font-size:22px; line-height:1.3; transform:rotate(-7deg); background:rgba(255,250,240,.9); padding:15px; border-radius:14px; color:#101d49; }
.ready-note::after { content:""; display:block; width:75%; height:4px; margin-top:6px; border-radius:4px; background:#ffbc00; }
.ready-note-top { right:24px; top:32px; }
.ready-note-bottom { right:24px; bottom:38px; }
@media(max-width:650px) {
 .account-page .profile-ready-card { padding:28px 24px; min-height:760px; }
 .profile-ready-photo { object-position:73% bottom; }
 .profile-ready-card::before { background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.98) 31%,rgba(255,255,255,.85) 43%,transparent 65%); }
 .profile-ready-copy { max-width:100%; }
 .ready-note { font-size:18px; }
 .ready-note-top { top:auto; bottom:300px; right:15px; }
 .ready-note-bottom { right:15px; bottom:25px; }
}

.account-page .onboarding h1 .onboarding-blue { color: #0066ff; }

.review-summary { background:#fff; border-radius:20px; padding:22px; margin-top:24px; box-shadow:0 8px 28px rgba(32,35,55,.045); }
.review-summary-header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.account-page .review-summary h2 { font-size:18px; margin:0; }
.account-page .review-edit { padding:6px 14px; min-height:32px; font-size:12px; color:#0066ff; border-color:#cddfff; }
.review-identity { display:flex; align-items:center; gap:22px; margin:18px 0; }
.review-identity img { width:104px; height:104px; border-radius:50%; object-fit:cover; background:#fff7eb; }
.review-summary dl { margin:0; }
.review-summary dt { font-size:12px; }
.review-summary dd { margin:3px 0 0; font-weight:700; overflow-wrap:anywhere; }
.review-identity dd { font-size:20px; }
.review-facts { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.review-facts > div { position:relative; padding:12px 12px 12px 46px; border-radius:12px; background:#f6f5f4; min-width:0; }
.review-icon { position:absolute; left:14px; top:50%; transform:translateY(-50%); width:22px; height:26px; }
.review-icon svg { width:100%; height:100%; }
.review-age { color:#0066ff; }
.account-page .review-world-heading { display:flex; align-items:center; gap:12px; font-size:14px; margin:20px 0 8px; }
.review-world-heading svg { width:32px; height:32px; flex-shrink:0; }
.review-description { background:#f6f5f4; padding:14px 16px; border-radius:12px; margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; line-height:1.5; }
.review-closing { text-align:right; font-family:cursive; font-style:italic; font-size:17px; line-height:1.4; margin:20px 0 0; }
@media(max-width:450px) { .review-summary { padding:16px; } .review-identity img { width:84px; height:84px; } .review-summary-header { gap:6px; } .account-page .review-summary h2 { font-size:16px; } }

.profile-ready-photo { inset:auto 0 0 auto; width:58%; height:90%; object-fit:contain; object-position:right bottom; }
@media(max-width:650px) { .profile-ready-photo { width:100%; height:54%; object-position:center bottom; } }

.bento-talents .dashboard-talent-art { width:100%; max-width:none; height:auto; aspect-ratio:266 / 105; object-fit:cover; margin:12px 0; border-radius:14px 14px 3px 3px; background:#fffaf0; }

/* Keep opening a child and deleting a child as separate accessible controls. */
.account-page .child-choice-card { position: relative; display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
.account-page .child-choice-card .child-choice { width: 100%; background: transparent; border: 2px solid transparent; border-radius: 18px; padding: 12px; }
.account-page .child-choice-card .child-choice:focus-visible { outline: 3px solid #0066ff; outline-offset: 3px; }
.account-page .child-delete { position: absolute; top: 8px; right: 8px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; background: transparent; color: #9d2635; border-radius: 50%; }
.account-page .child-delete:hover, .account-page .child-delete:focus-visible { color: #9d2635; background: #fff0f1; }

/* Instructions have their own screen; answering keeps controls together. */
.questionnaire-page .workspace-nav{margin:0 0 8px}
.questionnaire-page .workspace{padding-top:12px}
.quiz-context{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:8px}
.quiz-context .quiet{padding:8px 12px;font-size:12px}
.questionnaire-page .quiz-block-strip{padding:12px 20px;margin-bottom:14px}
.questionnaire-page .quiz-single{padding:22px}
.questionnaire-page .quiz-single .quiz-question-count{margin-bottom:10px}
.questionnaire-page .quiz-single .quiz-question-text{font-size:23px;margin-bottom:16px}
.questionnaire-page .behavior-options{margin:16px 0;gap:10px}
.questionnaire-page .behavior-card{padding:14px}
.questionnaire-page .behavior-card p{line-height:1.45}
.questionnaire-page .behavior-choice{margin:12px 0}
.questionnaire-page .behavior-choice legend{margin-bottom:8px;font-size:15px}
.questionnaire-page .behavior-radio{padding:10px;margin-bottom:0}
.questionnaire-page .quiz-single .quiz-actions{margin:14px 0 0}
.questionnaire-page .quiz-intro{margin:28px auto;max-width:760px}
@media(max-width:650px){.questionnaire-page .quiz-single{padding:16px}.questionnaire-page .quiz-single .quiz-question-text{font-size:19px}.questionnaire-page .quiz-block-strip{gap:8px;padding:10px 14px}.questionnaire-page .quiz-segments{min-width:0;order:0}.questionnaire-page .quiz-block-strip .progress-label{min-width:125px}.questionnaire-page .behavior-card{padding:10px}.questionnaire-page .behavior-card p{font-size:12px}.questionnaire-page .behavior-letter{width:24px;height:24px;font-size:12px}}

.questionnaire-page .site-header{padding-top:12px;padding-bottom:12px}
.questionnaire-page .workspace-nav .quiet{padding-top:8px;padding-bottom:8px}
.questionnaire-page .quiz-single .primary{padding-top:12px;padding-bottom:12px}

.account-page .quiz-single .quiz-error{color:#b42318;font-size:12px;line-height:1.6;margin:12px 0 0}

.child-delete-spinner { animation: child-delete-spin .8s linear infinite; }
@keyframes child-delete-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .child-delete-spinner { animation: none; } }