/* Layout: a local paper's own website — newsprint headlines (Frank Ruhl), friendly sans UI (Assistant), pine/sun/red from the masthead. */
:root{
  --bg:#f4f6f3; --surface:#ffffff; --raise:#ffffff; --fg:#17201c; --muted:#5a6660; --line:#dce2dd;
  --brand:#1f5c4a; --brand-ink:#ffffff; --brand-soft:#e3efe9; --red:#b8352b; --sun:#f2c14e; --sun-ink:#2a2208;
  --ok:#187a42; --sec-lift:0%; --tile-base:var(--paper); --warn:#b45309;
  --paper:#fbfbf7; --ink:#151916;
  --news:"Frank Ruhl Libre","David Libre",Georgia,serif; --mast:"Bellefair",Georgia,serif; --sans:"Assistant","Segoe UI",Arial,sans-serif;
  --r:var(--r-card); --r-card:14px; --r-ctl:999px; --r-img:6px; --h-weight:900; --h-track:-.01em; --shadow:0 1px 2px rgba(20,30,25,.06),0 10px 28px -14px rgba(20,40,30,.28);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#0e1412;--surface:#151d1a;--raise:#1b2521;--fg:#e7ece9;--muted:#9aa7a0;--line:#27332e;--brand:#5fbf9a;--brand-ink:#0b1712;--brand-soft:#1b2d26;--red:#f08a7d;--sec-lift:48%;--tile-base:#151d1a;--shadow:0 1px 2px rgba(0,0,0,.4),0 14px 34px -14px rgba(0,0,0,.7);color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0e1412;--surface:#151d1a;--raise:#1b2521;--fg:#e7ece9;--muted:#9aa7a0;--line:#27332e;--brand:#5fbf9a;--brand-ink:#0b1712;--brand-soft:#1b2d26;--red:#f08a7d;--sec-lift:48%;--shadow:0 1px 2px rgba(0,0,0,.4),0 14px 34px -14px rgba(0,0,0,.7);color-scheme:dark}

*{box-sizing:border-box}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--fg);font:16px/1.6 var(--sans);margin:0}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--surface)}
.site{direction:rtl;min-height:100vh;display:flex;flex-direction:column}
.wrap{max-width:1160px;margin-inline:auto;width:100%;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
a{color:inherit}
h1,h2,h3{text-wrap:balance;margin:0}
p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
a,button,input,select,textarea,label{touch-action:manipulation}
/* controls are not content: no text selection or callout on long-press */
button,.btn,.chip,.opt,.swatch,.tabbar a,.nav a,.pill-tel,.pill-wa,.ideas button,.menu-btn,.hs-ico{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
/* press feedback the moment the finger lands */
.btn,.chip,.opt,.swatch,.pill-tel,.pill-wa,.ideas button,.tabbar a,.hs-ico,.menu-btn,a.card,.sec-strip a{transition:transform 120ms cubic-bezier(.2,.8,.2,1),background-color 120ms,border-color 120ms}
.btn:active,.chip:active,.opt:active,.pill-tel:active,.pill-wa:active,.ideas button:active,.menu-btn:active,.hs-ico:active{transform:scale(.97)}
a.card:active,.sec-strip a:active{transform:scale(.99)}
.tabbar a:active svg{transform:scale(.9)}
@media (hover:hover) and (pointer:fine){
  .nav a:hover{color:var(--fg);background:var(--brand-soft)}
  a.card:hover,.sec-strip a:hover{border-color:var(--brand)}
  .btn:hover{filter:brightness(1.05)}
}
.hs-ico{display:none}
.tabbar{display:none}
.pv-switch{display:none}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px;border-radius:4px}
bdi{white-space:nowrap}
/* browser surfaces carry the design too */
::selection{background:color-mix(in srgb,var(--sun) 55%,transparent);color:var(--fg)}
html{caret-color:var(--brand);accent-color:var(--brand);scrollbar-color:color-mix(in srgb,var(--muted) 45%,transparent) transparent}
a{text-underline-offset:.22em;text-decoration-thickness:1px}
.meta{font:700 12.5px/1.4 var(--sans);color:var(--muted);font-variant-numeric:tabular-nums}
.meta b{color:var(--brand);font-weight:800}
.back{font:800 14px/1 var(--sans);color:var(--brand);text-decoration:none;justify-self:start}
/* newspaper-style lists instead of identical cards */
.newsgrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0 40px;align-items:start}
.lead{display:grid;gap:12px;text-decoration:none;padding-bottom:20px}
.lead h3{font:900 clamp(28px,3.6vw,44px)/1.08 var(--news);letter-spacing:-.01em;text-wrap:balance}
.lead p{font:500 19px/1.5 var(--news);color:var(--muted);max-width:36em}
.rlist{display:grid}
.rlist.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.ritem{display:grid;gap:6px;padding:18px 0;border-top:1px solid var(--line);text-decoration:none;align-content:start}
.ritem h3{font:700 21px/1.25 var(--news);text-wrap:balance}
.ritem p{color:var(--muted);font-size:15.5px;line-height:1.55}
.slist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.srow h3{font-size:20px}
@media (max-width:760px){.newsgrid,.rlist.two,.slist{grid-template-columns:1fr}.lead{border-bottom:0}.lead h3{font-size:30px}}
@media (hover:hover) and (pointer:fine){.lead:hover h3,.ritem:hover h3{text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:3px;text-underline-offset:.18em}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:18px;padding-block:8px}
.logo{display:inline-flex;flex-direction:column;align-items:center;font:400 27px/1 var(--mast);text-decoration:none;color:var(--fg);flex:none}
.logo svg{width:44px;margin-bottom:-4px}
.nav{display:flex;gap:2px;flex-wrap:wrap;align-items:center;min-width:0}
.nav a{padding:7px 10px;border-radius:var(--r-ctl);text-decoration:none;font-weight:700;font-size:15px;color:var(--muted);white-space:nowrap}

.nav a[aria-current="page"]{color:var(--fg);box-shadow:inset 0 -2px var(--brand);border-radius:0}
.nav a.cta-nav{color:var(--sun-ink);background:var(--sun)}
.hsearch{margin-inline-start:auto;display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-ctl);padding:4px 6px 4px 12px;flex:none}
.hsearch input{border:0;background:none;width:150px;padding:4px 6px;outline:none}
.hsearch button{border:0;background:var(--brand);color:var(--brand-ink);border-radius:var(--r-ctl);width:32px;height:32px;display:grid;place-items:center;cursor:pointer}
.hsearch svg{width:16px;height:16px}
.menu-btn{display:none;margin-inline-start:auto;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-ctl);padding:7px 14px;font-weight:800;cursor:pointer}
@media (max-width:1060px){
  .top .wrap{flex-wrap:wrap}
  .menu-btn{display:inline-flex}
  .nav{display:none;order:5;width:100%;padding-bottom:6px}
  .nav.open{display:flex}
  .hsearch{order:4;width:100%;margin-inline-start:0}
  .hsearch input{flex:1;width:auto}
}

/* common */
main{flex:1}
.view{padding-block:36px 64px}
.eyebrow{font:800 13px/1 var(--sans);letter-spacing:.04em;color:var(--brand);display:inline-flex;gap:8px;align-items:center}
.demo-tag{display:inline-block;font:800 11px/1 var(--sans);background:var(--sun);color:var(--sun-ink);padding:4px 7px;border-radius:4px;letter-spacing:.03em;vertical-align:middle}
.verify-tag{display:inline-block;font:800 11px/1 var(--sans);background:transparent;color:var(--warn);border:1px solid var(--warn);padding:3px 6px;border-radius:4px}
.h1{font:900 clamp(32px,4.4vw,52px)/1.08 var(--news)}
.h2{font:900 clamp(26px,3vw,36px)/1.12 var(--news)}
.lede{font-size:19px;color:var(--muted);max-width:40em;margin-top:12px}
.head{margin-bottom:28px;display:grid;gap:10px;max-width:46em}
.btn{display:inline-flex;align-items:center;gap:8px;font:800 16px/1 var(--sans);padding:12px 20px;border-radius:var(--r-ctl);text-decoration:none;border:2px solid var(--brand);cursor:pointer;background:transparent;color:var(--brand)}
.btn.primary{background:var(--brand);color:var(--brand-ink)}
.btn.sun{background:var(--sun);border-color:var(--sun);color:var(--sun-ink)}
.btn.wa{background:#187a42;border-color:#187a42;color:#fff}
.btn.sm{padding:8px 14px;font-size:14px}
.btn svg{width:18px;height:18px}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:8px;min-width:0;text-decoration:none;color:inherit}

