/* ══════════════════════════════════════════════════════════════════════════
   css/pregnancy-tracker.css — THE PREGNANCY TRACKER  (fw-pt)
   /pregnancy-tracker and /pregnancy-tracker/week-<4..42>, built 29 Sep 2026,
   redesigned the same day on the owner's review ("more emotion, compact,
   nicely presented"). Nothing on this page is a card.

   ITS OWN PAGE. Same tokens, gutters, masthead band, ambient brand light
   and no-cards rule as every FW page; the devices are its own:
     §1  date wheels beside the heading, and the GROWTH LINE: ten drawn
         stages standing over the weeks 4 to 42, the shown one lit
     §2  the week: the baby drawn in a soft glow that breathes, the week's
         own headline, the size, three short notes, a growth chart
     §3  the checks as a ROAD through the trimesters; a stop tells its story
     §4  warning signs in red ink, a heartbeat line under the heading
     §5  a scan photograph beside four daily habits
     §6  numbered questions
     §7  the full-term baby in a glow beside a warm line and next steps

   PALETTE: deep green (--mt-ink) is the chosen thing; trimesters green,
   blue and pink through .t1/.t2/.t3 (--tc colour, --tk ink, --tl tint);
   pink-dark is the action; blue is hover; red ink only for warnings.
   Photographs are square. One .fw-pt-split for every two column section.
   No inline styles; sizes live here.
   ══════════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════
   00 · TOKENS & PRIMITIVES
   ══════════════════════════════════════════════════════════════ */
.fw-pt-page{
	--pad:28px;
	--ink:var(--dk-d);
	--line:color-mix(in srgb, var(--dk) 10%, transparent);
	--line-soft:color-mix(in srgb, var(--dk) 6%, transparent);
	--fade:linear-gradient(90deg, transparent, var(--line) 12%, var(--line) 88%, transparent);
	--fade-v:linear-gradient(180deg, transparent, var(--line) 14%, var(--line) 86%, transparent);
	--sec:clamp(30px, 5vh, 56px);
	--gs:1;
	--ease:cubic-bezier(.22,1,.36,1);
	--ease-pop:cubic-bezier(.34,1.56,.64,1);
	background:var(--wh);
}
.fw-pt{display:block;position:relative;background:var(--wh)}
.fw-pt em{font-family:var(--ff);font-style:normal}
.fw-pt .t1{--tc:var(--mt-d);--tk:var(--mt-ink);--tl:var(--mt-l)}
.fw-pt .t2{--tc:var(--bl);--tk:var(--bl-d);--tl:var(--bl-l)}
.fw-pt .t3{--tc:var(--pk);--tk:var(--pk-dd);--tl:var(--pk-l)}
.fw-pt-inner{position:relative;z-index:1;width:100%;padding-inline:var(--pad)}
.fw-pt-sec{position:relative;padding:var(--sec) 0}
.fw-pt-sec::before,.fw-pt-week::before{content:"";position:absolute;left:var(--pad);right:var(--pad);top:0;height:1px;background:var(--fade);z-index:1}
.fw-pt-split{display:grid;grid-template-columns:minmax(0, .8fr) minmax(0, 1.3fr);gap:clamp(28px, 5vw, 80px);align-items:center}

.fw-pt-head{display:flex;flex-direction:column;gap:8px;margin-bottom:clamp(16px, 2.6vh, 28px)}
.fw-pt-split .fw-pt-head{margin-bottom:0}
.fw-pt-split > div > .fw-pt-head{margin-bottom:clamp(16px, 2.6vh, 26px)}
.fw-pt-head--row{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:12px 40px;flex-wrap:wrap}
.fw-pt-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mt-ink)}
.fw-pt-eyebrow .fw-ico{width:16px;height:16px;flex:none}
.fw-pt-eyebrow--rd{color:var(--rd-ink)}
.fw-pt-h2{margin:0;font-family:var(--ff);font-weight:600;color:var(--ink);font-size:clamp(26px, 4.2vh, 40px);line-height:1.12;letter-spacing:-.02em;text-wrap:balance}
.fw-pt-h3{margin:0;font-family:var(--ff);font-size:16px;font-weight:600;line-height:1.3;color:var(--ink);transition:color .25s var(--ease)}
.fw-pt-sub{margin:0;font-size:clamp(14.5px, 1.9vh, 16.5px);line-height:1.6;color:var(--g6);text-wrap:pretty}
.fw-pt-head--row > .fw-pt-sub{flex:1 1 320px;max-inline-size:none;text-align:right}
.fw-pt-link{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--tk);transition:color .2s var(--ease)}
.fw-pt-link:hover{color:var(--bl-d)}
.fw-pt-link .bi{transition:transform .25s var(--ease)}
.fw-pt-link:hover .bi{transform:translateX(4px)}

/* ambient brand light, a sibling of the content */
.fw-pt-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.fw-pt-spot{position:absolute;display:block;aspect-ratio:1;border-radius:50%;filter:blur(80px);animation:fw-pt-drift 26s ease-in-out infinite}
.fw-pt-spot--p{top:4%;left:-4%;width:clamp(220px, 26vw, 420px);background:color-mix(in srgb, var(--pk) 14%, transparent)}
.fw-pt-spot--m{bottom:-10%;right:6%;width:clamp(200px, 22vw, 360px);background:color-mix(in srgb, var(--mt) 16%, transparent);animation-duration:31s}
.fw-pt-spot--b{top:-12%;right:30%;width:clamp(180px, 20vw, 320px);background:color-mix(in srgb, var(--bl) 11%, transparent);animation-duration:23s}
@keyframes fw-pt-drift{50%{transform:translate(28px, -22px) scale(1.06)}}
@keyframes fw-pt-in{from{opacity:0;transform:translateY(8px)}}
@keyframes fw-pt-float{50%{transform:translateY(-7px)}}
@keyframes fw-pt-breathe{0%{transform:scale(.92);opacity:.55}70%{transform:scale(1.1);opacity:0}100%{opacity:0}}

