@font-face{font-family:"DM Serif Display";src:url(fonts/dm-serif-display-400.woff2) format("woff2");font-display:swap}
@font-face{font-family:"DM Serif Display";font-style:italic;src:url(fonts/dm-serif-display-400i.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Space Grotesk";font-weight:400;src:url(fonts/space-grotesk-400.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Space Grotesk";font-weight:600;src:url(fonts/space-grotesk-600.woff2) format("woff2");font-display:swap}
:root{--aub:#2a1233;--aub-d:#1b0a22;--aub-l:#3d1d49;--brine:#c8ef4f;--pink:#ff5c8a;--lilac:#e7d6ee;--vin:#f2eef7;--amber:#ffb547;--serif:"DM Serif Display",Georgia,serif;--sans:"Space Grotesk","Segoe UI",sans-serif;--sw:280px}
[hidden]{display:none!important}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--aub);color:var(--vin);font-family:var(--sans);font-size:1.05rem;line-height:1.62;overflow-wrap:break-word}
img{display:block;max-width:100%}
a{color:var(--brine);text-underline-offset:3px}
a:hover{color:var(--pink)}
:focus-visible{outline:3px dashed var(--brine);outline-offset:3px}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.05;margin:0 0 .5em}
em{font-style:italic}
.wrap{word-break:break-all}
.skip{position:absolute;left:-999px;z-index:500;background:var(--brine);color:var(--aub);padding:.6rem 1rem}
.skip:focus{left:1rem;top:1rem}

/* left sidebar */
.side{position:fixed;inset:0 auto 0 0;width:var(--sw);background:var(--aub-d);display:flex;flex-direction:column;padding:1.8rem 1.4rem;z-index:80;border-right:2px solid var(--aub-l);overflow-y:auto}
.logo{font-family:var(--serif);font-size:2.2rem;color:var(--vin);text-decoration:none;line-height:1}
.logo i{color:var(--brine)}
.logo small{display:block;font-family:var(--sans);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--pink);margin-top:.5rem}
.logo:hover{color:var(--vin)}
.sidenav{list-style:none;padding:0;margin:2.2rem 0;display:grid;gap:.1rem}
.sidenav a{display:block;padding:.5rem .7rem;border-radius:10px;text-decoration:none;color:var(--vin);position:relative;transition:background .2s,padding .3s cubic-bezier(.3,1.5,.5,1)}
.nl{display:block;font-weight:600}
.nq{display:block;font-size:.8rem;color:var(--lilac);opacity:0;max-height:0;transform:translateY(-4px);transition:opacity .25s,max-height .3s,transform .3s;font-style:italic;font-family:var(--serif)}
.sidenav a:hover,.sidenav a:focus-visible{background:var(--aub-l);padding-left:1.1rem}
.sidenav a:hover .nq,.sidenav a:focus-visible .nq,.sidenav a[aria-current] .nq{opacity:1;max-height:2em;transform:none}
.sidenav a[aria-current]{background:var(--brine);color:var(--aub)}
.sidenav a[aria-current] .nq{color:var(--aub)}
.sidenav a[aria-current]::before{content:"";position:absolute;left:-1.4rem;top:50%;width:.7rem;height:.7rem;background:var(--pink);border-radius:50%;transform:translateY(-50%)}
.side-foot{margin-top:auto;display:grid;gap:.3rem;font-size:.85rem;color:var(--lilac)}
.side-close{display:none}
.mbar{display:none}
.page{margin-left:var(--sw);min-height:100dvh}
.scrim{position:fixed;inset:0;background:rgba(27,10,34,.7);z-index:70}
@media (max-width:1000px){
  .page{margin-left:0}
  .mbar{display:flex;position:sticky;top:0;z-index:60;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:var(--aub-d);border-bottom:2px solid var(--aub-l)}
  .logo--sm{font-size:1.6rem}
  .mbar-btn{font:inherit;font-weight:600;background:var(--brine);color:var(--aub);border:0;border-radius:999px;padding:.5rem 1.1rem;cursor:pointer}
  .side{transform:translateX(-105%);transition:transform .4s cubic-bezier(.3,1.2,.4,1);width:min(320px,86vw);visibility:hidden}
  .side.open{transform:none;visibility:visible}
  .side-close{display:block;margin-top:1rem;font:inherit;background:none;border:2px solid var(--brine);color:var(--brine);border-radius:999px;padding:.5rem;cursor:pointer}
  .nq{opacity:1;max-height:2em;transform:none}
}

