/*
Theme Name: Unladylike Bulletin
Theme URI: https://unladylikebulletin.com
Author: The Unladylike Bulletin
Description: Custom theme for The Unladylike Bulletin. For women, by women. Minus the manners.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: All rights reserved
Text Domain: unladylike
*/
:root{
  --paper:#FFF8EE; --ink:#1A1414; --ink-soft:#4A3A3D;
  --hot:#FF4283; --rani:#FF1EC7; --floss:#FF7FAB; --cherry:#6E1221;
  --mellow:#F4FF1E; --berry:#1F6BED; --vinyl:#0759A2; --green:#116B09;
  --line:rgba(26,20,20,.16);
  --display:'Bagel Fat One','Arial Black',Impact,sans-serif;
  --body:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --hand:'Caveat','Comic Sans MS',cursive;
  --deva:'Yatra One','Noto Sans Devanagari',serif;
  color-scheme:light;
}
*{box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--paper)}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--berry);outline-offset:2px}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:.98;text-wrap:balance;margin:0}
p{margin:0}
.wrap{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.hand{font-family:var(--hand);font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;border:2px solid var(--ink);background:var(--hot);color:var(--ink);font:700 15px var(--body);text-decoration:none;cursor:pointer}
.btn.dark{background:var(--ink);color:var(--mellow)}
.btn.ghost{background:transparent}
.btn:hover{transform:translateY(-1px)}

/* ticker + header */
.ticker{background:var(--ink);color:var(--mellow);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ticker .wrap{display:flex;gap:28px;padding-block:9px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.ticker a{text-decoration:none}
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--paper);border-bottom:3px solid var(--ink)}
header.site .wrap{display:flex;align-items:center;gap:20px;padding-block:12px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.stamp{width:44px;height:44px;border-radius:50%;background:var(--mellow);display:grid;place-items:center;font-family:var(--display);font-size:19px;color:var(--ink);flex:none}
.logo b{font-family:var(--display);font-weight:400;font-size:19px;line-height:1}
nav.main{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
nav.main a{white-space:nowrap;text-decoration:none;font-weight:700;font-size:15px;padding:8px 12px;border-radius:999px}
nav.main a:hover{background:var(--mellow)}
nav.main a.on{background:var(--ink);color:var(--paper)}
header.site .btn{flex:none}
@media (max-width:1020px){
  header.site .wrap{flex-wrap:wrap;gap:10px}
  .logo b{font-size:16px}
  nav.main{order:3;flex-basis:100%}
  header.site .btn{min-height:40px;padding:0 14px;font-size:14px;margin-left:auto}
}

/* image placeholder */
.ph{position:relative;width:100%;max-width:100%;border:2px dashed currentColor;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:12px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.18) 0 12px,transparent 12px 24px),var(--t,#FFE3EC);color:var(--tc,var(--ink));overflow:hidden}
.ph .tag{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.ph b{font-size:14px;word-break:break-all}
.ph small{font-size:12px;opacity:.85}
.ph.oval{border-radius:50%}
.ph.round{border-radius:50%}
.pic.round{border-radius:50%;border:3px solid var(--ink);width:100%;height:auto;object-fit:cover}

/* masthead */
.mast{position:relative;text-align:center;padding-block:100px 18px}
.mast .sun{position:absolute;left:50%;top:74px;width:min(300px,62vw);aspect-ratio:1;max-width:100%;border-radius:50%;background:var(--mellow);transform:translateX(-78%)}
.mast h1{position:relative;font-size:clamp(46px,9.5vw,124px);line-height:.9;letter-spacing:-.01em}
.mast .row{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 24px;margin-top:14px}
.mast .tagline{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(12px,1.6vw,16px)}
.issue{border:2px solid var(--ink);padding:5px 12px;font-weight:700;font-size:13px;transform:rotate(-2deg)}
.hero{position:relative}
.hero .say{position:absolute;left:18px;bottom:18px;max-width:min(78%,520px);background:var(--mellow);border:3px solid var(--ink);border-radius:18px;padding:16px 20px;display:flex;flex-direction:column;gap:6px;transform:rotate(-1.5deg);box-shadow:6px 6px 0 var(--ink)}
.hero .say h2{font-size:clamp(26px,3.2vw,40px)}
.hero .say p{font-size:15px;font-weight:500}
@media (max-width:700px){.hero .say{position:relative;left:auto;bottom:auto;max-width:none;margin-top:-28px;margin-inline:10px}}
.mast .psst,.mast .deva{position:absolute;top:22px;z-index:2;border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);line-height:1.15;white-space:nowrap}
.mast .psst{right:4%;background:var(--mellow);color:var(--ink);font-size:clamp(22px,2.6vw,32px);padding:4px 18px 6px;border-radius:14px;transform:rotate(4deg)}
.mast .deva{left:4%;background:var(--rani);color:var(--ink);font-family:var(--deva);font-size:clamp(20px,2.4vw,30px);padding:6px 18px 4px;border-radius:999px;transform:rotate(-5deg)}
@media (max-width:640px){.mast{padding-top:70px}.mast .sun{top:52px}.mast .psst,.mast .deva{top:12px;box-shadow:3px 3px 0 var(--ink)}.mast .psst{font-size:19px;padding:2px 12px 4px;right:2%}.mast .deva{font-size:17px;padding:4px 12px 2px;left:2%}}

/* grid helpers */
.grid12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px}
.s4{grid-column:span 4}.s5{grid-column:span 5}.s6{grid-column:span 6}.s7{grid-column:span 7}.s8{grid-column:span 8}.s12{grid-column:span 12}
@media (max-width:900px){.s4,.s5,.s6,.s7,.s8{grid-column:span 12}}
section.band{padding-block:34px}
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;border-top:3px solid var(--ink);padding-top:14px;margin-bottom:20px}
.sec-head h2{font-size:clamp(28px,3.6vw,40px)}
.sec-head a{font-weight:700}

/* cards */
.card{border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:12px;min-width:0}
.word{background:var(--mellow);border:3px solid var(--ink);position:relative}
.word .w{font-family:var(--display);font-size:clamp(40px,5vw,56px);line-height:1}
.word .pron{font-style:italic;font-size:15px}
.word .new{position:absolute;top:-13px;right:18px;background:var(--hot);border:2px solid var(--ink);padding:3px 10px;font-weight:700;font-size:12px;transform:rotate(5deg)}
.quote{background:var(--ink);color:var(--paper)}
.quote q{font-family:var(--display);font-size:clamp(26px,3vw,34px);line-height:1.08;color:var(--floss);quotes:"\201C" "\201D"}
.quote .by{font-size:14px}
.copy{background:none;border:none;color:var(--mellow);font:700 14px var(--body);text-decoration:underline;cursor:pointer;padding:0}

.feature{background:var(--cherry);color:var(--paper);border-radius:26px;padding:clamp(20px,3vw,36px);display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center;text-decoration:none}
.feature h3{font-size:clamp(34px,4.6vw,58px);color:var(--floss)}
.feature p{font-size:18px;max-width:58ch}
@media (max-width:700px){.feature{grid-template-columns:minmax(0,1fr)}.feature .ph{max-width:240px;margin:0 auto}}

.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px}
.post{display:flex;flex-direction:column;gap:12px;text-decoration:none;min-width:0}
.post .chip{align-self:flex-start}
.post h3{font-size:24px;line-height:1.05}
.post p{color:var(--ink-soft);font-size:15px}
.post .meta{font-size:13px;color:var(--ink-soft)}
.post:hover h3{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}
.chip{display:inline-block;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

.mini{display:grid;grid-template-columns:repeat(9,1fr);width:min(288px,100%);border:3px solid var(--vinyl);background:var(--paper)}
.mini span{aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(7,89,162,.35);font-weight:700;font-size:14px;color:var(--vinyl)}
.mini span:nth-child(3n){border-right:2px solid var(--vinyl)}
.mini span:nth-child(n+19):nth-child(-n+27),.mini span:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--vinyl)}