.fw-pt.fw-pt-anim [data-pt-reveal]{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease), transform .7s var(--ease)}
.fw-pt.fw-pt-anim [data-pt-reveal].is-in{opacity:1;transform:none}
.fw-pt-habits > :nth-child(2){transition-delay:.08s}
.fw-pt-habits > :nth-child(3){transition-delay:.16s}
.fw-pt-habits > :nth-child(4){transition-delay:.24s}

/* ══════════════════════════════════════════════════════════════
   01 · MASTHEAD — heading, a date field and its calendar, a real
   photograph with our logo, and the growth line over one track
   ══════════════════════════════════════════════════════════════ */
.fw-pt .fw-pt-mast{padding-bottom:clamp(12px, 2vh, 22px)}
.fw-pt-top{display:grid;grid-template-columns:minmax(0, 1.05fr) minmax(0, .95fr);gap:clamp(28px, 4vw, 64px);align-items:center}
.fw-pt .fw-pt-h1{margin:0;font-size:clamp(30px, 5vh, 50px)}
.fw-pt .fw-pt-h1 .fw-pt-h1__sub{display:block;margin-top:.22em;font-size:.5em;font-weight:500;letter-spacing:-.01em;color:var(--mt-ink)}
.fw-pt-lead{margin:12px 0 0;font-size:clamp(14.5px, 1.9vh, 16.5px);line-height:1.6;color:var(--g6);text-wrap:pretty}

/* the date: a segmented choice, a field, and a calendar that opens */
.fw-pt-set{display:none;position:relative;gap:10px;margin:clamp(14px, 2.4vh, 22px) 0 0}
.fw-js .fw-pt-set{display:grid}
.fw-pt-set__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.fw-pt-kind{display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:var(--mt-l)}
.fw-pt-kind button{height:42px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--mt-ink);transition:background .25s var(--ease), color .25s var(--ease), box-shadow .25s var(--ease)}
.fw-pt-kind button:hover{color:var(--bl-d)}
.fw-pt-kind button.is-on{background:var(--wh);color:var(--ink);box-shadow:0 6px 14px -8px var(--mt-ink)}
.fw-pt-field{display:inline-flex;align-items:center;gap:12px;flex:1 1 250px;height:52px;padding:0 18px 0 6px;border-radius:999px;background:var(--wh);text-align:left;
	box-shadow:inset 0 0 0 1.5px var(--line), 0 14px 28px -20px var(--dk);transition:box-shadow .25s var(--ease), transform .25s var(--ease)}
.fw-pt-field:hover{box-shadow:inset 0 0 0 1.5px var(--bl), 0 14px 28px -18px var(--bl);transform:translateY(-1px)}
.fw-pt-field[aria-expanded="true"]{box-shadow:inset 0 0 0 2px var(--mt-ink), 0 14px 28px -18px var(--mt-ink)}
.fw-pt-field__ico{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--pk-d);color:var(--wh);box-shadow:var(--pk-glow-sm)}
.fw-pt-field__ico .fw-ico{width:19px;height:19px}
.fw-pt-field__txt{display:grid;flex:1;line-height:1.2}
.fw-pt-field__txt small{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g5)}
.fw-pt-field__txt b{font-size:16px;font-weight:700;color:var(--ink)}
.fw-pt.is-live .fw-pt-field__txt b{color:var(--pk-dd)}
.fw-pt-field .bi{font-size:14px;color:var(--g5);transition:transform .3s var(--ease)}
.fw-pt-field[aria-expanded="true"] .bi{transform:rotate(180deg)}
.fw-pt-reset{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--g7);box-shadow:inset 0 0 0 1.5px var(--line);transition:background .2s var(--ease), color .2s var(--ease)}
.fw-pt-reset:hover{background:var(--bl);color:var(--wh);box-shadow:none}
.fw-pt-reset[hidden]{display:none}
/* The calendar floats under the field, so opening it never moves the page. */
.fw-pt-cal{position:absolute;top:64px;right:0;z-index:30;width:360px;padding:16px 16px 12px;border-radius:22px;background:var(--wh);animation:fw-pt-in .3s var(--ease);
	box-shadow:0 30px 60px -24px color-mix(in srgb, var(--dk) 45%, transparent), 0 0 0 1px var(--line-soft)}
.fw-pt-cal::before{content:"";position:absolute;top:-7px;right:44px;width:14px;height:14px;background:var(--wh);transform:rotate(45deg);box-shadow:-1px -1px 0 var(--line-soft)}
.fw-pt-cal[hidden]{display:none}
.fw-pt-cal__head{display:grid;grid-template-columns:38px minmax(0, 1fr) 38px;align-items:center;margin-bottom:6px}
.fw-pt-cal__head p{margin:0;text-align:center;font-size:15px;font-weight:700;color:var(--ink)}
.fw-pt-cal__head button{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);transition:background .2s var(--ease), color .2s var(--ease)}
.fw-pt-cal__head button:hover:not(:disabled){background:var(--bl);color:var(--wh);box-shadow:none}
.fw-pt-cal__head button:disabled{opacity:.3}
.fw-pt-cal__dow,.fw-pt-cal__grid{display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));gap:4px}
.fw-pt-cal__dow span{padding:4px 0;text-align:center;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--g5)}
.fw-pt-cal__grid button{position:relative;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;transition:background .2s var(--ease), color .2s var(--ease), transform .25s var(--ease-pop)}
.fw-pt-cal__grid button:hover:not(:disabled){background:var(--bl-l);color:var(--bl-d);transform:scale(1.08)}
.fw-pt-cal__grid button.is-today{box-shadow:inset 0 0 0 2px var(--ink)}
.fw-pt-cal__grid button.is-pick{background:var(--pk-d);color:var(--wh);box-shadow:var(--pk-glow)}
.fw-pt-cal__grid button:disabled{color:var(--g4);opacity:.45;cursor:default}
.fw-pt-set__msg{display:flex;align-items:center;gap:7px;margin:0;font-size:12.5px;color:var(--g5)}
.fw-pt-set__msg.is-err{color:var(--rd-ink);font-weight:600}
.fw-pt-set__msg.is-ok{color:var(--mt-ink);font-weight:600}