/* buttons */
.pbtn{display:inline-block;font:inherit;font-weight:600;background:var(--brine);color:var(--aub);border:2px solid var(--brine);border-radius:4px 18px 4px 18px;padding:.8rem 1.4rem;text-decoration:none;cursor:pointer;transition:border-radius .35s,transform .25s}
.pbtn:hover{border-radius:18px 4px 18px 4px;transform:translateY(-2px);color:var(--aub);background:var(--pink);border-color:var(--pink)}
.pbtn--ghost{background:transparent;color:var(--brine)}
.pbtn--ghost:hover{color:var(--aub)}
.tlink{font-weight:600}

/* hero */
.hero{padding:clamp(3rem,8vw,7rem) clamp(1.2rem,5vw,5rem) clamp(2rem,5vw,4rem);position:relative;overflow:hidden}
.hero-tag{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--pink);margin:0 0 1.5rem}
.hero-h{font-size:clamp(2.8rem,7.4vw,7rem);max-width:13ch}
.strike{position:relative;text-decoration:none;color:var(--lilac);opacity:.7}
.strike::after{content:"";position:absolute;left:-.05em;right:-.05em;top:55%;height:.09em;background:var(--pink);transform-origin:left;transform:rotate(-4deg)}
.swap{text-decoration:none;font-style:italic;color:var(--brine);display:inline-block}
@media (prefers-reduced-motion:no-preference){
  .strike::after{animation:strk .5s .7s cubic-bezier(.7,0,.3,1) both}
  .swap{animation:swp .6s 1.15s cubic-bezier(.3,1.8,.5,1) both}
}
@keyframes strk{from{transform:rotate(-4deg) scaleX(0)}to{transform:rotate(-4deg) scaleX(1)}}
@keyframes swp{from{opacity:0;transform:translateY(.3em) rotate(-6deg) scale(.8)}}
.hero-h2{display:block;font-size:.34em;font-style:italic;color:var(--lilac);margin-top:.6em}
.hero-row{display:grid;grid-template-columns:minmax(0,38rem) auto;gap:2rem;align-items:end;margin-top:2rem}
.hero-p{font-size:1.15rem;margin:0}
.hero-acts{display:flex;flex-wrap:wrap;gap:.8rem}
.jarlid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:3rem}
.jarlid span{border:2px solid var(--lilac);border-radius:50%;padding:.5rem 1.2rem;font-family:var(--serif);font-style:italic;font-size:1.2rem;color:var(--lilac);transition:transform .3s cubic-bezier(.3,1.8,.5,1),background .2s}
.jarlid span:nth-child(odd){transform:rotate(-4deg)}.jarlid span:nth-child(even){transform:rotate(3deg)}
.jarlid span:hover{transform:rotate(0) scale(1.08);background:var(--pink);color:var(--aub);border-color:var(--pink)}
@media (max-width:820px){.hero-row{grid-template-columns:1fr}}
.hero--lost{min-height:75dvh}

.sec-h{font-size:clamp(2rem,4.4vw,3.6rem)}
.sec-h em{color:var(--pink)}
.method{padding:clamp(3rem,7vw,6rem) clamp(1.2rem,5vw,5rem);background:var(--vin);color:var(--aub)}
.method-list{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:0}
.method-list li{display:grid;grid-template-columns:minmax(0,14rem) 1fr;gap:2rem;align-items:baseline;padding:1.2rem 0;border-top:2px solid var(--aub)}
.m-word{font-family:var(--serif);font-style:italic;font-size:clamp(2.2rem,5vw,4rem);line-height:1;color:var(--aub);transition:color .2s,transform .3s}
.method-list li:hover .m-word{color:var(--pink);transform:translateX(10px) skewX(-6deg)}
.method-list p{margin:0;max-width:40rem}
@media (max-width:640px){.method-list li{grid-template-columns:1fr;gap:.3rem}}

