/* Faithful public /post/ migration. Form state and submission belong to Project 3. */
.post-page{color:#fff}
.post-hero{min-height:calc(100vh - 5.5rem);padding:clamp(3rem,5vw,4rem) 0 4rem;background-image:linear-gradient(90deg,rgba(7,18,50,.84),rgba(7,18,50,.68)),url('/assets/images/home-audience.webp');background-position:center center;background-size:cover;background-repeat:no-repeat}
.post-hero__inner{width:min(1320px,calc(100% - 3rem));margin:0 auto;display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);grid-template-areas:"intro card" "explainer card" "support benefits";column-gap:clamp(2.5rem,4vw,3rem);row-gap:1.8rem;align-items:start}
.post-intro{grid-area:intro}
.post-intro h1{margin:0 0 1.6rem;max-width:12ch;color:#fff;font:800 clamp(2.7rem,4.1vw,4.2rem)/1.04 Arial,Helvetica,sans-serif;letter-spacing:-.035em;text-transform:none}
.post-intro h2{margin:0;max-width:24ch;color:#fff;font:750 clamp(1.35rem,2vw,1.9rem)/1.27 Arial,Helvetica,sans-serif;letter-spacing:-.01em;text-transform:none}
.post-explainer{grid-area:explainer;max-width:47ch;margin:0;color:#fff;font:400 clamp(1rem,1.15vw,1.12rem)/1.7 Arial,Helvetica,sans-serif}
.post-start{grid-area:card;max-width:100%;padding:clamp(1.5rem,2.5vw,2.5rem);background:rgba(12,27,82,.95);border:1px solid #56abe8;border-radius:10px;box-shadow:0 1rem 2.5rem rgba(1,10,35,.28)}
.post-start__heading{display:flex;align-items:center;gap:1.1rem;margin-bottom:1rem}
.post-start__heading img{display:block;flex:none;width:64px;height:64px;padding:.55rem;object-fit:contain;background:#fff;border-radius:50%}
.post-start h2{margin:0;color:#fff;font:800 clamp(1.45rem,2.2vw,2.05rem)/1.15 Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:-.01em}
.post-start>p{max-width:43ch;margin:.7rem 0 1.5rem;color:#fff;font:700 clamp(1.05rem,1.35vw,1.22rem)/1.55 Arial,Helvetica,sans-serif}
.post-start__action{display:table;min-height:48px;margin:1rem 0 0 auto;padding:.78rem 1.4rem;border:0;border-radius:999px;background:#ffc83d;color:#0d1c52;text-align:center;text-decoration:none;font:800 1rem/1.3 Arial,Helvetica,sans-serif}
.post-start__action:hover{background:#ffda6b;color:#0d1c52}
.post-start__action:focus-visible,.post-start__learn:focus-visible,.post-support__fallback:focus-visible,.post-support-slot>[id^="b_2qpkn2pr_"]:focus-visible{outline:3px solid #fff;outline-offset:4px}
.post-start__action--disabled{background:#e1e6ec;color:#183357;cursor:not-allowed}
.post-start__notice{max-width:43ch!important;margin:1rem 0 0!important;color:#e7efff!important;font:400 .9rem/1.5 Arial,Helvetica,sans-serif!important}
.post-start__learn{display:table;margin:1rem 0 0 auto;color:#fff;text-decoration:underline;font:400 .95rem/1.5 Arial,Helvetica,sans-serif}
.post-benefits{grid-area:benefits;padding:1.5rem 1.7rem;background:rgba(35,42,63,.78);color:#fff}
.post-benefits h2{margin:0 0 .8rem;color:#fff;font:800 clamp(1.45rem,2vw,1.95rem)/1.2 Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:-.01em}
.post-benefits ul{margin:0;padding-left:1.3rem}
.post-benefits li{padding-left:.25rem;margin:.65rem 0;font:400 1rem/1.55 Arial,Helvetica,sans-serif}
.post-support-slot{grid-area:support;justify-self:start;align-self:start;display:flex;align-items:center;min-height:49px;max-width:100%}
.post-support__fallback{display:inline-flex;align-items:center;min-height:49px;padding:.45rem 1rem;border-radius:999px;background:rgba(240,244,249,.84);color:#12234f;text-decoration:none;font:800 1rem/1.35 Arial,Helvetica,sans-serif}
.post-support__fallback:hover{background:#fff;color:#12234f}
.post-support__fallback[hidden]{display:none!important}
.post-support-slot>[id^="b_2qpkn2pr_"]{width:max-content;max-width:100%;min-height:49px;display:flex;align-items:center}
.post-support-slot>[id^="b_2qpkn2pr_"]>div{box-sizing:border-box;max-width:100%;white-space:normal!important;height:auto!important;min-height:30px}
@media(max-width:480px){.post-support-slot>[id^="b_2qpkn2pr_"]>div{min-height:48px;display:inline-flex!important;align-items:center;line-height:1.25!important;padding-top:8px!important;padding-bottom:8px!important}}
@media(max-width:900px){.post-hero{padding:2.5rem 0 3rem}.post-hero__inner{width:min(100% - 3rem,680px);grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "card" "explainer" "benefits" "support";row-gap:1.5rem}.post-intro h1{max-width:14ch}.post-explainer{max-width:none}}
@media(max-width:480px){.post-hero__inner{width:calc(100% - 2rem)}.post-start{padding:1.25rem}.post-start__heading{gap:.75rem}.post-start__heading img{width:52px;height:52px}.post-start__action{display:block;width:100%;margin-top:1.25rem}.post-start__learn{margin-top:1.25rem;margin-left:0}.post-benefits{padding:1.25rem}.post-intro h1{font-size:clamp(2.35rem,10vw,3rem)}}

.post-start__progress{display:flex;align-items:center;gap:.8rem;margin:-.25rem 0 1.5rem;color:#eaf4ff;font:700 .88rem/1 Arial,Helvetica,sans-serif}
.post-start__progress progress{width:100%;height:10px;appearance:none;border:0;border-radius:999px;overflow:hidden;background:#e5edf6}
.post-start__progress progress::-webkit-progress-bar{background:#e5edf6;border-radius:999px}
.post-start__progress progress::-webkit-progress-value{background:#ffd22e;border-radius:999px}
.post-start__progress progress::-moz-progress-bar{background:#ffd22e;border-radius:999px}