/* a real photograph, square, with our logo and this week's line */
.fw-pt-hero{position:relative;height:clamp(280px, 40vh, 390px);margin:0;overflow:hidden}
.fw-pt-hero > img{width:100%;height:100%;object-fit:cover;object-position:35% 30%;transition:transform 1.4s var(--ease)}
.fw-pt-hero:hover > img{transform:scale(1.03)}
.fw-pt-hero__logo{position:absolute;top:16px;left:16px;display:grid;place-items:center;height:44px;padding:0 16px;border-radius:999px;background:var(--wh);box-shadow:0 10px 24px -14px var(--dk)}
.fw-pt-hero__logo img{height:26px;width:auto;max-width:none}
.fw-pt-hero__chip{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:12px;padding:10px 18px 10px 12px;border-radius:999px;background:color-mix(in srgb, var(--wh) 90%, transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 24px -14px var(--dk);font-size:13.5px;color:var(--g7)}
.fw-pt-hero__chip b{display:block;font-size:15px;color:var(--pk-dd)}
.fw-pt-hero__beat{position:relative;width:12px;height:12px;flex:none;border-radius:50%;background:var(--pk-d)}
.fw-pt-hero__beat::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 2px var(--pk-d);animation:fw-pt-breathe 1.8s ease-out infinite}

/* the growth line: ten stages over the 39 week columns */
.fw-pt-rail{position:relative;margin-top:clamp(12px, 2.2vh, 24px)}
.fw-pt-grow,.fw-pt-weeks,.fw-pt-rail__tris{display:grid;grid-template-columns:repeat(39, minmax(0, 1fr))}
.fw-pt-grow{align-items:end;min-height:calc(166px * var(--gs));padding-bottom:4px}
.fw-pt-baby{position:relative;grid-row:1;justify-self:center;display:block;transition:opacity .4s var(--ease), transform .45s var(--ease-pop), filter .4s var(--ease)}
.fw-pt-baby img{display:block;width:auto;max-width:none;height:100%}
.fw-pt-baby::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-6px;height:10px;border-radius:50%;background:radial-gradient(closest-side, color-mix(in srgb, var(--pk) 20%, transparent), transparent);opacity:0;transition:opacity .4s var(--ease)}
.fw-pt-baby:hover{transform:translateY(-6px) scale(1.05)}
.fw-pt-baby:hover::after,.fw-pt-baby.is-on::after{opacity:1}
.fw-pt.has-week .fw-pt-baby:not(.is-on):not(:hover){opacity:.4;filter:saturate(.6)}
.fw-pt-baby.is-on{transform:translateY(-4px) scale(1.06);filter:drop-shadow(0 10px 14px color-mix(in srgb, var(--pk) 30%, transparent))}
.fw-pt-baby.g4{grid-column:1 / 4;height:calc(44px * var(--gs))}
.fw-pt-baby.g8{grid-column:4 / 7;height:calc(62px * var(--gs))}
.fw-pt-baby.g12{grid-column:8 / 11;height:calc(80px * var(--gs))}
.fw-pt-baby.g16{grid-column:12 / 15;height:calc(94px * var(--gs))}
.fw-pt-baby.g20{grid-column:16 / 19;height:calc(106px * var(--gs))}
.fw-pt-baby.g24{grid-column:20 / 23;height:calc(116px * var(--gs))}
.fw-pt-baby.g28{grid-column:24 / 27;height:calc(126px * var(--gs))}
.fw-pt-baby.g32{grid-column:28 / 31;height:calc(136px * var(--gs))}
.fw-pt-baby.g36{grid-column:32 / 35;height:calc(148px * var(--gs))}
.fw-pt-baby.g40{grid-column:36 / 39;height:calc(162px * var(--gs))}
/* one number disc per week over ONE continuous bar: every column meets
   the next with no gap, so the bar, the dots and the labels line up */