.duo{overflow:clip;display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(3rem,7vw,6rem) clamp(1.2rem,5vw,5rem)}
.snap{margin:0;background:var(--vin);padding:12px 12px 14px;color:var(--aub);width:100%;max-width:100%;border-radius:4px}
.snap img{width:100%;aspect-ratio:4/3;object-fit:cover}
.snap figcaption{font-family:var(--serif);font-style:italic;font-size:1.1rem;padding-top:.6rem}
.snap figcaption span{display:block;font-family:var(--sans);font-style:normal;font-size:.78rem;color:#7a4a80}
.snap--tilt{transform:rotate(-2.5deg);box-shadow:14px 14px 0 var(--pink);transition:transform .5s cubic-bezier(.3,1.5,.5,1)}
.snap--tilt:hover{transform:rotate(1deg)}
@media (max-width:820px){.duo{grid-template-columns:1fr}}

.shelf{overflow:clip;padding:clamp(3rem,7vw,6rem) clamp(1.2rem,5vw,5rem);background:var(--aub-d)}
.labels{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2rem}
.lbl{flex:1 1 15rem;display:flex;flex-direction:column;justify-content:center;text-align:center;min-height:12rem;padding:2rem 1.6rem;border-radius:50%;text-decoration:none;color:var(--aub);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.lbl--a{background:var(--brine);transform:rotate(-3deg)}.lbl--b{background:var(--pink);transform:rotate(2deg)}.lbl--c{background:var(--lilac);transform:rotate(-1deg)}.lbl--d{background:var(--amber);transform:rotate(3deg)}.lbl--e{background:var(--vin);transform:rotate(-2deg)}
.lbl:hover,.lbl:focus-visible{transform:rotate(0) scale(1.05);color:var(--aub)}
.lbl-k{font-family:var(--serif);font-size:1.7rem;line-height:1.05}
.lbl-d{font-size:.92rem;margin-top:.4rem}

.sharp{overflow:clip;padding:clamp(3rem,7vw,6rem) clamp(1.2rem,5vw,5rem);background:var(--lilac);color:var(--aub)}
.sharp-head p{max-width:42rem}
.sharp-tool{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:2rem;margin-top:1.5rem;align-items:start}
.feat-list{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}
.feat-list li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;background:var(--vin);padding:.6rem .8rem;border-radius:10px;transition:opacity .3s,transform .3s}
.feat-list li.is-never{opacity:.55}
.feat-list li.is-never .feat-name{text-decoration:line-through;text-decoration-color:var(--pink);text-decoration-thickness:2px}
.feat-list li.is-now{transform:translateX(8px);box-shadow:-6px 0 0 var(--aub)}
.feat-name{font-weight:600}
.feat-btns{display:flex;gap:.25rem}
.feat-btns button{font:inherit;font-size:.85rem;border:2px solid var(--aub);background:transparent;color:var(--aub);padding:.25rem .7rem;border-radius:999px;cursor:pointer}
.feat-btns button[aria-pressed=true][data-bin=now]{background:var(--aub);color:var(--brine)}
.feat-btns button[aria-pressed=true][data-bin=later]{background:var(--amber)}
.feat-btns button[aria-pressed=true][data-bin=never]{background:var(--pink)}
.sharp-out{position:sticky;top:2rem;background:var(--aub);color:var(--vin);border-radius:24px 4px 24px 4px;padding:1.5rem}
.verdict{font-family:var(--serif);font-size:1.45rem;line-height:1.2;min-height:3.6em}
.bins{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0}
.bins div{background:var(--aub-l);border-radius:12px;padding:.6rem;text-align:center}
.bins dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}
.bins dd{margin:0;font-family:var(--serif);font-size:2.2rem;color:var(--brine)}
.bump{animation:bump .4s cubic-bezier(.3,1.8,.5,1)}
@keyframes bump{from{transform:scale(1.5)}}
@media (max-width:860px){.sharp-tool{grid-template-columns:1fr}.sharp-out{position:static}}

.closer{padding:clamp(3rem,6vw,5rem) clamp(1.2rem,5vw,5rem);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:center;background:var(--pink);color:var(--aub)}
.closer p{font-family:var(--serif);font-size:clamp(1.8rem,4vw,3rem);margin:0;line-height:1.05}
.closer .pbtn{background:var(--aub);color:var(--brine);border-color:var(--aub)}

