/* V9 interface refinement. Brand tokens and print layouts remain in the base files. */
@media screen {
  .pack-preview {gap:6px;max-width:480px}
  .pack-preview button {font-size:12px;padding:8px 10px;min-height:40px}
  .capacity-ribbon>span {justify-content:center}
  .try-section {padding-top:48px;padding-bottom:48px;gap:60px;max-width:1150px}
  .try-section .aside-note,.try-section .section-intro>.text-link {display:none}
  .try-section .section-intro h2 {font-size:38px;margin-bottom:16px}
  .try-section .section-intro p:not(.eyebrow) {font-size:15px}
  .try-section .mission-artifact {transform:rotate(1deg);max-width:420px;width:100%}
  .try-section .card-top {padding:12px 20px}
  .try-section .card-body {padding:18px 20px}
  .try-section .card-body h3 {font-size:34px!important;line-height:1.06;text-transform:none}
  .try-section .mission-quip {font-size:19px}
  .try-section .card-meta {font-size:13px;padding:9px 0}
  .preview-facts {font-size:14px;line-height:1.6;margin:12px 0 16px}
  .preview-facts b {font-weight:600}
  .try-section .card-bottom {padding:10px 20px;font-size:10px}
  .discover {padding-top:40px;padding-bottom:45px}
  .discover .section-heading {align-items:end;gap:24px;margin-bottom:24px}
  .discover .eyebrow {margin-bottom:12px}
  .discovery-age {display:flex;gap:12px;align-items:center;font-size:14px;font-weight:600;flex-shrink:0}
  .discovery-age select {font:inherit;border:1px solid var(--ink);border-radius:3px;background:#fffdf8;color:var(--ink);min-height:46px;padding:10px 30px 10px 12px}
  .mode-tabs>button {padding:16px 18px;border:1px solid var(--line);border-radius:3px}
  .mode-tabs {gap:8px;border:0}
  .mode-tabs b {font-size:18px;line-height:1.25}
  .mode-tabs b span {visibility:hidden;font-size:15px;flex-shrink:0}
  .mode-tabs .active b span {visibility:visible}
  .mode-tabs>button>span {font-size:14px;line-height:1.4;margin-top:6px}
  .filter-row {margin-top:12px;margin-bottom:0}
  #mode-description {font:500 15px/1.5 var(--body);margin:0}
  #mode-safety {font-size:13px!important;margin-top:6px}
  .age-context {margin-top:6px;font-size:13px!important}
  .results-label {font-size:14px;font-weight:600;margin:22px 0 12px}
  .mission-results {margin-top:0;align-items:stretch;gap:16px}
  .mini-mission {display:flex;flex-direction:column;text-align:left;min-height:0;height:100%;width:100%;border:1px solid var(--line);background:#fffdf8;overflow:hidden;border-radius:4px}
  .mini-band {display:flex;width:100%;padding:9px 16px;font-size:11px;align-items:center;justify-content:space-between}
  .mini-body {display:flex;flex-direction:column;padding:18px;flex:1;width:100%}
  .mini-title {display:block;font:700 27px/1.1 var(--display);letter-spacing:-.045em;margin-bottom:9px}
  .mini-quip {display:block;font-size:14px;line-height:1.5;margin-bottom:16px}
  .mini-practical {display:grid;gap:7px;font-size:14px;line-height:1.45;margin-bottom:16px}
  .mini-practical>span {display:block}
  .mini-practical b {display:block;font-size:12px;font-weight:600;color:var(--muted)}
  .mini-foot {display:flex;gap:10px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;font-size:13px;line-height:1.4;margin-top:auto}
  .discovery-more {font-size:14px;padding-top:5px}
  .discovery-more .text-link {font-size:14px}
  .sunday-grid {grid-template-columns:1fr 1fr;grid-template-areas:'intro paper' 'signup paper';align-items:start;column-gap:70px;row-gap:24px}
  .sunday-intro {grid-area:intro}
  .sunday-paper {grid-area:paper}
  .sunday-signup {grid-area:signup}
  .sunday-signup #signup-form {margin-top:0}
  .sunday-intro>p:last-child {margin-bottom:0}
  .sunday .micro,.consent {font-size:13px!important}
  .sunday-item small {font-size:14px}
  dialog {scroll-padding-top:84px}
  .modal-toolbar {position:sticky;top:0;z-index:3;background:var(--paper);border-bottom:1px solid var(--line)}
  #modal-body :is(button,a,input,select,summary) {scroll-margin-top:90px;scroll-margin-bottom:18px}
  .mission-detail #modal-title {text-transform:none;font-size:40px;line-height:1.08}
  .mission-detail .detail-meta {font-size:13px;gap:7px}
  .mission-detail p,.mission-detail li {font-size:16px;line-height:1.6}
  .mission-detail .modal-lede {font-size:22px;line-height:1.35}
  .mission-detail h3 {font:600 16px/1.4 var(--body);letter-spacing:0;margin-top:25px;margin-bottom:8px}
  .mission-detail .micro {font-size:14px!important}
  .mission-detail .safety-box p {font-size:15px}
  .mission-detail .safety-box h3 {margin-top:0}
  .mission-detail .access-grid p {font-size:14px!important}
  .mission-detail .access-grid h4 {font-size:14px}
  .mission-detail .mission-options summary {font-size:15px}
  .mission-actions {gap:10px;margin-top:18px}
  .mission-actions .button {font-size:14px;padding:11px 16px;min-height:46px;gap:8px}
  .mission-actions.bottom {margin-top:25px}
  #favorite-status:empty {display:none}
  .mission-steps {padding-left:24px}
  .mission-steps li {padding:6px 0 10px 5px}
  dialog[data-view=plan] #modal-title {font-size:32px;line-height:1.1;margin-bottom:12px}
  dialog[data-view=plan] .eyebrow {margin-bottom:12px}
  .plan-intro {font-size:16px;margin-bottom:20px}
  .plan-form {margin-top:0}
  .plan-form fieldset {margin-bottom:20px}
  .plan-form legend {font:600 17px/1.4 var(--body);letter-spacing:0;margin-bottom:10px}
  .plan-form .choice span {font-size:14px;padding:12px;min-height:46px}
  .plan-form .choices {gap:8px}
  .plan-form .micro,.plan-note {font-size:13px!important;line-height:1.5}
  .plan-summary {border:1px solid var(--line);background:#eeeadf;border-radius:3px;padding:12px 14px;font-size:14px;margin:16px 0}
  .saved-section {padding:22px 0;border-top:1px solid var(--line);margin-top:24px}
  .saved-heading {display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:16px}
  .saved-heading h3 {font:700 24px/1.2 var(--display);letter-spacing:-.035em;margin:0}
  .saved-heading>span {font-size:13px}
  .saved-plan-list {display:grid;gap:0;border:1px solid var(--line);border-radius:4px;margin-bottom:16px;overflow:hidden}
  .saved-plan-row {display:grid;grid-template-columns:8px 1fr 18px;align-items:center;gap:16px;width:100%;text-align:left;background:#fffdf8;padding:15px;border-bottom:1px solid var(--line)}
  .saved-plan-row:last-child {border-bottom:0}
  .saved-plan-row:hover {background:#eeeadf}
  .saved-plan-row b {font:600 19px/1.25 var(--display);letter-spacing:-.02em;display:block}
  .saved-plan-row small {font-size:13px;display:block;margin-top:4px}
  .saved-dot {width:8px;height:35px;border-radius:2px}
  .saved-card {display:flex;flex-direction:column;min-width:0}
  .saved-card-actions {display:flex;gap:20px;padding:4px 14px;background:#eeeade;border:1px solid var(--line);border-top:0}
  .saved-card-actions .text-link {font-size:14px;border:0;text-decoration:underline}
  .saved-section>.actions {gap:10px 20px}
  #saved-status:empty {display:none}
  #saved-status {font-size:14px;margin-top:12px}
}
@media screen and (max-width:900px){.sunday-grid{column-gap:35px}.try-section{gap:35px}.mini-title{font-size:24px}}
@media screen and (max-width:650px){
  .hero {padding-bottom:26px;gap:24px}
  .hero-art .window {height:225px}
  .hero-art .image-stamp {width:106px;height:83px;right:0;bottom:46px;padding:14px;font-size:12px}
  .hero-art figcaption {font-size:12px;gap:10px}
  .pack-preview {gap:5px}
  .pack-preview button {font-size:12px;min-height:40px;padding:7px 9px}
  .try-section {padding-top:30px;padding-bottom:32px;gap:16px}
  .try-section .section-intro .eyebrow {font-size:10px;margin-bottom:10px}
  .try-section .section-intro h2 {font-size:28px;margin-bottom:8px}
  .try-section .section-intro h2 br {display:none}
  .try-section .section-intro h2 em:before {content:' '}
  .try-section .section-intro>p:not(.eyebrow):not(.micro) {display:none}
  .try-section .section-intro .micro {font-size:13px!important;margin:8px 0 0}
  .try-section .mission-artifact {max-width:none;transform:none;box-shadow:4px 5px 0 #e4dfd2}
  .try-section .card-top {padding:9px 16px}.try-section .card-top img{width:65px}
  .try-section .card-top b {font-size:24px}.try-section .mission-band{padding:6px 16px;font-size:12px}
  .try-section .card-body {padding:15px 16px}.try-section .card-body h3{font-size:29px!important}
  .try-section .mission-quip {font-size:18px;margin:8px 0}
  .try-section .card-meta {font-size:13px;gap:14px}
  .try-section .card-bottom {font-size:9px;padding:9px 16px}
  .preview-facts {font-size:14px;margin:10px 0 12px}
  .discover {padding-top:30px;padding-bottom:30px}
  .discover .section-heading {display:flex;flex-direction:column;align-items:stretch;gap:16px;margin-bottom:14px}
  .discover .section-heading h2 {font-size:29px}
  .discover .eyebrow {margin-bottom:10px}
  .discovery-age {justify-content:space-between;font-size:14px}
  .discovery-age select {width:70%;font-size:15px}
  .mode-tabs {grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .mode-tabs>button {padding:10px 8px;min-height:68px;display:flex;align-items:center}
  .mode-tabs b {font-size:13px;display:flex;align-items:center;gap:4px;letter-spacing:-.02em}
  .mode-tabs b span {font-size:12px}
  .mode-tabs>button>span {display:none}
  .filter-row {margin-top:10px;gap:0}
  #mode-description {font-size:14px}
  #mode-safety {font-size:13px!important;line-height:1.5}
  .age-context {font-size:13px!important;line-height:1.5}
  .results-label {margin:17px 0 10px;font-size:14px}
  .mission-results {gap:12px}
  .mini-title {font-size:25px}
  .mini-practical {grid-template-columns:1fr 1fr;gap:13px;font-size:14px}
  .mini-quip {margin-bottom:12px}
  .mini-body {padding:16px}
  .mini-foot {font-size:13px}
  .sunday-grid {grid-template-columns:1fr;grid-template-areas:'intro' 'paper' 'signup';gap:24px}
  .sunday h2 {font-size:34px}
  .sunday-intro h2 br {display:none}.sunday-intro h2 em:before{content:' '}
  .sunday-intro>p:not(.eyebrow) {font-size:15px}
  .sunday-paper {padding:20px;margin:0 3px}.sunday-paper h3{font-size:24px}
  .sunday-paper .sunday-item {padding:12px 0}
  .sunday-paper .sunday-item p {font-size:20px}
  .sunday-item small {font-size:13px}
  .sunday-signup {border-top:1px solid #b4b9a9;padding-top:24px}
  dialog[data-view=mission] {width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}
  dialog[data-view=mission] #modal-body {padding:20px}
  dialog[data-view=mission] .mission-detail {border:0;padding:0;background:transparent}
  .mission-detail #modal-title {font-size:32px;margin-top:20px}
  .mission-detail .modal-lede {font-size:21px}
  .mission-detail .detail-logo>span {font-size:10px;max-width:150px}
  .mission-detail .detail-meta {font-size:13px}
  .mission-detail .mission-actions {display:grid;grid-template-columns:1fr 1fr}
  .mission-actions .button {font-size:14px!important;padding:11px 12px!important;justify-content:center}
  .mission-detail .detail-grid {margin-top:18px}
  .mission-detail p,.mission-detail li {font-size:16px}
  .mission-detail .safety-box {padding:15px}
  .mission-detail .safety-box p {font-size:15px}
  .mission-detail .card-bottom {margin:24px 0 0;padding:13px 0;font-size:10px}
  dialog[data-view=plan] #modal-body {padding:22px 20px}
  dialog[data-view=plan] #modal-title {font-size:27px}
  .plan-form fieldset {margin-bottom:17px}
  .plan-form .choices:not(.situations):not(.time-choices) {grid-template-columns:repeat(3,minmax(0,1fr))}
  .plan-form .choice span {font-size:14px;padding:11px 8px}
  .plan-form .situations {grid-template-columns:1fr}
  .plan-form .micro {font-size:13px!important}
  .plan-intro {font-size:15px;margin-bottom:18px}
  .saved-heading {flex-wrap:wrap;gap:5px}
  .saved-plan-row {padding:14px 12px;gap:12px}
  .saved-plan-row b {font-size:18px}
}
@media screen and (max-width:350px){.hero-art .window{height:205px}.mode-tabs b{font-size:12px}.mode-tabs>button{padding:9px 6px}.mini-practical{grid-template-columns:1fr}.mini-title{font-size:24px}.mission-detail .mission-actions{grid-template-columns:1fr}.plan-form .choices:not(.situations):not(.time-choices){grid-template-columns:1fr 1fr}}
@media screen and (min-width:651px){.discover .filter-row{display:none}}
@media screen and (max-width:650px){.mode-tabs b{width:100%;justify-content:space-between}}
@media screen{.plan-row small{font-size:13px}.plan-reason>span{font-size:13px}.hero .micro{font-size:13px!important}.editorial-meta{font-size:13px!important}}
@media screen{.button,.mode-tabs>button{transition:transform .2s}}
/* V10: a tangible free offer, an immediate next step and an optional return path. */
@media screen {
  .plan-actions{gap:10px;margin:18px 0 10px}.plan-actions .button{font-size:14px;padding:12px 17px;min-height:46px}
  .plan-results>#modal-title{font-size:38px}.plan-results>.plan-intro{margin:12px 0}
  .plan-results>.plan-status{font-size:13px;margin:10px 0 18px}
  .starting-idea{border:1px solid var(--line);background:#fffdf8;padding:22px;border-radius:5px;margin:24px 0 30px}
  .starting-idea .detail-band{margin:-22px -22px 20px}.starting-idea .eyebrow{margin-bottom:10px;font-size:11px}
  .starting-idea h3{font:700 30px/1.12 var(--display);letter-spacing:-.04em;margin:0 0 12px}
  .starting-idea>p:not(.eyebrow):not(.micro){font-size:16px;margin-bottom:10px}.starting-idea .micro{font-size:13px!important;margin:10px 0}
  .starting-idea .button{margin-top:10px}.starting-idea>p:last-child{margin-bottom:0}
  .plan-list-heading{font:700 24px/1.2 var(--display);letter-spacing:-.03em;margin:0 0 8px}
  .repeat-mark{display:block;width:fit-content;font-size:12px!important;line-height:1.4;color:var(--ink);background:#e4eadc;border-radius:3px;padding:5px 8px;margin:0 0 12px}
  .plan-row .repeat-mark,.saved-plan-row .repeat-mark{margin:7px 0 0}
  .last-opened{margin:22px 0;padding:16px 18px;border-left:3px solid var(--violet);background:#eeeadf}
  .last-opened>span{font-size:12px;font-weight:600;display:block}.last-opened .text-link{font-size:17px;line-height:1.3;border:0;text-align:left;padding:9px 0}
  .last-opened small{display:block;font-size:12px;color:var(--muted)}.return-actions{gap:10px 20px;margin:20px 0}
  .sunday-invite{border-top:1px solid var(--line);padding:24px 0 0;margin-top:32px}
  .sunday-invite .eyebrow{font-size:10px;margin-bottom:10px}.sunday-invite h3{font:600 24px/1.2 var(--serif);letter-spacing:-.02em;margin:0 0 12px}
  .sunday-invite p:not(.eyebrow):not(.micro){font-size:15px;margin-bottom:10px}.sunday-invite .micro{font-size:12px!important}
  .saved-sunday-link{font-size:13px;margin-bottom:0}
  dialog[data-view=sunday] .sunday-paper{margin:28px 4px 24px;padding:25px;transform:rotate(-.5deg)}
  dialog[data-view=sunday] .sunday-paper h3{font-size:30px}
  dialog[data-view=sunday] [data-sunday-mission]>p{font:600 25px/1.2 var(--display);letter-spacing:-.03em;margin-top:15px}
  dialog[data-view=sunday] #modal-title{font-size:38px}
}
@media screen and (max-width:650px){
  .plan-results>#modal-title{font-size:29px}.plan-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .plan-actions .button{font-size:13px;padding:11px 12px;justify-content:center}.plan-actions .text-link{font-size:13px}
  .starting-idea{padding:17px;margin:20px 0 26px}.starting-idea .detail-band{margin:-17px -17px 16px}.starting-idea h3{font-size:27px}
  .starting-idea .button{font-size:13px;gap:15px;padding:12px 14px}.return-actions .button{font-size:13px;padding:12px 15px}
  dialog[data-view=sunday] #modal-title{font-size:30px}dialog[data-view=sunday] .sunday-paper{padding:18px;margin-left:0;margin-right:0}
  dialog[data-view=sunday] .sunday-paper h3{font-size:25px}dialog[data-view=sunday] [data-sunday-mission]>p{font-size:23px}
}
@media screen and (max-width:350px){.plan-actions{grid-template-columns:1fr}.last-opened{padding:14px}.starting-idea h3{font-size:25px}}