.fw-pt-weeks{margin:0;padding:0;list-style:none}
.fw-pt-wk{display:grid;justify-items:center;row-gap:8px}
.fw-pt-wk > a{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:700;color:var(--g6);font-variant-numeric:tabular-nums;transition:background .2s var(--ease), color .2s var(--ease), transform .25s var(--ease-pop), box-shadow .2s var(--ease)}
.fw-pt-wk > a:hover{background:var(--bl-l);color:var(--bl-d);transform:translateY(-2px)}
.fw-pt-wk__bar{position:relative;justify-self:stretch;height:6px;background:color-mix(in srgb, var(--tc) 26%, transparent);transition:background .4s var(--ease)}
.fw-pt-wk:first-child .fw-pt-wk__bar{border-radius:3px 0 0 3px}
.fw-pt-wk:last-child .fw-pt-wk__bar{border-radius:0 3px 3px 0}
.fw-pt-wk:nth-child(11) .fw-pt-wk__bar,.fw-pt-wk:nth-child(25) .fw-pt-wk__bar{box-shadow:inset 2px 0 0 var(--wh)}
.fw-pt-wk.has-check .fw-pt-wk__bar::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--wh);box-shadow:inset 0 0 0 2.5px var(--tc)}
.fw-pt-wk.is-past .fw-pt-wk__bar{background:var(--tc)}
.fw-pt-wk.is-past > a{color:var(--g7)}
.fw-pt-wk.is-you > a{box-shadow:inset 0 0 0 2px var(--pk-d);color:var(--pk-dd)}
.fw-pt-wk.is-on > a{background:var(--mt-ink);color:var(--wh);box-shadow:0 8px 16px -8px var(--mt-ink);transform:translateY(-2px)}
.fw-pt-wk.is-on .fw-pt-wk__bar::before{content:"";position:absolute;left:50%;top:50%;z-index:1;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--mt-ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--mt-ink) 22%, transparent)}
.fw-pt-rail__tris{margin:10px 0 0;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.fw-pt-rail__tris span{display:grid;gap:1px;padding-left:10px;border-left:2px solid var(--tc);color:var(--tk);white-space:nowrap}
.fw-pt-rail__tris small{font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--g5)}
.fw-pt-rail__tris .t1{grid-column:1 / 11}
.fw-pt-rail__tris .t2{grid-column:11 / 25}
.fw-pt-rail__tris .t3{grid-column:25 / 40}
.fw-pt-rail__key{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 18px;margin:-26px 0 0;font-size:12px;font-weight:500;color:var(--g6)}
.fw-pt-rail__key span{display:inline-flex;align-items:center;gap:7px}
.fw-pt-rail__key i{width:10px;height:10px;border-radius:50%}
.fw-pt-rail__key .k-check{background:var(--wh);box-shadow:inset 0 0 0 2.5px var(--g5)}
.fw-pt-rail__key .k-you{box-shadow:inset 0 0 0 2px var(--pk-d)}
.fw-pt:not(.is-live) .k-you-wrap{display:none}

/* ══════════════════════════════════════════════════════════════
   02 · THE WEEK
   ══════════════════════════════════════════════════════════════ */
.fw-pt-week{position:relative;padding:clamp(24px, 4vh, 44px) 0 var(--sec);background:linear-gradient(180deg, var(--wh), var(--mt-wash) 60%, var(--wh))}
.fw-pt-hubview[hidden],.fw-pt-view[hidden]{display:none}

/* the hub: three chapters, each with its drawing */
.fw-pt-tri3{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:clamp(20px, 3vw, 48px);margin:0;padding:0;list-style:none}
.fw-pt-tri3 > li{position:relative;display:grid;grid-template-columns:96px minmax(0, 1fr);gap:18px;align-items:end;padding-top:18px}
.fw-pt-tri3 > li::before{content:"";position:absolute;left:0;top:0;width:56px;height:4px;border-radius:2px;background:var(--tc);transition:width .5s var(--ease)}
.fw-pt-tri3 > li:hover::before{width:100%}
.fw-pt-tri3 > li + li::after{content:"";position:absolute;left:calc(clamp(20px, 3vw, 48px) / -2);top:18px;bottom:0;width:1px;background:var(--fade-v)}
.fw-pt-tri3__pic{display:grid;place-items:end center;height:150px;transition:transform .45s var(--ease-pop)}
.fw-pt-tri3__pic img{height:150px;width:auto;max-width:none}
.fw-pt-tri3 > li:hover .fw-pt-tri3__pic{transform:translateY(-6px) scale(1.04)}
.fw-pt-tri3 > li > div{display:grid;gap:6px}
.fw-pt-tri3__wk{margin:0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tk)}
.fw-pt-tri3 .fw-pt-h3{font-size:21px}
.fw-pt-tri3 li p:not(.fw-pt-tri3__wk){margin:0;font-size:14.5px;line-height:1.6;color:var(--g6)}

/* one week: the drawing, the story, the chart */
.fw-pt-view{display:grid;grid-template-columns:minmax(0, .85fr) minmax(0, 1.45fr) minmax(0, .95fr);gap:clamp(24px, 3.4vw, 56px);align-items:center}
.fw-pt-womb{display:grid;justify-items:center;gap:14px}
.fw-pt-womb__disc{position:relative;display:grid;place-items:center;width:clamp(230px, 34vh, 330px);aspect-ratio:1;margin:0;border-radius:50%;
	background:radial-gradient(circle at 50% 46%, var(--wh) 0 34%, var(--tl) 66%, transparent 71%)}