.card h3{font:700 21px/1.2 var(--news)}
.card p{color:var(--muted);font-size:15px}
.card .meta{font:700 12px/1 var(--sans);color:var(--muted);margin-top:auto;padding-top:6px}
.band{background:var(--surface);border-block:1px solid var(--line)}
.notice{border:1px solid color-mix(in srgb,var(--sun) 45%,var(--line));background:color-mix(in srgb,var(--sun) 14%,var(--surface));border-radius:var(--r-card);padding:12px 16px;font-size:14px;display:flex;gap:10px;align-items:flex-start}
.notice b{color:var(--fg)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-ctl);padding:7px 14px;font-weight:700;font-size:14px;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.field{display:grid;gap:6px;font-weight:700;font-size:14px}
.field input,.field select,.field textarea{font:500 16px var(--sans);padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--raise);width:100%}
.field textarea{min-height:110px;resize:vertical}
.field .count{font-weight:600;font-size:12px;color:var(--muted);justify-self:end}
.field .err{color:var(--red);font-weight:700;font-size:13px}
.check{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600}
.ok-panel{border:2px solid var(--ok);border-radius:var(--r);padding:18px;background:color-mix(in srgb,var(--ok) 10%,var(--surface));display:grid;gap:10px}

/* contact card (same as the landing page) */
.contact-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:12px}
.contact-card .cr{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;flex-wrap:wrap}
.contact-card .cr:last-child{border:0;padding:0}
.contact-card .cr > span{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:600}
.contact-card .ic{width:20px;height:20px;color:var(--brand)}
.contact-card b{font-size:18px}
.pill-tel{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--brand);font-weight:800;font-size:17px;text-decoration:none;padding:6px 14px;border-radius:var(--r-ctl)}
.pill-tel svg,.pill-wa svg{width:18px;height:18px}
.pill-wa{display:inline-flex;align-items:center;gap:8px;background:#187a42;color:#fff;font-weight:800;font-size:17px;text-decoration:none;padding:8px 14px;border-radius:var(--r-ctl)}

/* home */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
@media (max-width:900px){.hero{grid-template-columns:1fr}}
.cover{background:var(--paper);color:var(--ink);border-radius:3px;box-shadow:var(--shadow);padding:26px;display:grid;gap:12px;transform:rotate(-1deg);text-decoration:none;max-width:520px;justify-self:center;width:100%}
.cover .m{display:flex;flex-direction:column;align-items:center;font:400 56px/1 var(--mast)}
.cover .m svg{width:80px;margin-bottom:-6px}
.cover .ml{display:flex;justify-content:space-between;border-block:1px solid var(--ink);padding:5px 0;font:700 12px/1 var(--sans)}
.cover .hl{font:900 32px/1.08 var(--news)}
.cover .ts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:2px solid var(--ink);padding-top:8px;font:700 13px/1.25 var(--news)}
.cover .open{justify-self:start;font:800 14px/1 var(--sans);background:var(--sun);color:var(--sun-ink);padding:8px 12px;border-radius:var(--r-ctl)}
.stats{display:flex;flex-wrap:wrap;gap:28px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.stats strong{display:block;font:900 32px/1 var(--news);font-variant-numeric:tabular-nums}
.stats span{font-size:14px;color:var(--muted);font-weight:600}
.sec-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width:900px){.sec-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sec-strip a{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:14px;text-decoration:none;display:grid;gap:4px}
.sec-strip a b{font:700 18px/1.2 var(--news)}
.sec-strip a span{font-size:13px;color:var(--muted)}
section.block{padding-block:44px}
.block-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:18px;flex-wrap:wrap}

/* article */
.article{max-width:720px}
.article .body p{font:400 19px/1.7 var(--news);margin-bottom:1em}
.article .dek{font:500 21px/1.45 var(--news);color:var(--muted);margin-top:10px}