.form-row{display:flex;flex-wrap:wrap;gap:10px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field label{font-weight:700;font-size:14px}
input[type=email],input[type=text],textarea,select{font:16px var(--body);color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:12px 14px;min-height:48px;width:100%}
input[type=email]{border-radius:999px;padding:0 18px;flex:1 1 220px;width:auto}
textarea{min-height:150px;resize:vertical}
.ok{font-weight:700;background:var(--mellow);color:var(--ink);border:2px solid var(--ink);border-radius:12px;padding:10px 14px}

.insta{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
@media (max-width:700px){.insta{grid-template-columns:repeat(3,minmax(0,1fr))}}

footer.site{background:var(--ink);color:var(--paper);margin-top:40px}
footer.site .wrap{padding-block:34px;display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;align-items:flex-start}
footer.site .sign{font-family:var(--display);font-size:clamp(26px,3vw,34px);color:var(--floss)}
footer.site nav{display:flex;flex-wrap:wrap;gap:8px 20px;font-weight:500}
footer.site nav a{text-decoration:none}
footer.site nav a:hover{text-decoration:underline}
footer.site .small{font-size:13px;opacity:.75;flex-basis:100%}

/* section page */
.banner{color:var(--sf);background:var(--sb)}
.banner .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;padding-block:36px}
.banner h1{font-size:clamp(46px,7vw,92px)}
.banner p{font-size:19px;max-width:44ch;color:var(--sp)}
.banner .stamp{width:72px;height:72px;font-size:30px;background:var(--sf);color:var(--sb)}
@media (max-width:800px){.banner .wrap{grid-template-columns:minmax(0,1fr)}}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.filters button{font:700 14px var(--body);padding:9px 16px;border-radius:999px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;min-height:42px}
.filters button[aria-pressed=true]{background:var(--ink);color:var(--mellow)}
.soon{border:2px dashed var(--ink);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:8px;justify-content:center}

/* article */
.art-head{background:var(--sb);color:var(--sf)}
.art-head .wrap{padding-block:34px;display:flex;flex-direction:column;gap:14px;max-width:920px}
.art-head h1{font-size:clamp(40px,6vw,76px)}
.byline{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--sp)}
.byline .ph{width:52px;height:52px;padding:0;border-width:2px}
.byline .ph b,.byline .ph small{display:none}
.art{max-width:920px}
.art .body{max-width:68ch;display:flex;flex-direction:column;gap:18px;font-size:18px;line-height:1.7}
.art .body h2{font-size:30px;margin-top:14px}
.art .body h3{font-family:var(--body);font-weight:700;font-size:21px;line-height:1.3;margin-top:6px}
.art .body p,.art .body ul,.art .body ol,.art .body table{margin:0}
.art .body ul,.art .body ol{padding-left:22px;display:flex;flex-direction:column;gap:6px}
.art .body a{color:var(--vinyl);font-weight:700}
.art .body table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.45;display:block;overflow-x:auto}
.art .body th,.art .body td{border:2px solid var(--ink);padding:10px 12px;text-align:left;vertical-align:top}
.art .body th{background:var(--mellow)}
.art .body blockquote.takeaway{margin:6px 0}
.art .body blockquote.takeaway p:first-child strong{font-family:var(--display);font-weight:400;font-size:26px;display:block;line-height:1}
.refs{max-width:68ch;font-size:15px;border-top:3px solid var(--ink);padding-top:14px}
.refs h2{font-size:24px;margin-bottom:8px}
.refs ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.refs a{color:var(--vinyl);overflow-wrap:anywhere}