.fw-pt-womb__disc::before,.fw-pt-womb__disc::after{content:"";position:absolute;inset:4%;border-radius:50%;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--tc) 45%, transparent);animation:fw-pt-breathe 3.2s ease-out infinite}
.fw-pt-womb__disc::after{animation-delay:1.6s}
.fw-pt-womb__disc img{position:absolute;inset:0;z-index:1;width:auto;max-width:none;margin:auto;animation:fw-pt-float 5.5s ease-in-out infinite;filter:drop-shadow(0 12px 16px color-mix(in srgb, var(--pk) 22%, transparent))}
.fw-pt-womb__disc.s4 img{height:34%}
.fw-pt-womb__disc.s8 img{height:48%}
.fw-pt-womb__disc.s12 img{height:58%}
.fw-pt-womb__disc.s16 img{height:64%}
.fw-pt-womb__disc.s20 img{height:68%}
.fw-pt-womb__disc.s24 img{height:71%}
.fw-pt-womb__disc.s28 img{height:74%}
.fw-pt-womb__disc.s32 img{height:77%}
.fw-pt-womb__disc.s36 img{height:80%}
.fw-pt-womb__disc.s40 img{height:83%}
.fw-pt-womb__steps{display:flex;gap:8px}
.fw-pt-step{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--g7);box-shadow:inset 0 0 0 1.5px var(--line);transition:background .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease)}
.fw-pt-step:hover{background:var(--bl);color:var(--wh);box-shadow:var(--bl-glow-sm)}
.fw-pt-step[hidden]{display:none}
.fw-pt-story{display:grid;gap:10px}
.fw-pt-story__tri{margin:0;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tk)}
.fw-pt-story__h{display:grid;gap:4px;margin:0;font-family:var(--ff)}
.fw-pt-story__h span{font-size:clamp(36px, 6vh, 60px);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--ink)}
.fw-pt-story__h em{font-size:clamp(19px, 2.8vh, 26px);font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--pk-dd)}
.fw-pt-story__size{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:2px 0 0;font-size:15.5px;color:var(--g7)}
.fw-pt-story__size b{color:var(--tk)}
.fw-pt-story__size span{display:inline-flex;gap:6px}
.fw-pt-story__size i{padding:4px 11px;border-radius:999px;background:var(--tl);color:var(--tk);font-size:13px;font-weight:700;font-style:normal;font-variant-numeric:tabular-nums}
.fw-pt-story__meta{margin:0;font-size:14px;color:var(--g6)}
.fw-pt-story__meta b{color:var(--tk)}
.fw-pt-notes{position:relative;display:grid;gap:12px;margin:6px 0 0;padding:14px 0 0;list-style:none}
.fw-pt-notes::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade)}
.fw-pt-notes li{display:grid;grid-template-columns:36px minmax(0, 1fr);column-gap:14px;align-items:start}
.fw-pt-notes__ico{grid-row:span 2;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--tl);color:var(--tk);transition:background .25s var(--ease), color .25s var(--ease), transform .35s var(--ease-pop)}
.fw-pt-notes__ico .fw-ico{width:17px;height:17px}
.fw-pt-notes li:hover .fw-pt-notes__ico{background:var(--bl);color:var(--wh);transform:rotate(-8deg)}
.fw-pt-notes .fw-pt-h3{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g5)}
.fw-pt-notes p{margin:1px 0 0;font-size:15px;line-height:1.55;color:var(--g7)}
.fw-pt-view.is-new .fw-pt-story > *,.fw-pt-view.is-new .fw-pt-womb__disc img{animation:fw-pt-in .45s var(--ease)}
.fw-pt-view.is-new .fw-pt-womb__disc img{animation:fw-pt-in .45s var(--ease), fw-pt-float 5.5s ease-in-out .45s infinite}

.fw-pt-aside{position:relative;display:grid;gap:16px}
.fw-pt-aside::before{content:"";position:absolute;left:calc(clamp(24px, 3.4vw, 56px) / -2);top:0;bottom:0;width:1px;background:var(--fade-v)}
.fw-pt-chart{margin:0}
.fw-pt-chart svg{display:block;width:100%;height:auto;overflow:visible}
.fw-pt-band--1{fill:var(--mt-d)}
.fw-pt-band--2{fill:var(--bl)}
.fw-pt-band--3{fill:var(--pk)}
.fw-pt-grid{stroke:var(--line);stroke-dasharray:3 4}
.fw-pt-base{stroke:var(--line);stroke-width:1.5}
.fw-pt-axis{font-size:10px;font-weight:600;fill:var(--g5)}
.fw-pt-axis--y{text-anchor:end}
.fw-pt-axis--x{text-anchor:middle}
.fw-pt-curve__area{fill:var(--mt-d);fill-opacity:.12}
.fw-pt-curve__line{fill:none;stroke:var(--mt-ink);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.fw-pt-mark line,.fw-pt-mark circle{transition:all .5s var(--ease)}
.fw-pt-mark__stem{stroke:var(--tk);stroke-width:1.5;stroke-dasharray:3 3}
.fw-pt-mark__halo{fill:var(--tc);fill-opacity:.22}
.fw-pt-mark__dot{fill:var(--tk);stroke:var(--wh);stroke-width:2}
.fw-pt-chart figcaption{margin-top:4px;font-size:12px;color:var(--g5)}
.fw-pt-due__h{margin:0 0 8px;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g5)}
.fw-pt-due ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.fw-pt-due li{position:relative;display:grid;gap:1px;padding-left:14px}
.fw-pt-due li::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;border-radius:2px;background:var(--line)}
.fw-pt-due li.is-now::before{background:var(--tk)}
.fw-pt-due small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--g5)}
.fw-pt-due li.is-now small{color:var(--tk)}
.fw-pt-due b{font-size:15px;color:var(--ink)}
.fw-pt-due em{margin-left:6px;letter-spacing:0;text-transform:none;color:var(--tk);font-weight:700}

/* ══════════════════════════════════════════════════════════════
   03 · THE CHECKS — a journey on the same 39 week grid: a bar, a
   stop on its own week, labels above and below in turn
   ══════════════════════════════════════════════════════════════ */
.fw-pt-pathbox{position:relative}
.fw-pt-path{position:relative;display:grid;grid-template-columns:repeat(39, minmax(0, 1fr));grid-template-rows:88px 56px 88px}
.fw-pt-path__cell{position:relative;grid-row:2;align-self:center;height:6px;background:color-mix(in srgb, var(--tc) 26%, transparent);transition:background .4s var(--ease)}
.fw-pt-path__cell:first-child{border-radius:3px 0 0 3px}
.fw-pt-path__cell:nth-child(39){border-radius:0 3px 3px 0}
.fw-pt-path__cell:nth-child(11),.fw-pt-path__cell:nth-child(25){box-shadow:inset 2px 0 0 var(--wh)}
.fw-pt-path__cell.is-past{background:var(--tc)}
.fw-pt-path__cell.is-you::after{content:attr(data-you);position:absolute;left:50%;bottom:14px;z-index:3;transform:translateX(-50%);padding:3px 10px;border-radius:999px;background:var(--pk-d);color:var(--wh);font-size:11px;font-weight:700;white-space:nowrap;box-shadow:var(--pk-glow-sm)}
.fw-pt-path__cell.is-you::before{content:"";position:absolute;left:50%;top:50%;z-index:2;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--pk-d);box-shadow:0 0 0 4px color-mix(in srgb, var(--pk) 25%, transparent)}
.fw-pt-path__stops{display:contents}
/* A stop holds row 1 only and draws down over the bar, so the 39 bar cells
   keep row 2 to themselves and stay on their weeks. */
