/* First-week arrival guide: page-scoped, accessible dashboard and print plan. */
body.first-week-guide-active { background: #fff; }
body.first-week-guide-active > main.buy-page { width: 100%; max-width: none; margin: 0; padding: 0; background: #fff; }
.fw-guide {
  --fw-navy: #062558;
  --fw-blue: #0075ff;
  --fw-button: #0068e7;
  --fw-blue-dark: #005ac5;
  --fw-muted: #425c7c;
  --fw-line: #cde1f8;
  --fw-tint: #f1f7ff;
  --fw-green: #007e5b;
  color: var(--fw-navy); background: #fff;
  font: 17px/1.5 Arial, Helvetica, sans-serif;
  text-align: left; overflow-wrap: break-word;
}
.fw-guide, .fw-guide * { box-sizing: border-box; }
.fw-guide [hidden] { display: none !important; }
.fw-guide :is(section, article, aside, form, fieldset, div) { min-width: 0; }
.fw-guide :is(h1, h2, h3, h4) { margin: 0 0 9px; color: var(--fw-navy); font-family: Arial, Helvetica, sans-serif !important; line-height: 1.2; font-weight: 700; letter-spacing: -.025em; text-transform: none; }
.fw-guide h2 { font-size: clamp(25px, 2vw, 30px) !important; }
.fw-guide h3 { font-size: 20px !important; }
.fw-guide h4 { font-size: 18px !important; }
.fw-guide p { margin: 0 0 12px; }
.fw-guide p:last-child { margin-bottom: 0; }
.fw-guide :is(ul, ol) { margin: 0 0 12px; padding-left: 22px; }
.fw-guide li { margin-bottom: 6px; }
.fw-guide :is(dl, dd) { margin: 0; }
.fw-guide :is(fieldset, legend) { min-width: 0; margin: 0; padding: 0; border: 0; }
.fw-guide legend { margin-bottom: 8px; font-weight: 700; }
.fw-guide a { color: var(--fw-blue-dark); text-decoration: none; text-underline-offset: 3px; }
.fw-guide a:hover { text-decoration: underline; }
.fw-guide img { display: block; width: 100%; max-width: 100%; }
.fw-guide svg { max-width: 100%; }
.fw-guide figure { margin: 0; }
.fw-guide section[id], .fw-guide details[id] { scroll-margin-top: 110px; }
.fw-guide :is(button, input, select, textarea) { max-width: 100%; font: inherit; letter-spacing: normal; box-shadow: none; }
.fw-guide button { cursor: pointer; }
.fw-guide button:disabled { cursor: default; opacity: .65; }
.fw-guide :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 3px solid #9c6200; outline-offset: 3px; }
.fw-guide .fw-icon { display: inline-block; width: 24px; height: 24px; flex: 0 0 24px; color: var(--fw-blue); vertical-align: middle; }
.fw-guide .fw-icon :is(path, circle, rect, line, polyline, polygon) { vector-effect: non-scaling-stroke; }
.fw-guide .fw-muted { color: var(--fw-muted); }
.fw-guide .fw-eyebrow { margin-bottom: 9px; color: var(--fw-blue-dark); font-size: 14px; font-weight: 700; letter-spacing: .035em; text-transform: uppercase; }
.fw-guide .fw-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.fw-guide :is(.fw-btn, .fw-btn-outline) {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 10px 15px; border: 1px solid var(--fw-button); border-radius: 6px;
  background: var(--fw-button); color: #fff; font: 700 15px/1.3 Arial, Helvetica, sans-serif;
  text-align: center; text-decoration: none; white-space: normal;
}
.fw-guide .fw-btn:hover { color: #fff; background: var(--fw-blue-dark); border-color: var(--fw-blue-dark); text-decoration: none; }
.fw-guide .fw-btn-outline { color: var(--fw-blue-dark); background: #fff; border-color: #98c2f4; }
.fw-guide .fw-btn-outline:hover { background: #eaf3ff; border-color: var(--fw-blue); text-decoration: none; }
.fw-guide :is(.fw-btn, .fw-btn-outline) .fw-icon { width: 19px; height: 19px; flex-basis: 19px; color: currentColor; }
.fw-guide .fw-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 13px; }
.fw-guide .fw-wrap { width: min(1280px, calc(100% - 48px)); margin: 0 auto; }

/* Keep the photograph visible while giving the title a calm, high-contrast base. */
.fw-guide .fw-hero { position: relative; isolation: isolate; min-height: 380px; overflow: hidden; background: #d7e7f8; }
.fw-guide .fw-hero > picture, .fw-guide .fw-hero > picture img, .fw-guide .fw-hero > img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center 58%; }
.fw-guide .fw-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(244,248,255,.96), rgba(245,248,255,.83) 36%, rgba(247,248,253,.4) 62%, rgba(246,249,255,.08) 85%); }
.fw-guide .fw-hero-content { position: relative; width: min(1280px, calc(100% - 48px)); margin: 0 auto; padding: 20px 0 30px; }
.fw-guide :is(.fw-breadcrumbs, .fw-crumb) { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 17px; font-size: 14px; line-height: 1.35; }
.fw-guide :is(.fw-breadcrumbs, .fw-crumb) a { color: var(--fw-navy); }
.fw-guide .fw-kicker { margin-bottom: 9px; color: var(--fw-blue-dark); font-size: 14px; font-weight: 700; letter-spacing: .035em; }
.fw-guide .fw-hero h1 { max-width: 830px; margin-bottom: 12px; font-size: clamp(40px, 4.1vw, 60px) !important; line-height: 1.06; letter-spacing: -.04em; }
.fw-guide :is(.fw-hero-lead, .fw-hero-lede) { max-width: 700px; font-size: 19px; line-height: 1.45; }
.fw-guide .fw-hero-meta { display: flex; flex-wrap: wrap; gap: 12px 0; max-width: 770px; margin: 20px 0; font-size: 14px; line-height: 1.4; }
.fw-guide .fw-hero-meta > * { display: flex; align-items: flex-start; gap: 9px; padding: 0 15px; border-left: 1px solid #7991b86b; }
.fw-guide .fw-hero-meta > :first-child { padding-left: 0; border-left: 0; }
.fw-guide .fw-hero-meta strong { display: block; }
.fw-guide .fw-hero-meta .fw-icon { color: var(--fw-navy); }
.fw-guide .fw-hero .fw-hero-quote { position: absolute; top: 48px; right: 4%; max-width: 330px; margin: 0; color: #062558; font: 25px/1.4 'Segoe Print', 'Bradley Hand', cursive; white-space: pre-line; transform: rotate(-6deg); text-shadow: 0 1px 4px #fff; }
.fw-guide .fw-hero-credit { position: absolute; right: 18px; bottom: 10px; max-width: max-content; margin: 0; padding: 3px 7px; border-radius: 3px; color: #fff; background: #061c37cf; font-size: 13px; line-height: 1.35; }

/* Arrival form is full-width, with native date/time and select controls. */
.fw-guide .fw-box.fw-plan-strip { margin: 16px 0; padding: 16px; border: 1px solid var(--fw-line); border-radius: 9px; background: linear-gradient(120deg, #f5faff, #eef5ff); }
.fw-guide .fw-plan-strip > header { margin-bottom: 14px; }
.fw-guide .fw-plan-strip h2 { font-size: 26px !important; }
.fw-guide .fw-plan-fields { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)) minmax(155px, 1.35fr); gap: 10px; align-items: end; }
.fw-guide .fw-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; margin: 0; }
.fw-guide .fw-field > :is(label, span), .fw-guide .fw-field > label > span { display: block; color: var(--fw-navy); font-size: 14px; font-weight: 700; line-height: 1.3; }
.fw-guide .fw-field :is(input:not([type=checkbox]):not([type=radio]), select, textarea),
.fw-guide .fw-name-grid :is(input, select), .fw-guide .fw-tool :is(input[type=datetime-local], input[type=date], input[type=time]) {
  display: block; width: 100%; min-width: 0; min-height: 44px; padding: 9px 10px;
  border: 1px solid #9bbff0; border-radius: 5px; background: #fff; color: var(--fw-navy); font-size: 15px; line-height: 1.3;
}
.fw-guide select { appearance: auto; -webkit-appearance: menulist; padding-right: 7px; }
.fw-guide :is(input[type=date], input[type=time], input[type=datetime-local]) { color-scheme: light; }
.fw-guide input::placeholder, .fw-guide textarea::placeholder { color: #586b85; opacity: 1; }
.fw-guide .fw-plan-summary { display: flex; align-items: flex-start; gap: 12px; margin-top: 14px; padding: 13px 14px; border: 1px solid #c4dcf9; border-radius: 6px; background: #e4f0ff; font-size: 15px; }
.fw-guide .fw-plan-summary > div { flex: 1; }
.fw-guide .fw-plan-summary strong { display: block; margin-bottom: 3px; }
.fw-guide .fw-plan-summary .fw-icon { flex-basis: 25px; }

/* Three-quarter content column and concise practical sidebar. */
.fw-guide .fw-layout { display: grid; grid-template-columns: minmax(0, 3fr) minmax(245px, .96fr); align-items: start; gap: 20px; margin: 0 0 18px; }
.fw-guide .fw-main, .fw-guide .fw-sidebar { display: flex; min-width: 0; flex-direction: column; gap: 17px; }
.fw-guide .fw-box { padding: 17px; border: 1px solid var(--fw-line); border-radius: 8px; background: #fff; }
.fw-guide .fw-box-head { display: flex; align-items: flex-start; gap: 11px; margin-bottom: 14px; }
.fw-guide .fw-box-head > div { flex: 1; }
.fw-guide .fw-box-head h2 { margin-bottom: 5px; }
.fw-guide .fw-box-head p { color: var(--fw-muted); font-size: 15px; }
.fw-guide .fw-box-head > .fw-icon { margin-top: 2px; }
.fw-guide .fw-box-head .fw-icon { vertical-align: -4px; margin-right: 5px; }
.fw-guide .fw-order-flow { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 8px; margin-top: 14px; }
.fw-guide .fw-order-step { position: relative; display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 12px 7px 9px; border: 1px solid var(--fw-line); border-radius: 7px; background: #fff; font-size: 14px; line-height: 1.35; text-align: center; }
.fw-guide .fw-order-step:not(:last-child)::after { content: '\2192'; position: absolute; z-index: 1; top: 45px; right: -11px; padding: 0 2px; color: var(--fw-blue); background: #f3f8ff; font-size: 21px; font-weight: 700; }
.fw-guide .fw-order-step .fw-icon { width: 28px; height: 28px; flex-basis: 28px; }
.fw-guide .fw-order-step h3 { margin: 0; font-size: 15px !important; line-height: 1.3; }
.fw-guide .fw-order-step > :is(strong, b) { min-height: 37px; font-size: 15px; line-height: 1.3; }
.fw-guide .fw-order-step > small { font-size: 14px; color: var(--fw-muted); }
.fw-guide .fw-order-step :is(.fw-btn, .fw-btn-outline) { width: 100%; margin-top: auto; min-height: 40px; padding: 7px 4px; font-size: 14px; }
.fw-guide .fw-step-number { display: inline-flex; width: 23px; height: 23px; align-items: center; justify-content: center; border-radius: 50%; background: var(--fw-green); color: #fff; font-size: 14px; font-weight: 700; }
.fw-guide .fw-order-step.is-done { background: #eefaf5; border-color: #94d8c2; }
.fw-guide .fw-day-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.fw-guide .fw-day-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--fw-line); border-radius: 8px; background: #fff; }
.fw-guide .fw-day-card > header { padding: 11px; background: #e8f2ff; }
.fw-guide .fw-day-card > header h3 { margin: 0; font-size: 18px !important; }
.fw-guide .fw-day-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 9px; padding: 11px; background: #e8f2ff; }
.fw-guide .fw-day-heading h3 { flex: 1; min-width: 120px; margin: 0; font-size: 18px !important; }
.fw-guide .fw-day-heading .fw-tag { background: var(--fw-button); border-color: var(--fw-button); color: #fff; font-weight: 700; }
.fw-guide .fw-day-card > img, .fw-guide .fw-day-card > picture img { height: 115px; object-fit: cover; }
.fw-guide .fw-day-body { display: flex; flex: 1; flex-direction: column; gap: 12px; padding: 12px; font-size: 15px; line-height: 1.4; }
.fw-guide .fw-day-body > .fw-actions { margin-top: auto; gap: 6px; }
.fw-guide .fw-day-body .fw-actions :is(.fw-btn, .fw-btn-outline) { flex: 1; min-height: 40px; padding: 7px; font-size: 14px; }
.fw-guide .fw-day-body dl > div { margin-bottom: 9px; }
.fw-guide .fw-day-body dt { font-weight: 700; }
.fw-guide .fw-day-body dd { margin-top: 4px; color: var(--fw-muted); }
.fw-guide .fw-image-caption { margin-bottom: 0; padding-bottom: 9px; border-bottom: 1px solid var(--fw-line); color: var(--fw-muted); font-size: 14px; line-height: 1.35; }
.fw-guide :is(.fw-checklist, .fw-wallet, .fw-task-list) { margin: 0; padding: 0; list-style: none; }
.fw-guide :is(.fw-checklist, .fw-wallet, .fw-task-list) > li { margin-bottom: 8px; }
.fw-guide :is(.fw-checklist, .fw-wallet, .fw-task-list) label { display: flex; align-items: flex-start; gap: 8px; width: 100%; min-width: 0; padding: 2px 0; cursor: pointer; font-size: 15px; font-weight: 400; line-height: 1.4; }
.fw-guide .fw-task-label > span { flex: 1; min-width: 0; }
.fw-guide :is(input[type=checkbox], input[type=radio]) { position: static; display: inline-block; width: 17px; height: 17px; flex: 0 0 17px; min-width: 17px; min-height: 17px; margin: 2px 0 0; padding: 0; border: 1px solid #7f9fc7; background: #fff; appearance: auto; -webkit-appearance: auto; accent-color: var(--fw-blue); opacity: 1; visibility: visible; clip: auto; clip-path: none; }
.fw-guide .fw-task-group { padding: 15px 0; border-top: 1px solid var(--fw-line); }
.fw-guide .fw-task-group:first-child { border-top: 0; padding-top: 0; }
.fw-guide .fw-task-group h3 { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; }
.fw-guide .fw-next-steps { margin-top: 12px; padding: 14px; border: 1px solid var(--fw-line); border-radius: 7px; background: #f5f9ff; }
.fw-guide .fw-next-steps :is(ul, ol) { margin-bottom: 0; }
.fw-guide .fw-plan-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 15px; }
.fw-guide .fw-plan-group { padding: 13px; border: 1px solid var(--fw-line); border-radius: 7px; background: #f8fbff; }
.fw-guide .fw-plan-group.is-active { border-color: var(--fw-blue); background: #eaf3ff; }
.fw-guide .fw-task-row { display: flex; align-items: flex-start; gap: 9px; padding: 9px 0; border-bottom: 1px solid #e2ecf8; }
.fw-guide .fw-task-row:last-child { border-bottom: 0; }
.fw-guide .fw-task { display: flex; flex: 1; align-items: flex-start; gap: 8px; min-width: 0; font-size: 15px; line-height: 1.4; cursor: pointer; }
.fw-guide .fw-task > span { flex: 1; min-width: 0; }
.fw-guide .fw-task strong { display: block; }
.fw-guide .fw-task small { display: block; margin-top: 4px; color: var(--fw-muted); font-size: 14px; line-height: 1.4; }
.fw-guide .fw-task-link { flex: 0 0 auto; padding: 2px 0; font-size: 14px; }
.fw-guide .fw-task-row.is-done, .fw-guide .fw-task-label.is-done { color: var(--fw-green); }

/* Four compact browser-local tools; inputs keep their native semantics. */
.fw-guide .fw-tools-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start; gap: 11px; }
.fw-guide .fw-tool { padding: 13px; border: 1px solid var(--fw-line); border-radius: 8px; background: #fff; font-size: 15px; }
.fw-guide .fw-tool h3 { font-size: 18px !important; }
.fw-guide .fw-tool .fw-box-head h2 { font-size: 18px !important; }
.fw-guide .fw-tool .fw-box-head { gap: 8px; }
.fw-guide .fw-tool .fw-box-head .fw-icon { width: 20px; height: 20px; flex-basis: 20px; margin-right: 0; }
.fw-guide .fw-tool h3 .fw-icon { margin-right: 5px; vertical-align: -5px; }
.fw-guide .fw-tool > p, .fw-guide .fw-tool small { color: var(--fw-muted); font-size: 14px; line-height: 1.4; }
.fw-guide .fw-tool .fw-actions { gap: 6px; }
.fw-guide .fw-tool .fw-actions :is(.fw-btn, .fw-btn-outline) { flex: 1 1 100%; padding: 8px 9px; font-size: 14px; }
.fw-guide .fw-progress-ring { --fw-progress: 0%; display: grid; position: relative; place-items: center; width: 112px; height: 112px; margin: 15px auto; border-radius: 50%; background: conic-gradient(var(--fw-blue) var(--fw-progress), #dfe7f1 0); }
.fw-guide .fw-progress-ring::before { content: ''; position: absolute; inset: 10px; border-radius: 50%; background: #fff; }
.fw-guide .fw-progress-value { position: relative; color: var(--fw-navy); font-size: 27px; font-weight: 700; }
.fw-guide .fw-progress-ring > :is(span, strong) { position: relative; }
.fw-guide progress { display: block; width: 100%; height: 12px; accent-color: var(--fw-blue); }
.fw-guide .fw-name-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; margin-top: 12px; }
.fw-guide .fw-name-grid label { display: block; font-size: 14px; line-height: 1.35; }
.fw-guide .fw-name-grid input { margin-top: 4px; font-size: 14px; }
.fw-guide .fw-tool .fw-name-grid .fw-field { margin: 0; }
.fw-guide .fw-name-result { margin-top: 12px; padding: 10px; border: 1px solid var(--fw-line); border-radius: 6px; background: #f2f7ff; font-size: 14px; }
.fw-guide .fw-countdown { padding: 13px 8px; margin: 13px 0; border: 1px solid var(--fw-line); border-radius: 6px; background: #f5f9ff; text-align: center; }
.fw-guide .fw-countdown > :is(strong, b), .fw-guide .fw-countdown output { display: block; font-size: 30px; line-height: 1.2; font-weight: 700; font-variant-numeric: tabular-nums; }
.fw-guide .fw-countdown span { color: var(--fw-muted); font-size: 14px; }
.fw-guide .fw-tool .fw-field { margin: 10px 0; }
.fw-guide .fw-tool form fieldset > :is(.fw-btn, .fw-btn-outline), .fw-guide .fw-wallet > :is(.fw-btn, .fw-btn-outline) { width: 100%; margin-top: 9px; padding: 9px 8px; font-size: 14px; }

/* Sidebar stays concise; estimates and checks are never styled as live values. */
.fw-guide .fw-sidebar .fw-box { padding: 16px; font-size: 15px; line-height: 1.45; }
.fw-guide .fw-sidebar h3 { font-size: 20px !important; }
.fw-guide .fw-sidebar .fw-box-head h2 { font-size: 20px !important; }
.fw-guide .fw-sidebar .fw-box-head { gap: 8px; }
.fw-guide .fw-sidebar .fw-btn, .fw-guide .fw-sidebar .fw-btn-outline { width: 100%; margin-top: 10px; }
.fw-guide .fw-sidebar dl > div { display: grid; grid-template-columns: minmax(85px, .9fr) minmax(0, 1.15fr); gap: 8px; margin-bottom: 8px; }
.fw-guide .fw-sidebar dt { font-weight: 700; }
.fw-guide .fw-sidebar :is(ul, ol) { font-size: 15px; }
.fw-guide .fw-source-list, .fw-guide .fw-read-next { margin: 0; padding: 0; list-style: none; }
.fw-guide :is(.fw-source-list, .fw-read-next) > li { padding: 8px 0; margin: 0; border-bottom: 1px solid #e4eefb; font-size: 15px; }
.fw-guide :is(.fw-source-list, .fw-read-next) > li:last-child { border-bottom: 0; }
.fw-guide :is(.fw-source-list, .fw-read-next) a { display: inline-flex; align-items: flex-start; gap: 8px; }
.fw-guide :is(.fw-source-list, .fw-read-next) .fw-icon { width: 19px; height: 19px; flex-basis: 19px; }
.fw-guide .fw-sidebar .fw-progress-ring { width: 93px; height: 93px; margin: 12px auto; }
.fw-guide .fw-today-count { display: block; margin-bottom: 9px; color: var(--fw-blue-dark); font-size: 29px; }
.fw-guide .fw-read-next > ul { margin: 0; padding: 0; list-style: none; }
.fw-guide .fw-read-next > ul > li { margin: 0; padding: 8px 0; border-bottom: 1px solid #e4eefb; font-size: 15px; }
.fw-guide .fw-read-next > ul > li:last-child { border-bottom: 0; }

/* App setup and practical final reminders. */
.fw-guide .fw-app-grid { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 9px; }
.fw-guide .fw-app-card { display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 0; padding: 13px 8px; border: 1px solid var(--fw-line); border-radius: 7px; background: #fff; font-size: 14px; line-height: 1.35; text-align: center; }
.fw-guide .fw-app-card > .fw-icon { width: 31px; height: 31px; flex-basis: 31px; }
.fw-guide .fw-app-card h3 { margin: 0; font-size: 15px !important; }
.fw-guide .fw-app-card p { color: var(--fw-muted); font-size: 14px; }
.fw-guide .fw-app-card :is(.fw-btn, .fw-btn-outline) { margin-top: auto; width: 100%; min-height: 39px; padding: 7px 5px; font-size: 14px; }
.fw-guide .fw-tag { display: inline-flex; align-items: center; gap: 4px; padding: 3px 7px; border: 1px solid #b1cfee; border-radius: 4px; background: #f2f7ff; font-size: 14px; line-height: 1.3; color: var(--fw-blue-dark); }
.fw-guide .fw-bottom-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 16px; margin: 16px 0 24px; }
.fw-guide .fw-three-priorities { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin: 13px 0 0; padding: 0; list-style: none; }
.fw-guide .fw-three-priorities > * { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 11px; border: 1px solid #b8e4d1; border-radius: 6px; background: #fff; font-size: 15px; }
.fw-guide .fw-risk-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 12px 0 0; padding: 0; list-style: none; }
.fw-guide .fw-risk-grid > li { padding: 11px; border: 1px solid #f5c7d2; border-radius: 6px; background: #fff; font-size: 15px; }
.fw-guide .fw-mistake-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.fw-guide .fw-mistake-grid > article { padding: 11px; border: 1px solid #edd3a6; border-radius: 6px; background: #fff; font-size: 14px; }
.fw-guide .fw-mistake-grid h3 { margin-top: 6px; font-size: 16px !important; }
.fw-guide .fw-mistake-grid p { font-size: 14px; line-height: 1.4; }
.fw-guide :is(.fw-note, .fw-warning, .fw-success, .fw-error) { margin: 12px 0; padding: 12px 14px; border: 1px solid var(--fw-line); border-radius: 6px; background: var(--fw-tint); font-size: 15px; line-height: 1.45; }
.fw-guide .fw-warning { background: #fff7e9; border-color: #edc580; color: #674507; }
.fw-guide .fw-error { background: #fff1f4; border-color: #efacbc; color: #981634; }
.fw-guide .fw-success { background: #edf9f3; border-color: #a7dac5; color: #076044; }
.fw-guide .fw-status { min-height: 24px; margin: 10px 0; color: var(--fw-navy); font-size: 15px; }
.fw-guide details { margin-top: 11px; padding: 12px 14px; border: 1px solid var(--fw-line); border-radius: 7px; background: #fff; }
.fw-guide details summary { cursor: pointer; color: var(--fw-blue-dark); font-weight: 700; font-size: 16px; }
.fw-guide details[open] > summary { margin-bottom: 12px; }
.fw-guide .fw-table-wrap { overflow-x: auto; border: 1px solid var(--fw-line); border-radius: 6px; overscroll-behavior-inline: contain; }
.fw-guide table { width: 100%; border-collapse: collapse; font-size: 15px; }
.fw-guide th, .fw-guide td { padding: 9px 10px; border-bottom: 1px solid var(--fw-line); text-align: left; vertical-align: top; }
.fw-guide th { background: #edf5ff; font-weight: 700; }
.fw-guide tr:last-child td { border-bottom: 0; }
.fw-guide .fw-credit-list { font-size: 14px; line-height: 1.45; color: var(--fw-muted); }
.fw-guide .fw-credit-list a { overflow-wrap: anywhere; }
.fw-guide .fw-photo-credits { font-size: 14px; line-height: 1.45; color: var(--fw-muted); }
.fw-guide .fw-photo-credits a { overflow-wrap: anywhere; }

@media (max-width: 1199px) {
  .fw-guide .fw-hero .fw-hero-quote { display: none; }
  .fw-guide .fw-hero h1 { max-width: 710px; }
  .fw-guide :is(.fw-hero-lead, .fw-hero-lede) { max-width: 615px; }
  .fw-guide .fw-plan-fields { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .fw-guide .fw-layout { grid-template-columns: minmax(0, 3fr) minmax(230px, 1fr); gap: 16px; }
  .fw-guide .fw-day-grid, .fw-guide .fw-tools-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fw-guide .fw-order-flow { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .fw-guide .fw-order-step:nth-child(4n)::after { display: none; }
  .fw-guide .fw-app-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .fw-guide .fw-three-priorities { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 899px) {
  .fw-guide .fw-wrap, .fw-guide .fw-hero-content { width: calc(100% - 32px); }
  .fw-guide .fw-layout { grid-template-columns: minmax(0, 1fr); }
  .fw-guide .fw-sidebar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .fw-guide .fw-hero { min-height: 365px; }
  .fw-guide .fw-hero::before { background: linear-gradient(90deg, #f2f7fff2, #f3f7ffdc 48%, #eef5ff7a); }
  .fw-guide .fw-hero .fw-hero-quote { display: none; }
  .fw-guide .fw-hero h1 { max-width: 720px; }
  .fw-guide :is(.fw-hero-lead, .fw-hero-lede) { max-width: 640px; }
  .fw-guide .fw-bottom-grid { grid-template-columns: minmax(0, 1fr); }
  .fw-guide .fw-three-priorities { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 599px) {
  .fw-guide { font-size: 17px; line-height: 1.52; }
  .fw-guide .fw-wrap, .fw-guide .fw-hero-content { width: calc(100% - 24px); }
  .fw-guide .fw-hero { min-height: 440px; }
  .fw-guide .fw-hero-content { padding-top: 15px; padding-bottom: 43px; }
  .fw-guide .fw-hero::before { background: linear-gradient(90deg, #f4f8fff5, #f4f8ffe8 72%, #f2f6ffbd); }
  .fw-guide .fw-hero h1 { font-size: clamp(36px, 9.3vw, 45px) !important; }
  .fw-guide :is(.fw-hero-lead, .fw-hero-lede) { font-size: 18px; }
  .fw-guide .fw-hero-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin: 17px 0; }
  .fw-guide .fw-hero-meta > * { padding: 0; border: 0; font-size: 14px; }
  .fw-guide .fw-hero .fw-actions { gap: 9px; }
  .fw-guide .fw-hero .fw-actions > * { flex: 1 1 100%; }
  .fw-guide .fw-hero-credit { right: 12px; left: 12px; bottom: 9px; max-width: max-content; font-size: 12px; }
  .fw-guide .fw-plan-strip { padding: 13px; }
  .fw-guide .fw-plan-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .fw-guide .fw-plan-fields > :is(button, .fw-btn, .fw-btn-outline) { grid-column: 1 / -1; }
  .fw-guide .fw-plan-summary { padding: 12px; }
  .fw-guide .fw-plan-summary .fw-icon { display: none; }
  .fw-guide .fw-box { padding: 14px; }
  .fw-guide .fw-order-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .fw-guide .fw-order-step:nth-child(2n)::after { display: none; }
  .fw-guide .fw-order-step { padding: 13px 10px; }
  .fw-guide .fw-order-step > :is(strong, b) { min-height: 0; }
  .fw-guide .fw-day-grid, .fw-guide .fw-tools-grid, .fw-guide .fw-sidebar { grid-template-columns: minmax(0, 1fr); }
  .fw-guide .fw-day-card > img, .fw-guide .fw-day-card > picture img { height: 180px; }
  .fw-guide .fw-day-body { padding: 15px; font-size: 16px; }
  .fw-guide .fw-tool { padding: 15px; }
  .fw-guide .fw-tool .fw-actions > :is(.fw-btn, .fw-btn-outline) { flex: 1 1 43%; }
  .fw-guide .fw-name-grid { grid-template-columns: minmax(0, 1fr); }
  .fw-guide .fw-plan-groups { grid-template-columns: minmax(0, 1fr); }
  .fw-guide .fw-app-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .fw-guide .fw-three-priorities, .fw-guide .fw-risk-grid, .fw-guide .fw-mistake-grid { grid-template-columns: minmax(0, 1fr); }
  .fw-guide .fw-field :is(input, select) { font-size: 16px; }
}
@media (max-width: 359px) {
  .fw-guide .fw-plan-fields { grid-template-columns: minmax(0, 1fr); }
  .fw-guide .fw-app-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fw-guide .fw-hero-meta { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { .fw-guide *, .fw-guide *::before, .fw-guide *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
@media (forced-colors: active) {
  .fw-guide :is(.fw-btn, .fw-btn-outline, .fw-box, .fw-tool, .fw-order-step, .fw-app-card) { border: 1px solid CanvasText; }
  .fw-guide .fw-progress-ring { border: 7px solid Highlight; background: Canvas; }
  .fw-guide .fw-progress-ring::before { background: Canvas; }
}
@media print {
  body.first-week-guide-active { margin: 0 !important; background: #fff !important; }
  body.first-week-guide-active > :is(header, nav, footer), body.first-week-guide-active :is(.nav, .site-header, .site-footer, .site-compass, .experience-compass, #experience-compass, .cookie-banner, .cookie-consent, [role=dialog]) { display: none !important; }
  .fw-guide { font-size: 11pt; color: #000; background: #fff; }
  .fw-guide .fw-wrap, .fw-guide .fw-hero-content { width: 100%; max-width: none; }
  .fw-guide .fw-hero { min-height: 0; margin: 0; background: #fff; }
  .fw-guide .fw-hero::before { display: none; }
  .fw-guide :is(.fw-hero picture, .fw-hero > img, .fw-hero-quote, .fw-hero-credit, .fw-sidebar, .fw-plan-fields, .fw-name-grid, .fw-name-result, .fw-name-checker, .fw-registration-clock, .fw-breadcrumbs, .fw-crumb, .fw-status, .fw-actions, button, .fw-btn, .fw-btn-outline, #fw-name-form, #fw-registration-form, [data-fw-name-result], [data-fw-countdown], [data-fw-name-checker], [data-fw-countdown-form]) { display: none !important; }
  .fw-guide .fw-hero-content { padding: 0 0 8mm; }
  .fw-guide .fw-hero h1 { font-size: 26pt !important; }
  .fw-guide :is(.fw-hero-lead, .fw-hero-lede) { font-size: 11pt; }
  .fw-guide h2 { font-size: 17pt !important; }
  .fw-guide h3 { font-size: 13pt !important; }
  .fw-guide .fw-layout { display: block; }
  .fw-guide .fw-main { display: block; }
  .fw-guide .fw-box, .fw-guide .fw-tool, .fw-guide .fw-day-card { margin: 0 0 5mm; border-color: #a0a0a0; background: #fff; box-shadow: none; }
  .fw-guide .fw-box.fw-plan-strip, .fw-guide .fw-plan-summary { background: #fff; border-color: #aaa; }
  .fw-guide .fw-order-flow { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .fw-guide .fw-order-step::after { display: none; }
  .fw-guide .fw-day-grid, .fw-guide .fw-tools-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fw-guide .fw-day-card > img, .fw-guide .fw-day-card > picture { display: none; }
  .fw-guide :is(.fw-box, .fw-tool, .fw-day-card, .fw-order-step, .fw-task-group, .fw-app-card, tr) { break-inside: avoid; page-break-inside: avoid; }
  .fw-guide :is(input[type=checkbox], input[type=radio]) { appearance: auto; -webkit-appearance: auto; print-color-adjust: exact; }
  .fw-guide .fw-progress-ring { print-color-adjust: exact; }
  .fw-guide .fw-app-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .fw-guide .fw-table-wrap { overflow: visible; }
  .fw-guide a { color: #000; text-decoration: underline; }
  .fw-guide .fw-note, .fw-guide .fw-warning, .fw-guide .fw-success, .fw-guide .fw-error { color: #000; background: #fff; border-color: #aaa; }
}
