/* HeartWise Workplace Pulse (workplace-pulse.html) and What the research says (workplace-research.html). Builds on site.css. Owner: pulse.
   Same look as the Workplace page: deep teal #14606B, gold, serif accents. Everything animated honours prefers-reduced-motion,
   and every state also works with no animation; the research page needs no JavaScript at all. */

.pl,.rs{--wp:#14606B;--wp-d:#0B4A53;--wp-t:#D7ECEE;--soil:#A9774B;--lf:#5FA06A;--lf-d:#3E7E4A}
.pl [hidden],.rs [hidden]{display:none!important}
.pl [id],.rs [id]{scroll-margin-top:92px}
.pl .sr,.rs .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pl .btn,.rs .btn{line-height:1.25}
.pl .btn-p,.rs .btn-p{background:var(--coral-d);box-shadow:0 10px 24px rgba(182,63,37,.35)}
.pl .btn-p:hover,.rs .btn-p:hover{background:#962F1A}
.pl .btn-light,.rs .btn-light{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.65)}
.pl .btn-light:hover,.rs .btn-light:hover{background:#fff;color:var(--ink)}
.pl h2 .serif,.rs h2 .serif{color:var(--wp)}
.pl .eyebrow,.rs .eyebrow{line-height:1.4;border-radius:20px;text-align:center}
.pl .eyebrow.sun,.rs .eyebrow.sun{color:var(--sun-d);background:var(--sun-t)}
.pl .h2like,.rs .h2like{font-size:clamp(1.7rem,3.2vw,2.5rem);margin-bottom:.4em}
.pl .h2like .serif,.rs .h2like .serif{color:var(--wp)}
.pl .sec-head,.rs .sec-head{margin-bottom:44px}
.pl .note,.rs .note{color:var(--ink-2);font-size:.95rem}
.pl-center{text-align:center;margin-top:30px}

@keyframes pl-bob{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes pl-breathe{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
@keyframes pl-float{0%,100%{opacity:0;transform:translate(0,0)}25%{opacity:.95}50%{opacity:.5;transform:translate(14px,-22px)}75%{opacity:.9}}
@keyframes pl-in{from{opacity:0;transform:translateX(30px)}}
@keyframes pl-grow{0%{transform:scale(.01)}70%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes pl-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}100%{transform:scale(1)}}
@keyframes pl-heart{0%{opacity:0;transform:translate(0,0) scale(.4)}15%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(1.15)}}
@keyframes pl-spin{to{transform:rotate(360deg)}}
@keyframes pl-sway{0%,100%{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}
@keyframes pl-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes pl-glow{0%,100%{opacity:.35}50%{opacity:.8}}

/* ============ the drawn plants (shared by the key, the hero, the answers, the garden) ============ */
.pl svg .soil{fill:var(--soil)}
.pl svg .seedb{fill:#C98A4B;stroke:#8A5A2B;stroke-width:2}
.pl svg .glint{stroke:#fff;stroke-width:2;stroke-linecap:round}
.pl svg .spark{fill:#F2B632}
.pl svg .stem{stroke:var(--lf-d);stroke-width:5;stroke-linecap:round}
.pl svg .leaf{fill:var(--lf);stroke:var(--lf-d);stroke-width:1.5;stroke-linejoin:round}
.pl svg .bud{fill:var(--pc,#F2B632);stroke:#fff;stroke-width:1.5}
.pl svg .trunk{fill:#8A5A2B}
.pl svg .root{stroke:#8A5A2B;stroke-width:3.5;stroke-linecap:round}
.pl svg .can{fill:var(--lf)}
.pl svg .can.c1{fill:#4C8F58}.pl svg .can.c2{fill:#6DB178}
.pl svg .fruit{fill:var(--pc,#F2B632);stroke:#fff;stroke-width:1.6}
.pl-plot-svg .bg{fill:#EAF6F6}
.pl-plot-svg .ground{fill:#EAD9BC}
.pl-plot-svg .ring{stroke:var(--pc);stroke-width:4}

/* only the intro shows the hero and the extra sections; the quiz and the result take over the page */
.pl:not([data-screen="intro"]) .pl-intro-only{display:none!important}
.no-js .pl-needjs{display:none}

/* ============ hero ============ */
.pl-hero{position:relative;overflow:hidden;color:#DDEFF0;padding:64px 0 150px;
  background:radial-gradient(720px 460px at 78% 34%,rgba(242,182,50,.2),transparent 62%),linear-gradient(165deg,#062A33 0%,#0B4A53 48%,#14395A 100%)}
.pl-sky{position:absolute;inset:0;pointer-events:none}
.pl-sky i{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:#FFE9A8;box-shadow:0 0 12px 4px rgba(255,233,168,.5);animation:pl-float var(--d) ease-in-out infinite}
.pl-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;position:relative;z-index:2}
.pl-hero h1{color:#fff;font-size:clamp(2.3rem,5vw,4.1rem)}
.pl-hero h1 .serif{color:var(--sun)}
.pl-hero h1:focus{outline:none}
.pl-hero .lead{color:#CFE6E8;margin:18px 0 22px}
.pl-hero .eyebrow{margin-bottom:18px}
.pl-chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0 0 26px}
.pl-chips li{background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.35);color:#fff;font-weight:800;font-size:.9rem;padding:8px 14px;border-radius:999px}
.pl-big{font-size:1.1rem;padding:18px 32px}
.pl-lightlink{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:4px;padding:12px 6px}
.pl-lightlink:hover{color:var(--sun)}
.pl-tip{margin:22px 0 0;color:#fff;font-size:1.02rem;background:rgba(242,182,50,.16);border-left:4px solid var(--sun);padding:12px 16px;border-radius:0 12px 12px 0;max-width:52ch}
.pl-tip b{color:#FFE9A8}
.pl-disc{margin:16px 0 0;padding:14px 18px;border-radius:14px;background:var(--sun-t);border-left:5px solid var(--sun);color:#4A3200;font-weight:700;font-size:.98rem;line-height:1.5;max-width:60ch}
.pl-disc-dark{background:rgba(255,255,255,.1);border-left-color:var(--sun);color:#fff;font-weight:600}
.pl-hero-in .wave,.pl-hero .wave{position:absolute;left:0;right:0;bottom:-1px;height:60px;z-index:3;pointer-events:none}
.pl-hero .wave svg{width:100%;height:100%;display:block}

.pl-heroart{position:relative;width:100%;max-width:560px;margin-left:auto;aspect-ratio:1/.7}
.pl-heroart .halo{position:absolute;inset:-4% -6%;background:radial-gradient(closest-side,rgba(242,182,50,.32),transparent 72%);animation:pl-breathe 6s ease-in-out infinite}
.pl-heroart .row{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:2%;padding-top:6%}
.pl-hp{flex:none;filter:drop-shadow(0 16px 24px rgba(0,0,0,.35));animation:pl-bob 7s ease-in-out infinite}
.pl-hp svg{display:block;width:100%;height:auto}
.pl-hp.s1{width:28%;animation-delay:.4s}.pl-hp.s2{width:33%;animation-delay:1.2s}.pl-hp.s3{width:39%}
.pl-hp.s3 svg .can.c3{transform-box:fill-box;transform-origin:50% 100%;animation:pl-sway 6s ease-in-out infinite}
.pl-heroart .arc{position:absolute;left:6%;right:6%;top:2%;width:88%;height:26%}
.pl-hero .pl-plot-svg .bg{fill:rgba(255,255,255,.92)}
.pl-hero .pl-plot-svg .ring{stroke:#F2B632}

/* ============ start card ============ */
.pl-start{padding:62px 0 20px}
.pl-startcard{max-width:820px;margin:0 auto;background:#fff;border-radius:var(--r-xl);box-shadow:var(--sh-2);padding:42px 40px;text-align:center}
.pl-startcard h2{font-size:clamp(1.6rem,3vw,2.3rem);margin:12px 0 10px}
.pl-startcard .lead{margin:0 auto 24px}
.pl-startcard .btn-row{justify-content:center}
.pl-startcard .note{margin:20px 0 6px}
.pl-key{list-style:none;display:flex;justify-content:center;gap:clamp(8px,4vw,40px);padding:0;margin:0}
.pl-key li{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.92rem;color:var(--ink-2);max-width:120px;text-align:center}
.pl-key b{font:600 1.1rem var(--f-head);color:var(--ink)}
.pl-key-art svg{width:84px;height:84px;display:block}
.pl-resume{display:grid;gap:12px;margin-bottom:26px;text-align:left}
.pl-rcard{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--sun-t);border-radius:var(--r-m);padding:16px 20px}
.pl-ract{display:flex;gap:10px;flex-wrap:wrap}
.pl-small{padding:12px 20px;font-size:.95rem;min-height:44px}
.pl-ns{padding:30px 0}
.pl-pv-h{font-size:1.1rem;margin:22px 0 6px}
.pl-pv-ol{margin:0 0 8px;padding-left:1.4em}
.pl-pv-ol li{margin-bottom:6px}

/* ============ intro sections ============ */
.pl-sec{padding:76px 0}
.pl-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0;margin:0;counter-reset:st}
.pl-steps li{background:#fff;border-radius:var(--r-l);padding:28px 26px;box-shadow:var(--sh-1);position:relative}
.pl-steps .n{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--wp);color:#fff;font:600 1.4rem var(--f-head);margin-bottom:14px}
.pl-steps h3{margin-bottom:6px}
.pl-steps p{margin:0;color:var(--ink-2)}
.pl-areas{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0;margin:0 0 30px}
.pl-areas li{display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:var(--r-l);padding:22px 22px 20px;box-shadow:var(--sh-1);border-top:6px solid var(--dc)}
.pl-areas img{width:48px;height:48px;flex:none}
.pl-areas b{display:block;font:600 1.15rem/1.2 var(--f-head);color:var(--dd);margin-bottom:6px}
.pl-areas span{display:block;color:var(--ink-2);font-size:.97rem}
.pl-areas em{display:block;font:800 .8rem var(--f-body);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-top:10px}
.pl-details{background:#fff;border-radius:var(--r-l);box-shadow:var(--sh-1);max-width:820px;margin:0 auto}
.pl-details summary{cursor:pointer;font:800 1.05rem var(--f-body);padding:20px 24px;min-height:44px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.pl-details summary::-webkit-details-marker{display:none}
.pl-details summary::after{content:"+";font:600 1.6rem var(--f-head);color:var(--wp)}
.pl-details[open] summary::after{content:"–"}
.pl-pvbody{padding:0 24px 22px}
.pl-honest{background:#fff;border-radius:var(--r-xl);box-shadow:var(--sh-1);padding:32px 34px;border-left:8px solid var(--vio)}
.pl-honest p:last-child{margin:0}
.pl-faq{display:grid;gap:12px}
.pl-faq details{background:#fff;border-radius:var(--r-m);box-shadow:var(--sh-1);padding:0}
.pl-faq summary{cursor:pointer;font:800 1.05rem var(--f-body);padding:18px 22px;min-height:44px;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.pl-faq summary::-webkit-details-marker{display:none}
.pl-faq summary::after{content:"+";font:600 1.5rem var(--f-head);color:var(--wp)}
.pl-faq details[open] summary::after{content:"–"}
.pl-faq p{padding:0 22px 20px;margin:0;color:var(--ink-2)}

/* ============ the questionnaire ============ */
.pl-quiz{padding:26px 0 70px;background:linear-gradient(180deg,#FFF8EE 0%,#FFF0DA 100%);min-height:80vh}
.pl-qwrap{max-width:1100px}
.pl-qtop{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:14px}
.pl-back,.pl-leave{display:inline-flex;align-items:center;gap:8px;min-height:44px;border-radius:999px;border:2px solid var(--line);background:#fff;color:var(--ink);font:800 .95rem var(--f-body);padding:8px 16px;cursor:pointer}
.pl-back img{width:24px;height:24px}
.pl-back:hover,.pl-leave:hover{border-color:var(--ink)}
.pl-leave{background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:3px;color:var(--ink-2)}
.pl-chaplabel{margin:0;text-align:center;font:600 1.05rem var(--f-head);color:var(--wp-d)}
.pl-pots{list-style:none;display:flex;justify-content:center;gap:clamp(6px,2vw,22px);padding:0;margin:6px 0 4px}
.pl-pot{display:flex;flex-direction:column;align-items:center;gap:4px;width:clamp(52px,12vw,92px);text-align:center}
.pl-potart{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:50%;transition:box-shadow .3s}
.pl-potart .st{position:absolute;inset:0;display:none}
.pl-potart .st svg{width:100%;height:100%;display:block}
.pl-pot:not([data-stage]) .st0,.pl-pot[data-stage="0"] .st0{display:block}
.pl-pot[data-stage="1"] .st1{display:block}
.pl-pot[data-stage="2"] .st2{display:block}
.pl-pot[data-stage="0"] .st0 svg,.pl-pot:not([data-stage]) .st0 svg{opacity:.55;filter:saturate(.5)}
.pl-pot.now .pl-potart{box-shadow:0 0 0 4px #fff,0 0 0 8px var(--pc)}
.pl-pot.pop .pl-potart{animation:pl-pop .6s var(--ease)}
.pl-potname{font:800 .78rem/1.15 var(--f-body);color:var(--ink-2);letter-spacing:.02em}
.pl-pot.now .pl-potname{color:var(--pd);text-decoration:underline;text-underline-offset:3px}
.pl-count{text-align:center;margin:8px 0 14px;font-weight:800;font-size:.95rem;color:var(--ink-2)}
.pl-stage{display:grid;grid-template-columns:.78fr 1.22fr;gap:26px;align-items:stretch}
.pl-art{background:var(--dt,#D7ECEE);border-radius:var(--r-xl);padding:30px 26px;display:flex;align-items:center;justify-content:center;text-align:center;border:3px solid var(--dc,#14606B);transition:background .4s,border-color .4s}
.pl-artin{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:310px}
.pl-arttag{font:800 .78rem/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--dd,#0B4A53);background:#fff;border-radius:999px;padding:8px 14px}
.pl-articon{width:72px;height:72px;animation:pl-bob 5s ease-in-out infinite}
.pl-artplant svg{width:150px;height:150px;display:block}
.pl-arttitle{font:600 1.4rem/1.2 var(--f-head);color:var(--dd,#0B4A53)}
.pl-artblurb{color:#3A3350;font-size:1rem}
.pl-artserif{font-size:1.4rem;color:var(--dd)!important}
.pl-arttip{font-size:.95rem;color:#3A3350;background:rgba(255,255,255,.7);border-radius:12px;padding:10px 14px;margin-top:6px}
.pl-card{background:#fff;border-radius:var(--r-xl);box-shadow:var(--sh-2);padding:32px 32px 26px;display:flex;flex-direction:column;position:relative;min-width:0}
.pl-card.out{opacity:0;transform:translateX(-30px);transition:opacity .22s,transform .22s}
.pl-card.in{animation:pl-in .45s var(--ease)}
.pl-qn{margin:0 0 6px;font:800 .82rem/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.pl-q{font-size:clamp(1.35rem,2.6vw,1.95rem);line-height:1.28;margin:0 0 8px;text-wrap:balance}
.pl-q:focus{outline:none}
.pl-qhelp{color:var(--ink-2);margin:0 0 6px;font-size:.98rem}
.pl-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}
.pl-scale.three{grid-template-columns:repeat(3,1fr)}
.pl-opt{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:16px 6px 12px;min-height:150px;border:3px solid var(--line);border-radius:var(--r-m);background:#fff;cursor:pointer;color:var(--ink);transition:transform .25s var(--ease),border-color .2s,background .2s,box-shadow .25s}
.pl-opt:hover{transform:translateY(-4px);border-color:var(--dd,var(--ink));box-shadow:var(--sh-1)}
.pl-ic{width:84px;height:84px;display:block;transition:transform .35s var(--ease)}
.pl-ic svg{width:100%;height:100%;display:block;overflow:visible}
.pl-opt:hover .pl-ic{transform:scale(1.1)}
.pl-ol{font:800 1rem/1.2 var(--f-body);text-align:center}
.pl-opt kbd{position:absolute;left:8px;top:6px;font:800 .72rem/1 var(--f-body);color:var(--ink-3);background:var(--cream);border-radius:6px;padding:3px 6px}
.pl-opt.on{border-color:var(--dd,var(--ink));background:#FFF6E4;box-shadow:0 0 0 4px color-mix(in srgb,var(--dc) 28%,#fff)}
.pl-opt.on .pl-ic{animation:pl-pop .6s var(--ease)}
.pl-scale.three .pl-ic{width:76px;height:76px}
.pl-nav{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:auto;padding-top:24px;flex-wrap:wrap}
.pl-keys{margin:0;color:var(--ink-2);font-size:.9rem;max-width:44ch}
.pl-next{min-width:150px;justify-content:center}
.pl-next:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.pl-hearts{position:absolute;left:50%;top:40%;width:0;height:0;pointer-events:none;z-index:5}
.pl-hearts svg{position:absolute;left:-11px;top:-11px;width:22px;height:22px;opacity:0;animation:pl-heart 1.7s ease-out forwards}
@media (hover:none){.pl-opt kbd,.pl-keys{display:none}}

/* ============ result ============ */
.pl-res{background:var(--paper);padding:0}
.pl-rtop{position:relative;color:#DDEFF0;padding:56px 0 64px;background:radial-gradient(700px 440px at 80% 40%,rgba(242,182,50,.18),transparent 62%),linear-gradient(165deg,#062A33 0%,#0B4A53 50%,#14395A 100%)}
.pl-rtopin{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"head garden" "legend garden";grid-template-rows:auto 1fr;gap:0 34px;align-items:start}
.pl-rhead{grid-area:head}.pl-legendwrap{grid-area:legend}.pl-garden{grid-area:garden;align-self:center}
.pl-rhead h2{color:#fff;font-size:clamp(2rem,4.2vw,3.2rem);margin:12px 0 6px}
.pl-rhead h2 .serif{color:var(--sun)!important}
.pl-rhead h2:focus{outline:none}
.pl-rhead .eyebrow{margin-bottom:6px}
.pl-scopeline{margin:0 0 4px;color:#CFE6E8;font-size:1.05rem}
.pl-scopeline b{color:#fff}
.pl-printdate{display:none}
.pl-legh{color:#fff;font-size:1.05rem;margin:22px 0 10px}
.pl-legend{list-style:none;display:grid;gap:8px;padding:0;margin:0}
.pl-legend li{display:flex;gap:12px;align-items:center;background:#fff;border-radius:14px;padding:10px 14px;color:var(--ink);border-left:6px solid var(--dc)}
.pl-num{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--dd);color:#fff;font:600 1rem var(--f-head)}
.pl-legt{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;min-width:0}
.pl-legt b{font:700 1rem/1.25 var(--f-body);color:var(--ink)}
.pl-chip{display:inline-flex;gap:4px;align-items:center;font-size:.875rem;font-weight:700;padding:3px 10px;border-radius:999px;line-height:1.4}
.pl-chip b{font-weight:800}
.pl-chip.seed{background:#FFF0C8;color:#6B4600}
.pl-chip.sprout{background:#DDF0DA;color:#1F4F30}
.pl-chip.tree{background:#D7ECEE;color:#0B4A53}
.pl-tag{font:800 .78rem/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px}
.pl-tag.strong{background:#F2B632;color:#3A2600}
.pl-tag.next{background:#EAF2FA;color:#2A5B84;border:1.5px solid #4F86B8}
.pl-garden{margin:0;position:relative}
.pl-gsvg{width:100%;height:auto;display:block;max-width:600px;margin:0 auto;overflow:visible}
.pl-garden figcaption{text-align:center;color:#CFE6E8;font-size:.92rem;margin-top:8px}
.pl-hearts-host{position:absolute;left:50%;top:46%;width:0;height:0}
.pl-trings circle{stroke:rgba(255,255,255,.28);stroke-width:2}
.pl-trings circle.spin{stroke:rgba(255,233,168,.55);stroke-dasharray:3 12;stroke-linecap:round;transform-origin:300px 300px;animation:pl-spin 80s linear infinite}
.pl-gsvg .ground{fill:#EAD9BC}
.pl-gsvg .halo{fill:transparent}
.pl-gsvg .pl-plot.strong .halo{fill:rgba(242,182,50,.55);animation:pl-glow 3s ease-in-out infinite}
.pl-gsvg .pl-plot.next .halo{fill:rgba(255,255,255,.28)}
.pl-gsvg .pl-grow{transform-box:fill-box;transform-origin:50% 100%}
.pl-gsvg.anim:not(.in) .pl-grow{transform:scale(.01)}
.pl-gsvg.anim.in .pl-grow{animation:pl-grow .95s var(--ease) both;animation-delay:calc(var(--i)*.28s + .2s)}
.pl-gsvg.anim:not(.in) .pl-plot,.pl-gsvg.anim:not(.in) .core-ring{opacity:0}
.pl-gsvg.anim.in .pl-plot{animation:pl-fadein .6s ease both;animation-delay:calc(var(--i)*.28s)}
@keyframes pl-fadein{from{opacity:0}to{opacity:1}}
.pl-gsvg .pl-grow .can.c3{transform-box:fill-box;transform-origin:50% 100%}

.pl-rbody{padding-top:50px;padding-bottom:70px}
.pl-rsec{margin:0 0 46px;padding:0;background:transparent;opacity:1}
.pl-rsec .eyebrow{margin-bottom:10px}
.pl-rsec .lead{max-width:70ch}
.pl-strong{background:linear-gradient(135deg,#FFF0C8,#FFF8EE);border:3px solid var(--sun);border-radius:var(--r-xl);padding:34px 34px 30px;box-shadow:var(--sh-1)}
.pl-strong .h2like{margin-bottom:12px}
.pl-big-p{font-size:1.15rem;margin:0;max-width:62ch}
.pl-strongcard{display:flex;gap:20px;align-items:flex-start;background:#fff;border-radius:var(--r-l);padding:22px 24px;border-left:8px solid var(--dc)}
.pl-strongcard img{width:64px;height:64px;flex:none}
.pl-strongcard h4{font-size:1.5rem;margin:0 0 6px;color:var(--dd)}
.pl-plain{margin:10px 0 6px;color:var(--ink-2);font-size:.98rem}
.pl-desc{font-size:1.25rem;line-height:1.4;margin:8px 0 10px;color:var(--ink)}
.pl-also{margin:14px 0 0}
.pl-rem{margin:12px 0 0;padding:10px 14px;background:rgba(255,255,255,.7);border-radius:12px}
.pl-prog{background:#fff;border-radius:var(--r-xl);padding:34px 34px 32px;box-shadow:var(--sh-2);border-top:8px solid var(--wp)}
.pl-prog .btn-row{margin-top:18px}
.pl-cert{margin:16px 0 0;padding:14px 18px;border-radius:14px;background:var(--vio-t);color:#2F1D54;font-weight:700;max-width:70ch}
.pl-cert a{color:#2F1D54;text-decoration:underline;text-underline-offset:3px}
.pl-firststep{background:var(--sun-t);border-left:8px solid var(--sun);border-radius:0 var(--r-m) var(--r-m) 0;padding:16px 22px;margin:18px 0 22px;max-width:80ch}
.pl-firststep b{display:block;font:600 1.05rem var(--f-head);color:#4A3200;margin-bottom:2px}
.pl-firststep p{margin:0;color:#3A2600}
.pl-pri-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.pl-pri{background:#fff;border-radius:var(--r-l);padding:26px 26px 22px;box-shadow:var(--sh-1);border-top:8px solid var(--dc);display:flex;flex-direction:column;gap:6px}
.pl-prin{display:block;font:800 .78rem/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--dd);margin-bottom:10px}
.pl-prih{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.pl-prih img{width:52px;height:52px}
.pl-prih h4{margin:0;font-size:1.35rem;color:var(--dd)}
.pl-dl{margin:6px 0 0;display:grid;gap:12px}
.pl-dl dt{font:800 .78rem/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--dd,#0B4A53);margin-bottom:3px}
.pl-dl dd{margin:0;color:var(--ink)}
.pl-dl .step{background:#FFF8EE;border-radius:12px;padding:12px 14px;border-left:5px solid var(--dc,var(--sun))}
.pl-mods{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:8px 0 0}
.pl-mods li{background:var(--dt,#EAF6F6);color:var(--ink);font-size:.86rem;font-weight:700;padding:4px 10px;border-radius:999px;border:1.5px solid var(--dc,var(--wp))}
.pl-mods b{color:var(--dd,var(--wp-d));font-weight:800}
.pl-modnote{margin-top:18px}
.pl-keep{display:grid;gap:10px;margin-top:14px}
.pl-keep details{background:#fff;border-radius:var(--r-m);box-shadow:var(--sh-1);border-left:8px solid var(--dc)}
.pl-keep summary{cursor:pointer;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 18px;min-height:44px;list-style:none}
.pl-keep summary::-webkit-details-marker{display:none}
.pl-keep summary b{font:700 1.05rem var(--f-body);color:var(--dd)}
.pl-keep details>div{padding:0 18px 18px}
.pl-freegrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}
.pl-fi{display:flex;gap:18px;align-items:center;background:#fff;border-radius:var(--r-l);padding:16px 20px 16px 16px;text-decoration:none;color:inherit;box-shadow:var(--sh-1);transition:transform .4s var(--ease),box-shadow .4s}
.pl-fi:hover{transform:translateY(-5px);box-shadow:var(--sh-2)}
.pl-fi .pic{flex:none;width:72px}
.pl-fi .pic img{width:100%;height:auto;border-radius:6px;box-shadow:var(--sh-1);border:2px solid #fff;transform:rotate(-3deg)}
.pl-fi .pic.ico img{width:60px;height:60px;box-shadow:none;border:0;transform:none}
.pl-fi b{display:block;font:600 1.1rem/1.25 var(--f-head);color:var(--ink);margin-bottom:2px}
.pl-fi span span{display:block;color:var(--ink-2);font-size:.93rem}
.pl-keepsec{background:#fff;border-radius:var(--r-xl);padding:32px 34px;box-shadow:var(--sh-1)}
.pl-actions{margin:14px 0 8px}
.pl-email{background:var(--paper);border-radius:var(--r-l);padding:22px 24px;margin:16px 0 8px;border:2px solid var(--line)}
.pl-emailwhy{margin:0 0 14px;color:var(--ink-2)}
.pl-check{display:flex;gap:10px;align-items:center;margin:8px 0 16px;font-weight:700;cursor:pointer;min-height:44px}
.pl-check input{width:22px;height:22px;accent-color:var(--wp)}
.pl-err{color:var(--coral-d);font-weight:700;margin:6px 0 0;min-height:1.2em}
.pl-status{margin:14px 0 0;font-weight:700;color:var(--ink-2)}
.pl-status.ok{color:var(--leaf-d)}
.pl-status.warn{color:#7A3B00}
.pl-disc-end{margin:0 0 14px;max-width:none}
.pl-care{margin:0 0 10px}
.pl-links{margin:0;color:var(--ink-2)}
.pl-links a{font-weight:800}

/* reveal for result blocks (JS adds .in; without it everything is visible) */
.pl-rsec{transition:opacity .7s var(--ease),transform .7s var(--ease)}
.pl[data-screen="result"].js-reveal .pl-rsec:not(.in){opacity:0;transform:translateY(24px)}

/* ============ responsive ============ */
@media (max-width:980px){
  .pl-hero{padding:44px 0 130px}
  .pl-hero-in{grid-template-columns:1fr;gap:34px}
  .pl-heroart{margin:0 auto;max-width:440px}
  .pl-steps,.pl-areas{grid-template-columns:1fr 1fr}
  .pl-stage{grid-template-columns:1fr}
  .pl-art{padding:18px 20px}
  .pl-artin{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px 14px;max-width:none}
  .pl-articon{width:48px;height:48px}
  .pl-artplant svg{width:78px;height:78px}
  .pl-arttitle{font-size:1.2rem}
  .pl-artblurb,.pl-arttip{flex-basis:100%;font-size:.93rem}
  .pl-rtopin{grid-template-columns:1fr;grid-template-areas:"head" "garden" "legend";grid-template-rows:auto;gap:10px}
  .pl-garden{max-width:460px;margin:0 auto}
  .pl-pri-grid,.pl-freegrid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .pl-steps,.pl-areas{grid-template-columns:1fr}
  .pl-startcard{padding:30px 20px}
  .pl-sec{padding:56px 0}
  .pl-card{padding:24px 18px 20px}
  .pl-scale,.pl-scale.three{grid-template-columns:1fr}
  .pl-opt{flex-direction:row;justify-content:flex-start;min-height:72px;padding:8px 16px;gap:14px}
  .pl-ic,.pl-scale.three .pl-ic{width:58px;height:58px;flex:none}
  .pl-ol{text-align:left;font-size:1.05rem}
  .pl-opt kbd{display:none}
  .pl-qtop{grid-template-columns:auto auto;row-gap:6px}
  .pl-chaplabel{grid-column:1/-1;grid-row:2;font-size:.98rem}
  .pl-back span{display:inline}
  .pl-potname{font-size:.7rem}
  .pl-strong,.pl-prog,.pl-keepsec{padding:24px 18px}
  .pl-strongcard{flex-direction:column;gap:10px}
  .pl-pri{padding:22px 18px 18px}
  .pl-rcard{flex-direction:column;align-items:flex-start}
  .pl-hero .btn-row .btn{width:100%;justify-content:center}
  .pl-actions .btn{width:100%;justify-content:center}
}

/* ============ print: the result only ============ */
@media print{
  .pl{background:#fff}
  .pl[data-screen="result"] .pl-hero,.pl[data-screen="result"] .pl-extra,.pl[data-screen="result"] .pl-start,.pl[data-screen="result"] .pl-quiz,
  .pl[data-screen="result"] .pl-actions,.pl[data-screen="result"] .pl-email,.pl[data-screen="result"] .pl-hearts,.pl[data-screen="result"] .pl-hearts-host,
  .pl[data-screen="result"] .pl-freegrid,.pl[data-screen="result"] .pl-free,.pl[data-screen="result"] .pl-keepsec,.pl[data-screen="result"] .pl-sky{display:none!important}
  .pl-rtop{background:#fff!important;color:var(--ink);padding:10px 0;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .pl-rhead h2,.pl-legh,.pl-scopeline,.pl-scopeline b,.pl-garden figcaption{color:var(--ink)!important}
  .pl-rhead h2 .serif{color:var(--wp)!important}
  .pl-printdate{display:inline}
  .pl-disc-dark{background:var(--sun-t);color:#4A3200}
  .pl-rtopin{grid-template-columns:1fr 1fr}
  .pl-rsec,.pl-pri,.pl-strongcard{break-inside:avoid;box-shadow:none!important;opacity:1!important;transform:none!important}
  .pl-pri-grid{grid-template-columns:1fr 1fr}
  .pl-gsvg *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .pl-gsvg .pl-grow{transform:none!important;animation:none!important}
  .pl-gsvg .pl-plot,.pl-gsvg .core-ring{opacity:1!important;animation:none!important}
  .pl-trings circle{stroke:#C9A06A}
}

/* ====================================================================================================
   What the research says
   ==================================================================================================== */
.rs-hero{position:relative;overflow:hidden;color:#DDEFF0;padding:62px 0 140px;
  background:radial-gradient(720px 420px at 82% 30%,rgba(242,182,50,.16),transparent 62%),linear-gradient(165deg,#062A33 0%,#0B4A53 50%,#14395A 100%)}
.rs-hero-in{position:relative;z-index:2;max-width:860px}
.rs-hero h1{color:#fff;font-size:clamp(2.4rem,5.2vw,4.2rem)}
.rs-hero h1 .serif{color:var(--sun)}
.rs-hero .eyebrow{margin-bottom:18px}
.rs-hero .lead{color:#CFE6E8;margin:18px 0 26px}
.rs-hero .wave{position:absolute;left:0;right:0;bottom:-1px;height:60px;z-index:3;pointer-events:none}
.rs-hero .wave svg{width:100%;height:100%;display:block}
.rs-jump{position:sticky;top:72px;z-index:40;background:rgba(255,248,238,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.rs-jump .wrap{display:flex;gap:6px;overflow-x:auto;padding-top:8px;padding-bottom:8px;scrollbar-width:thin}
.rs-jump a{flex:none;font:800 .9rem var(--f-body);text-decoration:none;color:var(--ink-2);padding:10px 14px;border-radius:999px;min-height:44px;display:inline-flex;align-items:center}
.rs-jump a:hover{background:var(--cream);color:var(--ink)}
.rs-sec{padding:76px 0}
.rs-three{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rs-three article{background:#fff;border-radius:var(--r-l);padding:28px 26px;box-shadow:var(--sh-1);border-top:6px solid var(--wp)}
.rs-three .ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--wp-t);color:var(--wp-d);font:600 1.3rem var(--f-head);margin-bottom:12px}
.rs-three p{margin:0;color:var(--ink-2)}
.rs-promise{margin:30px auto 0;max-width:780px;text-align:center;font-size:1.1rem;background:var(--sun-t);border-radius:var(--r-m);padding:18px 24px;color:#3A2600}

/* the animated chain: a glance strip, then a timeline with a rail that draws as you scroll */
.rs-flow{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:12px 34px;padding:0;margin:0 0 44px}
.rs-flow li{position:relative}
.rs-flow li:not(:last-child)::after{content:"";position:absolute;right:-27px;top:50%;width:20px;height:20px;margin-top:-10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 10h13M11 4l6 6-6 6' fill='none' stroke='%2314606B' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.rs-flow a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);background:#fff;border:2px solid var(--wp);border-radius:999px;padding:8px 16px 8px 8px;font:700 .95rem/1.25 var(--f-body);height:100%;min-height:48px;box-shadow:var(--sh-1);transition:transform .3s var(--ease),background .2s}
.rs-flow a:hover{transform:translateY(-3px);background:var(--wp-t)}
.rs-flow .n{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--wp);color:#fff;font:600 1.05rem var(--f-head)}
.rs-flow.anim:not(.in) li{opacity:0;transform:scale(.7)}
.rs-flow.anim li{transition:opacity .5s var(--ease),transform .55s var(--ease);transition-delay:calc(var(--i)*.35s)}
.rs-chain{list-style:none;padding:0;margin:0 auto 26px;max-width:1000px;display:grid;gap:22px}
.rs-step{position:relative;display:grid;grid-template-columns:54px 1fr;gap:20px}
.rs-step .node{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--wp);color:#fff;font:600 1.5rem var(--f-head);position:relative;z-index:2;box-shadow:0 0 0 6px var(--paper)}
.rs-step:not(:last-child)::after{content:"";position:absolute;left:25px;top:56px;bottom:-22px;width:4px;border-radius:4px;background:repeating-linear-gradient(180deg,var(--wp) 0 10px,transparent 10px 18px);transform-origin:center top;z-index:1}
.rs-step .rs-card{background:#fff;border-radius:var(--r-l);padding:22px 24px 22px;box-shadow:var(--sh-1);border-left:6px solid var(--wp)}
.rs-step h3{font-size:1.3rem;line-height:1.25;margin-bottom:14px}
.rs-step .cols{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:22px}
.rs-step h4{font:800 .84rem/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--wp-d);margin:0 0 6px}
.rs-step .cols p{font-size:.95rem;line-height:1.55;margin:0 0 8px;color:var(--ink-2)}
.rs-step .lvl{display:flex;align-items:center;gap:10px;color:var(--ink)!important;font-size:1rem!important}
.rs-step .meter{display:flex;gap:4px}
.rs-step .meter i{width:22px;height:8px;border-radius:5px;background:#E4DAC8}
.rs-step .meter i.on{background:var(--wp)}
.rs-step .gap{background:var(--cream);border-radius:12px;padding:12px 14px}
.rs-step .gap p{margin:0}
.rs-chain.anim .rs-step:not(.in) .node{opacity:0;transform:scale(.4)}
.rs-chain.anim .rs-step:not(.in) .rs-card{opacity:0;transform:translateY(22px)}
.rs-chain.anim .rs-step:not(.in)::after{transform:scaleY(0)}
.rs-chain.anim .rs-step .node{transition:opacity .5s var(--ease),transform .5s var(--ease)}
.rs-chain.anim .rs-step .rs-card{transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:.15s}
.rs-chain.anim .rs-step::after{transition:transform .7s ease .35s}
.rs-end{text-align:center;margin:0 0 20px}
.rs-endpill{display:inline-block;border:3px dashed var(--wp);border-radius:999px;padding:12px 26px;font:600 1.1rem var(--f-head);color:var(--wp-d);background:#fff}
.rs-plain{max-width:800px;margin:0 auto;text-align:center;font-size:1.08rem}
.rs-themes{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.rs-theme{background:#fff;border-radius:var(--r-l);padding:26px 26px 22px;box-shadow:var(--sh-1);border-top:6px solid var(--leaf)}
.rs-theme h3{font-size:1.25rem;margin-bottom:12px}
.rs-claims{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.rs-claims li{display:flex;gap:12px;align-items:flex-start}
.rs-claims .sn{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--leaf-t);color:var(--leaf-d);font:800 .82rem var(--f-body);margin-top:2px}
.rs-claims p{margin:0 0 4px;font-size:1.02rem}
.rs-claims .src{display:block;font-size:.9rem;color:var(--ink-2);line-height:1.5}
.rid{font:800 .875rem var(--f-body);color:var(--wp-d);background:var(--wp-t);border-radius:6px;padding:1px 6px;white-space:nowrap}
.rs-strength{margin:16px 0 0;padding:12px 14px;background:var(--cream);border-radius:12px;font-size:.95rem;color:var(--ink-2)}
.rs-strength b{color:var(--ink)}
.rs-refs{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.rs-refs li{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:var(--r-m);padding:16px 18px;box-shadow:var(--sh-1)}
.rs-refs .rid{flex:none;margin-top:3px}
.rs-refs .cit{margin:0 0 6px;font-size:.95rem;line-height:1.5;overflow-wrap:anywhere}
.rs-refs .cit a{color:var(--wp-d);text-decoration:underline;text-underline-offset:2px}
.rs-refs .meta{margin:0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.9rem;color:var(--ink-2)}
.rs-refs .meta a{font-weight:800}
.rs-inds{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rs-ind{background:#fff;border-radius:var(--r-l);padding:24px 22px 20px;box-shadow:var(--sh-1);border-top:6px solid var(--sky)}
.rs-ind .k{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--sky-t);color:var(--sky-d);font:600 1.1rem var(--f-head);margin-bottom:8px}
.rs-ind h3{font-size:1.15rem;margin-bottom:8px}
.rs-ind p{font-size:.97rem;color:var(--ink-2);margin:0 0 10px}
.rs-ind .care{background:var(--cream);border-radius:10px;padding:9px 12px;margin:0;font-size:.95rem}
.rs-ind .care b{color:var(--ink)}
.rs-nomeasure{max-width:820px;margin:28px auto 0;text-align:center;font-size:1.02rem}
.rs-report{margin-top:64px}
.rs-rep{list-style:none;counter-reset:rp;max-width:860px;margin:0 auto;padding:0;display:grid;gap:12px}
.rs-rep li{counter-increment:rp;display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:var(--r-m);padding:14px 18px;box-shadow:var(--sh-1)}
.rs-rep li::before{content:counter(rp);flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--vio-t);color:var(--vio-d);font:600 1rem var(--f-head)}
.rs-nc{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.rs-nc li{background:#fff;border-radius:var(--r-m);padding:16px 20px;box-shadow:var(--sh-1);border-left:8px solid var(--sun)}
.rs-nc b{display:block;font:600 1.1rem var(--f-head);color:var(--ink);margin-bottom:2px}
.rs-nc span{color:var(--ink-2)}
.rs-cta{padding-top:30px;padding-bottom:90px}
.rs-center{text-align:center}
.rs-center .btn-row{justify-content:center}
.rs-center .note{margin-top:22px}

@media (max-width:1000px){
  .rs-flow{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto;gap:22px}
  .rs-flow li:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-23px;margin-left:-10px;transform:rotate(90deg)}
}
@media (max-width:900px){
  .rs-step .cols{grid-template-columns:1fr;gap:14px}
}
@media (max-width:560px){
  .rs-step{grid-template-columns:40px 1fr;gap:12px}
  .rs-step .node{width:40px;height:40px;font-size:1.15rem;box-shadow:0 0 0 4px var(--paper)}
  .rs-step:not(:last-child)::after{left:18px;top:42px}
  .rs-step .rs-card{padding:18px 16px}
}
@media (max-width:980px){
  .rs-three,.rs-inds{grid-template-columns:1fr 1fr}
  .rs-themes{grid-template-columns:1fr}
}
@media (max-width:640px){
  .rs-hero{padding:44px 0 120px}
  .rs-sec{padding:56px 0}
  .rs-three,.rs-inds{grid-template-columns:1fr}
  .rs-hero .btn-row .btn{width:100%;justify-content:center}
  .rs-refs li{flex-direction:column;gap:6px}
  .rs-jump{top:72px}
  .rs-theme{padding:22px 18px 18px}
}
@media print{
  .rs-jump,.rs-hero .wave{display:none}
  .rs-hero{background:#fff!important;color:var(--ink);padding:10px 0}
  .rs-hero h1,.rs-hero .lead{color:var(--ink)}
  .rs-chain .node,.rs-chain .rs-card,.rs-flow li{opacity:1!important;transform:none!important}
  .rs-chain .rs-step::after{transform:none!important}
}
@media (prefers-reduced-motion:reduce){
  .pl-gsvg .pl-grow{transform:none!important;animation:none!important}
  .pl-gsvg .pl-plot,.pl-gsvg .core-ring{opacity:1!important;animation:none!important}
  .pl-trings circle.spin{animation:none!important}
  .rs-chain .node,.rs-chain .rs-card,.rs-flow li{opacity:1!important;transform:none!important}
  .rs-chain .rs-step::after{transform:none!important}
}


/* ================= final fix pass ================= */
.pl .field input,.pl .field select,.pl .field textarea,.pl-email input{border-color:#B9A98A}
.pl-which{margin:14px 0 0}
.pl-which a,.pl-priv a{font-weight:700}
.pl-priv{margin:12px 0 0;font-size:.95rem}
.pl-tie{margin-top:14px}
.pl-dl .step{background:var(--sun-t);border-left-color:var(--sun)}
.pl-dl .step dt{color:#5A3E00}
.pl-faq summary:focus-visible,.pl-details summary:focus-visible{outline:3px solid var(--wp);outline-offset:-3px}
/* underline colour on the dark hero and result header: gold at about 60% */
.pl-hero a,.pl-rtop a,.rs-hero a{text-decoration-color:rgba(242,182,50,.6);text-underline-offset:4px}
.pl-hero .pl-lightlink{text-decoration-color:rgba(242,182,50,.6)}
.rs-claims .src a,.rs-refs .meta a{text-underline-offset:2px}

/* the chapter card on phones: one compact line so the statement and all four answers fit in the first screen */
@media (max-width:640px){
  .pl-quiz{padding-top:14px}
  .pl-qtop{margin-bottom:6px}
  .pl-chaplabel{display:none}
  .pl-pots{margin:2px 0 0;gap:6px}
  .pl-pot{width:clamp(46px,14vw,58px);gap:2px}
  .pl-count{margin:4px 0 8px}
  .pl-art{padding:8px 14px;border-width:2px;border-radius:18px}
  .pl-artin{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px}
  .pl-articon,.pl-artplant,.pl-artblurb,.pl-arttip{display:none}
  .pl-arttag{padding:5px 10px;font-size:.78rem;white-space:nowrap}
  .pl-arttitle{font-size:1.05rem;line-height:1.2;text-align:left}
  .pl-stage{gap:10px}
  .pl-card{padding:16px 16px 14px;border-radius:22px}
  .pl-q{font-size:1.25rem;line-height:1.3}
  .pl-qhelp{margin:0 0 2px;font-size:.92rem}
  .pl-scale{margin-top:10px;gap:8px}
  .pl-opt{min-height:56px;padding:6px 14px}
  .pl-ic,.pl-scale.three .pl-ic{width:44px;height:44px}
  .pl-nav{padding-top:12px}
}