/* =========================================================
   my pink korner — UPDATED HOMEPAGE, ABOUT, FAVES & LEGAL PAGES
   Pages (Home / Blog / Faves / About / Privacy / Affiliate disclosure / Article) switch without reloads.
   EDIT GUIDE:
   • Add each new article to the Blog index and page routing map.
   • Colors live in :root below — change them in one place.
   • Point every "Check price →" / "View →" at your affiliate links.
   ========================================================= */

:root{
  --blush:#FFF4F8; --cream:#FFE7D9; --bubblegum:#FF9DC4; --bubblegum-d:#FF7CAE;
  --lilac:#C9B8FF; --mint:#A8ECD8; --plum:#6E3F5C; --plum-soft:#9A6E88; --white:#FFFFFF;
  --shadow:18px 18px 0 rgba(255,157,196,.18); --shadow-sm:8px 8px 0 rgba(255,157,196,.16); --radius:26px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Nunito",system-ui,sans-serif;background:var(--blush);color:var(--plum);line-height:1.7;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(rgba(255,157,196,.22) 1.4px,transparent 1.4px);background-size:26px 26px;opacity:.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.pixel{font-family:"Press Start 2P",monospace;line-height:1.8}
.eyebrow{font-family:"Press Start 2P",monospace;font-size:.62rem;letter-spacing:1px;color:var(--bubblegum-d);text-transform:uppercase}

/* ---- page switching ---- */
.page{display:none}
.page.active{display:block;animation:fade .35s ease}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---- buttons ---- */
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:"Fredoka",sans-serif;font-weight:600;font-size:1.02rem;
  padding:.85rem 1.6rem;border-radius:999px;border:3px solid var(--plum);background:var(--bubblegum);color:var(--plum);
  cursor:pointer;box-shadow:4px 4px 0 var(--plum);transition:transform .12s,box-shadow .12s,background .2s}
.btn:hover{background:var(--bubblegum-d);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--plum)}
.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--plum)}
.btn--ghost{background:var(--white)}
.btn:focus-visible{outline:3px solid var(--lilac);outline-offset:3px}

/* ---- reading progress ---- */
.progress{position:fixed;top:0;left:0;height:5px;width:0;background:linear-gradient(90deg,var(--bubblegum),var(--lilac));z-index:60}

/* ============ HEADER ============ */
body>header{position:sticky;top:0;z-index:50;background:rgba(255,244,248,.86);backdrop-filter:blur(8px);border-bottom:2px dashed rgba(255,157,196,.5)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.9rem 22px}
.logo{display:flex;align-items:center;gap:.55rem;font-family:"Fredoka",sans-serif;font-weight:700;font-size:1.4rem;color:var(--plum);cursor:pointer}
.logo .heart{width:26px;height:26px;background:var(--bubblegum);clip-path:polygon(50% 100%,0 35%,25% 0,50% 22%,75% 0,100% 35%);box-shadow:inset 0 0 0 2px var(--plum)}
.nav-links{display:flex;align-items:center;gap:1.8rem;list-style:none}
.nav-links a{font-family:"Fredoka",sans-serif;font-weight:500;font-size:1.05rem;position:relative;padding:.2rem 0;cursor:pointer}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:3px;background:var(--bubblegum);border-radius:9px;transition:width .2s}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-links a.active{color:var(--bubblegum-d)}
.nav-cta{margin-left:.4rem}
.burger{display:none;background:none;border:none;cursor:pointer;font-size:1.6rem;color:var(--plum)}
.promo-strip{display:none;background:var(--bubblegum);border-bottom:2px solid var(--plum);text-align:center;padding:.48rem 1rem;font-family:"Fredoka",sans-serif;font-weight:600}
.promo-strip a{text-decoration:underline;text-underline-offset:3px}
body.home-view .promo-strip{display:block}