.fw-pt-stop{position:relative;grid-row:1;list-style:none;min-width:0}
.fw-pt-stop__btn{position:absolute;top:0;left:0;z-index:1;width:100%;height:232px;padding:0;background:none;cursor:pointer}
.fw-pt-stop__ico{position:absolute;left:50%;top:93px;z-index:1;width:46px;height:46px;margin-left:-23px;border-radius:50%;display:grid;place-items:center;background:var(--wh);color:var(--tk);
	box-shadow:inset 0 0 0 2.5px var(--tc), 0 8px 18px -10px var(--tc);transition:background .25s var(--ease), color .25s var(--ease), transform .3s var(--ease-pop), box-shadow .25s var(--ease)}
.fw-pt-stop__ico .fw-ico{width:20px;height:20px}
.fw-pt-stop__ico .bi{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;display:none;place-items:center;background:var(--tk);color:var(--wh);font-size:11px;box-shadow:0 0 0 2px var(--wh)}
.fw-pt-stop__lbl{position:absolute;left:50%;width:150px;margin-left:-75px;display:grid;gap:2px;text-align:center}
.fw-pt-stop.is-up .fw-pt-stop__lbl{bottom:calc(100% - 82px)}
.fw-pt-stop.is-down .fw-pt-stop__lbl{top:150px}
.fw-pt-stop.at-39 .fw-pt-stop__lbl{left:auto;right:0;margin-left:0;justify-items:end;text-align:right}
.fw-pt-stop__lbl small{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--g5)}
.fw-pt-stop__lbl b{font-size:14px;line-height:1.3;color:var(--ink);text-wrap:balance;transition:color .2s var(--ease)}
.fw-pt-stop__lbl em{font-size:12px;font-weight:700;color:var(--tk)}
.fw-pt-stop__lbl em:empty{display:none}
.fw-pt-stop__note{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.fw-pt-stop__btn:hover .fw-pt-stop__ico{transform:scale(1.12);background:var(--bl-l);color:var(--bl-d);box-shadow:inset 0 0 0 2.5px var(--bl), 0 10px 20px -10px var(--bl)}
.fw-pt-stop__btn:hover b{color:var(--bl-d)}
.fw-pt-stop.is-done .fw-pt-stop__ico{background:var(--tc);color:var(--wh)}
.fw-pt-stop.is-done .fw-pt-stop__ico .bi{display:grid}
.fw-pt-stop.is-done .fw-pt-stop__lbl b{color:var(--g6)}
.fw-pt-stop.is-now .fw-pt-stop__ico::after{content:"";position:absolute;inset:-2px;border-radius:50%;box-shadow:0 0 0 2px var(--tc);animation:fw-pt-breathe 2.2s ease-out infinite}
.fw-pt-stop.is-focus .fw-pt-stop__ico{transform:scale(1.14);background:var(--tk);color:var(--wh);box-shadow:0 0 0 5px var(--tl), 0 12px 22px -10px var(--tc)}
.fw-pt-stop.is-focus .fw-pt-stop__lbl b{color:var(--tk)}
.fw-pt-stop.is-here .fw-pt-stop__ico{box-shadow:0 0 0 4px var(--wh), 0 0 0 6.5px var(--pk-d), 0 12px 22px -10px var(--pk-d)}
.fw-pt-stop.is-here .fw-pt-stop__lbl small::after{content:"You are here";display:block;margin-top:2px;color:var(--pk-dd)}
.fw-pt-detail{position:relative;display:grid;grid-template-columns:56px minmax(0, 1fr) auto;gap:18px;align-items:center;margin-top:clamp(14px, 2.4vh, 24px);padding-top:18px}
.fw-pt-detail::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade)}
.fw-pt-detail__ico{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--tl);color:var(--tk)}
.fw-pt-detail__ico .fw-ico{width:26px;height:26px}
.fw-pt-detail__when{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tk)}
.fw-pt-detail__name{margin:2px 0;font-size:clamp(19px, 2.6vh, 23px);font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.fw-pt-detail__note{margin:0;font-size:15px;line-height:1.6;color:var(--g6)}
.fw-pt-detail.is-new > *{animation:fw-pt-in .35s var(--ease)}
.fw-pt-ics{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:999px;background:var(--pk-d);color:var(--wh);font-size:14.5px;font-weight:600;box-shadow:var(--pk-glow);transition:background .25s var(--ease), transform .25s var(--ease)}
.fw-pt-ics:hover{background:var(--pk-dd);transform:translateY(-2px)}
.fw-pt-ics[hidden]{display:none}
.fw-pt-detail__acts{display:grid;justify-items:end;gap:8px}
.fw-pt-gcal{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--bl-d);transition:color .2s var(--ease)}
.fw-pt-gcal:hover{color:var(--pk-dd)}
.fw-pt-gcal[hidden]{display:none}
/* what happened after "Add every check to my calendar" (calendar-export.js) */
.fw-pt-calnote{display:grid;gap:3px;margin-top:14px;padding:12px 0 0 74px;position:relative;animation:fw-pt-in .35s var(--ease)}
.fw-pt-calnote[hidden]{display:none}
.fw-pt-calnote p{margin:0;font-size:13.5px;line-height:1.55;color:var(--g6)}
.fw-pt-calnote .fw-pt-calnote__ok{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--mt-ink)}
.fw-pt-calnote__ok .bi{font-size:17px}
.fw-pt-calnote__link{font-weight:700;color:var(--bl-d);text-decoration:underline;text-underline-offset:3px}
.fw-pt-calnote__link:hover{color:var(--pk-dd)}
/* each stop on its own week column (week n is column n - 3) */
.fw-pt .at-4{grid-column:4}.fw-pt .at-6{grid-column:6}.fw-pt .at-10{grid-column:10}.fw-pt .at-13{grid-column:13}.fw-pt .at-17{grid-column:17}
.fw-pt .at-23{grid-column:23}.fw-pt .at-25{grid-column:25}.fw-pt .at-30{grid-column:30}.fw-pt .at-33{grid-column:33}.fw-pt .at-39{grid-column:39}