/* advertise */
.flat{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:5px}
@media (max-width:760px){.flat{grid-template-columns:repeat(9,minmax(0,1fr))}}
.flat i{aspect-ratio:29/38;border-radius:3px;border:1px solid var(--line);background:var(--surface);position:relative;font:700 10px/1 var(--sans);font-style:normal;color:var(--muted);display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px}
.flat i.ad{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
.flat i.mx{background:linear-gradient(var(--surface) 55%,var(--brand) 55%)}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0;counter-reset:s}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}
.steps li{border-top:3px solid var(--brand);padding-top:12px}
.steps li::before{counter-increment:s;content:counter(s);font:900 28px/1 var(--news);color:var(--brand)}
.steps h3{font:800 18px/1.2 var(--sans);margin-top:6px}
.steps p{font-size:15px;color:var(--muted)}
details.faq{border-bottom:1px solid var(--line);padding:12px 0}
details.faq summary{font-weight:800;cursor:pointer;font-size:17px}
details.faq p{color:var(--muted);margin-top:8px}
.size-card{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:center}
.mini{aspect-ratio:29/38;background:var(--paper);border:1px solid var(--line);position:relative;border-radius:2px}
.mini::before{content:"";position:absolute;inset:8%;background:repeating-linear-gradient(#d6d9d3 0 2px,transparent 2px 7px)}
.mini b{position:absolute;background:var(--brand);inset:auto 8% 8% 8%}

/* designer */
.designer{display:grid;grid-template-columns:400px minmax(0,1fr);gap:28px;align-items:start}
@media (max-width:980px){.designer{grid-template-columns:1fr}.designer .preview-col{order:-1}}
.dpanel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:grid;gap:18px}
.dstep{display:grid;gap:10px}
.dstep > h3{font:800 16px/1.2 var(--sans);display:flex;gap:8px;align-items:center}
.dstep > h3 i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font-size:13px}
.opts{display:grid;gap:8px}
.opts.c3{grid-template-columns:repeat(3,1fr)}.opts.c4{grid-template-columns:repeat(4,1fr)}
.opt{border:2px solid var(--line);border-radius:10px;background:var(--raise);padding:8px;cursor:pointer;display:grid;gap:6px;justify-items:center;font-size:13px;font-weight:700;text-align:center}
.opt[aria-pressed="true"]{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand) inset}
.opt .mini{width:34px}
.swatch{width:36px;height:36px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0}
.swatch[aria-pressed="true"]{box-shadow:0 0 0 3px var(--fg)}
.ideas{display:flex;flex-wrap:wrap;gap:6px}
.ideas button{border:1px solid transparent;background:var(--brand-soft);border-radius:var(--r-ctl);padding:3px 10px;font-size:12px;font-weight:700;color:var(--brand);cursor:pointer}
.drop{border:1.5px solid var(--line);background:var(--bg);border-radius:var(--r-card);padding:12px;display:grid;gap:8px;justify-items:center;text-align:center;font-size:14px;color:var(--muted);cursor:pointer;position:relative}
.drop.over{border-color:var(--brand);background:var(--brand-soft)}
.drop img{max-height:70px;max-width:100%;border-radius:6px}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop .rm{position:relative;z-index:2}
.preview-col{display:grid;gap:18px;position:sticky;top:90px}
@media (max-width:980px){.preview-col{position:static}}
.pv{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:20px;align-items:center}
@media (max-width:600px){.pv{grid-template-columns:1fr;justify-items:center}.pv > div:first-child{width:100%}}
.pv-cap{font:700 13px/1 var(--sans);color:var(--muted);margin-bottom:8px;display:flex;justify-content:space-between}
.npage{background:var(--paper);color:var(--ink);aspect-ratio:260/350;box-shadow:var(--shadow);position:relative;padding:4% 4.5%;display:flex;flex-direction:column;container-type:inline-size;overflow:hidden}
.npage .run{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:1.5cqw;font:700 2.4cqw/1 var(--sans)}
.npage .run b{font:400 4cqw/1 var(--mast)}
.npage .stage{position:relative;flex:1;margin-top:3cqw}
.npage .lines{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw}
.npage .lines div{background:repeating-linear-gradient(#cfd2cc 0 .9cqw,transparent .9cqw 2.6cqw)}
.npage .lines div:first-child{background:linear-gradient(#151916,#151916) top/100% 4cqw no-repeat,repeating-linear-gradient(#cfd2cc 0 .9cqw,transparent .9cqw 2.6cqw) 0 7cqw/100% 100% no-repeat}
.npage .slotbox{position:absolute;display:flex;background:var(--paper);transition:all .35s cubic-bezier(.2,.8,.2,1)}
.phone{background:#101412;border-radius:30px;padding:9px;box-shadow:var(--shadow);width:100%;max-width:190px}
.phone .scr{background:var(--paper);border-radius:22px;overflow:hidden;aspect-ratio:9/18.5;display:flex;flex-direction:column;container-type:inline-size}
.phone .bar{background:#1f5c4a;color:#fff;text-align:center;padding:10px 6px 6px;font:400 17px/1 var(--mast)}
.phone .feed{padding:8px;display:grid;gap:8px}
.phone .feed .fk{height:58px;border-radius:8px;background:repeating-linear-gradient(#e2e4df 0 6px,transparent 6px 12px),#fff;border:1px solid #e2e4df}
/* the ad itself (shared by paper + phone; scales with its container) */
.adx{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;container-type:size;font-family:var(--sans)}
.adx .lab{position:absolute;top:1.6cqh;right:2cqw;font:700 max(7px,2.4cqmin)/1 var(--sans);letter-spacing:.1em;opacity:.7;z-index:2}
.adx .in{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:2.2cqmin;padding:5cqmin;min-height:0}
.adx .biz{line-height:1.02;overflow-wrap:anywhere;font-weight:900}
.adx .hl{font-weight:800;line-height:1.15;overflow-wrap:anywhere}
.adx .tx{line-height:1.3;opacity:.95;overflow-wrap:anywhere}
.adx .ct{display:flex;flex-wrap:wrap;gap:.4em 1em;justify-content:center;font-weight:800}
.adx .lg{max-height:16cqh;max-width:40cqw;object-fit:contain}
.adx .ph{width:100%;min-height:0;flex:1 1 40%;object-position:center}
.adx.t-photo{flex-direction:row}
.adx.t-photo .ph{flex:0 0 45%;width:45%;min-width:0;height:100%}
.adx .ph{min-width:0;min-height:0}
.adx.t-bold .biz{text-transform:none;letter-spacing:-.02em}
.adx.t-bold .in{align-items:flex-start;text-align:right}
.adx.t-bold .ct{justify-content:flex-start}
.adx.t-minimal{outline:2px solid currentColor;outline-offset:-3cqmin}
.adx.t-minimal .in{padding:8cqmin}
.adx.t-minimal .biz{font-family:var(--mast);font-weight:400}
.adx.t-classic .biz{font-family:var(--news)}
.phone .adx{flex:none;aspect-ratio:1.25;border-radius:10px}
.phone .acts{display:flex;gap:4px;justify-content:center;padding:5px}
.phone .acts span{background:#187a42;color:#fff;border-radius:var(--r-ctl);font:800 10px/1 var(--sans);padding:5px 8px}
.send-box{display:grid;gap:10px}
.confirm-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-weight:700;font-size:14px}

/* board, inbox */
.listing{position:relative}
.listing .cat{font:800 12px/1 var(--sans);color:var(--brand)}
.listing .area{font-size:13px;color:var(--muted)}
.inbox-item{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start}
.inbox-item img{width:90px;height:90px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.inbox-item pre{white-space:pre-wrap;font:500 14px/1.5 var(--sans);margin:0}
@media (max-width:600px){.inbox-item{grid-template-columns:1fr}}

/* search */
.big-search{display:flex;gap:8px;max-width:640px}
.big-search input{flex:1;font:600 19px var(--sans);padding:14px 16px;border-radius:var(--r-card);border:2px solid var(--brand);background:var(--raise);min-width:0}
.result{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none}
.result b{font:700 19px/1.25 var(--news)}
.result span{font-size:14px;color:var(--muted)}
.result small{font:800 11px/1 var(--sans);color:var(--brand);letter-spacing:.04em}

/* footer */
footer{background:var(--surface);border-top:1px solid var(--line);padding-block:30px calc(30px + env(safe-area-inset-bottom,0px))}
footer .wrap{display:grid;grid-template-columns:1fr 1fr;gap:28px}
@media (max-width:760px){footer .wrap{grid-template-columns:1fr}}
footer .links{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;font-size:15px}
footer .links a{text-decoration:none;color:var(--muted)}
footer .small{font-size:13px;color:var(--muted);margin-top:10px}
@media (max-width:760px){
  #b-cats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%}
  #b-cats::-webkit-scrollbar{display:none}
  .row:has(> #b-cats) .field{width:100%}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
  .top .wrap{flex-wrap:nowrap;gap:10px}
  .hsearch{display:none}
  .hs-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);margin-inline-start:auto;color:var(--fg)}
  .hs-ico svg{width:20px;height:20px}
  .menu-btn{margin-inline-start:0;min-height:44px}
  .nav.open{overscroll-behavior:contain;position:fixed;top:var(--hdr,61px);inset-inline:0;bottom:calc(66px + env(safe-area-inset-bottom,0px));background:var(--surface);flex-direction:column;align-items:stretch;padding:12px max(16px,env(safe-area-inset-right,0px)) 20px max(16px,env(safe-area-inset-left,0px));overflow:auto;z-index:24;gap:4px}
  .nav.open a{font-size:19px;padding:14px 16px;border-radius:var(--r-card)}
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--surface);border-top:1px solid var(--line);padding:0 max(4px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(4px,env(safe-area-inset-left,0px));direction:rtl}
  .tabbar a{display:grid;justify-items:center;align-content:center;gap:3px;min-height:58px;text-decoration:none;color:var(--muted);font:700 11.5px/1 var(--sans)}
  .tabbar a svg{width:24px;height:24px}
  .tabbar a[aria-current="page"]{color:var(--brand)}
  .tabbar a[aria-current="page"] svg{transform:translateY(-1px)}
  .chip{padding:10px 16px;min-height:42px}
  .btn{min-height:48px}
  .btn.sm{min-height:40px}
  .view{padding-block:24px 40px}
  .h1{font-size:clamp(30px,8.4vw,40px)}
  .lede{font-size:17px}
  .card{padding:16px}
  .stats{gap:18px}
  .field input,.field select,.field textarea{font-size:16px;min-height:48px}
  .cover{transform:none}
  footer .wrap{gap:18px}
  /* designer: a sticky preview above the controls, one view at a time */
  .preview-col{position:sticky;top:var(--hdr,61px);z-index:6;background:var(--bg);padding-block:8px 10px;margin-inline:calc(-1 * max(16px,env(safe-area-inset-left,0px)));padding-inline:max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);gap:8px}
  .pv-switch{display:flex;justify-content:center;gap:6px}
  .pv{display:flex;justify-content:center}
  .pv > div{display:none}
  .pv[data-show="paper"] > div:first-child,.pv[data-show="phone"] > div:last-child{display:block}
  .pv .pv-cap{display:none}
  .npage{height:min(34vh,300px);width:auto;margin-inline:auto}
  .phone{height:min(34vh,300px);width:auto;max-width:none;aspect-ratio:9/18.6}
  .phone .scr{height:100%;aspect-ratio:auto}
  .designer .head .notice{display:none}
}

/* ===== news: front page on desktop (A), app feed on phones (B) ===== */
.art{position:relative;overflow:hidden;display:grid;place-items:center;border-radius:var(--r-img);--tile:color-mix(in oklab,var(--sec) 16%,var(--tile-base,var(--paper)));background:radial-gradient(color-mix(in oklab,var(--sec) 22%,transparent) 1px,transparent 1.4px) 0 0/14px 14px,var(--tile);color:color-mix(in srgb,var(--sec),#fff var(--sec-lift))}
.art svg{stroke-width:2.2}
.art .pgnum{position:absolute;bottom:-.12em;left:.12em;font:400 clamp(60px,9cqw,150px)/1 var(--mast);color:inherit;opacity:.16;pointer-events:none}
.art{container-type:inline-size}
.art svg{width:36%;max-width:140px;height:auto}
.art .pgtag{position:absolute;top:12px;right:12px;font:800 12px/1 var(--sans);background:var(--paper);color:var(--sec);padding:6px 9px;border-radius:var(--r-ctl);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.nt{font-family:var(--news);font-weight:700;text-wrap:balance;margin:0}
.nsec{font:800 13px/1 var(--sans);letter-spacing:.02em;color:color-mix(in srgb,var(--c),#fff var(--sec-lift))}
.ntop{display:flex;justify-content:space-between;align-items:end;gap:16px;border-bottom:3px double var(--fg);padding-bottom:10px;margin-bottom:16px}
.nfilter{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-bottom:26px}
.nfilter::-webkit-scrollbar{display:none}
.nfilter{-webkit-mask-image:linear-gradient(to left,transparent,#000 28px);mask-image:linear-gradient(to left,transparent,#000 28px)}
.nfilter button{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-ctl);padding:9px 15px;font:700 14px/1 var(--sans);color:var(--muted);cursor:pointer;min-height:40px;-webkit-user-select:none;user-select:none}
.nfilter button[aria-pressed="true"]{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.nA a,.nB a{text-decoration:none;color:inherit}
.nA{display:grid;gap:30px}
.nlead{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center}
.nlead .ntext{display:grid;gap:10px;align-content:center}
.nlead .nt{font-size:clamp(32px,3.8vw,48px);font-weight:900;line-height:1.06}
.nlead p{font:500 19px/1.55 var(--news);color:var(--muted);margin:0}
.nlead .art{aspect-ratio:4/3}
.nmore{font:800 14px/1 var(--sans);color:var(--brand);margin-top:4px}
.nsecond{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--fg);padding-top:20px}
.nsecond a{display:grid;gap:8px;align-content:start}
.nsecond .art{aspect-ratio:16/10;margin-bottom:4px}
.nsecond .nt{font-size:21px;line-height:1.22}
.nbrief h2{font:900 18px/1 var(--sans);margin:0;padding-bottom:9px;border-bottom:2px solid var(--fg)}
.nbrief a{display:grid;grid-template-columns:110px 1fr auto;gap:14px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--line)}
.nbrief .nt{font-size:19px}
.nB{display:none}
@media (hover:hover) and (pointer:fine){.nlead:hover .nt,.nsecond a:hover .nt,.nbrief a:hover .nt{text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:3px;text-underline-offset:.18em}}
@media (max-width:760px){
  .news-view{padding-top:0}
  .ntop{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0;padding:0;border:0}
  .nA{display:none}
  .nB{display:grid}
  .nfilter{position:sticky;top:var(--hdr,61px);z-index:5;background:var(--bg);gap:20px;margin:0 calc(-1 * max(16px,env(safe-area-inset-left,0px))) 0;padding:6px max(16px,env(safe-area-inset-left,0px)) 0;border-bottom:1px solid var(--line)}
  .nfilter button{border:0;background:none;border-radius:0;padding:10px 0 12px;font-size:15.5px;font-weight:800;border-bottom:3px solid transparent;min-height:46px}
  .nfilter button[aria-pressed="true"]{background:none;color:var(--fg);border-bottom-color:var(--brand)}
  .nhero{position:relative;display:block;margin:0 calc(-1 * max(16px,env(safe-area-inset-left,0px))) 6px}
  .nhero .art{aspect-ratio:16/10;border-radius:0}
  .nhero .cap{padding:14px 16px 18px;display:grid;gap:8px;justify-items:start;border-bottom:1px solid var(--line)}
  .nhero .nt{font-size:27px;font-weight:var(--h-weight);letter-spacing:var(--h-track);line-height:1.1}
  .nchip{font:800 12.5px/1 var(--sans);color:#fff;padding:5px 8px;border-radius:4px}
  .nrow{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}
  .nrow .art{aspect-ratio:1;border-radius:var(--r-card)}
  .nrow .art svg{width:46%}
  .nrow > div{display:grid;gap:5px;min-width:0}
  .nrow .nt{font-size:18px;line-height:1.28;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .nB .ncover{margin-top:26px;background:var(--paper);color:var(--ink);border-radius:var(--r-card);padding:18px;display:grid;gap:8px;justify-items:center;text-align:center;border:1px solid var(--line)}
  .ncover .m{display:flex;flex-direction:column;align-items:center;font:400 36px/1 var(--mast)}
  .ncover .m svg{width:56px;margin-bottom:-4px}
  .ncover b{font:900 19px/1.25 var(--news)}
  .ncover .meta{color:#5b615c}
  .ncover .go{background:var(--sun);color:var(--sun-ink);font:800 15px/1 var(--sans);padding:12px 20px;border-radius:var(--r-ctl);margin-top:4px}
  .npicks{margin-top:26px}
  .npicks h2{font:900 18px/1 var(--sans);margin:0 0 4px}
  .npicks a{display:grid;gap:4px;padding:13px 0;border-bottom:1px solid var(--line)}
  .npicks .nt{font-size:17px;line-height:1.3}
}

/* contact: one panel — quick call/WhatsApp on top, the message form below */
.cpanel{max-width:860px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.cquick{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 22px;background:var(--brand-soft)}
.cwho{display:flex;gap:12px;align-items:center}
.cwho b{display:block;font:900 22px/1.1 var(--news)}
.cwho span{font-size:14px;color:var(--muted);font-weight:600}
.cav{width:48px;height:48px;border-radius:50%;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font:800 18px/1 var(--sans);flex:none}
.cbtns{display:flex;gap:10px;flex-wrap:wrap}
.cpanel form{padding:6px 22px 22px;display:grid;gap:14px}
.cor{display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:700;font-size:14px;margin-top:14px}
.cor::before,.cor::after{content:"";flex:1;height:1px;background:var(--line)}
.cgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.field .hint{font-weight:500;color:var(--muted);font-size:12.5px}
.cnote{font-size:13px;color:var(--muted)}
@media (max-width:600px){.cgrid{grid-template-columns:1fr}.cquick{padding:18px 16px}.cpanel form{padding:4px 16px 18px}.cbtns{width:100%}.cbtns a{flex:1;justify-content:center}}

/* ===== home ===== */
.intro{padding-block:48px 56px;background:radial-gradient(120% 80% at 85% 0%,color-mix(in srgb,var(--sun) 16%,transparent),transparent 60%),var(--bg)}
.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.intro-text{display:grid;gap:18px;justify-items:start}
.intro-h1{font-size:clamp(40px,6vw,76px);line-height:1.02;letter-spacing:-.015em}
.intro-h1 span{color:var(--brand)}
.intro .lede{margin:0;font-size:clamp(18px,1.8vw,21px);max-width:32em}
.intro-date{margin:0}
.manifest{border-block:1px solid var(--line);background:var(--surface);padding-block:44px}
.manifest-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:44px;align-items:center}
.manifest-quote{font:900 clamp(28px,3.4vw,42px)/1.15 var(--news);margin:0;text-wrap:balance}
.pledges{list-style:none;margin:0;padding:0;display:grid}
.pledges li{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.pledges li:first-child{border-top:0}
.pledges b{font:900 20px/1.2 var(--news);color:var(--brand)}
.pledges span{color:var(--muted)}
.board-teaser{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.listing-mini{display:grid;gap:6px;align-content:start;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);padding:16px;text-decoration:none}
.listing-mini .cat{font:800 12px/1 var(--sans);color:var(--brand)}
.listing-mini b{font:700 19px/1.25 var(--news)}
.listing-mini > span:not(.cat):not(.meta){color:var(--muted);font-size:15px}
.biz-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.block .nA,.block .nB{margin-top:4px}
@media (hover:hover) and (pointer:fine){.listing-mini:hover{border-color:var(--brand)}}
@media (max-width:900px){.intro-grid,.manifest-grid,.biz-grid{grid-template-columns:1fr}.board-teaser{grid-template-columns:repeat(2,minmax(0,1fr))}.intro .cover{order:2}}
@media (max-width:760px){.intro{padding-block:28px 36px}.manifest{padding-block:32px}.pledges li{grid-template-columns:1fr;gap:4px}.board-teaser{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1 * max(16px,env(safe-area-inset-left,0px)));padding-inline:max(16px,env(safe-area-inset-left,0px));scrollbar-width:none}.board-teaser::-webkit-scrollbar{display:none}.listing-mini{flex:0 0 72%;scroll-snap-align:start}.block-head .row{width:100%}}

/* ===== article ===== */
.article-view{padding-top:24px}
.ahead{display:grid;gap:14px;justify-items:start;max-width:980px;margin-top:18px}
.atitle{font-size:clamp(34px,5vw,60px);line-height:1.05;letter-spacing:-.012em;max-width:18em}
.adek{font:500 clamp(19px,2vw,23px)/1.5 var(--news);color:var(--muted);margin:0;max-width:34em}
.abyline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%;padding-block:14px;border-block:1px solid var(--line);margin-top:6px}
.abyline b{display:block;font:800 15px/1.3 var(--sans)}
.abyline .cav{width:40px;height:40px;font-size:18px}
.ashare{margin-inline-start:auto;display:flex;gap:8px}
.ashare svg{width:16px;height:16px}
.ahero{margin:26px 0 0}
.ahero .art{aspect-ratio:21/8;border-radius:var(--r-card)}
.ahero .art svg{width:16%;max-width:150px}
.ahero figcaption{font:600 12.5px/1 var(--sans);color:var(--muted);margin-top:8px}
.agrid{display:grid;grid-template-columns:minmax(0,680px) 280px;gap:56px;margin-top:34px;align-items:start;justify-content:start}
.abody p{font:400 19.5px/1.78 var(--news);margin:0 0 1.05em}
.abody .alead{font-size:22px;line-height:1.65;font-weight:500}
.abody .alead::first-letter{float:right;font-weight:900;font-size:3.3em;line-height:.88;margin:.06em 0 0 .1em;color:var(--brand)}
.asub{font:900 25px/1.2 var(--news);margin:1.6em 0 .55em}
.aquote{margin:1.4em 0;padding:4px 0;border-block:2px solid var(--brand)}
.aquote p{font:700 26px/1.35 var(--news)!important;margin:.5em 0!important;color:var(--fg)}
.aquote cite{display:block;font:700 14px/1 var(--sans);font-style:normal;color:var(--muted);margin-bottom:.8em}
.anote{font:600 14px/1.4 var(--sans)!important;color:var(--muted)}
.aside{position:sticky;top:calc(var(--hdr,70px) + 16px);display:grid;gap:16px}
.afacts{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:18px}
.afacts h2{font:900 18px/1 var(--sans);margin:0 0 10px}
.afacts ul{margin:0;padding:0 18px 0 0;display:grid;gap:8px;font-size:15.5px;line-height:1.5}
.aissue{display:grid;gap:8px;justify-items:center;text-align:center;background:var(--paper);color:var(--ink);border-radius:var(--r-card);padding:20px;text-decoration:none;border:1px solid var(--line)}
.aissue .m{display:flex;flex-direction:column;align-items:center;font:400 32px/1 var(--mast)}
.aissue .m svg{width:52px;margin-bottom:-4px}
.aissue b{font:800 15px/1.3 var(--sans)}
.aissue .go{background:var(--sun);color:var(--sun-ink);font:800 14px/1 var(--sans);padding:10px 16px;border-radius:var(--r-ctl)}
.amore{display:grid;gap:18px;margin-top:56px;padding-top:28px;border-top:3px double var(--fg)}
.agrid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:22px}
.acard{display:grid;gap:8px;align-content:start;text-decoration:none}
.acard .art{aspect-ratio:16/10}
.acard .nt{font-size:20px;line-height:1.25}
@media (hover:hover) and (pointer:fine){.acard:hover .nt{text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:3px;text-underline-offset:.18em}}
@media (max-width:980px){.agrid{grid-template-columns:1fr;gap:28px}.aside{position:static}}
@media (max-width:760px){
  .ahero{margin-inline:calc(-1 * max(16px,env(safe-area-inset-left,0px)))}
  .ahero .art{aspect-ratio:16/10;border-radius:0}.ahero .art svg{width:26%}
  .ahero figcaption{padding-inline:16px}
  .abyline{gap:10px}.ashare{margin-inline-start:0;width:100%}.ashare > *{flex:1;justify-content:center}
  .abody p{font-size:18.5px;line-height:1.75}.abody .alead{font-size:20px}
  .agrid3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1 * max(16px,env(safe-area-inset-left,0px)));padding-inline:max(16px,env(safe-area-inset-left,0px));scrollbar-width:none}
  .agrid3::-webkit-scrollbar{display:none}
  .acard{flex:0 0 74%;scroll-snap-align:start}
}

/* ===== design systems: #2 Jerusalem stone, #3 Morning (tokens only; components never hard-code) ===== */
:root[data-ds="2"]{--bg:#eceae4;--surface:#faf9f6;--raise:#ffffff;--fg:#1b2433;--muted:#5d6470;--line:#d6d2c8;--brand:#1f3a5f;--brand-ink:#ffffff;--brand-soft:#e1e7ef;--red:#9c3d2e;--sun:#c9a227;--sun-ink:#231b02;--paper:#faf9f6;--ink:#1b2433;
  --news:"David Libre","Frank Ruhl Libre",Georgia,serif;--sans:"Rubik","Assistant",Arial,sans-serif;--r-card:4px;--r-ctl:4px;--r-img:2px;--h-weight:700;--h-track:0em}
:root[data-ds="3"]{--bg:#ffffff;--surface:#f5f5f4;--raise:#ffffff;--fg:#0d0d0d;--muted:#565656;--line:#e2e2e0;--brand:#c8221b;--brand-ink:#ffffff;--brand-soft:#fde9e7;--red:#c8221b;--sun:#ffd23f;--sun-ink:#2b2100;--paper:#ffffff;--ink:#0d0d0d;
  --news:"Heebo","Assistant",Arial,sans-serif;--sans:"Heebo","Assistant",Arial,sans-serif;--r-card:10px;--r-ctl:10px;--r-img:8px;--h-weight:900;--h-track:-.025em}
@media (prefers-color-scheme: dark){
  :root[data-ds="2"]:not([data-theme="light"]){--bg:#10151d;--surface:#171e29;--raise:#1d2533;--fg:#e8ebf0;--muted:#9aa3b2;--line:#283244;--brand:#8fb3e0;--brand-ink:#0b1220;--brand-soft:#1a2638;--red:#e08a7d;--sec-lift:48%;--tile-base:#171e29;color-scheme:dark}
  :root[data-ds="3"]:not([data-theme="light"]){--bg:#0b0b0b;--surface:#151515;--raise:#1c1c1c;--fg:#f2f2f2;--muted:#a6a6a6;--line:#2a2a2a;--brand:#ff5a4f;--brand-ink:#1a0000;--brand-soft:#2a1412;--red:#ff6b61;--sec-lift:48%;--tile-base:#151515;color-scheme:dark}
}
:root[data-ds="2"][data-theme="dark"]{--bg:#10151d;--surface:#171e29;--raise:#1d2533;--fg:#e8ebf0;--muted:#9aa3b2;--line:#283244;--brand:#8fb3e0;--brand-ink:#0b1220;--brand-soft:#1a2638;--red:#e08a7d;--sec-lift:48%;--tile-base:#171e29;color-scheme:dark}
:root[data-ds="3"][data-theme="dark"]{--bg:#0b0b0b;--surface:#151515;--raise:#1c1c1c;--fg:#f2f2f2;--muted:#a6a6a6;--line:#2a2a2a;--brand:#ff5a4f;--brand-ink:#1a0000;--brand-soft:#2a1412;--red:#ff6b61;--sec-lift:48%;--tile-base:#151515;color-scheme:dark}
/* heading voice follows the system */
.h1,.h2,.lead h3,.nlead .nt,.atitle,.intro-h1,.manifest-quote{font-weight:var(--h-weight);letter-spacing:var(--h-track)}
:root[data-ds="3"] .intro-h1 span,:root[data-ds="3"] .h1{letter-spacing:-.03em}
:root[data-ds="2"] .btn,:root[data-ds="2"] .chip,:root[data-ds="2"] .nfilter button{letter-spacing:.02em}

/* system switcher (temporary, until one system is chosen) */
.dsbar{direction:rtl;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:6px max(16px,env(safe-area-inset-right,0px)) 6px max(16px,env(safe-area-inset-left,0px));background:var(--fg);color:var(--bg);font:700 13px/1 var(--sans)}
.dsbar span{opacity:.75}
.dsbar button{border:1px solid color-mix(in srgb,var(--bg) 40%,transparent);background:none;color:inherit;border-radius:var(--r-ctl);padding:6px 11px;font:800 13px/1 var(--sans);cursor:pointer;min-height:32px}
.dsbar button[aria-pressed="true"]{background:var(--bg);color:var(--fg)}
.dsbar a{color:inherit;font-weight:800;margin-inline-start:6px}
.dsbar .sep{width:1px;height:18px;background:color-mix(in srgb,var(--bg) 35%,transparent);margin-inline:4px}
.dsbar button[data-accent]{padding:4px;min-width:32px;display:grid;place-items:center}
.dsbar button[data-accent] i{width:18px;height:18px;border-radius:50%;display:block;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--bg) 70%,transparent)}
.dsbar button[data-accent][aria-pressed="true"] i{box-shadow:0 0 0 2px var(--fg),0 0 0 4px var(--bg)}
@media (max-width:760px){.dsbar{gap:4px;font-size:12px}.dsbar button{padding:5px 8px;font-size:12px}}

/* design guide page */
.ds-sec{display:grid;gap:14px;margin-bottom:44px}
.ds-sec > h2{font:var(--h-weight) 26px/1.15 var(--news);letter-spacing:var(--h-track);padding-bottom:8px;border-bottom:1px solid var(--line)}
.sw{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.sw div{border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;background:var(--surface)}
.sw i{display:block;height:64px}
.sw b{display:block;font:800 14px/1.2 var(--sans);padding:8px 10px 0}
.sw code{display:block;font:600 12px/1.4 ui-monospace,Menlo,monospace;color:var(--muted);padding:2px 10px 10px;direction:ltr;text-align:right}
.ts{display:grid;gap:4px}
.ts .rowx{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line)}
.ts .rowx code{font:600 12px/1.4 ui-monospace,Menlo,monospace;color:var(--muted);direction:ltr;text-align:right}
.dsgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.dsbox{border:1px solid var(--line);border-radius:var(--r-card);padding:18px;background:var(--surface);display:grid;gap:12px;align-content:start}
.dsbox h3{font:800 15px/1.2 var(--sans);color:var(--muted);margin:0}
.rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rules div{border-radius:var(--r-card);padding:14px 16px;background:var(--surface);border:1px solid var(--line)}
.rules b{display:block;margin-bottom:4px}
.rules .do b{color:var(--ok)}.rules .dont b{color:var(--red)}
@media (max-width:760px){.dsgrid,.rules{grid-template-columns:1fr}.ts .rowx{grid-template-columns:1fr;gap:4px}}

/* utility bar: breaking news, weather, report, WhatsApp, accessibility */
.util{direction:rtl;display:flex;align-items:center;gap:12px;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--line);padding:5px max(16px,env(safe-area-inset-right,0px)) 5px max(16px,env(safe-area-inset-left,0px));font:700 13px/1 var(--sans);position:relative;z-index:21}
.alert{display:flex;align-items:center;gap:8px;min-width:0;text-decoration:none;color:var(--fg)}
.alert b{background:var(--red);color:#fff;padding:4px 8px;border-radius:var(--r-ctl);flex:none}
.alert span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.util-links{display:flex;align-items:center;gap:14px;margin-inline-start:auto;flex:none}
.util-links a,.util-links button{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;background:none;border:0;padding:6px 0;cursor:pointer;font:inherit;min-height:32px}
.util-links svg{width:17px;height:17px}
.wxchip{color:var(--fg)!important}
.wxchip .wxi svg{width:20px;height:20px}
.a11y{position:absolute;top:100%;left:max(16px,env(safe-area-inset-left,0px));width:min(320px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);padding:16px;display:grid;gap:12px;font-size:15px;z-index:40}
.a11y b{font-size:17px}
.a11y-row{display:grid;gap:6px}
.a11y .seg{display:flex;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-ctl);padding:3px}
.a11y .seg button{flex:1;border:0;background:none;border-radius:var(--r-ctl);padding:8px;font:700 14px var(--sans);cursor:pointer;color:var(--muted)}
.a11y .seg button[aria-pressed="true"]{background:var(--brand);color:var(--brand-ink)}
.a11y-contrast{--muted:var(--fg);--line:color-mix(in srgb,var(--fg) 55%,transparent)}
.a11y-links main a:not(.btn):not(.chip),.a11y-links footer a{text-decoration:underline!important;text-underline-offset:.2em}
.a11y-still *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
@media (max-width:760px){.util-links a span,.util-links button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.util-links{gap:18px}.util-links svg{width:20px;height:20px}.alert span{font-size:12.5px}}
/* static pages */
.prose{max-width:720px;display:grid;gap:12px}
.prose h2{font:var(--h-weight) 23px/1.25 var(--news);margin-top:14px}
.prose p,.prose li{font-size:17px;line-height:1.7}
.prose ul{margin:0;padding:0 20px 0 0;display:grid;gap:6px}
/* weather */
.wx-box{display:grid;gap:18px}
.wx-now{display:grid;grid-template-columns:auto auto 1fr;gap:20px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:22px}
.wx-big svg{width:72px;height:72px;color:var(--sun)}
.wx-t{display:block;font:900 56px/1 var(--sans);font-variant-numeric:tabular-nums}
.wx-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0}
.wx-facts dt{font-size:13px;color:var(--muted)}.wx-facts dd{margin:0;font:800 18px/1.3 var(--sans);font-variant-numeric:tabular-nums}
.wx-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wx-days > div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:16px;display:grid;gap:6px;justify-items:center;text-align:center}
.wx-mid svg{width:36px;height:36px;color:var(--brand)}
.wx-send{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--brand-soft);border-radius:var(--r-card);padding:18px}
.wx-send b{display:block;font:var(--h-weight) 20px/1.2 var(--news)}
@media (max-width:760px){.wx-now{grid-template-columns:auto 1fr}.wx-facts{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.wx-days{grid-template-columns:1fr}.wx-days > div{grid-template-columns:1fr auto auto;justify-items:start;align-items:center;text-align:right}}

/* share bar */
.sharebar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.shb{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:var(--r-ctl);padding:8px 13px;font:700 14px/1 var(--sans);text-decoration:none;cursor:pointer;min-height:40px;-webkit-user-select:none;user-select:none;transition:transform 120ms cubic-bezier(.2,.8,.2,1)}
.shb:active{transform:scale(.96)}
.shb svg{width:17px;height:17px;flex:none}
.shb.wa{background:#187a42;border-color:#187a42;color:#fff}
.shb:disabled{opacity:.6}
.sharebar.compact .shb span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sharebar.compact .shb{padding:8px;min-width:40px;justify-content:center}
.card .sharebar.compact{margin-top:auto;padding-top:8px}
@media (hover:hover) and (pointer:fine){.shb:hover{border-color:var(--brand)}}
.ahead .sharebar{margin-top:-2px}
.wx-share{display:grid;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:18px}
.wx-share b,.wx-install b{display:block;font:var(--h-weight) 20px/1.2 var(--news)}
.wx-install{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--brand);color:var(--brand-ink);border-radius:var(--r-card);padding:18px}
.wx-install span{opacity:.9;font-size:15px}
.wx-install .install-btn{background:var(--brand-ink);color:var(--brand);border-color:var(--brand-ink)}
.install-btn svg{width:18px;height:18px}
.ios-sheet{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.45);display:grid;align-items:end;direction:rtl}
.ios-card{background:var(--surface);color:var(--fg);border-radius:18px 18px 0 0;padding:22px max(16px,env(safe-area-inset-right,0px)) calc(22px + env(safe-area-inset-bottom,0px));display:grid;gap:12px;max-width:560px;margin-inline:auto;width:100%}
.ios-card b{font:var(--h-weight) 22px/1.2 var(--news)}
.ios-card ol{margin:0;padding:0 20px 0 0;display:grid;gap:8px;font-size:17px}
.intro .sharebar{margin-top:-4px}

/* astrology: zodiac wheel on a night sky */
.sky{position:relative;border-radius:var(--r-card);overflow:hidden;background:radial-gradient(80% 60% at 70% 20%,#3a2f86 0%,transparent 60%),radial-gradient(70% 60% at 20% 90%,#1d3a7a 0%,transparent 60%),#0b1030;padding:clamp(12px,3vw,32px);display:grid;place-items:center}
.wheel{position:relative;width:min(560px,100%);aspect-ratio:1;container-type:inline-size}
.wheel-bg{position:absolute;inset:0;width:100%;height:100%}
.wedges path{fill:transparent;stroke:rgba(255,255,255,.08);transition:fill .3s}
.wedges path.on{fill:rgba(255,255,255,.16)}
.sign{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:2px;background:none;border:0;color:rgba(255,255,255,.82);cursor:pointer;padding:6px;border-radius:12px;font:700 clamp(10px,2.6cqw,14px)/1 var(--sans);min-width:44px;min-height:44px;-webkit-user-select:none;user-select:none;transition:color .2s,transform .2s}
.sign svg{width:clamp(22px,7cqw,40px);height:clamp(22px,7cqw,40px)}
.sign[aria-pressed="true"]{color:#ffd76a;transform:translate(-50%,-50%) scale(1.12)}
.sign:focus-visible{outline:2px solid #ffd76a}
.core{position:absolute;inset:34%;display:grid;place-items:center;align-content:center;text-align:center;color:#fff;gap:2px}
.core-g svg{width:clamp(30px,10cqw,64px);height:auto;color:#fff}
.core b{font:var(--h-weight) clamp(26px,8cqw,48px)/1 var(--news)}
.core span:not(.core-g){font:700 clamp(12px,3.4cqw,18px)/1.2 var(--sans);opacity:.9;font-variant-numeric:tabular-nums}
.core-go{margin-top:6px;background:#5b8def;color:#fff;font:800 clamp(11px,2.8cqw,15px)/1 var(--sans);padding:8px 14px;border-radius:999px;text-decoration:none}
.signrow{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:16px 2px 6px;margin-top:4px}
.signrow::-webkit-scrollbar{display:none}
.signrow button{flex:none;display:grid;justify-items:center;gap:6px;background:none;border:0;cursor:pointer;font:700 13px/1 var(--sans);color:var(--muted);padding:0;min-width:58px}
.signrow svg{width:54px;height:54px;padding:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3c5bd6,#1c2a6b);color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.signrow button[aria-pressed="true"] svg{background:radial-gradient(circle at 35% 30%,#7fb0ff,#2f62d8);box-shadow:0 0 0 3px var(--bg),0 0 0 5px #5b8def}
.signrow button[aria-pressed="true"]{color:var(--fg)}
.astro-read{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:22px;display:grid;gap:14px;margin-top:14px;scroll-margin-top:calc(var(--hdr,70px) + 12px)}
.ar-head{display:flex;gap:14px;align-items:center}
.ar-g{width:56px;height:56px;padding:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3c5bd6,#1c2a6b);color:#fff;flex:none}
.ar-text{font:500 20px/1.65 var(--news);margin:0;max-width:40em}
@media (max-width:760px){.sky{margin-inline:calc(-1 * max(16px,env(safe-area-inset-left,0px)));border-radius:0}.sign span{display:none}.core-go{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
h1[tabindex="-1"]:focus{outline:none}

/* ===== one-screen pages (desktop): contact, issues, report, weather, 404 ===== */
.site{min-height:100dvh}
@media (min-width:901px){
  body.fit .view{padding-block:28px 28px}
  body.fit .head{margin-bottom:20px}
  body.fit footer{padding-block:14px}
  body.fit footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
  body.fit footer .logo{font-size:19px!important}
  body.fit footer .small{display:none}
  body.fit footer .links{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:14px}
  body.fit footer .links a:nth-child(-n+10){display:none}
  /* contact: heading + who-to-call on the side, the form beside it */
  .ccols{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:20px 40px;align-items:start}
  .ccols .cpanel{display:contents}
  .ccols .head{grid-column:1;grid-row:1;margin:0;align-self:start}
  .ccols .cquick{grid-column:1;grid-row:2;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-radius:var(--r-card)}
  .ccols .cbtns{flex-direction:column}
  .ccols .cbtns a{justify-content:center}
  .ccols form{grid-column:2;grid-row:1/span 3;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:22px}
  .ccols .cor{display:none}
  .ccols .field textarea{min-height:96px}
}
/* "לא חובה" sits beside its label, not on a line of its own */
.field:has(> .hint){grid-template-columns:auto 1fr;column-gap:8px;align-items:baseline}
.field:has(> .hint) > :not(.hint){grid-column:1/-1}
@media (min-width:901px){
  .fcols{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:20px 40px;align-items:start}
  .fcols .cnote{font-size:13px}
  .fcols .head{margin:0}
  .fcols .prose{max-width:none}
  .fcols form{max-width:none!important}
  .fcols .field textarea{min-height:96px}
}
/* short laptop screens: tighten the one-screen pages a notch more */
@media (min-width:901px) and (max-height:820px){
  body.fit .view{padding-block:18px 18px}
  body.fit .field{gap:4px}
  body.fit .field input,body.fit .field select{padding-block:9px}
  body.fit .cpanel form,body.fit .fcols form,body.fit .ccols form{gap:10px;padding:16px 18px}
  body.fit .cgrid{gap:10px}
  body.fit .field textarea{min-height:72px}
  body.fit .head{margin-bottom:14px}
}
/* ===== designer: design with AI ===== */
.aibox{margin-bottom:24px;border:1px solid var(--line);border-radius:var(--r-card);background:linear-gradient(135deg,var(--brand-soft),var(--surface) 70%);padding:22px;display:grid;gap:18px}
.ai-in{display:grid;gap:12px;max-width:760px}
.aibox h2{font:900 clamp(22px,2.4vw,28px)/1.15 var(--news);display:flex;align-items:center;gap:10px}
.aibox h2 svg{width:26px;height:26px;color:var(--brand)}
.aibox .btn svg{width:18px;height:18px}
.ai-in > p{color:var(--muted);margin:0}
.ai-ex{display:flex;flex-wrap:wrap;gap:8px}
.ai-ex .chip{font-size:13.5px;text-align:start}
#ai-err{color:var(--red);font-weight:700}
.ai-head{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;margin-bottom:12px}
.ai-head b{font:800 17px/1.2 var(--sans)}
.ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ai-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:12px;display:grid;gap:10px;align-content:start}
.ai-card p{font-size:14px;color:var(--muted);margin:0}
.ai-card .btn{justify-self:start}
.ai-pv{display:flex;aspect-ratio:1.45}
.ai-pv .adx{flex:1;border-radius:8px}
.ai-card.sk{min-height:260px;background:linear-gradient(90deg,var(--surface),var(--brand-soft),var(--surface));background-size:200% 100%;animation:aisk 1.2s linear infinite}
@keyframes aisk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.ai-card.sk{animation:none}}
@media (max-width:760px){.aibox{padding:16px}.ai-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:4px}.ai-card{scroll-snap-align:start}}

/* legal: storage notice + consent checkboxes */
.legal-notice{position:fixed;z-index:40;inset-inline:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));max-width:760px;margin-inline:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);padding:14px 16px;display:flex;gap:14px;align-items:center;font-size:14px;line-height:1.5}
.legal-notice p{margin:0;flex:1}
.legal-notice .btn{flex:none;min-height:44px;padding-inline:22px}
@media (max-width:760px){.legal-notice{bottom:calc(74px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:stretch}}
.check.consent{align-items:flex-start;font-weight:500;line-height:1.5}
.check.consent input{margin-top:3px;flex:none;width:18px;height:18px}
.consent-err{color:var(--red);font-weight:700;font-size:14px}
.prose .legal-id{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:12px 16px}
.prose table.legal-t{width:100%;border-collapse:collapse;font-size:15px}
.prose table.legal-t th,.prose table.legal-t td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:start;vertical-align:top}
/* articles inside a section page (e.g. פלילים) */
.sec-arts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-bottom:28px}
.sec-arts a{text-decoration:none;color:inherit}
.sec-arts .nrow{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}
.sec-arts .nrow .art{aspect-ratio:1;border-radius:var(--r-card)}
.sec-arts .nrow .art svg{width:46%}
.sec-arts .nrow .art .pgnum{display:none}
.sec-arts .nrow > div{display:grid;gap:5px;min-width:0;justify-items:start}
.sec-arts .nt{font:var(--h-weight) 19px/1.28 var(--news)}
@media (hover:hover) and (pointer:fine){.sec-arts a:hover .nt{text-decoration:underline;text-decoration-color:var(--sun);text-underline-offset:.18em}}
@media (max-width:760px){.sec-arts{grid-template-columns:1fr}}
/* news filter: the fade belongs at the end of the row (left in RTL), and desktop has room to wrap */
.nfilter{-webkit-mask-image:linear-gradient(to right,transparent,#000 28px);mask-image:linear-gradient(to right,transparent,#000 28px)}
@media (min-width:761px){.nfilter{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none}}
/* ===== accounts ===== */
.acct{order:5;display:inline-flex;align-items:center;gap:7px;color:var(--fg);text-decoration:none;font:800 14px/1 var(--sans);padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-ctl);flex:none;max-width:170px;-webkit-user-select:none;user-select:none}
.acct svg{width:19px;height:19px;flex:none}
.acct span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acct.on{background:var(--brand-soft);border-color:transparent;color:var(--brand)}
.acct[aria-current="page"]{border-color:var(--brand)}
@media (hover:hover) and (pointer:fine){.acct:hover{border-color:var(--brand)}}
@media (max-width:760px){
  .hs-ico{order:1}.acct{order:2;width:44px;height:44px;padding:0;justify-content:center;border-radius:50%}.menu-btn{order:3}
  .acct span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}
.login-dlg{border:0;padding:0;border-radius:var(--r-card);width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);background:var(--surface);color:var(--fg);box-shadow:0 30px 80px rgba(0,0,0,.35);direction:rtl}
.login-dlg::backdrop{background:rgba(10,14,12,.55)}
.lg{display:grid;gap:14px;padding:26px 24px 22px;position:relative}
.lg h2{font:900 26px/1.15 var(--news)}
.lg-sub{color:var(--muted);margin:-6px 0 0}
.lg-ic{width:46px;height:46px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}
.lg-ic svg{width:24px;height:24px}
.lg-x{position:absolute;top:12px;left:12px;width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.lg-x svg{width:20px;height:20px}
.lg-terms{align-items:flex-start;font-weight:500;line-height:1.5}
.lg-terms input{margin-top:3px;width:18px;height:18px;flex:none}
.lg-go{justify-content:center;width:100%}
.lg-fine{font-size:12.5px;color:var(--muted);margin:0}
.lg-code{font:800 26px/1 var(--sans)!important;letter-spacing:.4em;text-align:center}
.lg-demo{background:var(--brand-soft);border-radius:10px;padding:10px 12px;margin:0;font-size:14px}
.lg-demo b{font-size:18px;letter-spacing:.15em}
.lg-row{display:flex;justify-content:space-between;gap:12px}
.linkbtn{background:none;border:0;padding:8px 0;color:var(--brand);font:700 14px var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.lg .err{color:var(--red);font-weight:700;margin:0}
.acct-in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:start}
.acct-why ul{margin:14px 0;padding-inline-start:20px;display:grid;gap:10px;font-size:17px}
.acct-cta{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:24px;display:grid;gap:10px;justify-items:start}
.acct-top{display:flex;gap:16px;align-items:center;margin-bottom:22px}
.acct-av{width:64px;height:64px;border-radius:50%;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font:900 28px/1 var(--news);flex:none}
.acct-demo{background:var(--brand-soft);border-radius:var(--r-card);padding:12px 14px;margin:0 0 20px;font-size:14px}
.acct-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}
.acct-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:20px;display:grid;gap:14px}
.acct-card h2{font:800 18px/1.2 var(--sans)}
.acct-items{list-style:none;margin:0;padding:0;display:grid}
.acct-items li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.acct-items li div{display:grid;gap:3px;min-width:0}
.acct-items b{font-size:16px;overflow-wrap:anywhere}
.acct-empty{color:var(--muted);margin:0}
.st{font:800 12.5px/1 var(--sans);padding:6px 9px;border-radius:999px;flex:none}
.st-new{background:var(--brand-soft);color:var(--brand)}
.st-work{background:color-mix(in srgb,var(--sun) 35%,transparent);color:var(--fg)}
.st-ok{background:color-mix(in srgb,#2f8a4f 18%,transparent);color:color-mix(in srgb,#2f8a4f 75%,var(--fg))}
.st-no{background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--red)}
.acct-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.acct-form .field{flex:1;min-width:180px}
.btn.danger{border-color:var(--red);color:var(--red)}
@media (max-width:760px){.acct-in,.acct-grid{grid-template-columns:1fr}.acct-av{width:52px;height:52px;font-size:22px}}
@media (min-width:761px) and (max-width:1060px){.menu-btn{order:2}.acct{order:3}}
.acct-top bdi,.lg bdi{display:inline-block;direction:ltr;unicode-bidi:isolate}
/* ===== home: our writers ===== */
.wr-feat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.wr-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:18px;display:grid;grid-template-rows:auto 1fr auto;gap:12px;justify-items:start}
.wr-av{width:52px;height:52px;border-radius:50%;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font:900 22px/1 var(--news)}
.wr-tx{display:grid;gap:4px;align-content:start}
.wr-tx h3{font:var(--h-weight) 20px/1.2 var(--news);letter-spacing:var(--h-track)}
.wr-tx b{font:800 13px/1.2 var(--sans);color:var(--brand)}
.wr-tx span{font-size:14.5px;color:var(--muted);line-height:1.4}
.wr-n{font:700 13px/1 var(--sans);color:var(--muted);border-top:1px solid var(--line);padding-top:10px;width:100%;min-height:24px}
.wr-all{margin-top:22px;border-top:1px solid var(--line);padding-top:16px;display:grid;gap:10px}
.wr-all h3{font:800 15px/1.2 var(--sans)}
.wr-all ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px;color:var(--muted)}
.wr-all li b{color:var(--fg)}
.wr-join{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--brand-soft);border-radius:var(--r-card);padding:20px 22px}
.wr-join h3{font:var(--h-weight) 22px/1.2 var(--news)}
.wr-join p{margin:6px 0 0;color:var(--muted);max-width:38em}
.wr-join .btn{white-space:nowrap}
@media (max-width:980px){.wr-feat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.wr-feat{grid-template-columns:1fr}.wr-card{grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:start}.wr-av{grid-row:1/span 2}.wr-n{grid-column:2}.wr-join .btn{white-space:normal;width:100%;justify-content:center}}