:root{
  /* layout idea: one column, 1120 max, very big type, hand-made touches (marker, tape, handwriting), mobile first */
  --ink:#1B2E24; --deep:#24392E; --sage:#4D705C; --sage-mid:#3E5C4B; --mist:#DDE6DC; --mist-2:#C9D6CB;
  --cream:#F7F2E8; --cream-2:#EFE7D6; --paper:#FFFDF8; --accent:#F2A65A; --accent-soft:#FBE3C6;
  --display:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif; --hand:'Caveat','Bradley Hand','Segoe Print',cursive;
  --r:26px; --max:1120px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--display);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{text-wrap:balance;letter-spacing:-.03em;line-height:1.04;font-weight:700}
h2{font-size:clamp(34px,5.2vw,58px)}
h3{font-size:24px;letter-spacing:-.02em;line-height:1.15}
p{text-wrap:pretty}
a{color:inherit}
button{font-family:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
.wrap>*,.stack>*,.two>*{min-width:0}
.sec{padding:80px 0}
.stack{display:flex;flex-direction:column;gap:20px}
.two{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sage)}
.lede{font-size:clamp(18px,2.1vw,21px);line-height:1.55;color:var(--sage-mid);max-width:34em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border-radius:999px;border:2px solid transparent;background:var(--accent);color:var(--deep);font-weight:600;font-size:17px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(36,57,46,.18)}
.btn.ghost{background:transparent;border-color:currentColor;color:inherit}
.btn.dark{background:var(--deep);color:var(--cream)}
.row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.tag{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:#6B3F10;font-size:12px;font-weight:600;letter-spacing:.02em}
.hand{font-family:var(--hand);font-weight:700;letter-spacing:0;line-height:1.05}
.mark{display:inline-block;background:var(--accent);border-radius:.18em;padding:0 .14em;transform:rotate(-1.5deg)}
.u{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8c30-6 58 3 90-1s70-5 106 1' fill='none' stroke='%23F2A65A' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") bottom/100% .32em no-repeat;padding-bottom:.1em}
.small{font-size:13px;color:var(--sage-mid)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.opt{display:none}
.opt.on{display:block}
.in{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:.01;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(min-width:900px){.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* nav */
.nav{position:sticky;top:0;z-index:20;background:rgba(247,242,232,.93);backdrop-filter:blur(10px);border-bottom:1px solid rgba(36,57,46,.08)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.logo{font-weight:700;font-size:20px;letter-spacing:-.02em;text-decoration:none;display:flex;align-items:center;gap:10px}
.logo i{width:12px;height:12px;border-radius:50%;background:var(--accent);display:block}
.nav nav{display:none;gap:26px}
.nav nav button{background:none;border:0;padding:12px 0;color:inherit;font-size:15px;font-weight:500}
.nav .btn{min-height:46px;padding:0 20px;font-size:15px}
@media(min-width:860px){.nav nav{display:flex}}

/* polaroids */
.pol{background:#fff;padding:10px 10px 12px;box-shadow:0 14px 30px rgba(36,57,46,.16);position:relative;width:100%}
.pol::before{content:"";position:absolute;top:-12px;left:50%;width:84px;height:26px;margin-left:-42px;background:rgba(242,166,90,.55);transform:rotate(-3deg)}
.pol .ph{aspect-ratio:1/1;background:var(--mist);display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;font-size:13px;font-weight:500;color:var(--sage-mid);line-height:1.4}
.pol figcaption{font-family:var(--hand);font-weight:700;font-size:23px;line-height:1.1;padding-top:10px;text-align:center}

.pol img,.pol video{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--mist)}
.gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.gal img,.gal video{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;background:var(--mist)}
.ins{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.ins div{background:var(--deep);color:var(--cream);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:10px}
.ins b{font-size:clamp(40px,6vw,56px);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}
.ins h3{font-size:20px;line-height:1.25}
.ins p{font-size:15px;color:var(--mist)}
.draft{display:none;background:var(--paper);border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.5}
.draft.on{display:block}

/* heroes */
.hero h1{font-size:clamp(46px,7.4vw,92px);line-height:.97;letter-spacing:-.045em}
.heroA .wrap{padding-top:48px;padding-bottom:36px}
.heroA .stack{gap:24px}
.demo-wrap{position:relative;width:100%;max-width:520px;justify-self:center}
.doodle{position:absolute;right:6px;top:-58px;display:flex;align-items:flex-end;gap:6px;font-size:26px;color:var(--sage-mid);transform:rotate(-4deg)}
.doodle svg{width:44px;height:44px;fill:none;stroke:var(--sage-mid);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.heroB .wrap{padding-top:48px;padding-bottom:64px}
.heroB h1{font-size:clamp(42px,6vw,74px)}
@media(min-width:900px){.heroB .two{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}.heroA .two{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}
.heroB .pols{position:relative;max-width:420px;width:100%;justify-self:center;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 0}
.heroB .pols .pol:nth-child(1){transform:rotate(-4deg)}
.heroB .pols .pol:nth-child(2){transform:rotate(3deg) translateY(34px)}

/* demo */
.demo{background:var(--paper);color:var(--ink);border-radius:30px;padding:16px;box-shadow:0 30px 60px rgba(36,57,46,.22);border:1px solid rgba(36,57,46,.08);width:100%}
.demo-tabs{display:flex;gap:4px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:none}
.demo-tabs button{flex:0 0 auto;min-height:44px;padding:0 13px;border-radius:999px;border:0;background:transparent;color:var(--sage-mid);font-size:13px;font-weight:600}
.demo-tabs button[aria-selected=true]{background:var(--deep);color:var(--cream)}
.pane{display:none;background:var(--cream);border-radius:20px;padding:22px;min-height:330px;flex-direction:column;gap:14px}
.pane.on{display:flex}
.rec{display:flex;align-items:center;gap:12px}
.recbtn{flex:0 0 auto;width:56px;height:56px;border-radius:50%;border:0;background:var(--accent);display:flex;align-items:center;justify-content:center}
.recbtn svg{width:22px;height:22px;fill:var(--deep)}
.wave{flex:1;display:flex;align-items:center;gap:3px;height:44px}
.wave i{flex:1;background:var(--mist-2);border-radius:3px;height:30%}
.wave.live i{background:var(--sage);animation:wv .9s ease-in-out infinite alternate}
@keyframes wv{to{height:95%}}
.note{display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.5}
.note .lines{min-height:132px;display:flex;flex-direction:column;gap:6px}
.note b{font-weight:600}
.plan-step{display:flex;justify-content:space-between;gap:10px;background:var(--paper);border-radius:14px;padding:14px 16px;font-size:15px;font-weight:500}
.plan-step span{font-size:13px;color:var(--sage);font-weight:600}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tiles div{background:var(--paper);border-radius:14px;padding:14px 16px}
.tiles b{display:block;font-size:26px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.tiles span{font-size:13px;color:var(--sage-mid)}
.bars{display:flex;align-items:flex-end;gap:8px;height:80px;padding:0 4px}
.bars i{flex:1;background:var(--mist-2);border-radius:6px 6px 0 0}
.bars i:last-child{background:var(--sage)}
.back{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--paper);border-radius:14px;padding:12px 14px 12px 16px;font-size:15px}
.back small{display:block;font-size:13px;color:var(--sage-mid)}
.back button{min-height:40px;padding:0 14px;border-radius:999px;border:0;background:var(--deep);color:var(--cream);font-size:13px;font-weight:600}
.demoband{background:var(--deep);color:var(--cream)}
.demoband .lede{color:var(--mist)}
.demoband .doodle{color:var(--accent)}
.demoband .doodle svg{stroke:var(--accent)}

/* marquee */
.marq{background:var(--deep);color:var(--cream);overflow:hidden;padding:16px 0;transform:rotate(-1deg) scale(1.02);margin:26px 0}
.marq div{display:flex;gap:34px;width:max-content;animation:mq 28s linear infinite;font-size:20px;font-weight:600;white-space:nowrap}
.marq b{color:var(--accent);font-weight:600}
@keyframes mq{to{transform:translateX(-50%)}}

/* story */
.story .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:30px 16px;padding-top:14px}
.step{display:flex;flex-direction:column;gap:14px}
.step:nth-child(odd) .pol{transform:rotate(-2.5deg)}
.step:nth-child(even) .pol{transform:rotate(2deg)}
.step .yr{font-family:var(--hand);font-weight:700;font-size:40px;line-height:1;color:var(--sage)}
.step p{font-size:16px;line-height:1.5}
.step b{font-weight:600}

/* taught */
.taught{background:var(--accent-soft)}
.pages{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.page{background:var(--paper);border-radius:8px;padding:28px 26px;box-shadow:0 12px 26px rgba(107,63,16,.12);display:flex;flex-direction:column;gap:6px}
.page:nth-child(1){transform:rotate(-1deg)}
.page:nth-child(2){transform:rotate(.8deg)}
.page h3{font-size:20px;margin-bottom:8px}
.page ul{margin:0;padding:0;list-style:none}
.page li{display:flex;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px dashed rgba(36,57,46,.22);font-size:17px;line-height:1.35}
.page li i{flex:0 0 26px;font-family:var(--hand);font-style:normal;font-weight:700;font-size:28px;line-height:.8;color:var(--sage)}
.page:nth-child(2) li i{color:#B5651D}
@media(min-width:800px){.pages{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* chart */
.chart{background:var(--paper);border-radius:var(--r);padding:30px 24px 22px;position:relative}
.cbars{display:flex;align-items:flex-end;gap:5px;height:230px;border-bottom:2px solid var(--ink);padding-top:64px}
.cbars i{flex:1;background:var(--mist-2);border-radius:5px 5px 0 0;min-width:0}
.cbars i.hi{background:var(--sage)}
.cx{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--sage-mid);padding-top:8px}
.cnote{position:absolute;left:42%;top:20px;font-size:23px;color:#B5651D;transform:rotate(-3deg);max-width:210px;display:flex;flex-direction:column;align-items:flex-start}
.cnote svg{width:34px;height:34px;fill:none;stroke:#B5651D;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;margin-left:8px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.stats div{background:var(--paper);border-radius:20px;padding:22px}
.stats b{display:block;font-size:44px;font-weight:700;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.stats span{font-size:15px;color:var(--sage-mid);line-height:1.45;display:block;padding-top:8px}

/* wins */
.wins{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.win{background:var(--paper);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:10px}
.win .n{font-family:var(--hand);font-weight:700;font-size:44px;line-height:.9;color:var(--accent)}
.win p{font-size:16px;color:var(--sage-mid)}

/* day */
.days{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.day{border-radius:var(--r);padding:30px;display:flex;flex-direction:column;gap:6px}
.day.before{background:var(--cream-2);color:var(--sage-mid)}
.day.after{background:var(--deep);color:var(--cream)}
.day h3{margin-bottom:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.day ol{list-style:none;margin:0;padding:0}
.day li{display:flex;gap:16px;padding:13px 0;border-top:1px solid rgba(127,127,127,.25);font-size:16px;line-height:1.4}
.day time{flex:0 0 56px;font-weight:600;font-variant-numeric:tabular-nums}
.day.after time{color:var(--accent)}
.day li:last-child{font-weight:600}
@media(min-width:900px){.days{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* creds */
.creds .two{align-items:start}
.creds .pol{max-width:340px;transform:rotate(-2deg)}
.creds .pol{width:100%}
.clist{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 28px}
.clist li{padding:14px 0;border-top:1px solid rgba(36,57,46,.16);font-size:16px;line-height:1.4}
.clist b{font-weight:600;display:block}
.clist span{font-size:14px;color:var(--sage-mid)}

/* inside, pricing, honest, cta */
.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}
.pillar{border-radius:var(--r);padding:34px;display:flex;flex-direction:column;gap:14px;min-height:270px;background:var(--paper)}
.pillar:nth-child(1){background:var(--deep);color:var(--cream)}
.pillar:nth-child(2){background:var(--mist)}
.pillar small{font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--sage)}
.pillar:nth-child(1) small{color:var(--accent)}
.pillar p{font-size:16px;opacity:.86}
.pillar em{margin-top:auto;font-style:normal;font-size:14px;font-weight:600}
.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.tool{background:var(--paper);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:8px}
.tool svg{width:30px;height:30px;stroke:var(--sage);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}
.tool b{font-size:18px;font-weight:600;letter-spacing:-.01em}
.tool span{font-size:15px;color:var(--sage-mid);line-height:1.5}
.lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.lane{background:var(--paper);border-radius:var(--r);padding:34px;display:flex;flex-direction:column;gap:14px}
.lane.top{background:var(--deep);color:var(--cream)}
.lane .price{font-size:58px;font-weight:700;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.lane .price small{font-size:17px;font-weight:500;letter-spacing:0}
.lane p{font-size:16px;opacity:.86}
.lane ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:15px}
.lane li{display:flex;gap:10px}
.lane li::before{content:"";flex:0 0 8px;height:8px;margin-top:9px;border-radius:50%;background:var(--accent)}
.lane .btn{margin-top:auto}
.band{background:var(--deep);color:var(--cream)}
.band .eyebrow{color:var(--accent)}
.honest{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:28px}
.honest h3{font-size:20px;margin-bottom:8px}
.honest p{font-size:15px;opacity:.85}
.quiz{background:var(--paper);border-radius:var(--r);padding:30px;display:flex;flex-direction:column;gap:18px;max-width:760px}
.q{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid rgba(36,57,46,.12)}
.q p{font-size:17px;font-weight:500;line-height:1.4}
.q .row button{min-height:46px;padding:0 22px;border-radius:999px;border:2px solid var(--mist-2);background:transparent;color:var(--ink);font-size:15px;font-weight:600}
.q .row button[aria-pressed=true]{background:var(--deep);border-color:var(--deep);color:var(--cream)}
.quiz .res{background:var(--mist);border-radius:18px;padding:18px 20px;font-size:16px;font-weight:500;line-height:1.45}
.cta{text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px;max-width:720px;margin:0 auto}
.cta form{display:flex;flex-wrap:wrap;gap:12px;width:100%;justify-content:center}
.cta input{flex:1 1 250px;min-height:56px;border-radius:999px;border:2px solid var(--mist-2);background:var(--paper);padding:0 22px;font:inherit;color:var(--ink)}
.cta .msg{font-size:14px;color:var(--sage-mid);min-height:22px}
.foot{border-top:1px solid rgba(36,57,46,.12);padding:28px 0;font-size:14px;color:var(--sage-mid)}
.foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}

/* blended look: clean base, a few hand-made touches kept (marker, handwriting notes, framed photos) */
.clean .pol{padding:8px 8px 10px;box-shadow:0 10px 24px rgba(36,57,46,.12)}
.clean .pol::before{display:none}
.clean .step:nth-child(odd) .pol{transform:rotate(-1.2deg)}
.clean .step:nth-child(even) .pol{transform:rotate(1deg)}
.clean .pol figcaption{font-size:21px}
.clean .marq{transform:none;margin:0}
.clean .step .yr{font-family:var(--display);font-size:26px;letter-spacing:-.02em}
.clean .taught{background:var(--mist)}
.clean .page{transform:none!important;border-radius:22px;box-shadow:none}
.clean .page li{border-bottom-style:solid;border-bottom-color:rgba(36,57,46,.12)}
.clean .page li i{font-family:var(--display);font-size:17px;line-height:1.3}
.clean .taught .hand{color:var(--sage-mid)!important}
.clean .win .n{font-family:var(--display);font-size:26px;color:var(--sage)}
.clean .demo{box-shadow:0 20px 44px rgba(36,57,46,.14)}

/* calculator + video */
.calc{background:var(--paper);border-radius:var(--r);padding:28px;display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.calc .fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.calc label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500;color:var(--sage-mid)}
.calc input{min-height:52px;border-radius:14px;border:2px solid var(--mist-2);background:var(--cream);padding:0 14px;font:inherit;font-size:18px;font-weight:600;color:var(--ink);width:100%}
.calc .out{background:var(--deep);color:var(--cream);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:6px;justify-content:center}
.calc .out b{font-size:clamp(44px,7vw,68px);font-weight:700;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.calc .out span{font-size:15px;color:var(--mist)}
.calc .out em{font-style:normal;font-size:15px;color:var(--accent);font-weight:600;padding-top:8px}
@media(min-width:860px){.calc{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}
.vid{aspect-ratio:16/9;border-radius:var(--r);background:var(--deep);color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px}
.vid i{width:76px;height:76px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center}
.vid svg{width:28px;height:28px;fill:var(--deep)}
.vid span{font-size:14px;color:var(--mist);max-width:30em}

/* option switcher */
.switch{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:50;display:flex;gap:4px;padding:6px;background:var(--ink);border-radius:999px;box-shadow:0 14px 34px rgba(0,0,0,.3);max-width:calc(100% - 20px)}
.switch button{min-height:46px;padding:0 18px;border-radius:999px;border:0;background:transparent;color:#C9D6CB;font-size:14px;font-weight:600;white-space:nowrap}
.switch button[aria-pressed=true]{background:var(--accent);color:var(--deep)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

.page-hero .wrap{padding-top:64px;padding-bottom:40px}
.page-hero h1{font-size:clamp(40px,6.4vw,76px);letter-spacing:-.04em;line-height:1}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.card{background:var(--paper);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:10px}
.card p{font-size:16px;color:var(--sage-mid)}
.card .tag{align-self:flex-start}
.prose{max-width:680px;display:flex;flex-direction:column;gap:18px;font-size:18px;line-height:1.65}
.prose h2{font-size:clamp(26px,3.4vw,36px);padding-top:14px}
.prose a,.foot a,.card a{text-underline-offset:3px}
.nav nav a{padding:12px 0;font-size:15px;font-weight:500;text-decoration:none}
.foot nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.foot a{padding:8px 0}
.faq{display:flex;flex-direction:column;gap:10px;max-width:760px}
.faq details{background:var(--paper);border-radius:18px;padding:20px 24px}
.faq summary{cursor:pointer;font-weight:600;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-weight:500;color:var(--sage)}
.faq details[open] summary::after{content:'‘2'}
.faq p{padding-top:12px;font-size:16px;line-height:1.65;color:var(--sage-mid)}
.prose ul{padding-left:22px;display:flex;flex-direction:column;gap:10px}
.byline{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--sage-mid)}
.byline img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.wl{width:100%;max-width:520px;min-height:400px;margin:0 auto;background:#fff;border-radius:22px;padding:10px;overflow:hidden}
html{scroll-behavior:smooth}
[data-sec]{scroll-margin-top:84px}
.wl iframe{width:100%;min-height:380px;border:0;display:block}
.made{display:block;width:100%;padding-top:14px;font-size:14px;opacity:.85}
.related{display:flex;flex-direction:column;gap:8px;padding-top:10px}