/* ============ HERO (home) ============ */
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:64px 0 40px}
.hero-copy h1{font-family:"Fredoka",sans-serif;font-weight:700;font-size:clamp(2.4rem,5.2vw,4rem);line-height:1.06;margin:.6rem 0 .5rem}
.hero-copy h1 .pink{color:var(--bubblegum-d)}
.hero-copy p.lead{font-size:1.18rem;color:var(--plum-soft);max-width:34ch;margin-bottom:1.5rem}
.lvl{display:inline-flex;align-items:center;gap:.6rem;background:var(--white);border:3px solid var(--plum);border-radius:999px;padding:.4rem .9rem;box-shadow:var(--shadow-sm);margin-bottom:.4rem}
.lvl .label{font-family:"Press Start 2P",monospace;font-size:.52rem;color:var(--plum)}
.lvl .hearts{letter-spacing:2px;color:var(--bubblegum);font-size:1rem}
.signup{display:flex;gap:.6rem;max-width:420px;flex-wrap:wrap}
.signup input{flex:1;min-width:180px;font-family:"Nunito",sans-serif;font-size:1rem;padding:.85rem 1.1rem;border:3px solid var(--plum);border-radius:999px;background:var(--white)}
.signup input:focus{outline:3px solid var(--lilac);outline-offset:2px}
.signup .form-status{flex-basis:100%;max-width:none;margin:.15rem 0 0;font-size:.9rem;line-height:1.35;color:#fff}
.signup [name="_honey"]{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.tiny{font-size:.82rem;color:var(--plum-soft);margin-top:.6rem}
.scene{position:relative;justify-self:center}
.window{width:min(400px,84vw);aspect-ratio:1/1;background:linear-gradient(160deg,#FFE9F1,#FFD9E8);border:4px solid var(--plum);border-radius:34px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.lights{position:absolute;top:16px;left:0;right:0;display:flex;justify-content:space-around;padding:0 18px}
.lights span{width:12px;height:12px;border-radius:50%;background:var(--lilac);box-shadow:0 0 10px 2px rgba(201,184,255,.8);animation:twinkle 2.4s infinite ease-in-out}
.lights span:nth-child(2){background:var(--mint);box-shadow:0 0 10px 2px rgba(168,236,216,.8);animation-delay:.3s}
.lights span:nth-child(3){background:var(--bubblegum);box-shadow:0 0 10px 2px rgba(255,157,196,.8);animation-delay:.6s}
.lights span:nth-child(4){background:var(--lilac);animation-delay:.9s}
.lights span:nth-child(5){background:var(--mint);animation-delay:1.2s}
@keyframes twinkle{0%,100%{opacity:.45}50%{opacity:1}}
.desk{position:absolute;left:8%;right:8%;bottom:12%;height:16px;background:var(--cream);border:3px solid var(--plum);border-radius:8px}
.monitor{position:absolute;left:20%;bottom:calc(12% + 16px);width:130px;height:90px;background:var(--white);border:4px solid var(--plum);border-radius:12px;display:flex;align-items:center;justify-content:center}
.monitor .screen{width:78%;height:64%;border-radius:6px;background:linear-gradient(135deg,var(--bubblegum),var(--lilac));display:flex;align-items:center;justify-content:center;font-size:1.4rem}
.monitor::after{content:"";position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);width:44px;height:14px;background:var(--cream);border:3px solid var(--plum);border-top:none;border-radius:0 0 8px 8px}
.prop{position:absolute;font-size:1.7rem;filter:drop-shadow(2px 2px 0 rgba(110,63,92,.15))}
.prop.plant{right:16%;bottom:calc(12% + 16px)}
.prop.mug{left:12%;bottom:calc(12% + 18px);font-size:1.4rem}
.sticker{position:absolute;background:var(--white);border:3px solid var(--plum);border-radius:16px;padding:.5rem .7rem;font-size:1.5rem;box-shadow:var(--shadow-sm);animation:bob 4s ease-in-out infinite}
.sticker.s1{top:-18px;right:6%;animation-delay:0s}
.sticker.s2{bottom:8%;left:-22px;animation-delay:.8s}
.sticker.s3{top:38%;right:-24px;animation-delay:1.6s}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(4deg)}}

/* ============ SECTIONS ============ */
section{padding:56px 0}
.sec-head{text-align:center;margin-bottom:2.4rem}
.sec-head h2{font-family:"Fredoka",sans-serif;font-weight:700;font-size:clamp(1.8rem,3.6vw,2.6rem);margin-top:.5rem}
.sec-head p{color:var(--plum-soft);max-width:52ch;margin:.5rem auto 0}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:2rem}
.chip{font-family:"Fredoka",sans-serif;font-weight:600;font-size:.95rem;border:2px solid var(--plum);border-radius:999px;padding:.35rem 1.05rem;background:var(--white);transition:background .18s,transform .12s;cursor:pointer}
.chip:hover{background:var(--cream);transform:translateY(-1px)}
.chip--on{background:var(--bubblegum)}
.chip:focus-visible{outline:3px solid var(--lilac);outline-offset:2px}