/* layout polish */
.herorow{align-items:stretch}
.herostack{display:flex;flex-direction:column;gap:22px}
.herostack .card{flex:1;justify-content:center}
@media (min-width:901px){
  .herorow .hero .pic,.nlrow .pic{height:100%;aspect-ratio:auto!important}
  .herorow .hero .pic{object-position:30% center}
  .nlrow{align-items:stretch}
  .nlrow form{height:100%;justify-content:center}
  .nlrow .pic{object-position:center 35%;max-height:none}
}
.hdoo{display:inline-block;width:.85em;height:.85em;vertical-align:-.05em;margin-left:.2em;fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.hdoo .f{fill:currentColor;stroke:none}
section.band{padding-block:40px}
.sec-head{margin-bottom:22px}
.posts .post .pic,.posts .post .ph{border:2px solid var(--ink)}
.dz{position:absolute;inset:0;pointer-events:none;z-index:0}
.doodle{position:absolute;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.doodle .f{fill:currentColor;stroke:none}
section.band,.mast,.art{position:relative}
section.band>*:not(.dz),.art>*:not(.dz){position:relative;z-index:1}
@media (max-width:760px){.dz{display:none}}
@media (max-width:1250px){.art .dz{display:none}}
.pic{display:block;width:100%;max-width:100%;height:auto;object-fit:cover;border-radius:14px}
.pic.oval{border-radius:50%}
.pic.framed{border:3px solid var(--ink);border-radius:20px}
.polaroid .pic{border-radius:4px}
.takeaway{background:var(--mellow);border:3px solid var(--ink);border-radius:20px;padding:22px 24px;display:flex;flex-direction:column;gap:10px;max-width:68ch}
.takeaway h3{font-size:26px}
.takeaway ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.faq{max-width:68ch;display:flex;flex-direction:column;gap:10px}
.faq details{border:2px solid var(--ink);border-radius:14px;padding:14px 18px;background:#fff}
.faq summary{font-weight:700;cursor:pointer}
.faq details p{margin-top:8px}
.placeholder-copy{border:2px dashed var(--ink);border-radius:16px;padding:20px;background:#fff;font-size:16px;color:var(--ink-soft)}

/* unladylike of the week */
.uotw{background:var(--vinyl);color:var(--paper);border:3px solid var(--ink);border-radius:26px;padding:clamp(20px,3vw,36px);display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:center}
.uotw h3{font-size:clamp(38px,5vw,60px)}
.uotw blockquote{margin:0;font-size:clamp(18px,1.8vw,21px);line-height:1.6;font-style:italic;max-width:60ch;padding-left:18px;border-left:4px solid var(--mellow)}
.polaroid{background:#fff;padding:12px 12px 8px;border:2px solid var(--ink);transform:rotate(-3deg);display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:6px 8px 0 var(--ink)}
.polaroid .ph{border-radius:4px}
.polaroid .hand{font-size:24px}
@media (max-width:700px){.uotw{grid-template-columns:minmax(0,1fr)}.polaroid{max-width:260px;margin:0 auto}}
.social{border:3px solid var(--ink);border-radius:26px;padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;gap:14px;text-decoration:none;min-width:0}
.social .handle{font-family:var(--display);font-size:clamp(30px,4vw,48px);line-height:1;overflow-wrap:anywhere}
.social p{font-size:17px;max-width:44ch}
.social:hover .btn{transform:translateY(-1px)}
.igtile{aspect-ratio:1;max-width:100%;border-radius:12px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;min-width:0}
.igtile b{font-family:var(--display);font-weight:400;font-size:clamp(14px,1.6vw,20px);line-height:1.05}

/* hall */
.hall{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:28px}
.hall a,.hall div.item{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;text-decoration:none}
.hall .ph{max-width:210px}
.hall h3{font-size:24px}
.hall p{font-size:14px;color:var(--ink-soft)}

/* play */
.sudoku{display:grid;grid-template-columns:repeat(9,1fr);width:min(450px,100%);border:3px solid var(--ink);background:#fff}
.sudoku .c{aspect-ratio:1;border:1px solid rgba(26,20,20,.3);display:grid;place-items:center;font-weight:700;font-size:clamp(16px,3.6vw,22px);min-width:0}
.sudoku .c:nth-child(3n){border-right:2px solid var(--ink)}
.sudoku .c:nth-child(n+19):nth-child(-n+27),.sudoku .c:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--ink)}
.sudoku .given{background:var(--paper)}
.sudoku input{width:100%;height:100%;border:none;text-align:center;font:700 clamp(16px,3.6vw,22px) var(--body);color:var(--vinyl);background:transparent;padding:0;min-height:0;border-radius:0}
.sudoku input.bad{background:#FFD6E2;color:var(--cherry)}
.kp{max-width:760px;display:flex;flex-direction:column;gap:10px}
.kpgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.kpt{min-height:64px;border:2px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink);font:700 clamp(11px,1.9vw,15px)/1.15 var(--body);padding:6px 4px;cursor:pointer;overflow-wrap:anywhere;letter-spacing:.02em}
.kpt[aria-pressed=true]{background:var(--ink);color:var(--mellow)}
.kpt:disabled{opacity:.5;cursor:default}
.kpbar{border:2px solid var(--ink);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;text-align:center}
.kpbar b{font-family:var(--display);font-weight:400;font-size:20px}
.kpbar span{font-weight:700;font-size:14px;letter-spacing:.04em}
.kpfoot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:6px}
.kpfoot b{letter-spacing:.2em;color:var(--hot)}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.qz{max-width:760px;border:3px solid var(--ink);border-radius:22px;background:#fff;padding:clamp(18px,3vw,28px);display:flex;flex-direction:column;gap:14px}
.qzcats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:12px}
.qzcat{min-height:96px;border:2px solid var(--ink);border-radius:16px;font:400 24px/1 var(--display);cursor:pointer;padding:12px}
.qzhead{display:flex;justify-content:space-between;gap:10px;align-items:center}
.qzq{font-family:var(--body);font-weight:700;font-size:clamp(19px,2.2vw,23px);line-height:1.3}
.qzopts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px}
.mbopts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:10px}
.qzopt{min-height:56px;text-align:left;border:2px solid var(--ink);border-radius:14px;background:var(--paper);color:var(--ink);font:500 16px/1.35 var(--body);padding:12px 16px;cursor:pointer}
.qzopt:hover:not(:disabled){background:var(--mellow)}
.qzopt.right{background:#116B09;color:#F4FF1E;opacity:1}
.qzopt.wrong{background:#FF4283;color:#1A1414;opacity:1}
.qzopt:disabled{cursor:default}
.qzwhy{background:var(--paper);border-radius:12px;padding:12px 14px}
.qzend h3,.mbres h3{font-size:clamp(30px,4vw,44px)}
.qzend,.mbres{display:flex;flex-direction:column;gap:10px}
.mbtype{font-family:var(--display);font-size:clamp(56px,9vw,96px);line-height:1;color:var(--hot)}
.mbbar{height:8px;background:var(--paper);border-radius:999px;overflow:hidden}
.mbbar span{display:block;height:100%;background:var(--hot)}
@media (max-width:520px){.kpgrid{gap:6px}.kpt{min-height:56px}}
.status{min-height:24px;font-weight:700}

.prose{max-width:68ch;display:flex;flex-direction:column;gap:14px;font-size:17px}
.prose h2{font-size:28px;margin-top:10px}
.mono{font-family:ui-monospace,Menlo,monospace;background:#fff;border:2px solid var(--ink);border-radius:10px;padding:8px 12px;user-select:all}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.btn:hover{transform:none}}

/* ---------- WordPress additions ---------- */
.admin-bar header.site{top:32px}
@media (max-width:782px){.admin-bar header.site{top:46px}}
@media (max-width:600px){.admin-bar header.site{top:0}}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;left:12px;top:12px;z-index:100000;background:var(--mellow);padding:10px 16px;border:2px solid var(--ink);border-radius:999px;font-weight:700}
.art .body img{max-width:100%;height:auto;border-radius:14px}
.art .body figure{margin:0}
.art .body .wp-block-image img{border:2px solid var(--ink)}
.prose a{color:var(--vinyl);font-weight:700}
.prose ul,.prose ol{padding-left:22px;margin:0;display:flex;flex-direction:column;gap:6px}
.pager{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border:2px solid var(--ink);border-radius:999px;text-decoration:none;font-weight:700}
.pager .page-numbers.current{background:var(--ink);color:var(--mellow)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.err{font-weight:700;background:#FFD6E2;color:var(--cherry);border:2px solid var(--cherry);border-radius:12px;padding:10px 14px}
.search-row{display:flex;gap:10px;flex-wrap:wrap;max-width:560px}
.search-row input[type=search]{font:16px var(--body);border:2px solid var(--ink);border-radius:999px;padding:0 18px;min-height:48px;flex:1 1 220px;background:var(--paper)}

.uotw .eyebrow{color:var(--floss)}
.uotw .polaroid{color:var(--ink)}

/* horoscope */
.zgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:20px}
.zcard{background:var(--zb);border:3px solid var(--ink);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:12px;scroll-margin-top:100px;box-shadow:5px 5px 0 var(--zc)}
.zhead{display:flex;align-items:center;gap:14px}
.zhead h2{font-size:32px;color:var(--ink)}
.zdoo{width:52px;height:52px;flex:none;fill:none;stroke:var(--zc);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.zdoo .f{fill:var(--zc);stroke:none}
.zdates{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--zc)}
.zbody{display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.6}
.zbody p{margin:0}
.zbody strong{color:var(--zc)}
.zcard:target{outline:4px solid var(--mellow);outline-offset:3px}
.zintro{max-width:68ch;font-size:19px;line-height:1.6}
.zpills{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:10px}
.zpills a{border:2px solid var(--ink);border-radius:16px;padding:10px 14px;text-decoration:none;background:#fff;display:flex;flex-direction:column;gap:2px;border-left:8px solid var(--zc)}
.zpills a:hover{background:var(--mellow)}
.zpills b{font-family:var(--display);font-weight:400;font-size:20px;line-height:1}
.zpills small{font-size:12px;color:var(--ink-soft)}
.horo-band{background:var(--berry);color:var(--paper);border:3px solid var(--ink);border-radius:26px;padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:18px}
.horo-band h3{font-size:clamp(30px,3.6vw,44px);color:var(--mellow)}
.horo-band .zpills a{color:var(--ink)}