/* Her Niche Life editorial redesign.
   Loaded last on every page; everything is scoped to body.hnl-editorial so the
   underlying site.css / hnl.css layout, content and behaviour stay intact. */

.hnl-editorial{--hnl-pink:#e91e78;--hnl-pink-deep:#c40f5e;--hnl-kicker:#a80f50;--hnl-ink:#171317;--hnl-paper:#fff;--hnl-blush:#fff0f6;--hnl-line:#e6dbe0;--hnl-display:Impact,Haettenschweiler,'Arial Narrow Bold','Arial Narrow',Arial,sans-serif;--red:var(--hnl-kicker);--pink:var(--hnl-blush);--ink:var(--hnl-ink);--line:var(--hnl-line);--logo-pink:var(--hnl-pink);color:var(--hnl-ink);background:var(--hnl-paper);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
.hnl-editorial *{box-sizing:border-box}
.hnl-editorial a:focus-visible,.hnl-editorial button:focus-visible,.hnl-editorial input:focus-visible,.hnl-editorial select:focus-visible,.hnl-editorial textarea:focus-visible{outline:3px solid var(--hnl-pink);outline-offset:4px}

/* ---------- Pack building blocks (available for new templates) ---------- */
.hnl-editorial .hnl-shell{width:min(1200px,calc(100% - 36px));margin-inline:auto}
.hnl-editorial .hnl-kicker{display:inline-block;color:var(--hnl-kicker);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.hnl-editorial .hnl-display{font-family:var(--hnl-display);font-weight:800;line-height:1.02;letter-spacing:-.025em;font-size:clamp(38px,5.5vw,76px);margin:.2em 0}
.hnl-editorial .hnl-ribbon{background:var(--hnl-blush);border-top:4px solid var(--hnl-pink);padding:clamp(24px,4vw,52px);margin:46px 0}
.hnl-editorial .hnl-button{display:inline-block;background:var(--hnl-ink);color:#fff;padding:13px 21px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px;text-decoration:none}
.hnl-editorial .hnl-button:hover{background:var(--hnl-pink-deep)}

/* ---------- Top strap, masthead and navigation ---------- */
.hnl-editorial .preview{background:var(--hnl-ink);color:#fff;font-size:11px;font-weight:800;letter-spacing:.16em;padding:8px}
.hnl-editorial .shell{max-width:1260px;padding:0 clamp(14px,3vw,30px)}
.hnl-editorial .masthead{padding:26px 0 18px;border-bottom:4px solid var(--hnl-ink)}
.hnl-editorial .strap{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--hnl-kicker)}
.hnl-editorial .brand{font-family:Georgia,serif;font-weight:800;letter-spacing:-.065em;font-size:clamp(40px,6vw,76px);line-height:1.08;color:var(--hnl-ink)}
.hnl-editorial .life-word{color:var(--hnl-pink)}
.hnl-editorial .nav{border-top:0;border-bottom:1px solid var(--hnl-line);justify-content:center;gap:clamp(12px,2vw,30px);padding:13px 0}
.hnl-editorial .nav a,.hnl-editorial .nav button{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--hnl-ink)}
.hnl-editorial .nav a:hover,.hnl-editorial .nav button:hover{color:var(--hnl-kicker)}
.hnl-editorial .nav a[aria-current],.hnl-editorial .nav button[aria-pressed=true]{color:var(--hnl-kicker);box-shadow:0 3px var(--hnl-pink)}
.hnl-editorial .searchbar input{border:2px solid var(--hnl-ink)}

/* ---------- Buttons, kickers and category ribbons ---------- */
.hnl-editorial .btn{background:var(--hnl-ink);border:0;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;padding:13px 21px;text-decoration:none}
.hnl-editorial .btn:hover{background:var(--hnl-pink-deep);color:#fff}
.hnl-editorial .eyebrow,.hnl-editorial .side-caption small{color:var(--hnl-kicker);font-size:11px;font-weight:800;letter-spacing:.13em}
.hnl-editorial .cat{display:inline-block;background:var(--hnl-pink-deep);color:#fff;font-size:10px;font-weight:800;letter-spacing:.12em;padding:4px 8px 3px;margin:14px 0 4px;transform:skew(-8deg)}
.hnl-editorial .read-more,.hnl-editorial .see-all,.hnl-editorial .read-link{color:var(--hnl-kicker);font-weight:800}
.hnl-editorial .all{color:var(--hnl-kicker)}

/* ---------- Section titles ---------- */
.hnl-editorial .section-title{border-top:0;border-bottom:3px solid var(--hnl-ink);padding:0 0 10px;margin:44px 0 24px;align-items:end}
.hnl-editorial .section-title h2{font:400 clamp(27px,3.5vw,44px)/1 var(--hnl-display);letter-spacing:0;text-transform:uppercase}
.hnl-editorial .section-title span{color:var(--hnl-kicker);font-size:11px;font-weight:800}

/* ---------- Homepage cover story ---------- */
.hnl-editorial .hero{margin:28px 0 10px;gap:clamp(16px,2vw,26px)}
.hnl-editorial .hero-main{background:var(--hnl-blush);border-top:4px solid var(--hnl-pink)}
.hnl-editorial .hero-copy h1{font:400 clamp(38px,5.5vw,76px)/1.02 var(--hnl-display);letter-spacing:-.015em;margin:.25em 0 .3em}
.hnl-editorial .hero-copy p{font:18px/1.55 Georgia,serif;color:#3d3539}
.hnl-editorial .hero-side .side-caption{font:700 clamp(18px,1.8vw,23px)/1.2 Georgia,serif;border-bottom:1px solid var(--hnl-line)}
.hnl-editorial .hero-side a:hover .side-caption{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* ---------- Story cards ---------- */
.hnl-editorial .cards{gap:26px}
.hnl-editorial .card h3{font:700 clamp(19px,2vw,25px)/1.2 Georgia,serif;letter-spacing:-.01em;margin:10px 0}
.hnl-editorial .card p{color:#4b4449;font-size:14px}
.hnl-editorial .card .photo.real,.hnl-editorial .card .plate{background:var(--hnl-blush)}
.hnl-editorial .photo.real img[src*="fit=contain"]{object-fit:contain}
.hnl-editorial .plate{background:var(--hnl-blush);border-top:4px solid var(--hnl-pink)}
.hnl-editorial .plate .plate-dept{color:var(--hnl-kicker)}
.hnl-editorial .plate .plate-title{font-family:var(--hnl-display);letter-spacing:0}
.hnl-editorial .plate .plate-mark span{color:var(--hnl-pink)}

/* ---------- Editor's letter, issue, contributors, newsletter ---------- */
.hnl-editorial .letter,.hnl-editorial .issue{background:var(--hnl-blush);border-top:4px solid var(--hnl-pink);padding:clamp(24px,4vw,52px)}
.hnl-editorial .letter h2,.hnl-editorial .issue h2{font:400 clamp(34px,4.5vw,56px)/1.02 var(--hnl-display);letter-spacing:-.01em}
.hnl-editorial .letter p{font:17px/1.7 Georgia,serif}
.hnl-editorial .readers{border-top:4px solid var(--hnl-ink);border-bottom:1px solid var(--hnl-line)}
.hnl-editorial .readers h2{font:400 clamp(28px,3.5vw,42px)/1.05 var(--hnl-display)}
.hnl-editorial .newsletter{background:var(--hnl-blush);border-top:4px solid var(--hnl-pink);padding:clamp(28px,4vw,52px);max-width:none}
.hnl-editorial .newsletter h2{font:400 clamp(36px,5vw,64px)/1.02 var(--hnl-display);letter-spacing:-.01em}
.hnl-editorial .newsletter p{max-width:560px;margin-inline:auto}

/* ---------- Journal shop and short stories (placement and behaviour unchanged) ---------- */
.hnl-editorial .shop-layout{border:3px solid var(--hnl-ink)}
.hnl-editorial .shop-editorial{background:var(--hnl-blush)}
.hnl-editorial .shop-editorial h2{font:400 clamp(36px,4.5vw,64px)/1.02 var(--hnl-display);letter-spacing:-.01em}
.hnl-editorial .shop-editorial h2 em{font-style:normal;color:var(--hnl-pink-deep)}
.hnl-editorial .product h3,.hnl-editorial .short-stories h3{font:700 clamp(26px,3vw,36px)/1.1 Georgia,serif;letter-spacing:-.02em}
.hnl-editorial .swatch{border:2px solid var(--hnl-line);font-weight:700}
.hnl-editorial .swatch[aria-pressed=true]{border:2px solid var(--hnl-ink);box-shadow:3px 3px 0 var(--hnl-pink);padding:10px 12px}
.hnl-editorial .features li{background:var(--hnl-blush);font-weight:700}

/* ---------- Story pages ---------- */
.hnl-editorial .story-head .eyebrow a{display:inline-block;background:var(--hnl-pink-deep);color:#fff;padding:5px 10px 4px;transform:skew(-8deg)}
.hnl-editorial .story-head h1{font:400 clamp(38px,5.5vw,76px)/1.02 var(--hnl-display);letter-spacing:-.015em}
.hnl-editorial .story-head .deck{font:italic clamp(18px,1.8vw,22px)/1.5 Georgia,serif;color:#4b4449}
.hnl-editorial .byline{font-weight:700;color:#4b4449;border-color:var(--hnl-ink)}
.hnl-editorial .story-body{max-width:720px;font:clamp(17px,1.5vw,20px)/1.8 Georgia,serif}
.hnl-editorial .story-body img{max-width:100%;height:auto}
.hnl-editorial .story-body h2,.hnl-editorial .story-body h3{line-height:1.2;font-weight:700}
.hnl-editorial .story-body h4,.hnl-editorial .story-body a,.hnl-editorial .story-foot a{color:var(--hnl-kicker)}
.hnl-editorial .story-body>p:first-of-type::first-letter{font-family:var(--hnl-display);color:var(--hnl-pink)}
.hnl-editorial .story-body blockquote{border-left:4px solid var(--hnl-pink)}
.hnl-editorial .story-foot{max-width:720px;border-top:3px solid var(--hnl-ink)}
.hnl-editorial .story-foot .tags a{border:2px solid var(--hnl-ink)}
.hnl-editorial .story-foot .tags a:hover{background:var(--hnl-ink);color:#fff}
/* In-story survey panel and reporting-source note */
.hnl-editorial .story-body .cast-chart{margin:2.2em 0;font-family:Arial,Helvetica,sans-serif}
.hnl-editorial .cast-panel{border-top:8px solid var(--hnl-pink);padding:clamp(20px,4vw,34px) clamp(18px,4vw,40px) 26px;background:var(--hnl-paper);box-shadow:inset 0 0 0 1px var(--hnl-line)}
.hnl-editorial .cast-kicker{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px;font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.hnl-editorial .cast-tag{background:#f6c445;padding:4px 12px;font-size:11px;letter-spacing:.08em}
.hnl-editorial .story-body .cast-chart h2{font:800 clamp(28px,4.4vw,42px)/1.02 Arial,Helvetica,sans-serif;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 8px}
.hnl-editorial .cast-sub{margin:0 0 24px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#4b4449}
.hnl-editorial .cast-chart dl{margin:0;display:grid;gap:16px}
.hnl-editorial .cast-row{display:grid;grid-template-columns:minmax(100px,150px) 1fr;align-items:center;gap:14px}
.hnl-editorial .cast-row dt{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.hnl-editorial .cast-row dd{margin:0;display:flex;align-items:center;gap:14px}
.hnl-editorial .cast-track{flex:1;height:22px;background:#f0edef;border-radius:3px;overflow:hidden}
.hnl-editorial .cast-bar{display:block;height:100%;border-radius:3px}
.hnl-editorial .cast-new{background:var(--hnl-pink)}
.hnl-editorial .cast-known{background:var(--hnl-ink)}
.hnl-editorial .cast-influencers{background:#a9a8ad}
.hnl-editorial .cast-row strong{min-width:4.2em;font-size:clamp(17px,2.2vw,21px)}
.hnl-editorial .story-body .cast-source{margin:0;background:var(--hnl-ink);color:#fff;padding:12px clamp(18px,4vw,40px);font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.hnl-editorial .story-body .story-source{margin-top:2em;padding-top:1em;border-top:1px solid var(--hnl-line);font:14px/1.6 Arial,Helvetica,sans-serif;color:#5a5156;overflow-wrap:anywhere}
@media(max-width:520px){.hnl-editorial .cast-row{grid-template-columns:1fr;gap:6px}}

/* ---------- Department, archive and inner pages ---------- */
.hnl-editorial .dept-head{border-bottom:4px solid var(--hnl-ink)}
.hnl-editorial .dept-head h1{font:400 clamp(52px,8vw,110px)/.95 var(--hnl-display);letter-spacing:-.01em;text-transform:uppercase}
.hnl-editorial .dept-nav{font-size:12px;font-weight:800}
.hnl-editorial .dept-nav a:hover{color:var(--hnl-kicker)}
.hnl-editorial .dept-nav a[aria-current]{color:var(--hnl-kicker);box-shadow:0 3px var(--hnl-pink)}
.hnl-editorial .page-main h1{font:400 clamp(44px,6.5vw,84px)/1.02 var(--hnl-display);letter-spacing:-.01em}
.hnl-editorial .page-main h2{font-weight:700}
.hnl-editorial .page-main a{color:var(--hnl-kicker)}
.hnl-editorial .page-main .btn,.hnl-editorial .page-main a.btn{color:#fff}
.hnl-editorial .page-main .panel{background:var(--hnl-blush);border-top:4px solid var(--hnl-pink)}
.hnl-editorial .page-main .pillars{border-top:3px solid var(--hnl-ink)}
.hnl-editorial .closed-note{border:3px solid var(--hnl-ink);box-shadow:6px 6px 0 var(--hnl-pink)}
.hnl-editorial .notice{border-left-color:var(--hnl-pink)}
.hnl-editorial .form-field input,.hnl-editorial .form-field select,.hnl-editorial .form-field textarea{border:2px solid #bdaeb5}
.hnl-editorial .form-field input:focus,.hnl-editorial .form-field select:focus,.hnl-editorial .form-field textarea:focus{border-color:var(--hnl-ink)}

/* ---------- Story preview dialog and footer ---------- */
.hnl-editorial dialog{border-top:4px solid var(--hnl-pink)}
.hnl-editorial dialog h2{font:400 clamp(30px,4vw,46px)/1.05 var(--hnl-display);letter-spacing:0}
.hnl-editorial .site-footer{border-top:4px solid var(--hnl-pink)}
.hnl-editorial .site-footer .sf-name{font-weight:800;letter-spacing:-.065em}
.hnl-editorial .site-footer .sf-name .life-word,.hnl-editorial .site-footer .sf-mark{color:var(--hnl-pink)}

/* ---------- Responsive ---------- */
@media(max-width:760px){.hnl-editorial .cards{gap:22px 16px}.hnl-editorial .masthead{padding:18px 0 14px}}
@media(max-width:620px){.hnl-editorial .brand{font-size:clamp(30px,9vw,44px)}.hnl-editorial .nav{justify-content:flex-start}.hnl-editorial .hero-copy h1,.hnl-editorial .story-head h1{font-size:clamp(34px,10vw,48px)}.hnl-editorial .card h3{font-size:19px}}
@media(max-width:460px){.hnl-editorial .cards,.hnl-editorial .archive .cards{grid-template-columns:1fr}.hnl-editorial .section-title span{display:none}}
@media(prefers-reduced-motion:reduce){.hnl-editorial *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}