/* featured (shared) */
.feature{display:grid;grid-template-columns:1.05fr 1fr;background:var(--white);border:3px solid var(--plum);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:30px}
.feature-thumb{display:flex;align-items:center;justify-content:center;font-size:4.6rem;min-height:280px;background:linear-gradient(150deg,#FFE9F1,#EFE7FF)}
.feature-body{padding:2.3rem}
.feature-body .pin{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--bubblegum-d);letter-spacing:1px}
.feature-body h2,.feature-body h3{font-family:"Fredoka",sans-serif;font-weight:700;font-size:1.8rem;margin:.5rem 0 .55rem;line-height:1.14}
.feature-body p{color:var(--plum-soft);margin-bottom:1rem}

/* grid + cards (shared base) */
.grid{display:grid;gap:22px}
.card{background:var(--white);border:3px solid var(--plum);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .14s,box-shadow .14s;display:flex;flex-direction:column}
.card:hover{transform:translate(-3px,-3px);box-shadow:12px 12px 0 rgba(255,157,196,.22)}
.thumb{display:flex;align-items:center;justify-content:center;font-size:2.8rem;background:linear-gradient(150deg,#FFE9F1,#EFE7FF)}
.card-body{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;flex:1}
.card-body h3{font-family:"Fredoka",sans-serif;font-weight:600;font-size:1.15rem;line-height:1.22;margin:.15rem 0 .5rem}
.card-body .kind{font-size:.82rem;color:var(--plum-soft);margin-bottom:.7rem}
.excerpt{font-size:.95rem;color:var(--plum-soft);margin-bottom:1rem}
.readmore{font-family:"Fredoka",sans-serif;font-weight:600;color:var(--bubblegum-d);font-size:.95rem;cursor:pointer}
.card-body .readmore{margin-top:auto}
.buy{align-self:flex-start;font-family:"Fredoka",sans-serif;font-weight:600;font-size:.92rem;border:2px solid var(--plum);border-radius:999px;padding:.3rem .9rem;background:var(--mint);margin-top:auto}
.tag{display:inline-block;font-family:"Press Start 2P",monospace;font-size:.5rem;color:#fff;background:var(--bubblegum-d);padding:.35rem .55rem;border-radius:6px;margin-bottom:.6rem;align-self:flex-start}
.meta{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--plum-soft)}
.card .meta{margin-top:.5rem}
.dot{width:5px;height:5px;border-radius:50%;background:var(--bubblegum);display:inline-block}

/* HOME scoping */
#page-home .thumb{aspect-ratio:1/1}
#page-home .grid{grid-template-columns:repeat(4,1fr)}
#page-home .guides .grid{grid-template-columns:repeat(3,1fr)}
#page-home .guides .card:nth-child(3n+2) .thumb{background:linear-gradient(150deg,#FFF0E4,#FFE1EE)}
#page-home .guides .card:nth-child(3n) .thumb{background:linear-gradient(150deg,#E7FBF4,#FFE9F1)}
.center-btn{text-align:center;margin-top:2rem}

/* guides band (home faves + used as tinted section) */
.guides{background:var(--cream);border-radius:40px;margin:0 22px;padding:56px 0}
.guides .grid{max-width:1000px;margin:0 auto;padding:0 22px}

/* ---- homepage v2 ---- */
.home-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:center;padding:70px 22px}
.home-intro .feature-thumb{min-height:320px;border-radius:var(--radius);border:3px solid var(--plum);box-shadow:var(--shadow);display:grid;place-items:center;font-size:5.5rem;background:linear-gradient(135deg,var(--cream),var(--lilac))}
.home-intro-copy h2,.home-story h2,.home-method h2,.home-faq h2{font-family:"Fredoka",sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:1.12;margin:.45rem 0 1rem}
.home-intro-copy p,.home-story p,.home-method>p,.home-faq>p{color:var(--plum-soft);margin-bottom:1rem}
.home-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.35rem}
.home-topics{padding:72px 0;background:linear-gradient(180deg,rgba(201,184,255,.18),rgba(255,231,217,.35))}
.home-topics .topic-grid{grid-template-columns:repeat(4,1fr);max-width:1120px;margin:0 auto;padding:0 22px}
.topic-card{min-height:188px}
.topic-card .thumb{height:78px;font-size:2.25rem}
.topic-card .card-body{padding:1.1rem 1.2rem 1.3rem}
.topic-card p{font-size:.94rem;color:var(--plum-soft);line-height:1.55;margin-top:.35rem}
.home-story{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center;padding:76px 22px}
.desk-photo{min-height:390px;aspect-ratio:4/3;border:3px solid var(--plum);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(145deg,var(--cream),var(--bubblegum),var(--lilac));overflow:hidden}
.desk-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.home-method{padding:72px 22px;text-align:center}
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px;text-align:left}
.method-card{background:var(--white);border:3px solid var(--plum);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm)}
.method-card .num{font-family:"Press Start 2P",monospace;font-size:.58rem;color:var(--bubblegum-d)}
.method-card h3{font-family:"Fredoka",sans-serif;font-size:1.35rem;line-height:1.2;margin:.65rem 0}
.method-card p{font-size:.96rem;color:var(--plum-soft)}
.latest-home{padding:72px 22px}
.latest-home .grid{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:center}
.latest-home .thumb img{width:100%;height:100%;object-fit:cover}
.home-about{grid-template-columns:minmax(390px,.95fr) minmax(0,1.05fr);gap:64px;padding-top:76px;padding-bottom:76px}
.home-about .about-photo{width:100%;max-width:none;aspect-ratio:3/4;border-radius:38px}
.home-about .about-photo img{object-fit:cover;object-position:center 18%}
.social-links{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1.35rem}
.social-links a{display:inline-flex;align-items:center;gap:.55rem;font-family:"Fredoka",sans-serif;font-weight:700;color:var(--plum);background:#FFD4E5;border:3px solid var(--plum);border-radius:999px;padding:.65rem 1rem;box-shadow:3px 3px 0 var(--plum);transition:transform .12s,box-shadow .12s,background .2s}
.social-links a:hover{background:var(--bubblegum);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--plum)}
.social-links i{font-size:1.25rem;color:#E84B8A}
.home-newsletter{margin:0;padding:72px 22px}
.home-faq{padding:76px 22px}
.home-faq .faq{max-width:900px;margin:28px auto 0}
.home-faq summary h3{display:inline;font-family:"Fredoka",sans-serif;font-size:1.08rem}
.home-footer{margin-top:0}
.home-footer .footer-links{display:flex;flex-wrap:wrap;gap:.65rem 1.2rem;margin-top:1.2rem}
.home-footer .footer-links a{color:#F6C9DD}
body.home-view>.global-newsletter,body.home-view>.global-footer{display:none}
body.about-view>.global-newsletter,body.legal-view>.global-newsletter{display:none}
body.article-view>.global-newsletter{display:none}

/* ---- faves page ---- */
.faves-head{padding:72px 22px 42px;text-align:center}
.faves-head h1{font-family:"Fredoka",sans-serif;font-size:clamp(2.8rem,6vw,4.8rem);line-height:1.02;margin:.5rem 0 1rem}
.faves-head .lead{max-width:720px;margin:0 auto;color:var(--plum-soft);font-size:1.12rem}
.affiliate-note{max-width:900px;margin:24px auto 0;background:var(--white);border:2px dashed var(--bubblegum-d);border-radius:18px;padding:1rem 1.2rem;font-size:.94rem}
.category-jump{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-top:26px}
.category-jump a{font-family:"Fredoka",sans-serif;font-weight:700;padding:.48rem .9rem;border:2px solid var(--plum);border-radius:999px;background:var(--white)}
.faves-category{padding:54px 22px 20px;scroll-margin-top:92px}
.faves-category:nth-of-type(even){background:rgba(255,231,217,.42)}
.faves-category-head{max-width:1120px;margin:0 auto 22px}
.faves-category-head h2{font-family:"Fredoka",sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:1.1}
.faves-category-head p{color:var(--plum-soft);margin-top:.35rem}
.product-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.product-card{display:flex;flex-direction:column;background:var(--white);border:3px solid var(--plum);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);min-width:0}
.product-media{aspect-ratio:1/1;background:#fff;display:grid;place-items:center;padding:1rem;border-bottom:2px dashed rgba(110,63,92,.24);overflow:hidden}
.product-media img{width:100%;height:100%;object-fit:contain}
.product-placeholder{width:100%;height:100%;display:grid;place-items:center;text-align:center;border-radius:18px;background:linear-gradient(145deg,var(--blush),var(--cream));font-size:3rem}
.product-placeholder small{display:block;font-family:"Press Start 2P",monospace;font-size:.45rem;line-height:1.7;color:var(--plum-soft);margin-top:.5rem}
.product-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:1rem 1.05rem 1.15rem}
.product-source{font-family:"Press Start 2P",monospace;font-size:.54rem;color:var(--bubblegum-d);margin-bottom:.45rem}
.product-copy h3{font-family:"Fredoka",sans-serif;font-size:1.16rem;line-height:1.25;margin-bottom:1rem}
.product-copy .buy{margin-top:auto;display:inline-flex;align-items:center;gap:.45rem;background:var(--mint);border:3px solid var(--plum);border-radius:999px;padding:.48rem .85rem;font-family:"Fredoka",sans-serif;font-weight:700;box-shadow:3px 3px 0 var(--plum)}
.product-copy .buy:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--plum)}
.faves-method{margin-top:70px}
.faves-faq{padding-top:74px;padding-bottom:24px}
.faves-faq .faq{max-width:900px;margin:28px auto 0}
.faves-faq summary h3{display:inline;font-family:"Fredoka",sans-serif;font-size:1.08rem}
.post .thumb{font-size:2.6rem}