/* ══════════════════════════════════════════════════════════════
   04 · WHEN TO CALL — red ink, numbered, a heartbeat
   ══════════════════════════════════════════════════════════════ */
.fw-pt-beat{width:min(240px, 100%);height:40px;margin-top:6px;overflow:visible}
.fw-pt-beat path{fill:none;stroke:var(--rd-ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:320;stroke-dashoffset:0;animation:fw-pt-beat 3s ease-in-out infinite}
@keyframes fw-pt-beat{0%{stroke-dashoffset:320}45%,100%{stroke-dashoffset:0}}
.fw-pt-signs{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0 clamp(24px, 3.4vw, 56px);margin:0;padding:0;list-style:none}
.fw-pt-signs li{position:relative;display:grid;grid-template-columns:44px minmax(0, 1fr);column-gap:14px;row-gap:3px;padding:14px 0}
.fw-pt-signs li:nth-child(n+3)::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade)}
.fw-pt-signs__ico{grid-row:span 2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb, var(--rd) 10%, var(--wh));color:var(--rd-ink);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;transition:background .25s var(--ease), color .25s var(--ease), transform .35s var(--ease-pop)}
.fw-pt-signs li:hover .fw-pt-signs__ico{background:var(--rd-ink);color:var(--wh);transform:scale(1.08)}
.fw-pt-signs li:hover .fw-pt-h3{color:var(--rd-ink)}
.fw-pt-signs p{margin:0;font-size:14.5px;line-height:1.55;color:var(--g6)}

/* ══════════════════════════════════════════════════════════════
   05 · EVERY DAY — a real photograph beside six tagged habits
   ══════════════════════════════════════════════════════════════ */
.fw-pt-care__pic{position:relative;margin:0;aspect-ratio:5/4;overflow:hidden}
.fw-pt-care__pic img{width:100%;height:100%;object-fit:cover;object-position:62% 40%;transition:transform 1.2s var(--ease)}
.fw-pt-care__pic:hover img{transform:scale(1.04)}
.fw-pt-care__pic figcaption{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:10px;padding:10px 18px 10px 12px;border-radius:999px;background:color-mix(in srgb, var(--wh) 90%, transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13.5px;font-weight:600;color:var(--g7);box-shadow:0 10px 24px -14px var(--dk)}
.fw-pt-care__pic figcaption b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--mt-ink);color:var(--wh);font-size:16px}
.fw-pt-habits{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:0 clamp(20px, 2.6vw, 40px);margin:0;padding:0;list-style:none}
.fw-pt-habits li{position:relative;display:grid;grid-template-columns:42px minmax(0, 1fr);column-gap:12px;row-gap:6px;align-content:start;padding:18px 0}
.fw-pt-habits li:nth-child(n+4)::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade)}
.fw-pt-habits__ico{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--mt-l);color:var(--mt-ink);transition:background .25s var(--ease), color .25s var(--ease), transform .35s var(--ease-pop)}
.fw-pt-habits__ico .fw-ico{width:20px;height:20px}
.fw-pt-habits__tag{align-self:center;justify-self:start;margin:0;padding:4px 10px;border-radius:999px;background:var(--pk-l);color:var(--pk-dd);font-size:11px;font-weight:700;letter-spacing:.02em}
.fw-pt-habits .fw-pt-h3,.fw-pt-habits__txt{grid-column:1 / -1}
.fw-pt-habits__txt{margin:0;font-size:14px;line-height:1.55;color:var(--g6)}
.fw-pt-habits li:hover .fw-pt-habits__ico{background:var(--bl);color:var(--wh);transform:rotate(-8deg)}
.fw-pt-habits li:hover .fw-pt-h3{color:var(--bl-d)}

/* ══════════════════════════════════════════════════════════════
   06 · TALK TO US — the warm close beside the questions
   ══════════════════════════════════════════════════════════════ */