/* inner: jar header + rows with asides */
.jarhead{padding:clamp(2.5rem,6vw,5rem) clamp(1.2rem,5vw,5rem) clamp(2rem,4vw,3rem);border-bottom:2px solid var(--aub-l);position:relative}
.jar-label{display:inline-block;margin:0 0 1.4rem;padding:.4rem 1.4rem;border:2px solid var(--pink);color:var(--pink);border-radius:50%;font-family:var(--serif);font-style:italic;font-size:1.15rem;transform:rotate(-3deg)}
.jar-title{font-size:clamp(2.4rem,6vw,5.4rem);max-width:16ch}
.jar-title em{color:var(--brine)}
@media (prefers-reduced-motion:no-preference){.jar-title em{display:inline-block;animation:swp .7s .2s cubic-bezier(.3,1.8,.5,1) both}}
.jar-sub{font-size:1.18rem;max-width:44rem;color:var(--lilac);margin:0}
.rows{padding:1rem clamp(1.2rem,5vw,5rem) 4rem}
.row{display:grid;grid-template-columns:minmax(0,44rem) minmax(0,17rem);gap:clamp(1.5rem,4vw,4rem);padding:clamp(1.8rem,4vw,3rem) 0;border-bottom:1px dashed var(--aub-l);scroll-margin-top:5rem}
.row h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}
.row--wide{grid-template-columns:minmax(0,52rem) minmax(0,15rem)}
.quip{align-self:start;position:sticky;top:2rem;background:var(--pink);color:var(--aub);padding:1.1rem 1.2rem;border-radius:4px 22px 4px 22px;font-family:var(--serif);font-style:italic;font-size:1.15rem;line-height:1.3;transform:rotate(1.5deg);transition:transform .3s}
.quip:hover{transform:rotate(0)}
.quip-k{display:block;font-family:var(--sans);font-style:normal;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.4rem}
.row:nth-child(even) .quip{background:var(--brine);transform:rotate(-1.5deg)}
@media (prefers-reduced-motion:no-preference){.row{transition:opacity .6s,transform .6s}.row.pre{opacity:0;transform:translateY(24px)}}
@media (max-width:900px){.row,.row--wide{grid-template-columns:1fr}.quip{position:static;max-width:30rem}}
.pick{list-style:none;padding:0;display:grid;gap:.6rem}
.pick li{position:relative;padding-left:1.8rem}
.pick li::before{content:"";position:absolute;left:0;top:.35em;width:.95rem;height:.6rem;border-radius:50%;background:var(--brine);transform:rotate(-30deg)}
.qa{display:grid;gap:.9rem;margin:0}
.qa dt{font-family:var(--serif);font-size:1.3rem;color:var(--brine)}
.qa dd{margin:0 0 .3rem}
.olist{padding-left:1.4rem;display:grid;gap:.4rem}
.olist li::marker{color:var(--pink);font-family:var(--serif)}
.row .snap{margin-top:1.5rem}

/* decoder */
.decoder{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));gap:.6rem}
.dec button{width:100%;font:inherit;font-family:var(--serif);font-size:1.35rem;text-align:left;background:var(--aub-l);color:var(--vin);border:2px solid var(--aub-l);border-radius:14px;padding:.8rem 1rem;cursor:pointer;transition:background .2s,transform .2s}
.dec button::after{content:" +";color:var(--brine)}
.dec button[aria-expanded=true]{background:var(--brine);color:var(--aub);border-color:var(--brine)}
.dec button[aria-expanded=true]::after{content:" \2013";color:var(--aub)}
.dec button:hover{transform:rotate(-1deg)}
.dec p{margin:.4rem 0 0;padding:.7rem .9rem;background:var(--vin);color:var(--aub);border-radius:12px;animation:swp .4s ease both}

/* triage */
.triage{display:grid;gap:1rem;background:var(--aub-l);padding:1.2rem;border-radius:16px}
.triage fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.triage legend{font-weight:600;margin-bottom:.5rem;width:100%}
.triage label{display:inline-flex;gap:.45rem;align-items:center;padding:.35rem .8rem;border-radius:999px;border:2px solid var(--lilac);cursor:pointer}
.triage input[type=radio]{width:16px;height:16px;margin:0;accent-color:var(--brine)}
.triage label:has(input:checked){background:var(--brine);color:var(--aub);border-color:var(--brine)}
.triage-out{margin:0;font-family:var(--serif);font-size:1.3rem;color:var(--brine)}