/* about (home) */
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center}
.about-photo{aspect-ratio:1/1;max-width:320px;border:4px solid var(--plum);border-radius:34px;background:linear-gradient(150deg,#FFE1EE,#EFE7FF);display:flex;align-items:center;justify-content:center;font-size:4rem;box-shadow:var(--shadow-sm)}
.about-photo{overflow:hidden}
.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 24%}
.about h2{font-family:"Fredoka",sans-serif;font-weight:700;font-size:clamp(1.7rem,3.4vw,2.4rem);margin-bottom:.6rem}
.about p{color:var(--plum-soft);margin-bottom:1rem;font-size:1.06rem}

/* dedicated about page */
.about-page-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;padding:72px 22px 56px}
.about-page-photo{border:4px solid var(--plum);border-radius:34px;box-shadow:var(--shadow);overflow:hidden;background:var(--cream);aspect-ratio:4/5}
.about-page-photo img{width:100%;height:100%;object-fit:cover;object-position:center 32%}
.about-page-copy h1{font-family:"Fredoka",sans-serif;font-size:clamp(2.8rem,6vw,4.7rem);line-height:1.02;margin:.5rem 0 1.2rem}
.about-page-copy p{font-size:1.07rem;color:var(--plum-soft);margin-bottom:1rem}
.about-page-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}
.about-contact{padding:10px 22px 72px;text-align:center}
.about-contact-card{background:linear-gradient(140deg,var(--bubblegum),var(--lilac));border:4px solid var(--plum);border-radius:40px;box-shadow:var(--shadow);padding:clamp(2rem,5vw,3.5rem) 1.5rem}
.about-contact h2{font-family:"Fredoka",sans-serif;font-weight:700;color:#fff;font-size:clamp(1.8rem,5vw,3.7rem);line-height:1.05;margin:.65rem 0 .8rem;overflow-wrap:anywhere;text-shadow:3px 3px 0 rgba(110,63,92,.28)}
.about-contact p{max-width:620px;margin:0 auto 1.35rem;color:#fff;font-size:1.08rem;font-weight:600}
.about-contact .btn{background:var(--white)}
.about-instagram{padding:66px 22px 78px;background:linear-gradient(180deg,rgba(255,231,217,.46),rgba(201,184,255,.16))}
.instagram-profile-card{max-width:760px;margin:0 auto 34px;display:flex;align-items:center;gap:1.1rem;background:var(--white);border:3px solid var(--plum);border-radius:var(--radius);padding:1.25rem 1.4rem;box-shadow:var(--shadow-sm)}
.instagram-profile-icon{width:62px;height:62px;flex:0 0 62px;border-radius:20px;display:grid;place-items:center;color:#fff;font-size:1.8rem;background:linear-gradient(135deg,#833AB4,#FD1D1D,#FCAF45);border:3px solid var(--plum)}
.instagram-profile-card h3{font-family:"Fredoka",sans-serif;font-size:1.35rem;line-height:1.15}
.instagram-profile-card p{color:var(--plum-soft);font-size:.95rem}
.instagram-profile-card .btn{margin-left:auto;white-space:nowrap}
.instagram-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.instagram-embed{min-width:0;background:var(--white);border:3px solid var(--plum);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow-sm);overflow:hidden}
.instagram-embed .instagram-media{min-width:0!important;width:100%!important;margin:0!important}
.instagram-fallback{display:block;padding:2rem 1rem;text-align:center;font-family:"Fredoka",sans-serif;font-weight:600;color:var(--bubblegum-d)}

/* legal pages */
.legal-page{max-width:900px;margin:0 auto;padding:72px 22px 30px}
.legal-head{text-align:center;margin-bottom:30px}
.legal-head h1{font-family:"Fredoka",sans-serif;font-weight:700;font-size:clamp(2.5rem,5.6vw,4.2rem);line-height:1.05;margin:.55rem 0 .8rem}
.legal-head .lead{max-width:650px;margin:0 auto;color:var(--plum-soft);font-size:1.08rem}
.legal-updated{display:inline-block;margin-top:1rem;font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--plum-soft)}
.legal-card{background:var(--white);border:3px solid var(--plum);border-radius:34px;box-shadow:var(--shadow);padding:clamp(1.4rem,4vw,2.7rem)}
.legal-card section{padding:0;margin:0 0 2rem}
.legal-card section:last-child{margin-bottom:0}
.legal-card h2{font-family:"Fredoka",sans-serif;font-size:1.55rem;line-height:1.2;margin-bottom:.65rem}
.legal-card p{margin-bottom:.8rem;color:var(--plum-soft)}
.legal-card p:last-child{margin-bottom:0}
.legal-card ul{margin:.4rem 0 .8rem 1.25rem;color:var(--plum-soft)}
.legal-card li{margin-bottom:.45rem}
.legal-card a{color:var(--bubblegum-d);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}
.legal-notice{background:var(--cream);border:2px dashed var(--bubblegum-d);border-radius:18px;padding:1rem 1.15rem;margin:0 0 2rem;color:var(--plum)!important}
.legal-notice strong{color:var(--plum)}
.legal-callout{background:#F3ECFF;border:3px solid var(--lilac);border-radius:18px;padding:1rem 1.15rem}

/* ============ BLOG page ============ */
.page-head{text-align:center;padding:52px 0 30px}
.page-head h1{font-family:"Fredoka",sans-serif;font-weight:700;font-size:clamp(2.2rem,5vw,3.4rem);margin:.5rem 0 .4rem}
.page-head h1 .pink{color:var(--bubblegum-d)}
.page-head p{color:var(--plum-soft);max-width:48ch;margin:0 auto;font-size:1.12rem}
.toolbar{display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin:1.8rem 0 .4rem}
.search{display:flex;align-items:center;gap:.5rem;background:var(--white);border:3px solid var(--plum);border-radius:999px;padding:.5rem 1rem;box-shadow:var(--shadow-sm);max-width:340px;width:100%}
.search input{border:none;outline:none;font-family:"Nunito",sans-serif;font-size:1rem;background:transparent;width:100%;color:var(--plum)}
#page-blog .thumb{aspect-ratio:16/10;font-size:2.6rem}
#page-blog .thumb img,.feature-thumb img{width:100%;height:100%;object-fit:cover}
#page-blog .feature-thumb{padding:0;overflow:hidden;min-height:320px}
.diptych-thumb{position:relative;overflow:hidden;background:#F8E8E7}
.diptych-thumb img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover!important}
.latest-home .diptych-thumb{aspect-ratio:16/10!important}
#page-blog .grid{grid-template-columns:repeat(3,1fr)}
#page-blog .card:nth-child(3n+2) .thumb{background:linear-gradient(150deg,#FFF0E4,#FFE1EE)}
#page-blog .card:nth-child(3n) .thumb{background:linear-gradient(150deg,#E7FBF4,#FFE9F1)}
.section-label{display:flex;align-items:center;gap:.8rem;margin:0 0 1.4rem}
.section-label h2{font-family:"Fredoka",sans-serif;font-weight:700;font-size:1.5rem;white-space:nowrap}
.section-label .rule{height:3px;background:rgba(255,157,196,.4);border-radius:9px;flex:1}
.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:44px 0 10px}
.page-btn{font-family:"Fredoka",sans-serif;font-weight:600;font-size:1rem;min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:3px solid var(--plum);border-radius:14px;background:var(--white);cursor:pointer;transition:transform .12s,background .18s}
.page-btn:hover{background:var(--cream);transform:translateY(-2px)}
.page-btn.active{background:var(--bubblegum)}
.blog-empty{display:none;text-align:center;background:var(--white);border:3px dashed var(--bubblegum-d);border-radius:20px;padding:1.4rem;color:var(--plum-soft);margin-top:1rem}
.blog-empty.show{display:block}

/* ============ ARTICLE page ============ */
.article{max-width:860px;margin:0 auto;padding:0 22px}
.crumbs{font-size:.85rem;color:var(--plum-soft);padding:26px 0 4px}
.crumbs a{cursor:pointer}.crumbs a:hover{color:var(--bubblegum-d)}
.article-head{text-align:center;padding:14px 0 6px}
.pill-cat{display:inline-block;font-family:"Press Start 2P",monospace;font-size:.5rem;color:#fff;background:var(--bubblegum-d);padding:.4rem .6rem;border-radius:8px;margin-bottom:1rem}
.article-head h1{font-family:"Fredoka",sans-serif;font-weight:700;font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.1;margin-bottom:.7rem}
.article-head h1 .pink{color:var(--bubblegum-d)}
.byline{display:flex;align-items:center;justify-content:center;gap:.7rem;color:var(--plum-soft);font-size:.92rem;flex-wrap:wrap}
.author-link{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;color:var(--plum);cursor:pointer}
.author-link:hover{color:var(--bubblegum-d)}
.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(150deg,#FFE1EE,#EFE7FF);border:2px solid var(--plum);display:flex;align-items:center;justify-content:center;font-size:1.1rem;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover;object-position:center 24%}
.cover{margin:26px 0 24px;aspect-ratio:16/9;border:4px solid var(--plum);border-radius:34px;box-shadow:var(--shadow);background:linear-gradient(150deg,#FFE1EE,#EFE7FF,#E7FBF4);overflow:hidden}
.cover img{width:100%;height:100%;object-fit:cover}
.article-intro{font-size:1.1rem;color:var(--plum-soft);margin:0 0 1rem}
.disclosure-box{display:flex;gap:.7rem;background:#FFD4E5;border:3px solid var(--plum);border-radius:18px;padding:1rem 1.2rem;margin:26px 0;font-size:.95rem}
.disclosure-box .i{font-size:1.2rem}
.short-version{background:#E9E0FF;border:4px solid var(--plum);border-radius:24px;box-shadow:var(--shadow-sm);margin:26px 0;overflow:hidden}
.short-version h2{font-family:"Fredoka",sans-serif;font-size:1.45rem;background:#D6C7FF;padding:.8rem 1.2rem;border-bottom:3px solid var(--plum)}
.short-version ul{margin:0;padding:1rem 1.35rem 1.15rem 2.45rem}
.short-version li{margin:.4rem 0}
.toc{background:var(--white);border:3px solid var(--plum);border-radius:20px;padding:1.2rem 1.4rem;margin:26px 0;box-shadow:var(--shadow-sm)}
.toc h4{font-family:"Fredoka",sans-serif;font-size:1.1rem;margin-bottom:.6rem}
.toc ol{list-style:none;counter-reset:t}
.toc li{counter-increment:t;margin:.35rem 0}
.toc li a{font-weight:600}.toc li a:hover{color:var(--bubblegum-d)}
.toc li::before{content:counter(t,decimal-leading-zero);font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--bubblegum-d);margin-right:.7rem}
.prose{font-size:1.08rem}
.prose h2{font-family:"Fredoka",sans-serif;font-weight:700;font-size:1.7rem;margin:2.4rem 0 .9rem;scroll-margin-top:90px}
.prose h3{font-family:"Fredoka",sans-serif;font-weight:600;font-size:1.25rem;margin:1.6rem 0 .6rem}
.prose p{margin-bottom:1.1rem}
.prose ul{margin:0 0 1.1rem 1.2rem}
.prose li{margin-bottom:.4rem}
.prose a{color:var(--bubblegum-d);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;cursor:pointer}
.prose strong{color:var(--plum)}
.article-figure{margin:1.8rem 0}
.article-figure img{width:100%;border:4px solid var(--plum);border-radius:26px;box-shadow:var(--shadow-sm)}
.article-figure figcaption{font-size:.84rem;color:var(--plum-soft);margin-top:.6rem;text-align:center}
.article-cta{border:3px solid var(--plum);border-radius:20px;padding:1.1rem 1.25rem;margin:1.7rem 0;box-shadow:var(--shadow-sm)}
.article-cta p{margin:0}
.article-cta strong{font-family:"Fredoka",sans-serif;font-size:1.1rem}
.article-cta--social{background:#EAE2FF}
.article-cta--faves{background:#D8F7EE}
.article-cta--more{background:#FFE7D9}
.article-end-faves{margin:2.6rem 0 0;padding:2rem;text-align:center;background:linear-gradient(140deg,#E9E0FF,#FFD4E5);border:4px solid var(--plum);border-radius:28px;box-shadow:var(--shadow)}
.article-end-faves h2{font-family:"Fredoka",sans-serif;font-size:clamp(1.7rem,4vw,2.4rem);margin:.45rem 0 .6rem}
.article-end-faves p:not(.eyebrow){max-width:580px;margin:0 auto 1.2rem;color:var(--plum-soft)}
.article-end-faves .btn{background:var(--bubblegum);color:var(--plum)!important;text-decoration:none!important}
.article-end-faves .btn:hover{background:var(--bubblegum-d);color:var(--plum)!important}
.branded-visual{position:relative}
.diptych-crop{aspect-ratio:2/1;overflow:hidden;background:#F8E8E7}
.diptych-crop img{position:absolute;left:0;width:100%;height:auto;max-width:none;object-fit:initial}
.diptych-crop--top img{top:0}
.diptych-crop--bottom img{bottom:0}
.visual-logo{position:absolute;right:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:.42rem;padding:.42rem .7rem;border:2px solid var(--plum);border-radius:999px;background:rgba(255,244,248,.94);box-shadow:3px 3px 0 rgba(110,63,92,.28);color:var(--plum);font:700 .82rem "Fredoka",sans-serif;line-height:1}
.visual-logo-heart{width:17px;height:17px;background:var(--bubblegum);clip-path:polygon(50% 100%,0 35%,25% 0,50% 22%,75% 0,100% 35%)}
.article-product{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:24px;align-items:center;margin:1.8rem 0}
.article-product .product-card{box-shadow:var(--shadow-sm)}
.article-fave-slot{background:linear-gradient(135deg,rgba(255,212,229,.58),rgba(233,224,255,.7));border:3px solid var(--plum);border-radius:28px;padding:1.25rem;box-shadow:var(--shadow-sm)}
.article-fave-slot .product-card{width:100%}
.article-fave-slot .article-product-note{padding:.4rem .35rem}
.article-fave-slot .eyebrow{margin-bottom:.55rem}
.article-product-note h3{font-family:"Fredoka",sans-serif;font-size:1.35rem;margin-bottom:.5rem}
.article-product-note p{color:var(--plum-soft)}
.tip{display:flex;gap:.8rem;background:#F3ECFF;border:3px solid var(--lilac);border-radius:18px;padding:1rem 1.2rem;margin:1.4rem 0}
.tip .i{font-size:1.3rem}.tip b{color:var(--plum)}
.pick{background:var(--white);border:3px solid var(--plum);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.4rem;margin:1.6rem 0}
.pick-top{display:flex;gap:1.1rem;align-items:flex-start}
.pick .thumb2{flex:0 0 96px;width:96px;height:96px;border:3px solid var(--plum);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:2.6rem;background:linear-gradient(150deg,#FFE9F1,#EFE7FF)}
.pick .badge{font-family:"Press Start 2P",monospace;font-size:.5rem;color:#fff;background:var(--bubblegum-d);padding:.35rem .55rem;border-radius:7px;display:inline-block;margin-bottom:.5rem}
.pick h3{font-family:"Fredoka",sans-serif;font-weight:700;font-size:1.3rem;margin:0 0 .1rem}
.pick .sub{color:var(--plum-soft);font-size:.92rem;margin-bottom:.5rem}
.pick p{margin:.6rem 0 0;font-size:1.02rem}
.specs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.9rem 0 0}
.specs span{background:var(--blush);border:2px solid var(--bubblegum);border-radius:999px;padding:.15rem .7rem;font-size:.82rem;font-weight:600}
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1rem 0 0}
.proscons div{background:var(--blush);border-radius:14px;padding:.7rem .9rem;font-size:.92rem}
.proscons h5{font-family:"Fredoka",sans-serif;font-size:.95rem;margin-bottom:.3rem}
.proscons ul{list-style:none;margin:0}
.proscons li{margin:.2rem 0;padding-left:1.3rem;position:relative}
.pros li::before{content:"♡";position:absolute;left:0;color:var(--bubblegum-d)}
.cons li::before{content:"·";position:absolute;left:.3rem;color:var(--plum-soft);font-weight:800}
.pick .cta{margin-top:1.1rem}
.table-scroll{overflow-x:auto;margin:1.2rem 0;border:3px solid var(--plum);border-radius:20px}
table{width:100%;border-collapse:collapse;min-width:560px;background:var(--white)}
th,td{padding:.8rem 1rem;text-align:left;font-size:.95rem;border-bottom:2px solid rgba(255,157,196,.35)}
th{font-family:"Fredoka",sans-serif;background:var(--bubblegum);color:var(--plum);font-weight:600}
tr:last-child td{border-bottom:none}
td:first-child{font-weight:700}
.faq details{background:var(--white);border:3px solid var(--plum);border-radius:16px;padding:.2rem 1.1rem;margin:.7rem 0;box-shadow:var(--shadow-sm)}
.faq summary{font-family:"Fredoka",sans-serif;font-weight:600;font-size:1.08rem;cursor:pointer;padding:.9rem 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4rem;color:var(--bubblegum-d)}
.faq details[open] summary::after{content:"–"}
.faq p{padding:0 0 1rem;color:var(--plum-soft)}
.related{background:var(--cream);border-radius:40px;margin:56px 22px 0;padding:48px 0}
.related .inner{max-width:1000px;margin:0 auto;padding:0 22px}
.related h2{font-family:"Fredoka",sans-serif;font-weight:700;font-size:1.7rem;text-align:center;margin-bottom:1.6rem}
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.related .thumb{aspect-ratio:16/10;font-size:2.4rem}

/* ============ NEWSLETTER (global) ============ */
.freebie{margin:56px 22px 0}
.freebie-inner{background:linear-gradient(140deg,var(--bubblegum),var(--lilac));border:4px solid var(--plum);border-radius:40px;box-shadow:var(--shadow);padding:52px 40px;text-align:center;position:relative;overflow:hidden}
.freebie-inner h2{font-family:"Fredoka",sans-serif;font-weight:700;color:#fff;font-size:clamp(1.8rem,4vw,2.6rem);text-shadow:3px 3px 0 rgba(110,63,92,.35)}
.freebie-inner p{color:#fff;font-weight:600;margin:.6rem auto 1.4rem;max-width:44ch;opacity:.95}
.freebie .signup{justify-content:center;margin:0 auto;max-width:440px}
.freebie .btn{background:var(--white)}
.freebie .float{position:absolute;font-size:2rem;opacity:.9;animation:bob 5s ease-in-out infinite}
.freebie .f1{top:18px;left:6%}.freebie .f2{bottom:16px;right:8%;animation-delay:1s}.freebie .f3{top:40%;right:4%;animation-delay:2s}

/* ============ FOOTER ============ */
footer{background:var(--plum);color:#FFE7F1;margin-top:60px;padding:48px 0 30px}
.foot-top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:26px}
.foot-brand{max-width:280px}
.foot-brand .logo{color:#fff;margin-bottom:.6rem}
.foot-brand .logo .heart{background:var(--bubblegum);box-shadow:inset 0 0 0 2px #fff}
.foot-brand p{color:#F6C9DD;font-size:.95rem}
.foot-cols{display:flex;gap:56px;flex-wrap:wrap}
.foot-cols h4{font-family:"Fredoka",sans-serif;font-size:1rem;margin-bottom:.7rem;color:#fff}
.foot-cols ul{list-style:none}
.foot-cols li{margin-bottom:.45rem}
.foot-cols a{color:#F6C9DD;font-size:.95rem;cursor:pointer}
.foot-cols a:hover{color:#fff;text-decoration:underline}
.foot-bottom{border-top:1px solid rgba(255,255,255,.18);padding-top:20px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.85rem;color:#E7A9C6}
.disclosure{max-width:640px}

/* ============ RESPONSIVE ============ */
@media(max-width:880px){
  .hero{grid-template-columns:1fr;text-align:center;padding-top:40px}
  .hero-copy p.lead{margin-inline:auto}
  .signup,.lvl{justify-content:center}
  .scene{order:-1}
  .about{grid-template-columns:1fr;text-align:center}
  .about-photo{margin:0 auto}
  .home-about{grid-template-columns:1fr;gap:34px;text-align:center}
  .home-about .about-photo{width:min(100%,620px);max-height:none;aspect-ratio:3/4}
  #page-home .grid,#page-blog .grid{grid-template-columns:repeat(2,1fr)}
  #page-home .guides .grid{grid-template-columns:1fr}
  .feature{grid-template-columns:1fr}
  .rgrid{grid-template-columns:1fr}
  .nav-links{display:none}
  .nav-links.open{display:flex;position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:1rem;background:var(--blush);padding:1.4rem;border-bottom:2px dashed rgba(255,157,196,.5)}
  .burger{display:block}
  .home-intro,.home-story{grid-template-columns:1fr;text-align:center}
  .home-story>*{min-width:0}
  .home-story .desk-photo{width:100%;max-width:100%;min-width:0;min-height:0}
  .home-actions,.social-links{justify-content:center}
  .home-intro .feature-thumb{order:-1}
  .home-topics .topic-grid{grid-template-columns:repeat(2,1fr)}
  .method-grid{grid-template-columns:1fr}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .about-page-hero{grid-template-columns:1fr;text-align:center}
  .about-page-photo{max-width:520px;width:100%;margin:0 auto}
  .about-page-actions{justify-content:center}
  .instagram-grid{grid-template-columns:1fr;max-width:560px}
  .instagram-profile-card{flex-wrap:wrap;justify-content:center;text-align:center}
  .instagram-profile-card .btn{margin-left:0}
  .article-product{grid-template-columns:1fr}
  .article-product .product-card{max-width:360px;width:100%;margin:0 auto}
  .article-product-note{text-align:center}
}
@media(max-width:520px){
  #page-home .grid,#page-blog .grid{grid-template-columns:1fr}
  .foot-cols{gap:32px}
  .cover{height:210px;font-size:3.4rem}
  .pick-top{flex-direction:column}
  .proscons{grid-template-columns:1fr}
  .home-topics .topic-grid,.latest-home .grid{grid-template-columns:1fr}
  .home-about{padding-left:14px;padding-right:14px;gap:26px}
  .home-about .about-photo{width:100%;border-radius:26px;box-shadow:10px 10px 0 rgba(255,157,196,.18)}
  .product-grid{grid-template-columns:1fr}
  .article{padding:0 14px}
  .article-head h1{font-size:clamp(1.82rem,9vw,2.45rem)}
  .byline{gap:.45rem;font-size:.82rem}
  .cover{height:auto;aspect-ratio:2/1;border-radius:22px;margin:20px 0}
  .diptych-crop{aspect-ratio:2/1}
  .visual-logo{right:8px;bottom:8px;font-size:.67rem;padding:.34rem .52rem}
  .visual-logo-heart{width:14px;height:14px}
  .toc,.short-version{border-radius:17px}
  .toc{padding:1rem}
  .toc li{padding-left:0}
  .prose{font-size:1rem}
  .prose h2{font-size:1.5rem;scroll-margin-top:76px}
  .prose h3{font-size:1.17rem}
  .article-cta,.article-end-faves{padding:1rem}
  .article-fave-slot{padding:.85rem;border-radius:22px}
  th,td{padding:.68rem .75rem;font-size:.88rem}
  table{min-width:520px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Static release: retain the approved visual design without the page-switcher. */
.page.active{animation:none}
[hidden]{display:none!important}
body>header{position:sticky;top:0}
.article header,.legal-head,.faves-head{position:static!important;top:auto!important;z-index:auto!important}
.article-head{background:transparent!important}
.article-intro{font-size:1.1rem}
.toc h2{font-family:Fredoka,sans-serif;font-size:1.3rem;margin-bottom:.65rem}
.prose a{color:#a92e63}
.prose .buy,.prose .btn{color:var(--plum)!important;text-decoration:none}
.prose .buy:hover{color:var(--plum)!important}
.table-scroll{max-width:100%;overscroll-behavior-x:contain}
tbody th[scope=row]{font-family:Nunito,sans-serif;background:#fff;font-size:.95rem}
.article-product{min-width:0}
.article-product>*{min-width:0}
.article-faq details{margin-bottom:.75rem}
.article-faq summary{cursor:pointer}
.article-faq .faq-answer{padding:0 1rem 1rem}
.article-faq .faq-answer p:last-child{margin-bottom:0}
.original-illustration{height:auto!important;aspect-ratio:auto!important;background:#fff9f4}
.original-illustration>img{display:block;position:static!important;width:100%!important;height:auto!important;object-fit:contain!important}
.new-art-thumb{aspect-ratio:3/2!important;background:#fff9f4!important}
.new-art-thumb img{object-fit:contain!important}
.feature .new-art-thumb{min-height:0;align-self:center}
.instagram-wrap{max-width:540px;width:100%;margin:2rem auto;padding:12px;background:#fff;border:2px solid #f0c7d8;border-radius:18px;overflow:hidden}
.instagram-wrap .instagram-media{margin:0!important;width:100%!important;min-width:0!important;max-width:100%!important}
.instagram-wrap iframe{max-width:100%!important;min-width:0!important}
.instagram-wrap figcaption{font-size:.8rem;color:var(--plum-soft);line-height:1.5;margin-top:12px;text-align:center}
.instagram-wrap blockquote{padding:1rem;border-radius:12px;background:#fff4f8}
.prose h2,.prose h3{scroll-margin-top:100px}
.article img{max-width:100%}
.article .cover img{width:100%;height:100%;object-fit:cover}
.article .short-version{overflow:hidden}
.article .short-version ul{min-width:0}
.byline{flex-wrap:wrap}
.article-head h1{overflow-wrap:break-word}
.home-story>*{min-width:0}
.home-story .desk-photo{max-width:100%;min-width:0}
.home-story .desk-photo img{display:block;width:100%;max-width:100%;object-fit:cover}
.feature,.grid,.home-about{min-width:0}
@media(max-width:600px){
 .article-product{grid-template-columns:1fr;gap:1rem}
 .article-product .product-card{max-width:340px;margin-inline:auto}
 .instagram-wrap{padding:6px;border-radius:14px}
 .article-head h1{font-size:clamp(2rem,9vw,3rem)}
 .byline{gap:.4rem;font-size:.82rem}
 .article .short-version h2{font-size:1.45rem}
 .toc{padding:1.1rem}
 .prose{overflow-wrap:break-word}
 .prose table{overflow-wrap:normal}
 .article-end-faves{padding:1.5rem 1rem}
 .home-story .desk-photo{min-height:0}
 .home-story .desk-photo img{height:100%}
 .new-art-thumb{min-height:0!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Restrained decorative emoji breaks inside long technical articles. */
.section-sparkle{display:block;width:max-content;margin:-.25rem 0 .35rem;font-size:1.25rem;line-height:1}