.fw-pt-talk{background:linear-gradient(180deg, var(--wh), var(--mt-wash))}
.fw-pt-talk .fw-pt-split{align-items:start}
.fw-pt-talk__side{display:grid;gap:12px}
.fw-pt-talk__pic{margin:0 0 6px;aspect-ratio:16/9;overflow:hidden}
.fw-pt-talk__pic img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;transition:transform 1.2s var(--ease)}
.fw-pt-talk__pic:hover img{transform:scale(1.04)}
.fw-pt-talk__h{margin:0;font-family:var(--ff);font-weight:600;color:var(--ink);font-size:clamp(23px, 3.6vh, 34px);line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.fw-pt-talk__acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:6px}
.fw-pt-btn{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 22px;border-radius:999px;background:var(--pk-d);color:var(--wh);font-size:15px;font-weight:600;box-shadow:var(--pk-glow);transition:background .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease)}
.fw-pt-btn:hover{background:var(--pk-dd);color:var(--wh);transform:translateY(-2px);box-shadow:var(--pk-glow-lg)}
.fw-pt-btn .bi{transition:transform .25s var(--ease)}
.fw-pt-btn:hover .bi{transform:translateX(4px)}
.fw-pt-qa details{position:relative}
.fw-pt-qa details::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--fade)}
.fw-pt-qa summary{display:grid;grid-template-columns:40px minmax(0, 1fr) 22px;align-items:center;gap:10px;padding:14px 0;cursor:pointer;list-style:none}
.fw-pt-qa summary::-webkit-details-marker{display:none}
.fw-pt-qa__n{font-size:13px;font-weight:700;color:var(--mt-ink);font-variant-numeric:tabular-nums}
.fw-pt-qa__q{font-size:16px;font-weight:600;color:var(--ink);transition:color .2s var(--ease)}
.fw-pt-qa summary .bi{font-size:15px;color:var(--g5);transition:transform .35s var(--ease), color .2s var(--ease)}
.fw-pt-qa summary:hover .fw-pt-qa__q{color:var(--bl-d)}
.fw-pt-qa details[open] .fw-pt-qa__q{color:var(--mt-ink)}
.fw-pt-qa details[open] summary .bi{transform:rotate(45deg);color:var(--mt-ink)}
.fw-pt-qa details p{margin:0;padding:0 32px 16px 50px;font-size:15px;line-height:1.7;color:var(--g6);animation:fw-pt-in .35s var(--ease)}

/* ══════════════════════════════════════════════════════════════
   08 · RESPONSIVE — and the phone as an app
   ══════════════════════════════════════════════════════════════ */
@media (max-width:1200px){
	.fw-pt-view{grid-template-columns:minmax(0, .8fr) minmax(0, 1.2fr)}
	.fw-pt-aside{grid-column:1 / -1;grid-template-columns:minmax(0, 1.3fr) minmax(0, 1fr);align-items:center;gap:clamp(24px, 3.4vw, 56px)}
	.fw-pt-aside::before{left:0;right:0;top:-14px;bottom:auto;width:auto;height:1px;background:var(--fade)}
	.fw-pt-habits{grid-template-columns:repeat(2, minmax(0, 1fr))}
	.fw-pt-habits li:nth-child(n+3)::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade)}
}
@media (max-width:1024px){
	.fw-pt-page{--pad:14px;--sec:clamp(32px, 8vw, 50px);--gs:.82}
	.fw-pt-h2{font-size:clamp(24px, 6.4vw, 32px)}
	.fw-pt .fw-pt-h1{font-size:clamp(28px, 8vw, 40px)}
	.fw-pt-split{grid-template-columns:minmax(0, 1fr)}
	.fw-pt-head--row{align-items:flex-start}
	.fw-pt-head--row > .fw-pt-sub{text-align:left}
	.fw-pt-top{grid-template-columns:minmax(0, 1fr)}
	.fw-pt-hero{height:230px}
	.fw-pt-spot{filter:blur(50px)}
	.fw-pt-spot--b{display:none}
	/* The growth line, the track and the trimesters swipe as one strip. */
	.fw-pt-rail{margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);overflow-x:auto;scrollbar-width:none}
	.fw-pt-rail::-webkit-scrollbar{display:none}
	.fw-pt-grow,.fw-pt-weeks,.fw-pt-rail__tris{min-width:1400px}
	.fw-pt-rail__key{position:sticky;left:0;width:max-content;justify-content:flex-start;margin:10px 0 0}
	/* The chapters swipe; the journey swipes. */
	.fw-pt-tri3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);gap:24px;scrollbar-width:none}
	.fw-pt-tri3::-webkit-scrollbar{display:none}
	.fw-pt-tri3 > li{flex:0 0 86%;scroll-snap-align:start}
	.fw-pt-tri3 > li + li::after{display:none}
	.fw-pt-pathbox{margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);overflow-x:auto;scrollbar-width:none}
	.fw-pt-pathbox::-webkit-scrollbar{display:none}
	.fw-pt-path{min-width:1300px}
	.fw-pt-detail{grid-template-columns:48px minmax(0, 1fr)}
	.fw-pt-detail__ico{width:48px;height:48px}
	.fw-pt-detail__acts{grid-column:1 / -1;justify-items:start}
	.fw-pt-calnote{padding-left:0}
	.fw-pt-care__pic{aspect-ratio:16/10}
	.fw-pt-talk__pic{aspect-ratio:16/10}
}
@media (max-width:640px){
	.fw-pt-kind{display:flex;width:100%}
	.fw-pt-kind button{flex:1}
	.fw-pt-field{flex-basis:100%}
	.fw-pt-cal{position:relative;top:auto;right:auto;width:auto;margin-top:4px}
	.fw-pt-cal::before{right:auto;left:50%;margin-left:-7px}
	.fw-pt-hero__chip{right:16px}
	.fw-pt-view{grid-template-columns:minmax(0, 1fr);gap:18px}
	.fw-pt-womb__disc{width:min(72vw, 270px)}
	.fw-pt-story{text-align:center;justify-items:center}
	.fw-pt-story__size{justify-content:center}
	.fw-pt-notes{text-align:left;justify-self:stretch}
	.fw-pt-aside{grid-template-columns:minmax(0, 1fr)}
	.fw-pt-signs{grid-template-columns:minmax(0, 1fr)}
	.fw-pt-signs li:nth-child(2)::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade)}
	.fw-pt-habits{grid-template-columns:minmax(0, 1fr)}
	.fw-pt-habits li:nth-child(n+2)::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade)}
	.fw-pt-qa details p{padding:0 0 16px 50px}
}

@media (prefers-reduced-motion:reduce){
	.fw-pt *,.fw-pt *::before,.fw-pt *::after{transition:none !important;animation:none !important}
	.fw-pt.fw-pt-anim [data-pt-reveal]{opacity:1;transform:none}
}