/* forms */
.pform{display:grid;gap:1rem;background:var(--vin);color:var(--aub);padding:clamp(1.2rem,3vw,2rem);border-radius:4px 28px 4px 28px}
.pform a{color:#7a1f45}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.pf{display:grid;gap:.3rem;font-weight:600}
.pf input,.pf select,.pf textarea{width:100%;max-width:100%;font:inherit;font-weight:400;border:2px solid var(--aub);border-radius:10px;padding:.7rem .8rem;background:#fff;color:var(--aub)}
.pf input:focus,.pf select:focus,.pf textarea:focus{outline:3px solid var(--pink);outline-offset:1px}
[aria-invalid=true]{border-color:#c2185b!important;background:#ffe9f0!important}
.pf-err{color:#a3124a;font-size:.88rem}
.pconsent{display:flex;gap:.7rem;align-items:flex-start}
.pconsent input[type=checkbox]{width:22px;height:22px;flex:0 0 22px;margin:.15rem 0 0;accent-color:var(--aub)}
.hide-me{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pform .pbtn{justify-self:start;background:var(--aub);color:var(--brine);border-color:var(--aub)}
.pstatus:empty{display:none}
.pstatus{padding:1rem;border-radius:12px;font-weight:600}
.pstatus.yay{background:var(--brine)}
.pstatus.nay{background:var(--pink)}
@media (max-width:640px){.pgrid{grid-template-columns:1fr}}
.mapbox{background:repeating-radial-gradient(circle at 20% 30%,var(--aub-l) 0 2px,transparent 2px 22px),var(--aub-d);border:2px dashed var(--lilac);border-radius:16px;padding:1.5rem}

/* footer + consent */
.foot{background:var(--aub-d);padding:3rem clamp(1.2rem,5vw,5rem) 2rem;border-top:2px solid var(--aub-l)}
.foot-line{font-family:var(--serif);font-style:italic;font-size:clamp(1.6rem,3.5vw,2.6rem);margin:0 0 2rem;color:var(--brine)}
.foot-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;font-size:.95rem}
.foot address{font-style:normal}
.ck-open{font:inherit;background:none;border:0;padding:0;color:var(--brine);text-decoration:underline;cursor:pointer}
.foot-small{font-size:.8rem;color:var(--lilac);margin-top:2rem}
@media (max-width:760px){.foot-cols{grid-template-columns:1fr}}
.ck{position:fixed;z-index:300;right:1.2rem;bottom:1.2rem;width:min(420px,calc(100vw - 2.4rem));background:var(--brine);color:var(--aub);border-radius:6px 30px 6px 30px;padding:1.4rem;box-shadow:0 20px 50px -20px #000;animation:swp .5s cubic-bezier(.3,1.6,.5,1)}
.ck-t{font-family:var(--serif);font-size:1.5rem;margin:0 0 .4rem}
.ck p{margin:0 0 .9rem;font-size:.93rem}
.ck a{color:var(--aub)}
.ck-b{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.6rem}
.ck-b button{font:inherit;font-weight:600;padding:.7rem;border-radius:999px;border:2px solid var(--aub);background:var(--aub);color:var(--brine);cursor:pointer}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* desktop: label-tape top navigation replaces the left rail */
@media (min-width:1001px){
  .side{position:sticky;top:0;inset:auto;width:100%;flex-direction:row;align-items:center;gap:1.4rem;padding:.7rem clamp(1rem,3vw,2.5rem);border-right:0;border-bottom:3px solid var(--brine);overflow:visible}
  .side .logo{font-size:1.7rem;flex:0 0 auto}
  .side .logo small{display:none}
  .side nav{flex:1;min-width:0}
  .sidenav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.3rem;margin:0}
  .sidenav a{padding:.32rem .75rem;border-radius:3px 12px 3px 12px;border:1px solid var(--aub-l);font-size:.86rem}
  .sidenav a:hover,.sidenav a:focus-visible{padding-left:.75rem;background:var(--aub-l);transform:rotate(-2deg)}
  .sidenav a[aria-current]::before{display:none}
  .sidenav .nq{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%,-4px);white-space:nowrap;background:var(--pink);color:var(--aub);padding:.15rem .5rem;border-radius:4px;max-height:none;pointer-events:none;font-size:.78rem}
  .sidenav a:hover .nq,.sidenav a:focus-visible .nq{opacity:1;transform:translate(-50%,0)}
  .sidenav a[aria-current] .nq{opacity:0}
  .sidenav li:first-child .nq{left:0;transform:none}
  .sidenav li:last-child .nq{left:auto;right:0;transform:none}
  .side-foot{display:none}
  .page{margin-left:0}
}
@media (min-width:1001px){.quip,.sharp-out{top:5.5rem}.row{scroll-margin-top:6rem}}
.still{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,4rem);align-items:start;padding:clamp(3rem,7vw,6rem) clamp(1.2rem,5vw,5rem);background:var(--aub-d)}
.still-fig{margin:0;position:sticky;top:6rem}
.still-fig img{border-radius:50% 50% 8px 8px / 30% 30% 8px 8px;aspect-ratio:4/5;object-fit:cover;width:100%}
.still-fig figcaption{font-size:.85rem;color:var(--lilac);margin-top:.7rem;font-style:italic}
.asks{margin:1.6rem 0 0;display:grid;gap:1rem}
.asks div{border-left:4px solid var(--brine);padding:.2rem 0 .2rem 1rem}
.asks dt{font-family:var(--serif);font-size:1.35rem;color:var(--brine)}
.asks dd{margin:.2rem 0 0}
@media (max-width:860px){.still{grid-template-columns:1fr}.still-fig{position:static;max-width:420px}}
.planner{padding:clamp(3rem,7vw,6rem) clamp(1.2rem,5vw,5rem);background:var(--brine);color:var(--aub)}
.pl-head p{max-width:44rem}
.planner .sec-h{color:var(--aub)}
.pl-form{display:flex;flex-wrap:wrap;gap:1.2rem 2rem;align-items:flex-end;margin:1.4rem 0;padding:1.3rem;background:var(--vin);border-radius:4px 24px 4px 24px}
.pl-f{display:grid;gap:.3rem;border:0;margin:0;padding:0}
.pl-f label,.pl-f legend{font-weight:600;font-size:.92rem}
.pl-f input[type=date],.pl-f select{font:inherit;padding:.55rem .7rem;border:2px solid var(--aub);border-radius:6px;background:#fff8f0;color:var(--aub)}
.pl-chk{display:inline-flex;align-items:center;gap:.4rem;margin-right:.9rem;font-weight:400!important}
.pl-chk input{width:20px;height:20px;accent-color:var(--aub);margin:0}
.planner .pbtn{background:var(--aub);color:var(--brine);border-color:var(--aub)}
.pl-out{list-style:none;margin:0;padding:0;display:grid;gap:0;border-left:4px solid var(--aub);max-width:52rem}
.pl-out li{padding:.7rem 0 .7rem 1.4rem;position:relative}
.pl-out li::before{content:"";position:absolute;left:-.62rem;top:1.05rem;width:.9rem;height:.9rem;border-radius:50%;background:var(--pink);border:3px solid var(--aub)}
.pl-out li.pl-empty::before{background:var(--vin)}
.pl-out strong{display:block;font-family:var(--serif);font-size:1.3rem;font-weight:400}
.pl-warn{background:var(--aub);color:var(--brine);border-radius:8px;padding-right:1rem!important}
.redpen{padding:clamp(3rem,7vw,6rem) clamp(1.2rem,5vw,5rem)}
.rp-intro{max-width:42rem;color:var(--lilac)}
.rp-list{display:grid;gap:1rem;margin-top:1.4rem}
.rp-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:1.2rem;padding:1rem 0;border-bottom:1px dashed var(--aub-l)}
.rp-item p{margin:0}
.rp-k{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--pink);margin-bottom:.2rem}
.rp-before s{text-decoration-color:var(--pink);text-decoration-thickness:3px;color:var(--lilac)}
.rp-after{font-family:var(--serif);font-size:1.25rem;color:var(--brine)}
@media (max-width:700px){.rp-item{grid-template-columns:1fr}}
.sour{padding:clamp(3rem,7vw,6rem) clamp(1.2rem,5vw,5rem);background:var(--lilac);color:var(--aub)}
.sour-in{max-width:48rem}
.sour .sec-h{color:var(--aub)}
.sour .pbtn--ghost{color:var(--aub);border-color:var(--aub)}
.sour-list{padding-left:1.4rem}
.pqa{padding:clamp(3rem,7vw,6rem) clamp(1.2rem,5vw,5rem)}
.pqa-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:.8rem;margin-top:1.2rem}
.pqa details{border:2px solid var(--aub-l);border-radius:4px 18px 4px 18px;padding:0 1.1rem;background:var(--aub-d)}
.pqa summary{cursor:pointer;font-weight:600;padding:.9rem 0}
.pqa details[open]{border-color:var(--brine)}
.pqa details p{margin:0 0 1rem;color:var(--lilac)}