/* hamakom-templates tpl.css v0.2.0 - faithful scoped port of the APPROVED mockup
   source of truth: claude-site/assets/claude.css + per-page <style> blocks.
   regenerate with build_tpl_css.py - do not hand-edit drifted copies. */

/* ============ base: claude.css ============ */

/* R2 (GAP-REPORT): the legacy jnews theme roots the page at ~86% (≈13.8px),
   shrinking every rem-derived size ~14% below the approved prototype, which
   assumes the browser-default 16px root. This sheet only loads on pages our
   templates render, so the reset cannot leak into legacy-theme pages. */
html{font-size:16px !important}


.hmk-tpl,.hmk-saved{
  --bg:#faf9f5; --paper:#f3f1ea; --light-gray:#e8e6dc; --mid:#b0aea5;
  --ink:#141413; --ink-2:#3b3a36; --ink-soft:#6b6a63;
  --line:#e3e1d8; --line-2:#d6d4c9;
  --terra:#D97757; --terra-deep:#9C4527; --terra-cta:#C2562F;
  --sage:#788C5D; --sage-deep:#4F5E38; --sage-cta:#5E7344;
  --heather:#8E6FA8; --heather-deep:#5E4476;
  --shadow-border:0 0 0 1px rgba(0,0,0,.06), 0 1px 2px -1px rgba(0,0,0,.06), 0 2px 4px 0 rgba(0,0,0,.04);
  --shadow-border-h:0 0 0 1px rgba(0,0,0,.09), 0 2px 6px -1px rgba(0,0,0,.09), 0 12px 26px 0 rgba(0,0,0,.08);
  --r-card:14px; --r-img:8px; --r-chip:6px; --r-btn:8px;
  --maxw:1120px; --font-head:'Publico Headline Hebrew','Suez One',Georgia,serif; --font-body:'Graphik','IBM Plex Sans Hebrew',system-ui,sans-serif; --font-brand:'HaMakom','IBM Plex Sans Hebrew',sans-serif;
}
.hmk-tpl *{margin:0;padding:0;box-sizing:border-box}
.hmk-tpl{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.hmk-tpl{background:var(--bg);color:var(--ink);font-family:var(--font-body),system-ui,Arial,sans-serif;line-height:1.5}
.hmk-tpl a{color:inherit}
.hmk-tpl h1,.hmk-tpl h2,.hmk-tpl h3,.hmk-tpl h4{text-wrap:balance;font-family:var(--font-head),Georgia,serif;font-weight:800;letter-spacing:-.01em}
.hmk-tpl p,.hmk-tpl li,.hmk-tpl figcaption,.hmk-tpl .card__t,.hmk-tpl .standfirst,.hmk-tpl blockquote{text-wrap:pretty}
/* height:auto חייב לשבת כאן, ולא רק בכללים הפרטניים.
   מאז שהוספנו width/height לתגי ה-img (למניעת קפיצות פריסה), התמונה מקבלת
   את גובהה מהמאפיין. כל כלל שנתן לה width:100% בלי לבטל את הגובה מתח אותה:
   תמונת פתיח 960x540 הוצגה 712x540 - נמתחת לאורך. הכלל כאן סוגר את כל
   המשפחה בבת אחת, כולל מקרים שייווצרו בעתיד.
   הקרופים המכוונים (card__media, reel, avatar וכל השאר) יושבים בספציפיות
   (0,2,1) ומעלה וגוברים עליו. נבדקו 59 כללי גובה - אף אחד לא נפגע. */
.hmk-tpl img{outline:1px solid rgba(0,0,0,.1);outline-offset:-1px;max-width:100%;height:auto}
.hmk-tpl .ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.hmk-tpl .wrap{max-width:var(--maxw);margin:0 auto;padding:24px 22px 56px}
.hmk-tpl .site{background:var(--bg);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-border)}
.hmk-tpl .body{padding:22px}
.hmk-tpl .brandmark{display:inline-block;border-radius:9px;flex:none;line-height:0}
.hmk-tpl .brandmark>img{display:block;width:100%;height:auto;border-radius:7px;outline:0;filter:none}
.hmk-tpl .brandmark--sm{width:52px}
.hmk-tpl .brandmark--lg{width:116px;border-radius:14px}
.hmk-tpl .brandmark--lg>img{border-radius:10px}
.hmk-tpl .brandmark--xl{width:160px;border-radius:18px}
.hmk-tpl .brandmark--xl>img{border-radius:13px}
.hmk-tpl .site::before{content:"";display:block;height:4px;
  background:linear-gradient(to left,var(--terra) 0 33.34%,var(--sage) 33.34% 66.67%,var(--heather) 66.67% 100%)}
.hmk-tpl .mast{display:flex;align-items:center;gap:18px;padding:14px 22px;border-bottom:1px solid var(--line)}
.hmk-tpl .logo{display:flex;align-items:center;gap:11px;font-family:var(--font-head);font-weight:800;font-size:1.22rem;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;text-decoration:none}
.hmk-tpl .nav{display:flex;gap:2px;flex-wrap:wrap}
.hmk-tpl .nav a{font-weight:600;font-size:.95rem;color:var(--ink-2);text-decoration:none;padding:8px 11px;border-radius:7px;position:relative;transition:color .16s ease}
.hmk-tpl .nav a:hover{color:var(--terra-deep)}
.hmk-tpl .nav a::after{content:"";position:absolute;inset-inline:11px;bottom:3px;height:3px;border-radius:2px;background:var(--terra);opacity:0;transition:opacity .16s ease}
.hmk-tpl .nav a:hover::after,.hmk-tpl .nav a.active::after{opacity:1}
.hmk-tpl .nav a.active{color:var(--ink)}
.hmk-tpl .mast__actions{margin-inline-start:auto;display:flex;align-items:center;gap:10px}
.hmk-tpl .icobtn{width:40px;height:40px;border:1px solid var(--line-2);background:var(--bg);border-radius:9px;display:grid;place-items:center;color:var(--ink-2);cursor:pointer;transition:border-color .16s ease, scale .15s ease}
.hmk-tpl .icobtn:hover{border-color:var(--mid)}
.hmk-tpl .icobtn:active{scale:.96}
.hmk-tpl .icobtn svg{width:18px;height:18px}
.hmk-tpl .btn-cta{font-family:var(--font-body);font-weight:700;font-size:.92rem;color:#fff;background:var(--sage-cta);border:0;border-radius:var(--r-btn);padding:0 16px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:filter .16s ease, scale .15s ease;text-decoration:none}
.hmk-tpl .btn-cta:hover{filter:brightness(.95)}
.hmk-tpl .btn-cta:active{scale:.96}
.hmk-tpl .btn-cta--lg{min-height:50px;padding:0 26px;font-size:1.02rem}
.hmk-tpl .btn-line{font-family:var(--font-body);font-weight:700;font-size:.92rem;color:var(--ink);background:var(--bg);border:1px solid var(--line-2);border-radius:var(--r-btn);padding:0 16px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:border-color .16s ease, scale .15s ease;text-decoration:none}
.hmk-tpl .btn-line:hover{border-color:var(--ink-2)}
.hmk-tpl .btn-line:active{scale:.96}
.hmk-tpl .breaking{display:flex;align-items:center;gap:10px;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 22px;font-size:.92rem;font-weight:500;color:var(--ink-2)}
.hmk-tpl .breaking .tag{font-family:var(--font-brand);font-weight:400;font-size:.8rem;letter-spacing:.03em;background:var(--terra-cta);color:#fff;padding:3px 9px;border-radius:5px}
.hmk-tpl .breaking .live{width:8px;height:8px;border-radius:50%;background:var(--terra);animation:hmk-pulse 1.6s ease-in-out infinite;flex:none}
.hmk-tpl .breaking a{text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hmk-tpl .breaking a:hover{text-decoration:underline}
@keyframes hmk-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.hmk-tpl .kicker{font-family:var(--font-brand);font-weight:400;font-size:.86rem;letter-spacing:.02em;color:var(--terra-deep);display:inline-block;margin-bottom:8px}
.hmk-tpl .kicker--green{color:var(--sage-deep)}
.hmk-tpl .kicker--purple{color:var(--heather-deep)}
.hmk-tpl .sec{margin-top:30px}
.hmk-tpl .sec__h{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}
.hmk-tpl .sec__h h2{font-size:1.25rem;color:var(--ink);position:relative;padding-bottom:7px}
.hmk-tpl .sec__h h2::after{content:"";position:absolute;right:0;bottom:0;width:36px;height:3px;border-radius:2px;background:var(--accent,var(--terra))}
.hmk-tpl .sec__h .more{margin-inline-start:auto;font-weight:700;font-size:.85rem;color:var(--accent-deep,var(--terra-deep));text-decoration:none}
.hmk-tpl .sec__h .more:hover{text-decoration:underline}
.hmk-tpl .sec--opinion{--accent:var(--heather);--accent-deep:var(--heather-deep)}
.hmk-tpl .sec--data{--accent:var(--sage);--accent-deep:var(--sage-deep)}
.hmk-tpl .lead{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;align-items:start;padding-bottom:24px;border-bottom:1px solid var(--line)}
.hmk-tpl .lead__media{position:relative;aspect-ratio:16/10;border-radius:var(--r-img);overflow:hidden;background:var(--light-gray)}
.hmk-tpl .lead__media img{width:100%;height:100%;object-fit:cover;display:block}
.hmk-tpl .lead__chip{position:absolute;top:12px;right:12px;font-family:var(--font-brand);font-weight:400;font-size:.82rem;color:#fff;background:var(--terra);border-radius:var(--r-chip);padding:6px 10px}
.hmk-tpl .lead h1{font-size:2.2rem;line-height:1.12;color:var(--ink);margin:2px 0 12px}
.hmk-tpl .lead h1 a{text-decoration:none;color:inherit;transition:color .16s ease}
.hmk-tpl .lead h1 a:hover{color:var(--terra-deep)}
.hmk-tpl .standfirst{background:var(--paper);border-radius:10px;padding:14px 16px;font-size:1.04rem;line-height:1.6;color:var(--ink-2);margin-bottom:14px}
.hmk-tpl .byline{display:flex;align-items:center;gap:9px;font-size:.86rem;color:var(--ink-soft);flex-wrap:wrap}
.hmk-tpl .byline .who{font-family:var(--font-body);font-weight:600;color:var(--ink-2)}
.hmk-tpl .byline .sep{color:var(--line-2)}
.hmk-tpl .byline time{font-variant-numeric:tabular-nums}
.hmk-tpl .cols{display:grid;grid-template-columns:1fr 320px;gap:28px;margin-top:30px}
@media(max-width:860px){.hmk-tpl .cols{grid-template-columns:1fr}}
.hmk-tpl .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hmk-tpl .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:760px){.hmk-tpl .grid4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.hmk-tpl .grid3{grid-template-columns:1fr 1fr}}
.hmk-tpl .card{background:var(--bg);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-border);transition:box-shadow .2s ease, translate .2s ease;cursor:pointer}
.hmk-tpl .card:hover{box-shadow:var(--shadow-border-h);translate:0 -2px}
.hmk-tpl .card__media{aspect-ratio:16/10;overflow:hidden;background:var(--light-gray);position:relative}
.hmk-tpl .card__media img{width:100%;height:100%;object-fit:cover;display:block}
.hmk-tpl .card__b{padding:11px 13px 13px}
.hmk-tpl .card__t{font-size:1.02rem;line-height:1.24;color:var(--ink);margin:5px 0 7px}
.hmk-tpl .card__t a{text-decoration:none;color:inherit;transition:color .16s ease}
.hmk-tpl .card:hover .card__t a{color:var(--terra-deep)}
.hmk-tpl .card__by{font-size:.8rem;color:var(--ink-soft)}
.hmk-tpl .play{position:absolute;inset:0;display:grid;place-items:center}
.hmk-tpl .play span{width:46px;height:46px;border-radius:50%;background:rgba(250,249,245,.92);display:grid;place-items:center;box-shadow:var(--shadow-border)}
.hmk-tpl .play svg{width:18px;height:18px;margin-inline-start:2px;color:var(--terra-deep)}
.hmk-tpl .dur{position:absolute;bottom:8px;left:8px;font-family:var(--font-body);font-size:.72rem;font-weight:600;background:rgba(20,20,19,.8);color:#fff;padding:2px 7px;border-radius:5px}
.hmk-tpl .reels{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);gap:14px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}
.hmk-tpl .reels::-webkit-scrollbar{height:8px}
.hmk-tpl .reels::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px}
.hmk-tpl .reel{position:relative;border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-border);cursor:pointer;background:var(--light-gray);scroll-snap-align:start;transition:box-shadow .2s ease, translate .2s ease}
.hmk-tpl .reel:hover{box-shadow:var(--shadow-border-h);translate:0 -2px}
.hmk-tpl .reel .rm{position:relative;aspect-ratio:9/16}
.hmk-tpl .reel .rm img{width:100%;height:100%;object-fit:cover;display:block;outline:0}
.hmk-tpl .reel .grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,20,19,.82) 0%,rgba(20,20,19,.15) 42%,rgba(20,20,19,0) 70%)}
.hmk-tpl .reel .rt{position:absolute;inset-inline:11px;bottom:11px;color:#fff;font-family:var(--font-head);font-weight:700;font-size:.95rem;line-height:1.18;z-index:2;text-wrap:pretty}
.hmk-tpl .reel .rcat{position:absolute;top:10px;right:10px;z-index:2;font-family:var(--font-body);font-weight:700;font-size:.66rem;color:#fff;background:rgba(20,20,19,.55);padding:3px 8px;border-radius:5px}
@media(max-width:560px){.hmk-tpl .reels{grid-auto-columns:minmax(150px,72%)}}
.hmk-tpl .vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:16px}
@media(max-width:560px){.hmk-tpl .vgrid{grid-template-columns:1fr 1fr}}
.hmk-tpl .noimg{position:relative;display:grid;place-items:center;background:linear-gradient(135deg,var(--terra),var(--sage) 55%,var(--heather))}
.hmk-tpl .noimg img{width:44%;max-width:108px;outline:0;border-radius:6px;mix-blend-mode:normal}
.hmk-tpl .oplist{display:flex;flex-direction:column}
.hmk-tpl .oplist a{display:block;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none}
.hmk-tpl .oplist a:last-child{border-bottom:0}
.hmk-tpl .oplist .ot{font-family:var(--font-head);font-weight:700;font-size:1.02rem;line-height:1.22;color:var(--ink);transition:color .16s ease}
.hmk-tpl .oplist a:hover .ot{color:var(--heather-deep)}
.hmk-tpl .oplist .ob{font-size:.8rem;color:var(--ink-soft);margin-top:4px}
.hmk-tpl .snums{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:14px;margin:24px 0}
@media(max-width:680px){.hmk-tpl .snums{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.hmk-tpl .snums{grid-template-columns:1fr}}
.hmk-tpl .snum{background:var(--ink);color:#fff;border-radius:14px;padding:18px}
.hmk-tpl .snum .n{font-family:var(--font-head);font-size:2.1rem;line-height:1;font-variant-numeric:tabular-nums;color:var(--sc,#fff)}
.hmk-tpl .snum .l{font-size:.85rem;color:rgba(255,255,255,.85);font-weight:600;margin-top:9px}
.hmk-tpl .snum .s{font-size:.76rem;color:rgba(255,255,255,.55);margin-top:3px}
.hmk-tpl .snum--t{--sc:#E8906F}
.hmk-tpl .snum--g{--sc:#A9C088}
.hmk-tpl .snum--h{--sc:#B89BD0}
.hmk-tpl .snum--n{--sc:#fff}
.hmk-tpl .data{border-radius:16px;background:var(--bg);box-shadow:var(--shadow-border);overflow:hidden}
.hmk-tpl .data__grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
@media(max-width:720px){.hmk-tpl .data__grid{grid-template-columns:1fr}}
.hmk-tpl .data__media{position:relative;background:var(--light-gray);min-height:230px}
.hmk-tpl .data__media img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}
.hmk-tpl .data__body{padding:20px}
.hmk-tpl .data__body h3{font-size:1.3rem;color:var(--ink);margin-bottom:6px}
.hmk-tpl .data__body p{font-size:.92rem;color:var(--ink-2);line-height:1.55;margin-bottom:16px}
.hmk-tpl .bars{display:flex;flex-direction:column;gap:11px;margin-bottom:16px}
.hmk-tpl .bar{display:grid;grid-template-columns:84px 1fr auto;align-items:center;gap:10px}
.hmk-tpl .bar .lbl{font-size:.86rem;font-weight:600;color:var(--ink-2)}
.hmk-tpl .bar .track{height:22px;background:var(--light-gray);border-radius:6px;overflow:hidden}
.hmk-tpl .bar .fill{height:100%;border-radius:6px}
.hmk-tpl .bar .val{font-family:ui-monospace,Menlo,monospace;font-size:.82rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.hmk-tpl .bar--t .fill{background:var(--terra)}
.hmk-tpl .bar--g .fill{background:var(--sage)}
.hmk-tpl .bar--h .fill{background:var(--heather)}
.hmk-tpl .field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.hmk-tpl .field label{font-size:.85rem;font-weight:700;color:var(--ink-2)}
.hmk-tpl .field input,.hmk-tpl .field textarea,.hmk-tpl .field select{font-family:var(--font-body);font-size:1rem;color:var(--ink);background:var(--bg);border:1px solid var(--line-2);border-radius:var(--r-btn);padding:11px 13px;width:100%;transition:border-color .16s ease, box-shadow .16s ease}
.hmk-tpl .field input:focus,.hmk-tpl .field textarea:focus,.hmk-tpl .field select:focus{outline:0;border-color:var(--sage-cta);box-shadow:0 0 0 3px rgba(94,115,68,.15)}
.hmk-tpl .field .note{font-size:.78rem;color:var(--ink-soft)}
.hmk-tpl .promo{border-radius:16px;background:var(--ink);color:var(--bg);padding:24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.hmk-tpl .promo h3{font-size:1.3rem;color:#fff}
.hmk-tpl .promo p{color:#cfcdc4;font-size:.92rem;margin-top:4px;max-width:48ch}
.hmk-tpl .promo .btn-cta{margin-inline-start:auto}
.hmk-tpl .foot{border-top:0;background:var(--terra-cta);color:#fff}
.hmk-tpl .foot__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px;padding:28px 22px}
@media(max-width:760px){.hmk-tpl .foot__top{grid-template-columns:1fr 1fr}}
.hmk-tpl .foot h4{font-family:var(--font-body);font-weight:700;font-size:.78rem;letter-spacing:.04em;color:rgba(255,255,255,.72);text-transform:uppercase;margin-bottom:12px}
.hmk-tpl .foot ul{list-style:none}
.hmk-tpl .foot li{margin-bottom:8px}
.hmk-tpl .foot a{font-size:.92rem;color:rgba(255,255,255,.9);text-decoration:none;transition:color .15s ease}
.hmk-tpl .foot a:hover{text-decoration:underline}
.hmk-tpl .foot__top>div:nth-child(2) a:hover{color:#CFE0BC}
.hmk-tpl .foot__top>div:nth-child(3) a:hover{color:#E1D4EE}
.hmk-tpl .foot__top>div:nth-child(4) a:hover{color:#fff}
.hmk-tpl .foot__brand a:hover{color:#CFE0BC}
.hmk-tpl .foot__brand .logo{margin-bottom:10px}
.hmk-tpl .foot__colo{font-size:.9rem;color:rgba(255,255,255,.82);line-height:1.6;max-width:34ch}
.hmk-tpl .foot__bottom{border-top:1px solid rgba(255,255,255,.2);padding:14px 22px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.hmk-tpl .foot__bottom .c{font-size:.8rem;color:rgba(255,255,255,.78)}
.hmk-tpl .foot__bottom .ssig{margin-inline-start:auto;display:flex;gap:6px}
.hmk-tpl .foot__bottom .ssig i{width:18px;height:4px;border-radius:2px;background:rgba(255,255,255,.5)}
.hmk-tpl .reveal{opacity:0;transform:translateY(10px);filter:blur(3px);animation:hmk-rise .5s cubic-bezier(.2,0,0,1) forwards}
.hmk-tpl .reveal:nth-child(2){animation-delay:.07s}
.hmk-tpl .reveal:nth-child(3){animation-delay:.14s}
.hmk-tpl .reveal:nth-child(4){animation-delay:.21s}
.hmk-tpl .reveal:nth-child(5){animation-delay:.28s}
.hmk-tpl .reveal:nth-child(6){animation-delay:.35s}
.hmk-tpl .reveal:nth-child(7){animation-delay:.42s}
@keyframes hmk-rise{to{opacity:1;transform:none;filter:none}}
@media(prefers-reduced-motion:reduce){.hmk-tpl .reveal{animation:none;opacity:1;transform:none;filter:none}
.hmk-tpl .breaking .live{animation:none}}
.hmk-tpl .container{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.hmk-tpl .muted{color:var(--ink-soft)}
.hmk-tpl .center{text-align:center}
.hmk-tpl .pagehero{padding:30px 0 22px;border-bottom:1px solid var(--line)}
.hmk-tpl .pagehero .kicker{margin-bottom:10px}
.hmk-tpl .pagehero h1{font-size:clamp(2rem,5vw,3rem);line-height:1.08;color:var(--ink)}
.hmk-tpl .pagehero p{font-size:1.08rem;color:var(--ink-2);line-height:1.6;max-width:60ch;margin-top:12px}
.hmk-tpl .mtab{position:fixed;bottom:0;inset-inline:0;z-index:60;display:none;
  background:rgba(250,249,245,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-top:1px solid var(--line-2);padding:6px 2px;padding-bottom:calc(6px + env(safe-area-inset-bottom));
  justify-content:space-around;align-items:stretch;box-shadow:0 -3px 14px rgba(0,0,0,.05)}
.hmk-tpl .mtab::before{content:"";position:absolute;top:-1px;inset-inline:0;height:2px;opacity:.85;
  background:linear-gradient(to left,var(--terra) 0 33.3%,var(--sage) 33.3% 66.6%,var(--heather) 66.6%)}
.hmk-tpl .mtab a,.hmk-tpl .mtab button{flex:1;background:none;border:0;font:inherit;color:var(--ink-soft);text-decoration:none;
  display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.64rem;font-weight:600;
  padding:4px 0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hmk-tpl .mtab svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hmk-tpl .mtab a.on,.hmk-tpl .mtab button.on{color:var(--terra-cta)}
@media(max-width:600px){.hmk-tpl .wrap{padding:0 0 78px}
.hmk-tpl .site{border-radius:0;box-shadow:none}
.hmk-tpl .body{padding:16px}
.hmk-tpl .mast{padding:13px 16px}
.hmk-tpl .breaking{padding:10px 16px}
.hmk-tpl .foot__top{padding:24px 16px}
.hmk-tpl .foot__bottom{padding:14px 16px}
.hmk-tpl .mtab{display:flex}
.hmk-tpl .mast .hamb,.hmk-tpl .mast button.icobtn[aria-label="חיפוש"]{display:none}}
@media(max-width:780px){.hmk-tpl .lead{grid-template-columns:1fr;gap:18px}
.hmk-tpl .mast{flex-wrap:wrap}
.hmk-tpl .nav{order:3;flex-basis:100%;overflow-x:auto;flex-wrap:nowrap;gap:0;margin-top:4px;scrollbar-width:none}
.hmk-tpl .nav::-webkit-scrollbar{display:none}
.hmk-tpl .nav a{white-space:nowrap;padding:8px 10px}}
.hmk-tpl{scroll-behavior:smooth}
.hmk-tpl ::selection{background:rgba(217,119,87,.22);color:var(--ink)}
.hmk-tpl :focus-visible{outline:2px solid var(--terra-cta);outline-offset:2px;border-radius:4px}
.hmk-tpl .btn-cta:focus-visible,.hmk-tpl .btn-line:focus-visible,.hmk-tpl .icobtn:focus-visible{outline-offset:3px}
.hmk-tpl .card:focus-within{box-shadow:var(--shadow-border-h);translate:0 -2px}
.hmk-tpl .reel:focus-within{box-shadow:var(--shadow-border-h)}
.hmk-tpl .btn-cta>svg,.hmk-tpl .btn-line>svg{margin-inline-start:-2px}
.hmk-tpl .dur,.hmk-tpl .bar .val,.hmk-tpl .snum .n,.hmk-tpl .byline time{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.hmk-tpl{scroll-behavior:auto}
.hmk-tpl *{scroll-behavior:auto !important}}
.hmk-tpl .mast-date{font-size:.8rem;color:var(--ink-soft);white-space:nowrap;font-variant-numeric:tabular-nums;margin-inline-end:4px}
@media(max-width:920px){.hmk-tpl .mast-date{display:none}}
.hmk-tpl .taxdrawer{position:fixed;inset:0;z-index:300;visibility:hidden;opacity:0;transition:opacity .2s ease}
.hmk-tpl .taxdrawer.open{visibility:visible;opacity:1}
.hmk-tpl .taxdrawer__bg{position:absolute;inset:0;background:rgba(20,20,19,.5)}
.hmk-tpl .taxdrawer__panel{position:absolute;top:0;bottom:0;right:0;width:min(440px,92vw);background:var(--bg);overflow-y:auto;
  padding:20px 22px 44px;transform:translateX(100%);transition:transform .28s cubic-bezier(.2,0,0,1);box-shadow:-12px 0 50px rgba(20,20,19,.25)}
.hmk-tpl .taxdrawer.open .taxdrawer__panel{transform:none}
.hmk-tpl .taxdrawer__head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:4px}
.hmk-tpl .taxdrawer__head .tdh{font-family:var(--font-head);font-size:1.25rem;color:var(--ink)}
.hmk-tpl .taxdrawer__x{width:40px;height:40px;border:1px solid var(--line-2);background:var(--bg);border-radius:9px;cursor:pointer;font-size:1rem;color:var(--ink-2);transition:border-color .15s ease,scale .12s ease}
.hmk-tpl .taxdrawer__x:hover{border-color:var(--ink-2)}
.hmk-tpl .taxdrawer__x:active{scale:.96}
.hmk-tpl .taxgrp{padding:15px 0;border-bottom:1px solid var(--line)}
.hmk-tpl .taxgrp:last-child{border-bottom:0}
.hmk-tpl .taxgrp__h{font-family:var(--font-body);font-weight:700;font-size:.74rem;letter-spacing:.06em;color:var(--terra-deep);margin-bottom:8px;text-transform:uppercase}
.hmk-tpl .taxgrp--2 .taxgrp__h{color:var(--sage-deep)}
.hmk-tpl .taxgrp--3 .taxgrp__h{color:var(--heather-deep)}
.hmk-tpl .taxgrp__l{display:flex;flex-direction:column}
.hmk-tpl .taxgrp__l a{font-family:var(--font-head);font-weight:700;font-size:1.04rem;color:var(--ink);text-decoration:none;padding:7px 0;transition:color .15s ease}
.hmk-tpl .taxgrp__l a:hover{color:var(--terra-deep)}
@media(prefers-reduced-motion:reduce){.hmk-tpl .taxdrawer__panel{transition:none}}
.hmk-tpl .vscroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(370px,380px);gap:20px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x proximity}
.hmk-tpl .vscroll::-webkit-scrollbar{height:10px}
.hmk-tpl .vscroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px}
.hmk-tpl .vscroll .reelw{scroll-snap-align:start}
.hmk-tpl .vscroll .reel .rt{font-size:1.15rem}
@media(max-width:600px){.hmk-tpl .vscroll{grid-auto-columns:minmax(82%,86%)}}
.hmk-tpl .opstories{display:flex;gap:24px;overflow-x:auto;padding:8px 2px 12px;scroll-snap-type:x proximity}
.hmk-tpl .opstories::-webkit-scrollbar{height:7px}
.hmk-tpl .opstories::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px}
.hmk-tpl .opstory{flex:0 0 auto;width:132px;text-align:center;text-decoration:none;scroll-snap-align:start}
.hmk-tpl .opstory .ring{width:96px;height:96px;border-radius:50%;margin:0 auto;padding:3px;background:conic-gradient(from 210deg,var(--terra),var(--heather),var(--sage),var(--terra))}
.hmk-tpl .opstory .av{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--bg);display:block;background:var(--light-gray);outline:0}
.hmk-tpl .opstory .nm{font-family:var(--font-body),sans-serif;font-weight:600;font-size:.84rem;color:var(--ink);margin-top:10px}
.hmk-tpl .opstory .ti{font-family:var(--font-body);font-size:.75rem;color:var(--ink-2);line-height:1.25;margin-top:4px;text-wrap:pretty}
.hmk-tpl .invest{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:start;margin-top:6px}
.hmk-tpl .strips{display:flex;flex-direction:column;gap:16px}
.hmk-tpl .strip{display:grid;align-items:center;text-decoration:none;color:inherit;background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow-border);overflow:hidden;transition:box-shadow .2s ease,translate .2s ease}
.hmk-tpl .strip:hover{box-shadow:var(--shadow-border-h);translate:0 -2px}
.hmk-tpl .strip__media{overflow:hidden;background:var(--light-gray)}
.hmk-tpl .strip__media img{width:100%;height:100%;object-fit:cover;display:block}
.hmk-tpl .strip__b{padding:16px 20px}
.hmk-tpl .strip .kicker{display:inline-block;margin-bottom:7px}
.hmk-tpl .strip__t{font-family:var(--font-head),Georgia,serif;font-weight:700;color:var(--ink);line-height:1.18;margin:0;text-wrap:pretty}
.hmk-tpl .strip__by{font-family:var(--font-body),sans-serif;font-weight:600;font-size:.8rem;color:var(--ink-soft);margin-top:10px}
.hmk-tpl .strip--feat{grid-template-columns:1fr 1fr}
.hmk-tpl .strip--feat .strip__media{aspect-ratio:1/1}
.hmk-tpl .strip--feat .strip__t{font-size:1.5rem}
.hmk-tpl .strip--row{grid-template-columns:1fr 2fr}
.hmk-tpl .strip--row .strip__media{aspect-ratio:4/3}
.hmk-tpl .strip--row .strip__t{font-size:1.12rem}
.hmk-tpl .iside{display:flex;flex-direction:column;gap:20px}
.hmk-tpl .iside__nl{background:var(--ink);border-radius:var(--r-card);padding:22px 22px 24px}
.hmk-tpl .iside__nl .kicker{color:var(--terra)}
.hmk-tpl .iside__nl h3{font-family:var(--font-head),Georgia,serif;font-size:1.32rem;color:#fff;margin:7px 0 6px;line-height:1.15}
.hmk-tpl .iside__nl p{color:#cbc9c0;font-size:.88rem;line-height:1.45;margin:0 0 14px}
.hmk-tpl .nlform{display:flex;gap:8px}
.hmk-tpl .nlform input{flex:1;min-width:0;border:0;border-radius:9px;padding:10px 12px;font-family:var(--font-body);font-size:.9rem}
.hmk-tpl .nlform button{background:var(--terra);color:#fff;border:0;border-radius:9px;padding:10px 16px;font-family:var(--font-body);font-weight:700;cursor:pointer;white-space:nowrap}
.hmk-tpl .iside__mv{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow-border);padding:18px 20px 8px}
.hmk-tpl .iside__mv .kicker{color:var(--sage-deep)}
.hmk-tpl .mvlist{list-style:none;margin:10px 0 0;padding:0}
.hmk-tpl .mvlist li{border-top:1px solid var(--line)}
.hmk-tpl .mvlist li:first-child{border-top:0}
.hmk-tpl .mvlist a{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;padding:12px 0;text-decoration:none;color:inherit}
.hmk-tpl .mv__n{font-family:var(--font-body),sans-serif;font-size:.72rem;font-weight:800;color:#fff;background:var(--terra);
  width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;margin-top:1px;font-variant-numeric:tabular-nums}
.hmk-tpl .mv__t{font-size:.95rem;line-height:1.35;color:var(--ink-2);font-weight:500}
.hmk-tpl .mvlist a:hover .mv__t{color:var(--terra-deep)}
.hmk-tpl .mvlist a:hover .mv__n{background:var(--terra-deep)}
@media(max-width:760px){.hmk-tpl .invest{grid-template-columns:1fr}
.hmk-tpl .strip--feat{grid-template-columns:1fr}
.hmk-tpl .strip--feat .strip__media{aspect-ratio:16/9}}
.hmk-tpl .sec--hot .hotgrid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch;margin-top:6px}
.hmk-tpl .hotfeat{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow-border);overflow:hidden;transition:box-shadow .2s ease,translate .2s ease}
.hmk-tpl .hotfeat:hover{box-shadow:var(--shadow-border-h);translate:0 -2px}
.hmk-tpl .hotfeat__media{aspect-ratio:16/9;overflow:hidden;background:var(--light-gray)}
.hmk-tpl .hotfeat__media img{width:100%;height:100%;object-fit:cover;display:block}
.hmk-tpl .hotfeat__b{padding:15px 18px 17px}
.hmk-tpl .hotfeat__t{font-family:var(--font-head),Georgia,serif;font-weight:700;font-size:1.4rem;line-height:1.18;color:var(--ink);margin:7px 0 9px;text-wrap:pretty}
.hmk-tpl .hotfeat .byline time{font-variant-numeric:tabular-nums}
.hmk-tpl .hotfeed{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow-border);padding:14px 20px 9px;display:flex;flex-direction:column}
.hmk-tpl .hotfeed__h{display:flex;align-items:center;gap:8px;font-family:var(--font-brand),sans-serif;font-size:.85rem;color:var(--terra-deep);padding-bottom:5px}
.hmk-tpl .hotfeed__h .live{position:static;width:8px;height:8px;flex:none}
.hmk-tpl .hotitem{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:baseline;padding:11px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}
.hmk-tpl .hotitem time{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700;color:var(--terra-deep);flex:none;white-space:nowrap}
.hmk-tpl .hotitem .ht{font-size:.98rem;line-height:1.3;color:var(--ink-2)}
.hmk-tpl .hotitem:hover .ht{color:var(--terra-deep)}
@media(max-width:760px){.hmk-tpl .sec--hot .hotgrid{grid-template-columns:1fr}}
.hmk-tpl .sec--hot .hotgrid{display:grid;grid-template-columns:3fr 1fr;gap:26px;align-items:start;margin-top:6px}
.hmk-tpl .hotcards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hmk-tpl .rssbox{background:var(--light-gray);border:1px solid var(--line);border-radius:var(--r-card);padding:15px 18px 6px;align-self:stretch}
.hmk-tpl .rssbox__h{display:flex;align-items:center;gap:8px;font-family:var(--font-brand),sans-serif;font-size:.85rem;color:var(--ink-soft);padding-bottom:4px}
.hmk-tpl .rssbox__h .live{position:static;width:7px;height:7px;flex:none;background:var(--sage)}
.hmk-tpl .rssitem{display:block;padding:10px 0;border-top:1px solid var(--line-2);text-decoration:none;color:inherit}
.hmk-tpl .rssitem:first-of-type{border-top:0}
.hmk-tpl .rss__src{display:block;font-family:var(--font-body);font-size:.7rem;font-weight:700;color:var(--terra-deep);margin-bottom:3px;letter-spacing:.01em}
.hmk-tpl .rss__t{font-size:.9rem;line-height:1.3;color:var(--ink-2)}
.hmk-tpl .rssitem:hover .rss__t{color:var(--ink)}
.hmk-tpl .rssbox__foot{font-size:.68rem;color:var(--ink-soft);padding:9px 0 4px;border-top:1px solid var(--line-2);margin-top:2px}
@media(max-width:760px){.hmk-tpl .sec--hot .hotgrid{grid-template-columns:1fr}
.hmk-tpl .hotcards{grid-template-columns:1fr 1fr}}
@media(min-width:601px){.hmk-tpl .mast{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"ham logo cta" "nav nav nav";align-items:center;column-gap:14px;row-gap:0}
.hmk-tpl .mast__tools{grid-area:ham;justify-self:start;display:flex;align-items:center;gap:8px}
.hmk-tpl .logo{grid-area:logo;justify-self:center}
.hmk-tpl .btn-cta{grid-area:cta;justify-self:end}
.hmk-tpl .mast .nav{grid-area:nav;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px;border-top:1px solid var(--line);margin-top:11px;padding-top:10px}
.hmk-tpl .nav__nl{color:var(--terra-cta)!important;font-weight:700}}
.hmk-tpl .sec--hot .hotcards{display:grid;grid-template-columns:1fr 1fr;gap:2px 26px;align-self:start;align-content:start}
.hmk-tpl .hotq{display:grid;grid-template-columns:78px 1fr;gap:13px;align-items:center;padding:12px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}
.hmk-tpl .hotq:first-child,.hmk-tpl .hotq:nth-child(2){border-top:0}
.hmk-tpl .hotq__im{width:78px;height:58px;border-radius:9px;overflow:hidden;background:var(--light-gray)}
.hmk-tpl .hotq__im img{width:100%;height:100%;object-fit:cover;display:block}
.hmk-tpl .hotq__b{min-width:0}
.hmk-tpl .hotq .kicker{margin-bottom:3px;font-size:.72rem}
.hmk-tpl .hotq__t{font-family:var(--font-head),Georgia,serif;font-weight:700;font-size:1rem;line-height:1.2;color:var(--ink);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hmk-tpl .hotq:hover .hotq__t{color:var(--terra-deep)}
@media(max-width:760px){.hmk-tpl .sec--hot .hotcards{grid-template-columns:1fr}
.hmk-tpl .hotq:nth-child(2){border-top:1px solid var(--line)}}
.hmk-tpl .rssbox{align-self:stretch;display:flex;flex-direction:column}
.hmk-tpl .rssbox__foot{margin-top:auto}
.hmk-tpl .coverflow{position:relative;margin-top:18px}
.hmk-tpl .cf-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;
  scroll-behavior:smooth;padding:14px 0 22px;
  -webkit-overflow-scrolling:touch;scrollbar-width:none}
.hmk-tpl .cf-track::-webkit-scrollbar{display:none}
.hmk-tpl .cf-track::before,.hmk-tpl .cf-track::after{content:"";flex:0 0 max(0px,calc((100% - var(--cf-vw,320px)) / 2 - 20px))}
.hmk-tpl .cf-card{flex:0 0 var(--cf-w,250px);scroll-snap-align:center;text-decoration:none;color:inherit;
  position:relative;display:block;
  transform:scale(.9);opacity:.62;filter:saturate(.92);
  transition:transform .32s cubic-bezier(.22,.61,.36,1),opacity .32s ease,filter .32s ease,box-shadow .2s ease}
.hmk-tpl .cf-card.is-center{transform:scale(1);opacity:1;filter:none;z-index:2}
.hmk-tpl .cf-prev,.hmk-tpl .cf-next{position:absolute;top:calc(50% - 18px);z-index:6;
  width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);
  background:rgba(250,249,245,.94);color:var(--ink);cursor:pointer;
  display:grid;place-items:center;box-shadow:var(--shadow-border);
  transition:filter .16s ease,scale .15s ease,box-shadow .2s ease}
.hmk-tpl .cf-prev:hover,.hmk-tpl .cf-next:hover{filter:brightness(.97);box-shadow:var(--shadow-border-h);scale:1.05}
.hmk-tpl .cf-prev svg,.hmk-tpl .cf-next svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hmk-tpl .cf-prev{right:-6px}
.hmk-tpl .cf-next{left:-6px}
@media(max-width:900px){.hmk-tpl .cf-prev{right:2px}
.hmk-tpl .cf-next{left:2px}}
.hmk-tpl .coverflow[data-cf-ready] .cf-prev[disabled],.hmk-tpl .coverflow[data-cf-ready] .cf-next[disabled]{opacity:.32;cursor:default;box-shadow:var(--shadow-border)}
.hmk-tpl .coverflow--video{--cf-w:230px;--cf-vw:230px}
.hmk-tpl .cf-card--video{border-radius:var(--r-card);overflow:hidden;background:var(--light-gray);
  box-shadow:var(--shadow-border)}
.hmk-tpl .cf-card--video .cf-vm{position:relative;aspect-ratio:9/16}
.hmk-tpl .cf-card--video .cf-vm img{width:100%;height:100%;object-fit:cover;display:block}
.hmk-tpl .cf-card--video .cf-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,20,19,.86) 0%,rgba(20,20,19,.18) 44%,rgba(20,20,19,0) 70%)}
.hmk-tpl .cf-card--video .cf-tag{position:absolute;top:11px;right:11px;z-index:2;
  font-family:var(--font-brand),sans-serif;font-weight:400;font-size:.78rem;letter-spacing:.02em;
  color:#fff;background:rgba(20,20,19,.55);padding:3px 9px;border-radius:var(--r-chip)}
.hmk-tpl .cf-card--video .cf-play{position:absolute;inset:0;display:grid;place-items:center;z-index:2}
.hmk-tpl .cf-card--video .cf-play span{width:54px;height:54px;border-radius:50%;background:rgba(250,249,245,.94);
  display:grid;place-items:center;box-shadow:var(--shadow-border);transition:scale .18s ease}
.hmk-tpl .cf-card--video .cf-play svg{width:22px;height:22px;margin-inline-start:3px;color:var(--terra-deep);fill:currentColor}
.hmk-tpl .cf-card--video:hover .cf-play span{scale:1.08}
.hmk-tpl .cf-card--video .cf-dur{position:absolute;bottom:11px;left:11px;z-index:3;
  font-family:var(--font-body);font-weight:600;font-size:.72rem;font-variant-numeric:tabular-nums;
  background:rgba(20,20,19,.82);color:#fff;padding:2px 8px;border-radius:5px}
.hmk-tpl .cf-card--video .cf-vt{position:absolute;inset-inline:13px;bottom:38px;z-index:2;
  font-family:var(--font-head),Georgia,serif;font-weight:700;font-size:1rem;line-height:1.2;color:#fff;text-wrap:pretty;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hmk-tpl .cf-card--video .cf-watch{position:absolute;inset-inline-end:13px;bottom:13px;z-index:3;
  font-family:var(--font-body);font-weight:700;font-size:.78rem;color:#fff;display:inline-flex;align-items:center;gap:3px}
.hmk-tpl .cf-card--video .cf-watch svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.4}
.hmk-tpl .cf-card--video.is-center{box-shadow:0 0 0 2px var(--terra),var(--shadow-border-h)}
.hmk-tpl .coverflow--story{--cf-w:248px;--cf-vw:248px}
.hmk-tpl .cf-card--story{position:relative;border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-border);
  aspect-ratio:3/4;background:var(--light-gray);display:block}
.hmk-tpl .cf-card--story .cf-bg{position:absolute;inset:0}
.hmk-tpl .cf-card--story .cf-bg>img{width:100%;height:100%;object-fit:cover;display:block}
.hmk-tpl .cf-card--story .cf-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,20,19,.92),rgba(20,20,19,.28) 48%,rgba(20,20,19,.05) 80%)}
.hmk-tpl .cf-card--story .cf-av{position:absolute;left:50%;top:16px;transform:translateX(-50%);z-index:3;
  width:76px;height:76px;border-radius:50%;padding:3px;
  background:conic-gradient(from 210deg,var(--terra),var(--heather),var(--sage),var(--terra))}
.hmk-tpl .cf-card--story .cf-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.92);display:block}
.hmk-tpl .cf-card--story .cf-sb{position:absolute;inset-inline:0;bottom:0;z-index:2;padding:16px 15px 17px;text-align:center;display:flex;flex-direction:column;gap:6px}
.hmk-tpl .cf-card--story .cf-name{font-family:var(--font-body);font-weight:600;font-size:.85rem;color:#fff;opacity:.92}
.hmk-tpl .cf-card--story .cf-st{font-family:var(--font-head),Georgia,serif;font-weight:700;font-size:1.04rem;line-height:1.26;color:#fff;text-wrap:pretty;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hmk-tpl .cf-card--story:hover .cf-st{color:#fff}
.hmk-tpl .cf-card--story.is-center{box-shadow:0 0 0 2px var(--heather),var(--shadow-border-h)}
.hmk-tpl .coverflow--topic{--cf-w:262px;--cf-vw:262px}
.hmk-tpl .cf-card--topic{border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-border);background:var(--bg);display:flex;flex-direction:column}
.hmk-tpl .cf-card--topic .cf-tm{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--light-gray)}
.hmk-tpl .cf-card--topic .cf-tm img{width:100%;height:100%;object-fit:cover;display:block}
.hmk-tpl .cf-card--topic .cf-tb{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}
.hmk-tpl .cf-card--topic .cf-tag{font-family:var(--font-brand),sans-serif;font-weight:400;font-size:.8rem;letter-spacing:.02em;color:var(--terra-deep)}
.hmk-tpl .cf-card--topic .cf-tt{font-family:var(--font-head),Georgia,serif;font-weight:700;font-size:1.06rem;line-height:1.24;color:var(--ink);text-wrap:pretty;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hmk-tpl .cf-card--topic:hover .cf-tt{color:var(--terra-deep)}
.hmk-tpl .cf-card--topic .cf-tby{font-family:var(--font-body);font-weight:600;font-size:.8rem;color:var(--ink-soft)}
.hmk-tpl .cf-card--topic.is-center{box-shadow:0 0 0 2px var(--terra),var(--shadow-border-h)}
.hmk-tpl .cf-rest{max-width:660px;margin:6px auto 0;display:flex;flex-direction:column}
.hmk-tpl .cf-subh{max-width:660px;margin:30px auto 4px;display:flex;align-items:baseline;gap:12px}
.hmk-tpl .cf-subh h2{font-size:1.3rem;color:var(--ink);position:relative;padding-bottom:7px}
.hmk-tpl .cf-subh h2::after{content:"";position:absolute;right:0;bottom:0;width:38px;height:3px;border-radius:2px;background:var(--accent,var(--terra))}
.hmk-tpl .cf-subh .count{margin-inline-start:auto;font-weight:700;font-size:.85rem;color:var(--accent-deep,var(--terra-deep));font-variant-numeric:tabular-nums}
.hmk-tpl .cf-rrow{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center;
  padding:18px 4px;border-top:1px solid var(--line);text-decoration:none;color:inherit;transition:background .16s ease;border-radius:10px}
.hmk-tpl .cf-rrow:first-child{border-top:0}
.hmk-tpl .cf-rrow:hover{background:var(--paper)}
.hmk-tpl .cf-rrow__im{position:relative;width:130px;aspect-ratio:9/16;border-radius:var(--r-img);overflow:hidden;background:var(--light-gray);box-shadow:var(--shadow-border)}
.hmk-tpl .cf-rrow__im img{width:100%;height:100%;object-fit:cover;display:block}
.hmk-tpl .cf-rrow__im .cf-play{position:absolute;inset:0;display:grid;place-items:center}
.hmk-tpl .cf-rrow__im .cf-play span{width:40px;height:40px;border-radius:50%;background:rgba(250,249,245,.94);display:grid;place-items:center;box-shadow:var(--shadow-border)}
.hmk-tpl .cf-rrow__im .cf-play svg{width:16px;height:16px;margin-inline-start:2px;color:var(--terra-deep);fill:currentColor}
.hmk-tpl .cf-rrow__im .cf-dur{position:absolute;bottom:7px;left:7px;font-family:var(--font-body);font-weight:600;font-size:.7rem;font-variant-numeric:tabular-nums;background:rgba(20,20,19,.82);color:#fff;padding:2px 7px;border-radius:5px}
.hmk-tpl .cf-rrow__b{min-width:0;display:flex;flex-direction:column;gap:7px}
.hmk-tpl .cf-rrow__tag{font-family:var(--font-brand),sans-serif;font-weight:400;font-size:.78rem;color:var(--terra-deep)}
.hmk-tpl .cf-rrow__t{font-family:var(--font-head),Georgia,serif;font-weight:700;font-size:1.3rem;line-height:1.22;color:var(--ink);text-wrap:pretty}
.hmk-tpl .cf-rrow:hover .cf-rrow__t{color:var(--terra-deep)}
.hmk-tpl .cf-rrow__by{font-family:var(--font-body);font-weight:600;font-size:.82rem;color:var(--ink-soft)}
.hmk-tpl .cf-orow{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:center;
  padding:20px 4px;border-top:1px solid var(--line);text-decoration:none;color:inherit;transition:background .16s ease;border-radius:10px}
.hmk-tpl .cf-orow:first-child{border-top:0}
.hmk-tpl .cf-orow:hover{background:var(--paper)}
.hmk-tpl .cf-orow__av{width:96px;height:96px;border-radius:50%;padding:3px;flex:none;
  background:conic-gradient(from 210deg,var(--terra),var(--heather),var(--sage),var(--terra))}
.hmk-tpl .cf-orow__av img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--bg);display:block}
.hmk-tpl .cf-orow__b{min-width:0;display:flex;flex-direction:column;gap:6px}
.hmk-tpl .cf-orow__meta{font-family:var(--font-body);font-size:.82rem;color:var(--ink-soft)}
.hmk-tpl .cf-orow__who{font-weight:600;color:var(--heather-deep)}
.hmk-tpl .cf-orow__t{font-family:var(--font-head),Georgia,serif;font-weight:700;font-size:1.34rem;line-height:1.22;color:var(--ink);text-wrap:pretty}
.hmk-tpl .cf-orow:hover .cf-orow__t{color:var(--heather-deep)}
@media(max-width:560px){.hmk-tpl .cf-rrow{grid-template-columns:96px 1fr;gap:14px}
.hmk-tpl .cf-rrow__im{width:96px}
.hmk-tpl .cf-rrow__t{font-size:1.12rem}
.hmk-tpl .cf-orow{grid-template-columns:74px 1fr;gap:14px}
.hmk-tpl .cf-orow__av{width:74px;height:74px}
.hmk-tpl .cf-orow__t{font-size:1.12rem}}
.hmk-tpl .foot{position:relative}
.hmk-tpl .foot::before{content:"";position:absolute;top:0;inset-inline:0;height:4px;
  background:linear-gradient(90deg,var(--terra) 0 33.34%,var(--sage) 33.34% 66.67%,var(--heather) 66.67%)}
.hmk-tpl .foot__top{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;padding:42px 22px 36px}
.hmk-tpl .foot h4{font-family:var(--font-body);font-weight:700;font-size:.72rem;letter-spacing:.09em;
  color:rgba(255,255,255,.55);margin-bottom:15px}
.hmk-tpl .foot li{margin-bottom:11px}
.hmk-tpl .foot a{font-size:.95rem;color:rgba(255,255,255,.92)}
.hmk-tpl .foot a:hover{text-decoration:none;color:#fff;opacity:1}
.hmk-tpl .foot__brand .brandmark{width:60px;margin-bottom:14px}
.hmk-tpl .foot__colo{font-size:.95rem;line-height:1.65;color:rgba(255,255,255,.9);max-width:36ch}
.hmk-tpl .foot__bottom{border-top:1px solid rgba(255,255,255,.18);padding:18px 22px;align-items:center}
.hmk-tpl .foot__bottom .c{font-size:.82rem;color:rgba(255,255,255,.72)}
.hmk-tpl .foot__bottom .ssig{margin-inline-start:auto;gap:5px}
.hmk-tpl .foot__bottom .ssig i{width:22px;height:4px;border-radius:2px}
.hmk-tpl .foot__bottom .ssig i:nth-child(1){background:var(--terra)}
.hmk-tpl .foot__bottom .ssig i:nth-child(2){background:var(--sage)}
.hmk-tpl .foot__bottom .ssig i:nth-child(3){background:var(--heather)}
.hmk-tpl .foot__bottom .ssig i:nth-child(n+4){background:rgba(255,255,255,.45)}
.hmk-tpl .topicchips{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.hmk-tpl .topicchip{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:999px;
  background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink-2);
  font-family:var(--font-body);font-size:.92rem;font-weight:600;transition:border-color .16s ease,color .16s ease,translate .16s ease}
.hmk-tpl .topicchip:hover{border-color:var(--terra);color:var(--terra-deep);translate:0 -1px}
.hmk-tpl .topicchip .n{font-family:var(--font-body);font-size:.72rem;font-weight:700;color:var(--terra);
  background:var(--paper);border-radius:999px;padding:1px 7px;font-variant-numeric:tabular-nums}
.hmk-tpl .topicchip:hover .n{background:var(--terra);color:#fff}
.hmk-tpl .pager{display:flex;justify-content:center;align-items:center;gap:6px;margin:32px 0 4px;flex-wrap:wrap}
.hmk-tpl .pager a,.hmk-tpl .pager span{min-width:38px;height:38px;display:grid;place-items:center;padding:0 12px;border-radius:9px;
  border:1px solid var(--line);background:var(--card);color:var(--ink-2);text-decoration:none;
  font-family:var(--font-body);font-size:.92rem;font-weight:600;transition:border-color .15s ease,color .15s ease}
.hmk-tpl .pager a:hover{border-color:var(--terra);color:var(--terra-deep)}
.hmk-tpl .pager .cur{background:var(--terra);border-color:var(--terra);color:#fff}
.hmk-tpl .pager .dots{border:0;background:none;min-width:auto;padding:0 4px}

/* ============ SINGLE · standard (investigation/generic) - article.html ============ */

.hmk-tpl .ahead{max-width:46em;margin:8px auto 0;padding-top:6px;text-align:right}
.hmk-tpl .ahead h1{font-size:clamp(1.9rem,4.4vw,2.7rem);line-height:1.1;color:var(--ink);margin:8px 0 14px}
.hmk-tpl .ahead .dek{font-size:1.12rem;line-height:1.6;color:var(--ink-2);margin-bottom:18px}
.hmk-tpl .ahead__by{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.88rem;color:var(--ink-soft);
    padding-top:14px;border-top:1px solid var(--line)}
.hmk-tpl .ahead__by .who{font-weight:700;color:var(--ink-2)}
.hmk-tpl .ahead__by .sep{color:var(--line-2)}
.hmk-tpl .ahead__by time{font-variant-numeric:tabular-nums}
.hmk-tpl .ahead__share{margin-inline-start:auto;display:flex;gap:8px}
.hmk-tpl .ahead__share .icobtn{width:36px;height:36px}
.hmk-tpl .artfeat{margin:22px auto 0;max-width:60em}
.hmk-tpl .artfeat__img{position:relative;aspect-ratio:16/10;border-radius:var(--r-img);overflow:hidden;background:var(--light-gray)}
.hmk-tpl .artfeat__img img{width:100%;height:100%;object-fit:cover;display:block}
.hmk-tpl .artfeat figcaption{font-size:.84rem;color:var(--ink-soft);line-height:1.5;margin-top:9px;text-align:right}
.hmk-tpl .artfeat figcaption .cred{color:var(--mid);font-weight:600}
.hmk-tpl .prose{max-width:38em;margin:26px auto 0;text-align:right;direction:rtl}
.hmk-tpl .prose p{font-family:var(--font-body);font-size:1.08rem;line-height:1.7;color:var(--ink-2);margin-bottom:1.15em;text-align:right}
.hmk-tpl .prose h2,.hmk-tpl .prose h3{color:var(--ink);margin:1.6em 0 .5em;line-height:1.18}
.hmk-tpl .prose h2{font-size:1.5rem}
.hmk-tpl .prose h3{font-size:1.22rem}
.hmk-tpl .prose p.first::first-letter{font-family:var(--font-head);font-weight:800;font-size:3.1em;float:right;line-height:.82;
    margin:.06em .14em 0 .12em;color:var(--terra-deep)}
.hmk-tpl .pquote{margin:1.6em 0;padding:6px 0 6px 6px;position:relative}
.hmk-tpl .pquote p{font-family:var(--font-head);font-weight:800;font-size:1.38rem;line-height:1.32;color:var(--ink);
    margin-bottom:.35em;letter-spacing:-.01em}
.hmk-tpl .pquote .mark{font-family:var(--font-head);color:var(--terra);font-size:2.4rem;line-height:1;
    display:block;margin-bottom:-.1em}
.hmk-tpl .pquote cite{display:block;font-style:normal;font-size:.86rem;font-weight:700;color:var(--ink-soft)}
.hmk-tpl .findings{max-width:38em;margin:28px auto 0;background:var(--bg);border-radius:var(--r-card);
    box-shadow:var(--shadow-border);overflow:hidden}
.hmk-tpl .findings__hd{border-top:3px solid var(--terra);padding:16px 18px 0}
.hmk-tpl .findings__hd .kicker{margin-bottom:4px}
.hmk-tpl .findings__hd h2{font-size:1.18rem;color:var(--ink)}
.hmk-tpl .findings ul{list-style:none;padding:12px 18px 18px;margin:0}
.hmk-tpl .findings li{position:relative;padding-right:22px;margin-bottom:11px;font-size:1rem;line-height:1.55;color:var(--ink-2)}
.hmk-tpl .findings li:last-child{margin-bottom:0}
.hmk-tpl .findings li::before{content:"";position:absolute;right:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--terra)}
.hmk-tpl .findings li b{color:var(--ink);font-variant-numeric:tabular-nums}
.hmk-tpl .authors{max-width:38em;margin:30px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:620px){.hmk-tpl .authors{grid-template-columns:1fr}}
.hmk-tpl .abio{display:flex;gap:12px;align-items:flex-start;background:var(--bg);border-radius:var(--r-card);
    box-shadow:var(--shadow-border);padding:14px}
.hmk-tpl .abio__av{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;
    font-family:var(--font-head);font-weight:800;font-size:1.05rem;color:#fff;outline:0}
.hmk-tpl .abio__av img{outline:0}
.hmk-tpl .abio__av--t{background:var(--terra)}
.hmk-tpl .abio__av--h{background:var(--heather)}
.hmk-tpl .abio__n{font-family:var(--font-head);font-weight:800;font-size:1rem;color:var(--ink);margin-bottom:3px}
.hmk-tpl .abio__r{font-size:.82rem;color:var(--ink-soft);line-height:1.5}
.hmk-tpl .dos{max-width:var(--maxw);margin:0 auto;padding:34px 22px 10px}
.hmk-tpl .dos__kick{font-family:var(--font-brand);color:var(--terra-deep);font-size:.9rem}
.hmk-tpl .dos__h{font-family:var(--font-head);font-weight:900;font-size:2.55rem;line-height:1.1;letter-spacing:-.015em;margin:.35em 0 .2em}
.hmk-tpl .dos__dek{font-size:1.18rem;line-height:1.5;color:var(--ink-2)}
.hmk-tpl .dos__by{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:.9rem;color:var(--ink-soft);margin-top:14px;padding-bottom:8px}
.hmk-tpl .dos__by b{color:var(--ink-2)}
.hmk-tpl .dos__by a{color:inherit;text-decoration:none}
.hmk-tpl .dos__av{width:26px;height:26px;flex:none;display:inline-flex}
.hmk-tpl .dos__av img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.hmk-tpl .dos__av .hmk-avr{display:block}
.hmk-tpl .dosgrid{max-width:var(--maxw);margin:0 auto;padding:6px 22px 40px;display:grid;grid-template-columns:1fr 314px;gap:46px;align-items:start}
.hmk-tpl .dosgrid--full{grid-template-columns:1fr}
.hmk-tpl .dosbody figure{margin:0 0 18px}
.hmk-tpl .dosbody figure img{width:100%;border-radius:12px;display:block}
.hmk-tpl .dosbody figcaption{font-size:.8rem;color:var(--ink-soft);margin-top:7px}
.hmk-tpl .dosbody .prose p{font-size:1.12rem;line-height:1.75;margin:0 0 1.15em;color:var(--ink)}
.hmk-tpl .dosseal{margin:0 0 26px;border:1px solid var(--terra);border-radius:12px;overflow:hidden}
.hmk-tpl .dosseal__h{background:var(--terra);color:#fff;font-family:var(--font-brand);font-size:.86rem;padding:8px 15px}
.hmk-tpl .dosseal ul{margin:0;padding:14px 18px;list-style:none;display:grid;gap:11px}
.hmk-tpl .dosseal li{position:relative;padding-inline-start:20px;font-weight:600;line-height:1.45}
.hmk-tpl .dosseal li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:8px;height:8px;background:var(--terra-deep);border-radius:2px}
.hmk-tpl .evrail{position:sticky;top:16px;display:grid;gap:20px}
.hmk-tpl .evcard{border:1px solid var(--line-2);border-radius:12px;background:#fbfaf6;overflow:hidden}
.hmk-tpl .evcard__h{font-family:var(--font-brand);font-size:.78rem;letter-spacing:.04em;color:var(--terra-deep);padding:11px 14px 0}
.hmk-tpl .evnums{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;padding:12px 8px 14px;gap:6px}
.hmk-tpl .evnums b{display:block;font-family:var(--font-head);font-size:1.9rem;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}
.hmk-tpl .evnums span{font-size:.72rem;color:var(--ink-soft)}
.hmk-tpl .evtl{padding:6px 16px 14px;list-style:none;margin:0}
.hmk-tpl .evtl li{position:relative;padding:0 20px 15px 0;border-inline-start:2px solid var(--line-2);margin-inline-start:5px}
.hmk-tpl .evtl li:last-child{border-color:transparent;padding-bottom:0}
.hmk-tpl .evtl li::before{content:"";position:absolute;inset-inline-start:-6px;top:2px;width:10px;height:10px;border-radius:50%;background:var(--terra);border:2px solid #fbfaf6}
.hmk-tpl .evtl time{display:block;font-weight:800;font-size:.82rem;font-variant-numeric:tabular-nums;color:var(--ink)}
.hmk-tpl .evtl span{font-size:.85rem;color:var(--ink-2);line-height:1.35}
.hmk-tpl .evdocs{display:flex;flex-wrap:wrap;gap:7px;padding:4px 14px 16px}
.hmk-tpl .evdocs a{font-size:.8rem;text-decoration:none;color:var(--ink-2);background:var(--paper);border:1px solid var(--line-2);border-radius:20px;padding:5px 11px}

/* כרטיס ראיות כבלוק מיושר (29.07.2026).
   עד כה מספרי המפתח, ציר הזמן והמסמכים ישבו רק ב-aside.evrail - חריץ קבוע
   בתבנית, שהכתב לא שולט בו. כבלוק עם align הם צפים לצד הטקסט והוא עוטף
   אותם, בדיוק כמו תמונה מיושרת. אותן מחלקות evcard, ולכן אותו עיצוב.
   הרוחב 314 זהה לעמודת הסרגל, כדי ששתי הדרכים ייראו זהות. */
.hmk-tpl .hmk-evb{max-width:100%;margin:8px 0 20px}
.hmk-tpl .hmk-evb.alignright{float:right;width:314px;margin-inline-start:28px;margin-inline-end:0}
.hmk-tpl .hmk-evb.alignleft{float:left;width:314px;margin-inline-end:28px;margin-inline-start:0}
.hmk-tpl .hmk-evb.alignwide,.hmk-tpl .hmk-evb.alignfull{float:none;width:100%;margin-inline:0}
/* כרטיס מיושר ברוחב מלא מקבל מספרים גדולים יותר - יש מקום. */
.hmk-tpl .hmk-evb.alignwide .evnums,.hmk-tpl .hmk-evb.alignfull .evnums{padding:16px 12px 18px}
/* הפסקה שאחרי הכרטיס לא נדחקת מתחתיו כשהוא קצר מהטקסט. */
.hmk-tpl .prose>h2,.hmk-tpl .dosbody>h2{clear:both}
/* במסך צר הצפה מוחצת את הטקסט לעמודה של שתי מילים. */
@media(max-width:700px){
.hmk-tpl .hmk-evb.alignright,.hmk-tpl .hmk-evb.alignleft{float:none;width:100%;margin-inline:0}
}
@media(max-width:860px){.hmk-tpl .dosgrid{grid-template-columns:1fr}
.hmk-tpl .evrail{position:static}
.hmk-tpl .dos__h{font-size:2rem}}

/* ============ SINGLE · opinion - article-opinion.html ============ */

.hmk-tpl .opstrip{background:var(--ink);color:#fff;text-align:center;font-family:var(--font-brand);
  font-size:.82rem;letter-spacing:.06em;padding:9px;margin:-22px -22px 0}
.hmk-tpl .ophero{max-width:640px;margin:0 auto;text-align:center;padding:44px 24px 8px}
.hmk-tpl .ophero__av{width:118px;height:118px;border-radius:50%;margin:0 auto 18px;overflow:hidden;
  border:3px solid var(--bg);box-shadow:0 0 0 2px var(--heather)}
.hmk-tpl .ophero__av img{width:100%;height:100%;object-fit:cover;display:block}
.hmk-tpl .ophero>a{display:block;width:max-content;margin:0 auto 18px}
.hmk-tpl .ophero .hmk-avr{display:block;background:var(--heather)}
.hmk-tpl .ophero__nm{font-family:var(--font-head);font-weight:900;font-size:1.9rem;color:var(--ink)}
.hmk-tpl .ophero__nm a{color:inherit;text-decoration:none}
.hmk-tpl .ophero__role{font-family:var(--font-brand);font-size:.86rem;color:var(--heather-deep);margin-top:4px}
.hmk-tpl .ophero__h{font-family:var(--font-head);font-weight:800;font-size:2.35rem;line-height:1.18;
  letter-spacing:-.01em;margin:26px 0 0;text-wrap:balance}
.hmk-tpl .opbody{max-width:33em;margin:0 auto;padding:26px 24px 10px 34px;border-inline-start:3px solid var(--heather)}
.hmk-tpl .oplead{font-family:var(--font-head);font-style:italic;font-weight:500;font-size:1.5rem;
  line-height:1.5;color:var(--ink-2);margin:0 0 1em}
.hmk-tpl .opbody p{font-size:1.16rem;line-height:1.8;margin:0 0 1.15em;color:var(--ink)}
.hmk-tpl .opbody strong{color:var(--ink);font-weight:700}
.hmk-tpl .opbody a{color:var(--heather-deep);text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1px;transition:color .16s ease}
.hmk-tpl .opbody a:hover{color:var(--ink)}
.hmk-tpl .opsig{max-width:33em;margin:8px auto 0;padding:20px 34px;color:var(--ink-soft);font-size:.95rem}
.hmk-tpl .opsig b{font-family:var(--font-head);color:var(--ink);font-size:1.05rem}
@media(max-width:640px){.hmk-tpl .ophero__h{font-size:1.7rem}}
@media(max-width:600px){.hmk-tpl .opstrip{margin:-16px -16px 0}}

/* ============ SINGLE · magazine - article-magazine.html ============ */

.hmk-tpl .mghero{position:relative;height:74vh;min-height:460px;display:flex;align-items:flex-end;background:#141413;overflow:hidden}
.hmk-tpl .mghero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82}
.hmk-tpl .mghero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,20,19,.92) 0%,rgba(20,20,19,.25) 55%,transparent 100%)}
.hmk-tpl .mghero__in{position:relative;z-index:2;max-width:900px;margin:0 auto;width:100%;padding:0 30px 44px;color:#fff}
.hmk-tpl .mghero__k{font-family:var(--font-brand);font-size:.9rem;color:#E9A98F;letter-spacing:.03em}
.hmk-tpl .mghero__h{font-family:var(--font-head);font-weight:900;font-size:3.4rem;line-height:1.05;letter-spacing:-.02em;margin:.25em 0 0;text-wrap:balance}
.hmk-tpl .mghero__by{margin-top:16px;font-size:.95rem;color:rgba(255,255,255,.82);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hmk-tpl .mghero__by a{color:inherit;text-decoration:none}
.hmk-tpl .mghero__av{width:26px;height:26px;flex:none;display:inline-flex}
.hmk-tpl .mghero__av img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.hmk-tpl .mghero__av .hmk-avr{display:block}
.hmk-tpl .magbody{max-width:38em;margin:0 auto;padding:46px 26px 20px}
.hmk-tpl .magbody__dek{font-family:var(--font-head);font-size:1.5rem;line-height:1.42;color:var(--ink-2);font-weight:500;margin:0 0 1.1em;text-wrap:pretty}
.hmk-tpl .magbody p{font-size:1.2rem;line-height:1.82;margin:0 0 1.25em;color:var(--ink)}
.hmk-tpl .magbody strong{color:var(--ink);font-weight:700}
.hmk-tpl .magbody h2{font-family:var(--font-head);font-weight:800;font-size:1.7rem;line-height:1.2;color:var(--ink);margin:1.5em 0 .4em}
.hmk-tpl .magbody__dek + p::first-letter,.hmk-tpl .magbody > p:first-of-type:not(.magbody__dek)::first-letter{float:right;font-family:var(--font-head);font-weight:900;font-size:4.1rem;line-height:.78;margin:.06em .12em 0 .1em;color:var(--terra-deep)}
.hmk-tpl .magbody img{max-width:100%;height:auto;border-radius:10px}
.hmk-tpl .magbody figcaption{font-size:.82rem;color:var(--ink-soft);margin-top:9px;text-align:center}
.hmk-tpl .magbody .alignwide,.hmk-tpl .magbody .alignfull{width:min(1040px,94vw);max-width:none;margin-inline:calc((100% - min(1040px,94vw))/2)}
.hmk-tpl .pq{max-width:26em;margin:34px auto;text-align:center}
.hmk-tpl .pq::before,.hmk-tpl .pq::after{content:"";display:block;width:44px;height:3px;background:var(--terra);margin:0 auto}
.hmk-tpl .pq::before{margin-bottom:20px}
.hmk-tpl .pq::after{margin-top:20px}
.hmk-tpl .magbody .pq p,.hmk-tpl .pq>p,.hmk-tpl p.pq{font-family:var(--font-head);font-weight:700;font-size:1.9rem;line-height:1.3;text-align:center;color:var(--terra-deep);text-wrap:balance;margin:0}
.hmk-tpl .pq cite{display:block;margin-top:14px;font-style:normal;font-family:var(--font-body);font-size:.9rem;color:var(--ink-soft)}
.hmk-tpl .fbleed{max-width:1040px;margin:40px auto;padding:0 26px}
.hmk-tpl .fbleed img{width:100%;border-radius:14px;display:block}
.hmk-tpl .fbleed figcaption{font-size:.82rem;color:var(--ink-soft);margin-top:9px;text-align:center}
.hmk-tpl .authcard{max-width:38em;margin:44px auto 0;background:var(--paper);border-radius:var(--r-card);padding:22px 24px;box-shadow:var(--shadow-border);display:flex;gap:16px;align-items:flex-start}
.hmk-tpl .authcard .mark{width:54px;height:54px;border-radius:12px;flex:none;background:linear-gradient(180deg,var(--terra) 0 33.34%,var(--sage) 33.34% 66.67%,var(--heather) 66.67% 100%)}
.hmk-tpl .authcard h4{font-family:var(--font-head);font-size:1.05rem;color:var(--ink);margin-bottom:4px}
.hmk-tpl .authcard h4 a{color:inherit;text-decoration:none}
.hmk-tpl .authcard p{font-size:.92rem;line-height:1.6;color:var(--ink-2);margin:0}
.hmk-tpl .moremag{max-width:1040px;margin:52px auto 0;padding-top:30px;border-top:1px solid var(--line)}
.hmk-tpl .moremag__h{font-family:var(--font-head);font-size:1.3rem;color:var(--ink);margin-bottom:18px;text-align:center}
@media(max-width:700px){.hmk-tpl .mghero__h{font-size:2.2rem}
.hmk-tpl .mghero{height:64vh}
.hmk-tpl .magbody p{font-size:1.1rem}
.hmk-tpl .magbody .pq p,.hmk-tpl .pq>p,.hmk-tpl p.pq{font-size:1.4rem}}

/* ============ SINGLE · news - article-news.html ============ */

.hmk-tpl .wire{max-width:var(--maxw);margin:0 auto;padding:26px 22px 40px;display:grid;grid-template-columns:1fr 320px;gap:44px;align-items:start}
.hmk-tpl .wh__k{font-family:var(--font-brand);font-size:.85rem;color:var(--terra-deep)}
.hmk-tpl .wh__h{font-family:var(--font-head);font-weight:800;font-size:2.15rem;line-height:1.16;letter-spacing:-.01em;margin:.3em 0 .35em}
.hmk-tpl .wh__dek{font-family:var(--font-head);font-size:1.25rem;line-height:1.5;font-weight:500;color:var(--ink-2);margin:0 0 .7em;text-wrap:pretty}
.hmk-tpl .wh__by{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.88rem;color:var(--ink-soft)}
.hmk-tpl .wh__by b{color:var(--ink-2)}
.hmk-tpl .wh__by a{color:inherit;text-decoration:none}
.hmk-tpl .wh__av{width:26px;height:26px;flex:none;display:inline-flex}
.hmk-tpl .wh__av img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.hmk-tpl .wh__av .hmk-avr{display:block}
.hmk-tpl .brief{border:1px solid var(--line-2);border-inline-start:4px solid var(--terra);border-radius:10px;background:var(--paper);padding:15px 18px;margin:18px 0}
.hmk-tpl .brief__h{font-family:var(--font-brand);font-size:.82rem;color:var(--terra-deep);margin-bottom:9px}
.hmk-tpl .brief ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.hmk-tpl .brief li{position:relative;padding-inline-start:18px;font-weight:600;line-height:1.45;font-size:.98rem}
.hmk-tpl .brief li::before{content:"";position:absolute;inset-inline-start:0;top:.5em;width:7px;height:7px;background:var(--terra);border-radius:50%}
.hmk-tpl .wfig img{width:100%;border-radius:10px;display:block;margin-top:4px}
.hmk-tpl .wfig figcaption{font-size:.78rem;color:var(--ink-soft);margin-top:6px}
.hmk-tpl .nbody{margin-top:18px}
.hmk-tpl .nbody p{font-family:var(--font-body);font-size:1.05rem;line-height:1.65;margin:0 0 1em;color:var(--ink)}
.hmk-tpl .wrail{position:sticky;top:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.hmk-tpl .wrail__h{font-family:var(--font-brand);font-size:.8rem;color:var(--terra-deep);padding:12px 15px;border-bottom:1px solid var(--line);background:var(--paper)}
.hmk-tpl .wrail a{display:block;padding:12px 15px;text-decoration:none;border-bottom:1px solid var(--line)}
.hmk-tpl .wrail a:last-child{border-bottom:0}
.hmk-tpl .wrail .ot{font-family:var(--font-head);font-weight:700;font-size:1rem;line-height:1.25;color:var(--ink)}
.hmk-tpl .wrail .ob{font-size:.78rem;color:var(--ink-soft);margin-top:4px}
@media(max-width:860px){.hmk-tpl .wire{grid-template-columns:1fr;padding:22px 4px 34px}
.hmk-tpl .wrail{position:static}}

/* ============ SINGLE · data story (snums + scrolly + method + sources) - article-data.html ============ */

.hmk-tpl.v-data .site{overflow:clip}
.hmk-tpl.v-data .d-head{padding:30px 0 6px}
.hmk-tpl.v-data .d-head h1{font-size:clamp(2.1rem,5.4vw,3.4rem);line-height:1.05;color:var(--ink);margin:10px 0 16px;max-width:17ch}
.hmk-tpl.v-data .d-dek{font-size:1.14rem;line-height:1.62;color:var(--ink-2);max-width:62ch}
.hmk-tpl.v-data .d-byline{display:flex;align-items:center;gap:9px;font-size:.86rem;color:var(--ink-soft);flex-wrap:wrap;margin-top:18px;
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0}
.hmk-tpl.v-data .d-byline .who{font-weight:700;color:var(--ink-2)}
.hmk-tpl.v-data .d-byline .sep{color:var(--line-2)}
.hmk-tpl.v-data .d-byline time{font-variant-numeric:tabular-nums}
.hmk-tpl.v-data .d-byline .realm{margin-inline-start:auto;display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.78rem;color:var(--sage-deep)}
.hmk-tpl.v-data .d-byline .realm i{width:9px;height:9px;border-radius:50%;background:var(--sage);flex:none}
.hmk-tpl.v-data .d-intro{max-width:64ch;margin:30px 0 4px}
.hmk-tpl.v-data .d-intro p{font-size:1.08rem;line-height:1.85;color:var(--ink-2);margin-bottom:18px}
.hmk-tpl.v-data .d-intro p:first-of-type::first-letter{font-family:var(--font-head);font-size:3.2rem;line-height:.78;float:right;margin:7px 0 0 11px;color:var(--sage-deep)}
.hmk-tpl.v-data .d-intro strong{color:var(--ink);font-weight:700}
.hmk-tpl.v-data .scrolly{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;margin:14px 0 10px;align-items:stretch}
.hmk-tpl.v-data .scrolly__steps{position:relative;z-index:2}
.hmk-tpl.v-data .step{min-height:78vh;display:flex;flex-direction:column;justify-content:center;padding:6vh 0}
.hmk-tpl.v-data .step:first-child{min-height:46vh;padding-top:0}
.hmk-tpl.v-data .step:last-child{min-height:60vh}
.hmk-tpl.v-data .step__card{background:var(--bg);border-radius:16px;box-shadow:var(--shadow-border);padding:24px 26px;
    transition:box-shadow .35s ease, transform .45s cubic-bezier(.2,0,0,1), opacity .45s ease;opacity:.42;transform:translateY(8px)}
.hmk-tpl.v-data .step.is-active .step__card{opacity:1;transform:none;box-shadow:0 0 0 1px rgba(120,140,93,.4),0 10px 30px -8px rgba(79,94,56,.22)}
.hmk-tpl.v-data .step__n{font-family:ui-monospace,Menlo,monospace;font-weight:700;font-size:.72rem;letter-spacing:.06em;color:var(--sage-cta);
    display:flex;align-items:center;gap:9px;margin-bottom:11px}
.hmk-tpl.v-data .step__n::after{content:"";flex:1;height:1px;background:var(--line)}
.hmk-tpl.v-data .step h2{font-size:clamp(1.35rem,2.6vw,1.72rem);color:var(--ink);line-height:1.16;margin-bottom:11px}
.hmk-tpl.v-data .step p{font-size:1.04rem;line-height:1.78;color:var(--ink-2);margin-bottom:13px}
.hmk-tpl.v-data .step p:last-child{margin-bottom:0}
.hmk-tpl.v-data .step strong{color:var(--ink);font-weight:700}
.hmk-tpl.v-data .step .hl{font-family:var(--font-head);font-weight:800;font-size:1.06em;color:var(--sage-deep);font-variant-numeric:tabular-nums}
.hmk-tpl.v-data .step .hl--t{color:var(--terra-deep)}
.hmk-tpl.v-data .scrolly__sticky{position:relative}
.hmk-tpl.v-data .gfx{position:sticky;top:18px;height:min(86vh,720px);background:var(--bg);border-radius:18px;box-shadow:var(--shadow-border);overflow:hidden;
    display:flex;flex-direction:column}
.hmk-tpl.v-data .gfx__top{padding:18px 22px 6px;border-bottom:1px solid var(--line)}
.hmk-tpl.v-data .gfx__k{font-family:ui-monospace,Menlo,monospace;font-weight:700;font-size:.7rem;letter-spacing:.04em;color:var(--sage-deep);margin-bottom:5px}
.hmk-tpl.v-data .gfx__title{font-size:1.16rem;color:var(--ink);line-height:1.18;transition:opacity .3s ease}
.hmk-tpl.v-data .gfx__stage{position:relative;flex:1;min-height:0}
.hmk-tpl.v-data .scene{position:absolute;inset:0;padding:14px 22px 16px;display:flex;flex-direction:column;justify-content:center;gap:12px;
    opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s ease, transform .5s cubic-bezier(.2,0,0,1), visibility .5s}
.hmk-tpl.v-data .scene.on{opacity:1;visibility:visible;transform:none}
.hmk-tpl.v-data .gfx__cap{padding:11px 22px 16px;border-top:1px solid var(--line);font-size:.82rem;line-height:1.5;color:var(--ink-soft);min-height:62px}
.hmk-tpl.v-data .gfx__cap b{color:var(--ink-2);font-weight:700}
.hmk-tpl.v-data .gfx__cap{transition:opacity .3s ease}
.hmk-tpl.v-data .gbars{display:flex;flex-direction:column;gap:16px;width:100%}
.hmk-tpl.v-data .gbar{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:12px}
@media(max-width:520px){.hmk-tpl.v-data .gbar{grid-template-columns:78px 1fr auto}}
.hmk-tpl.v-data .gbar .lbl{font-size:.9rem;font-weight:600;color:var(--ink-2)}
.hmk-tpl.v-data .gbar .track{height:30px;background:var(--light-gray);border-radius:7px;overflow:hidden}
.hmk-tpl.v-data .gbar .fill{height:100%;border-radius:7px;width:0;transition:width 1.1s cubic-bezier(.2,0,0,1)}
.hmk-tpl.v-data .scene.on .gbar .fill{width:var(--w)}
.hmk-tpl.v-data .gbar .val{font-family:ui-monospace,Menlo,monospace;font-size:.92rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;min-width:3.4ch;text-align:left}
.hmk-tpl.v-data .gbar--t .fill{background:var(--terra)}
.hmk-tpl.v-data .gbar--g .fill{background:var(--sage)}
.hmk-tpl.v-data .gbar--h .fill{background:var(--heather)}
.hmk-tpl.v-data .waffle{display:flex;gap:26px;align-items:flex-start;justify-content:center;flex-wrap:wrap}
.hmk-tpl.v-data .wcol{display:flex;flex-direction:column;align-items:center;gap:10px}
.hmk-tpl.v-data .wgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;width:170px}
.hmk-tpl.v-data .dot{width:100%;aspect-ratio:1;border-radius:2.5px;background:var(--light-gray);
    transform:scale(.2);opacity:0;transition:transform .4s cubic-bezier(.2,0,0,1),opacity .4s ease,background .3s ease}
.hmk-tpl.v-data .scene.on .dot{transform:scale(1);opacity:1}
.hmk-tpl.v-data .dot--t{background:var(--terra)}
.hmk-tpl.v-data .dot--g{background:var(--sage)}
.hmk-tpl.v-data .dot--z{background:var(--light-gray);outline:1px dashed var(--line-2);outline-offset:-1px}
.hmk-tpl.v-data .wcap{text-align:center}
.hmk-tpl.v-data .wcap .wn{font-family:var(--font-head);font-weight:800;font-size:1.7rem;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.hmk-tpl.v-data .wcap .wn--t{color:var(--terra-deep)}
.hmk-tpl.v-data .wcap .wn--z{color:var(--sage-deep)}
.hmk-tpl.v-data .wcap .wl{font-size:.8rem;color:var(--ink-soft);margin-top:5px;max-width:16ch}
.hmk-tpl.v-data .mapscene{position:absolute;inset:0;padding:0}
.hmk-tpl.v-data .mapscene img{width:100%;height:100%;object-fit:cover;display:block;outline:0}
.hmk-tpl.v-data .mapscene__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,20,19,.62),rgba(20,20,19,.04) 55%)}
.hmk-tpl.v-data .mapscene__lab{position:absolute;inset-inline:0;bottom:0;padding:18px 22px;color:#fff}
.hmk-tpl.v-data .mapscene__lab .mk{font-family:ui-monospace,Menlo,monospace;font-weight:700;font-size:.7rem;letter-spacing:.04em;color:#cfe0c0;margin-bottom:5px}
.hmk-tpl.v-data .mapscene__lab h3{font-size:clamp(1.2rem,2.6vw,1.6rem);color:#fff;line-height:1.14;max-width:22ch}
.hmk-tpl.v-data .hot{position:absolute;width:14px;height:14px;border-radius:50%;transform:translate(50%,-50%);opacity:0;transition:opacity .5s ease}
.hmk-tpl.v-data .scene.on .hot{opacity:1}
.hmk-tpl.v-data .hot::before{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(250,249,245,.7)}
.hmk-tpl.v-data .hot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid currentColor;animation:hotpulse 1.9s ease-out infinite}
.hmk-tpl.v-data .hot--t{color:var(--terra)}
.hmk-tpl.v-data .hot--g{color:var(--sage)}
@keyframes hotpulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.1);opacity:0}}
@media(prefers-reduced-motion:reduce){.hmk-tpl.v-data .hot::after{animation:none}
.hmk-tpl.v-data .gbar .fill,.hmk-tpl.v-data .dot,.hmk-tpl.v-data .step__card{transition:none}}
.hmk-tpl.v-data .gprog{position:absolute;top:0;inset-inline-start:0;height:4px;width:0;background:var(--sage);transition:width .25s linear;z-index:3}
@media(max-width:880px){.hmk-tpl.v-data .scrolly{grid-template-columns:1fr;gap:0;display:flex;flex-direction:column}
.hmk-tpl.v-data .scrolly__sticky{position:sticky;top:8px;z-index:5;height:52vh;margin-bottom:10px;order:-1}
.hmk-tpl.v-data .gfx{position:static;height:100%;box-shadow:var(--shadow-border-h)}
.hmk-tpl.v-data .scrolly__steps{order:1}
.hmk-tpl.v-data .step{min-height:auto;padding:14px 0 30px}
.hmk-tpl.v-data .step:first-child{min-height:auto;padding-top:6px}
.hmk-tpl.v-data .step__card{opacity:1;transform:none}
.hmk-tpl.v-data .gfx__title{font-size:1.02rem}
.hmk-tpl.v-data .scene{padding:10px 16px 12px}}
.hmk-tpl.v-data .d-after{max-width:64ch;margin:30px 0 0}
.hmk-tpl.v-data .d-after h2{font-size:1.5rem;color:var(--ink);margin:30px 0 12px;padding-bottom:8px;position:relative}
.hmk-tpl.v-data .d-after h2::after{content:"";position:absolute;right:0;bottom:0;width:42px;height:3px;border-radius:2px;background:var(--sage)}
.hmk-tpl.v-data .d-after p{font-size:1.06rem;line-height:1.85;color:var(--ink-2);margin-bottom:18px}
.hmk-tpl.v-data .d-after strong{color:var(--ink);font-weight:700}
.hmk-tpl.v-data .pull{background:var(--bg);border-radius:14px;box-shadow:var(--shadow-border);padding:22px 24px;margin:26px 0;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.hmk-tpl.v-data .pull b{font-family:var(--font-head);font-weight:800;font-size:3.1rem;line-height:1;color:var(--terra-deep);font-variant-numeric:tabular-nums;flex:none}
.hmk-tpl.v-data .pull p{font-size:1.02rem;line-height:1.55;color:var(--ink-2);margin:0;flex:1;min-width:14ch}
.hmk-tpl.v-data .method{background:var(--paper);border-radius:14px;border:1px solid var(--line-2);padding:20px 20px 18px;margin:26px 0;max-width:64ch}
.hmk-tpl.v-data .method__h{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.hmk-tpl.v-data .method__h svg{width:18px;height:18px;color:var(--sage-deep);flex:none}
.hmk-tpl.v-data .method__h h3{font-size:1.08rem;color:var(--ink)}
.hmk-tpl.v-data .method p{font-size:.94rem;line-height:1.65;color:var(--ink-2);margin-bottom:13px}
.hmk-tpl.v-data .method ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:15px}
.hmk-tpl.v-data .method li{font-family:ui-monospace,Menlo,monospace;font-size:.83rem;color:var(--ink-2);line-height:1.5;padding-inline-start:18px;position:relative}
.hmk-tpl.v-data .method li::before{content:"›";position:absolute;right:0;color:var(--sage-cta);font-weight:700}
.hmk-tpl.v-data .method li b{font-family:var(--font-body);font-weight:700;color:var(--ink)}
.hmk-tpl.v-data .dl{display:inline-flex;align-items:center;gap:8px;font-family:ui-monospace,Menlo,monospace;font-size:.83rem;font-weight:700;
    color:var(--sage-deep);background:var(--bg);border:1px solid var(--line-2);border-radius:var(--r-btn);padding:10px 14px;text-decoration:none;transition:border-color .16s ease, scale .15s ease}
.hmk-tpl.v-data .dl:hover{border-color:var(--sage-cta)}
.hmk-tpl.v-data .dl:active{scale:.96}
.hmk-tpl.v-data .dl svg{width:15px;height:15px}
.hmk-tpl.v-data .atlasband{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-border);margin:30px 0}
.hmk-tpl.v-data .atlasband img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/6;outline:0}
.hmk-tpl.v-data .atlasband__ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,20,19,.86),rgba(20,20,19,.18));
    display:flex;flex-direction:column;justify-content:flex-end;padding:24px;gap:13px}
.hmk-tpl.v-data .atlasband__ov .kk{font-family:var(--font-brand);font-size:.84rem;letter-spacing:.02em;color:#cfe0c0}
.hmk-tpl.v-data .atlasband__ov h3{font-size:clamp(1.3rem,3.4vw,2rem);color:#fff;max-width:26ch;line-height:1.12}
.hmk-tpl.v-data .atlasband__ov .btn-cta{align-self:flex-start;margin-top:2px}
.hmk-tpl.v-data .sources{margin:34px 0 0;border-top:1px solid var(--line);padding-top:22px;max-width:70ch}
.hmk-tpl.v-data .sources h3{font-size:1.08rem;color:var(--ink);margin-bottom:13px}
.hmk-tpl.v-data .sources ol{list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:10px}
.hmk-tpl.v-data .sources li{counter-increment:s;font-size:.89rem;line-height:1.55;color:var(--ink-2);padding-inline-start:31px;position:relative}
.hmk-tpl.v-data .sources li::before{content:counter(s);position:absolute;right:0;top:1px;width:22px;height:22px;border-radius:5px;
    background:var(--paper);border:1px solid var(--line-2);font-family:ui-monospace,Menlo,monospace;font-size:.74rem;font-weight:700;
    color:var(--sage-deep);display:grid;place-items:center;font-variant-numeric:tabular-nums}
.hmk-tpl.v-data .sources a{color:var(--terra-deep);text-decoration:none}
.hmk-tpl.v-data .sources a:hover{text-decoration:underline}

/* ============ SINGLE · video (player + chapters + transcript) - video.html ============ */

.hmk-tpl .stage{background:#0f0f0e;color:#fff;padding:30px 0 34px}
.hmk-tpl .stage__in{max-width:960px;margin:0 auto;padding:0 22px}
.hmk-tpl .stage__k{font-family:var(--font-brand);font-size:.85rem;color:#E9A98F}
.hmk-tpl .stage__h{font-family:var(--font-head);font-weight:800;font-size:2rem;line-height:1.15;margin:.3em 0 .5em;color:#fff}
.hmk-tpl .stage__dek{font-family:var(--font-head);font-size:1.2rem;line-height:1.5;font-weight:500;color:rgba(255,255,255,.82);margin:0 0 1em;max-width:52ch}
.hmk-tpl .player{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.hmk-tpl .player>img{width:100%;height:100%;object-fit:cover;opacity:.66;display:block}
.hmk-tpl .player iframe,.hmk-tpl .player video{width:100%;height:100%;border:0;display:block;aspect-ratio:16/9}
.hmk-tpl .bigplay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;width:100%}
.hmk-tpl .bigplay span{width:74px;height:74px;border-radius:50%;background:rgba(217,119,87,.94);display:flex;align-items:center;justify-content:center;transition:transform .15s ease}
.hmk-tpl .bigplay:hover span{transform:scale(1.06)}
.hmk-tpl .bigplay svg{width:30px;height:30px;fill:#fff;margin-inline-start:4px}
.hmk-tpl .stage__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:rgba(255,255,255,.6);font-size:.85rem;margin-top:12px}
.hmk-tpl .stage__meta a{color:inherit;text-decoration:none}
.hmk-tpl .stage__av{width:24px;height:24px;flex:none;display:inline-flex}
.hmk-tpl .stage__av img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.hmk-tpl .stage__av .hmk-avr{display:block}
.hmk-tpl .vgrid{max-width:960px;margin:0 auto;padding:32px 22px 40px;display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}
.hmk-tpl .vgrid--full{grid-template-columns:1fr}
.hmk-tpl .vprose{margin-bottom:26px}
.hmk-tpl .vprose p{font-size:1.08rem;line-height:1.7;color:var(--ink);margin:0 0 1em}
.hmk-tpl .vprose strong{color:var(--ink);font-weight:700}
.hmk-tpl .vtrans__h{font-family:var(--font-brand);font-size:.82rem;color:var(--terra-deep);margin:0 0 12px}
.hmk-tpl .vtrans p{font-size:1.05rem;line-height:1.7;color:var(--ink);margin:0 0 1em}
.hmk-tpl .vtrans p b{color:var(--terra-deep);font-weight:700;margin-inline-end:6px}
.hmk-tpl .vchap{list-style:none;margin:0;padding:0;border:1px solid var(--line-2);border-radius:12px;overflow:hidden}
.hmk-tpl .vchap__h{font-family:var(--font-brand);font-size:.8rem;color:var(--terra-deep);padding:12px 15px;border-bottom:1px solid var(--line)}
.hmk-tpl .vchap a{display:flex;gap:12px;padding:11px 15px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line)}
.hmk-tpl .vchap a:last-child{border-bottom:0}
.hmk-tpl .vchap a:hover{background:var(--paper)}
.hmk-tpl .vchap time{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-weight:700;color:var(--terra-deep);font-size:.85rem;flex:none}
.hmk-tpl .vchap span{font-size:.95rem;line-height:1.3}
@media(max-width:820px){.hmk-tpl .vgrid{grid-template-columns:1fr}}
.hmk-tpl .vauth{max-width:62em;margin:30px auto 0}
.hmk-tpl .abio{display:flex;gap:12px;align-items:flex-start;background:var(--bg);border-radius:var(--r-card);box-shadow:var(--shadow-border);padding:14px;max-width:40em}
.hmk-tpl .abio__av{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;
    font-family:var(--font-head);font-weight:800;font-size:1.05rem;color:#fff;outline:0;background:var(--terra)}
.hmk-tpl .abio__n{font-family:var(--font-head);font-weight:800;font-size:1rem;color:var(--ink);margin-bottom:3px}
.hmk-tpl .abio__r{font-size:.82rem;color:var(--ink-soft);line-height:1.5}
.hmk-tpl .vrelated{max-width:62em;margin:40px auto 0;padding-top:22px;border-top:1px solid var(--line)}
.hmk-tpl .vrelated__h{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}
.hmk-tpl .vrelated__h h2{font-size:1.16rem;color:var(--ink)}
.hmk-tpl .vrelated__h .more{margin-inline-start:auto;font-weight:700;font-size:.84rem;color:var(--terra-deep);text-decoration:none}
.hmk-tpl .vrail{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:740px){.hmk-tpl .vrail{grid-template-columns:1fr}}
.hmk-tpl .vrcard{display:block;text-decoration:none;color:inherit}
.hmk-tpl .vrcard__im{position:relative;aspect-ratio:16/9;border-radius:var(--r-card);overflow:hidden;background:var(--ink)}
.hmk-tpl .vrcard__im img{width:100%;height:100%;object-fit:cover;display:block;opacity:.94;transition:transform .3s ease}
.hmk-tpl .vrcard:hover .vrcard__im img{transform:scale(1.04)}
.hmk-tpl .vrcard__im .vrplay{position:absolute;inset:0;display:grid;place-items:center}
.hmk-tpl .vrcard__im .vrplay span{width:42px;height:42px;border-radius:50%;background:rgba(20,20,19,.55);display:grid;place-items:center;backdrop-filter:blur(2px)}
.hmk-tpl .vrcard__im .vrplay svg{width:18px;height:18px;fill:#fff;margin-inline-start:2px}
.hmk-tpl .vrcard__im .vrdur{position:absolute;bottom:7px;left:7px;font-family:var(--font-body);font-weight:600;font-size:.72rem;color:#fff;background:rgba(20,20,19,.66);padding:2px 7px;border-radius:var(--r-chip);font-variant-numeric:tabular-nums}
.hmk-tpl .vrcard__t{font-family:var(--font-head);font-weight:800;font-size:.98rem;line-height:1.28;color:var(--ink);margin:9px 0 3px}
.hmk-tpl .vrcard:hover .vrcard__t{color:var(--terra-deep)}
.hmk-tpl .vrcard__by{font-size:.78rem;color:var(--ink-soft)}

/* ============ PAGE · about (mission + manifesto + team) - about.html ============ */

.hmk-tpl .mission{display:grid;grid-template-columns:1.5fr 1fr;gap:34px;align-items:start;margin-top:30px;padding-bottom:30px;border-bottom:1px solid var(--line)}
@media(max-width:780px){.hmk-tpl .mission{grid-template-columns:1fr;gap:22px}}
.hmk-tpl .mission__lead{font-family:var(--font-head);font-size:clamp(1.3rem,3.2vw,1.85rem);line-height:1.32;color:var(--ink);text-wrap:balance}
.hmk-tpl .mission__lead em{font-style:normal;color:var(--terra-deep)}
.hmk-tpl .mission__body p{font-size:1rem;line-height:1.7;color:var(--ink-2);margin-top:12px}
.hmk-tpl .manifesto{margin-top:34px}
.hmk-tpl .manifesto__intro{text-align:center;max-width:54ch;margin:0 auto 4px}
.hmk-tpl .manifesto__intro .kicker{margin-bottom:8px}
.hmk-tpl .manifesto__intro h2{font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.12;color:var(--ink)}
.hmk-tpl .manifesto__intro p{font-size:1rem;color:var(--ink-2);line-height:1.6;margin-top:10px}
.hmk-tpl .creed{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
@media(max-width:760px){.hmk-tpl .creed{grid-template-columns:1fr}}
.hmk-tpl .creed__card{background:var(--bg);border-radius:var(--r-card);box-shadow:var(--shadow-border);padding:24px 22px;border-top:4px solid var(--accent);transition:box-shadow .2s ease, translate .2s ease}
.hmk-tpl .creed__card:hover{box-shadow:var(--shadow-border-h);translate:0 -2px}
.hmk-tpl .creed__card--t{--accent:var(--terra)}
.hmk-tpl .creed__card--g{--accent:var(--sage)}
.hmk-tpl .creed__card--h{--accent:var(--heather)}
.hmk-tpl .creed__no{font-family:var(--font-head);font-size:.78rem;font-weight:800;letter-spacing:.05em;color:var(--accent-deep);font-variant-numeric:tabular-nums}
.hmk-tpl .creed__card--t .creed__no{--accent-deep:var(--terra-deep);color:var(--terra-deep)}
.hmk-tpl .creed__card--g .creed__no{color:var(--sage-deep)}
.hmk-tpl .creed__card--h .creed__no{color:var(--heather-deep)}
.hmk-tpl .creed__big{font-family:var(--font-head);font-size:2rem;line-height:1.05;color:var(--ink);margin:8px 0 12px}
.hmk-tpl .creed__card p{font-size:.96rem;line-height:1.62;color:var(--ink-2)}
.hmk-tpl .team__h{margin-bottom:18px}
.hmk-tpl .team__h h2{font-size:1.45rem;color:var(--ink);position:relative;padding-bottom:8px;display:inline-block}
.hmk-tpl .team__h h2::after{content:"";position:absolute;right:0;bottom:0;width:40px;height:3px;border-radius:2px;background:var(--terra)}
.hmk-tpl .team__h p{font-size:.95rem;color:var(--ink-soft);margin-top:10px;max-width:56ch}
.hmk-tpl .member{text-align:center;background:var(--bg);border-radius:var(--r-card);box-shadow:var(--shadow-border);padding:22px 14px 18px;transition:box-shadow .2s ease, translate .2s ease}
.hmk-tpl .member:hover{box-shadow:var(--shadow-border-h);translate:0 -2px}
.hmk-tpl .avatar{width:88px;height:88px;border-radius:50%;margin:0 auto 13px;overflow:hidden;background:var(--light-gray);display:grid;place-items:center}
.hmk-tpl .avatar img{width:100%;height:100%;object-fit:cover;display:block;outline:0}
.hmk-tpl .avatar--ini{font-family:var(--font-head);font-size:1.85rem;color:#fff}
.hmk-tpl .avatar--t{background:var(--terra)}
.hmk-tpl .avatar--g{background:var(--sage)}
.hmk-tpl .avatar--h{background:var(--heather)}
.hmk-tpl .member__name{font-family:var(--font-head);font-size:1.12rem;color:var(--ink);line-height:1.2}
.hmk-tpl .member__role{font-size:.86rem;color:var(--ink-soft);margin-top:5px}
.hmk-tpl .ethics{margin-top:34px;background:var(--paper);border-radius:16px;padding:28px 26px}
.hmk-tpl .ethics__grid{display:grid;grid-template-columns:0.8fr 1.2fr;gap:30px;align-items:start}
@media(max-width:780px){.hmk-tpl .ethics__grid{grid-template-columns:1fr;gap:14px}}
.hmk-tpl .ethics h2{font-size:1.4rem;color:var(--ink);line-height:1.15}
.hmk-tpl .ethics__grid p{font-size:1rem;line-height:1.7;color:var(--ink-2);margin-bottom:12px}
.hmk-tpl .ethics__grid p:last-child{margin-bottom:0}

/* ============ PAGE · support (tiers + faq) - support.html ============ */

.hmk-tpl .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
@media(max-width:760px){.hmk-tpl .tiers{grid-template-columns:1fr}}
.hmk-tpl .tier{background:var(--bg);border-radius:var(--r-card);box-shadow:var(--shadow-border);padding:22px 20px;display:flex;flex-direction:column;position:relative}
.hmk-tpl .tier--rec{box-shadow:0 0 0 2px var(--sage-cta), var(--shadow-border-h);padding-top:30px}
.hmk-tpl .tier__badge{position:absolute;top:-12px;right:20px;font-family:var(--font-body);font-weight:700;font-size:.74rem;letter-spacing:.02em;color:#fff;background:var(--sage-cta);border-radius:var(--r-chip);padding:5px 11px}
.hmk-tpl .tier__name{font-family:var(--font-head);font-weight:800;font-size:1.18rem;color:var(--ink)}
.hmk-tpl .tier__price{display:flex;align-items:baseline;gap:6px;margin:10px 0 4px}
.hmk-tpl .tier__price .amt{font-family:var(--font-head);font-weight:800;font-size:2.1rem;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.hmk-tpl .tier__price .per{font-size:.88rem;color:var(--ink-soft)}
.hmk-tpl .tier__lead{font-size:.9rem;color:var(--ink-soft);line-height:1.5;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.hmk-tpl .tier__feats{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.hmk-tpl .tier__feats li{display:flex;gap:9px;align-items:flex-start;font-size:.92rem;color:var(--ink-2);line-height:1.45}
.hmk-tpl .tier__feats svg{width:17px;height:17px;flex:none;margin-top:2px;color:var(--sage-deep)}
.hmk-tpl .tier .btn-cta{width:100%;margin-top:auto}
.hmk-tpl .onetime{background:var(--bg);border-radius:var(--r-card);box-shadow:var(--shadow-border);padding:22px 20px}
.hmk-tpl .onetime h3{font-size:1.25rem;color:var(--ink);margin-bottom:6px}
.hmk-tpl .onetime p{font-size:.95rem;color:var(--ink-2);line-height:1.55;max-width:62ch;margin-bottom:16px}
.hmk-tpl .onetime__row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.hmk-tpl .onetime__row .field{margin-bottom:0;flex:1;min-width:200px}
.hmk-tpl .onetime__chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.hmk-tpl .amtchip{font-family:var(--font-body);font-weight:700;font-size:.86rem;color:var(--ink-2);background:var(--bg);border:1px solid var(--line-2);border-radius:var(--r-chip);padding:7px 13px;cursor:pointer;transition:border-color .16s ease, color .16s ease;font-variant-numeric:tabular-nums}
.hmk-tpl .amtchip:hover{border-color:var(--sage-cta);color:var(--sage-deep)}
.hmk-tpl .faq{display:flex;flex-direction:column}
.hmk-tpl .faq__item{padding:16px 0;border-bottom:1px solid var(--line)}
.hmk-tpl .faq__item:last-child{border-bottom:0}
.hmk-tpl .faq__q{font-family:var(--font-head);font-weight:700;font-size:1.04rem;line-height:1.3;color:var(--ink);margin-bottom:6px}
.hmk-tpl .faq__a{font-size:.94rem;color:var(--ink-2);line-height:1.6;max-width:70ch}

/* ============ PAGE · newsletter (hero + form) - newsletter.html ============ */

.hmk-tpl .nlhero{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:stretch;
    padding:30px 0 26px;border-bottom:1px solid var(--line)}
.hmk-tpl .nlhero__l{display:flex;flex-direction:column;justify-content:center}
.hmk-tpl .nlhero h1{font-size:clamp(2rem,4.4vw,2.9rem);line-height:1.08;color:var(--ink);margin:2px 0 0}
.hmk-tpl .nlhero .nlmeta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:.9rem;color:var(--ink-soft);margin-top:14px}
.hmk-tpl .nlhero .nlmeta b{color:var(--ink-2);font-weight:600}
.hmk-tpl .nlhero .nlmeta .sep{color:var(--line-2)}
.hmk-tpl .nlhero .nlmeta .dot{width:7px;height:7px;border-radius:50%;background:var(--sage);flex:none}
.hmk-tpl .signup{background:var(--bg);border-radius:var(--r-card);box-shadow:var(--shadow-border);
    padding:22px 22px 20px;margin-top:22px;position:relative;overflow:hidden}
.hmk-tpl .signup::before{content:"";position:absolute;top:0;inset-inline:0;height:4px;
    background:linear-gradient(to left,var(--terra) 0 33.34%,var(--sage) 33.34% 66.67%,var(--heather) 66.67%)}
.hmk-tpl .signup__h{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.hmk-tpl .signup__h .ic{width:36px;height:36px;border-radius:10px;flex:none;display:grid;place-items:center;
    background:var(--paper);color:var(--sage-deep)}
.hmk-tpl .signup__h .ic svg{width:19px;height:19px}
.hmk-tpl .signup__h h2{font-family:var(--font-head);font-size:1.16rem;line-height:1.15;color:var(--ink)}
.hmk-tpl .signup__h .sub{font-family:var(--font-body);font-weight:600;font-size:.82rem;color:var(--ink-soft);margin-top:2px}
.hmk-tpl .signup__row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.hmk-tpl .signup .field{margin-bottom:13px}
.hmk-tpl .signup .btn-cta{width:100%}
.hmk-tpl .signup__note{font-size:.78rem;color:var(--ink-soft);margin-top:11px;line-height:1.5}
.hmk-tpl .signup__chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.hmk-tpl .signup__chips span{font-family:var(--font-body);font-weight:600;font-size:.74rem;color:var(--sage-deep);
    background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:5px 11px;
    display:inline-flex;align-items:center;gap:5px}
.hmk-tpl .signup__chips svg{width:12px;height:12px;stroke:var(--sage);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.hmk-tpl .issuecard{position:relative;border-radius:var(--r-card);overflow:hidden;background:var(--light-gray);
    box-shadow:var(--shadow-border);min-height:420px;display:flex}
.hmk-tpl .issuecard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;outline:0}
.hmk-tpl .issuecard__grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,20,19,.92) 4%,rgba(20,20,19,.42) 46%,rgba(20,20,19,.05) 82%)}
.hmk-tpl .issuecard__top{position:absolute;top:14px;inset-inline:14px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px}
.hmk-tpl .issuecard__no{font-family:var(--font-brand);font-weight:400;font-size:.82rem;letter-spacing:.02em;
    color:#fff;background:rgba(217,119,87,.92);padding:5px 11px;border-radius:var(--r-chip)}
.hmk-tpl .issuecard__live{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-weight:700;
    font-size:.72rem;color:#fff;background:rgba(20,20,19,.5);padding:5px 10px;border-radius:999px;backdrop-filter:blur(4px)}
.hmk-tpl .issuecard__live i{width:7px;height:7px;border-radius:50%;background:var(--terra);animation:hmk-pulse 1.6s ease-in-out infinite}
.hmk-tpl .issuecard__b{position:relative;z-index:2;margin-top:auto;padding:18px 18px 18px;align-self:flex-end;width:100%}
.hmk-tpl .issuecard__k{font-family:var(--font-brand);font-weight:400;font-size:.82rem;letter-spacing:.02em;color:#E8906F;display:block;margin-bottom:6px}
.hmk-tpl .issuecard__t{font-family:var(--font-head);font-weight:700;font-size:1.5rem;line-height:1.16;color:#fff;text-wrap:pretty}
.hmk-tpl .issuecard__by{font-family:var(--font-body);font-weight:600;font-size:.82rem;color:rgba(255,255,255,.82);margin-top:8px}
.hmk-tpl .preview-h{margin-top:34px;display:flex;align-items:center;gap:14px}
.hmk-tpl .preview-h .ln{flex:1;height:1px;background:var(--line)}
.hmk-tpl .preview-h .lbl{font-family:var(--font-brand);font-weight:400;font-size:.9rem;letter-spacing:.02em;color:var(--ink-soft);white-space:nowrap}
.hmk-tpl .nlgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;margin-top:22px;align-items:start}
@media(max-width:860px){.hmk-tpl .nlgrid{grid-template-columns:1fr}}
.hmk-tpl .nlmain{display:flex;flex-direction:column;gap:26px;min-width:0}
.hmk-tpl .nlside{display:flex;flex-direction:column;gap:22px;position:sticky;top:18px;min-width:0}
.hmk-tpl .nlmain>*,.hmk-tpl .nlside>*{min-width:0}
@media(max-width:860px){.hmk-tpl .nlside{position:static}}
.hmk-tpl .corner__h{display:flex;align-items:baseline;gap:10px;margin-bottom:13px}
.hmk-tpl .corner__k{font-family:var(--font-brand);font-weight:400;font-size:.84rem;letter-spacing:.02em;color:var(--terra-deep)}
.hmk-tpl .corner__k--g{color:var(--sage-deep)}
.hmk-tpl .corner__k--h{color:var(--heather-deep)}
.hmk-tpl .corner__date{margin-inline-start:auto;font-family:var(--font-body);font-weight:600;font-size:.78rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.hmk-tpl .ednote{background:var(--paper);border-radius:var(--r-card);padding:22px 24px;position:relative}
.hmk-tpl .ednote::before{content:"„";font-family:var(--font-head);font-size:2.6rem;color:var(--terra-deep);line-height:.5;display:block;margin-bottom:4px}
.hmk-tpl .ednote p{font-family:var(--font-head);font-weight:400;font-size:clamp(1.12rem,2vw,1.34rem);line-height:1.5;color:var(--ink);text-wrap:pretty}
.hmk-tpl .ednote p+p{font-size:1rem;color:var(--ink-2);line-height:1.62;margin-top:12px;font-family:var(--font-body)}
.hmk-tpl .ednote__sig{display:flex;align-items:center;gap:11px;margin-top:16px;padding-top:15px;border-top:1px solid var(--line-2)}
.hmk-tpl .ednote__sig .mk{width:40px;height:40px;border-radius:10px;flex:none;
    background:linear-gradient(180deg,var(--terra) 0 33.34%,var(--sage) 33.34% 66.67%,var(--heather) 66.67%)}
.hmk-tpl .ednote__sig .who{font-family:var(--font-body);font-weight:700;font-size:.92rem;color:var(--ink)}
.hmk-tpl .ednote__sig .role{font-family:var(--font-body);font-size:.8rem;color:var(--ink-soft);margin-top:1px}
.hmk-tpl .nllead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;background:var(--bg);border-radius:var(--r-card);
    overflow:hidden;box-shadow:var(--shadow-border);text-decoration:none;color:inherit;
    transition:box-shadow .2s ease,translate .2s ease}
.hmk-tpl .nllead:hover{box-shadow:var(--shadow-border-h);translate:0 -2px}
.hmk-tpl .nllead__media{position:relative;aspect-ratio:1/1;background:var(--light-gray)}
.hmk-tpl .nllead__media img{width:100%;height:100%;object-fit:cover;display:block;outline:0}
.hmk-tpl .nllead__chip{position:absolute;top:11px;right:11px;font-family:var(--font-brand);font-weight:400;font-size:.78rem;
    color:#fff;background:var(--terra);border-radius:var(--r-chip);padding:5px 10px}
.hmk-tpl .nllead__b{padding:20px 22px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.hmk-tpl .nllead__t{font-family:var(--font-head);font-weight:700;font-size:1.5rem;line-height:1.16;color:var(--ink);text-wrap:pretty}
.hmk-tpl .nllead:hover .nllead__t{color:var(--terra-deep)}
.hmk-tpl .nllead__d{font-family:var(--font-body);font-size:.94rem;line-height:1.55;color:var(--ink-2);margin-top:10px}
.hmk-tpl .nllead__by{font-family:var(--font-body);font-weight:600;font-size:.82rem;color:var(--ink-soft);margin-top:13px}
@media(max-width:560px){.hmk-tpl .nllead{grid-template-columns:1fr}
.hmk-tpl .nllead__media{aspect-ratio:16/10}}
.hmk-tpl .photow{margin:0}
.hmk-tpl .photow .ph{position:relative;border-radius:var(--r-img);overflow:hidden;background:var(--light-gray);box-shadow:var(--shadow-border)}
.hmk-tpl .photow img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;outline:0}
.hmk-tpl .photow figcaption{font-size:.86rem;color:var(--ink-soft);line-height:1.55;margin-top:11px;
    padding-inline-start:13px;border-inline-start:3px solid var(--line-2)}
.hmk-tpl .photow figcaption b{color:var(--ink-2);font-weight:700}
.hmk-tpl .quotew{background:var(--ink);border-radius:var(--r-card);padding:26px 28px;position:relative;overflow:hidden}
.hmk-tpl .quotew::before{content:"";position:absolute;top:0;inset-inline:0;height:4px;
    background:linear-gradient(to left,var(--terra) 0 33.34%,var(--sage) 33.34% 66.67%,var(--heather) 66.67%)}
.hmk-tpl .quotew .mark{font-family:var(--font-head);font-size:3rem;color:#E8906F;line-height:.5;display:block;margin-bottom:6px}
.hmk-tpl .quotew blockquote{font-family:var(--font-head);font-weight:400;font-size:clamp(1.3rem,2.6vw,1.7rem);
    line-height:1.36;color:#fff;text-wrap:pretty;margin:0}
.hmk-tpl .quotew cite{display:block;font-family:var(--font-body);font-style:normal;font-weight:600;font-size:.88rem;
    color:rgba(255,255,255,.72);margin-top:15px}
.hmk-tpl .quotew cite b{color:#fff}
.hmk-tpl .frags{display:flex;flex-direction:column}
.hmk-tpl .frag{display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center;
    padding:14px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}
.hmk-tpl .frag:first-child{border-top:0}
.hmk-tpl .frag__im{width:84px;height:64px;border-radius:9px;overflow:hidden;background:var(--light-gray);flex:none}
.hmk-tpl .frag__im img{width:100%;height:100%;object-fit:cover;display:block;outline:0}
.hmk-tpl .frag__b{min-width:0}
.hmk-tpl .frag__k{font-family:var(--font-brand);font-weight:400;font-size:.72rem;color:var(--terra-deep);display:block;margin-bottom:3px}
.hmk-tpl .frag__t{font-family:var(--font-head);font-weight:700;font-size:1.04rem;line-height:1.22;color:var(--ink);text-wrap:pretty}
.hmk-tpl .frag:hover .frag__t{color:var(--terra-deep)}
.hmk-tpl .frag__by{font-family:var(--font-body);font-weight:600;font-size:.76rem;color:var(--ink-soft);margin-top:4px}
.hmk-tpl .datacard{background:var(--bg);border-radius:var(--r-card);box-shadow:var(--shadow-border);padding:18px 19px 19px}
.hmk-tpl .datacard .big{font-family:var(--font-head);font-weight:700;font-size:2.7rem;line-height:1;color:var(--sage-deep);font-variant-numeric:tabular-nums}
.hmk-tpl .datacard .cap{font-family:var(--font-body);font-weight:600;font-size:.9rem;color:var(--ink-2);line-height:1.4;margin-top:8px}
.hmk-tpl .datacard .bars{margin-top:16px}
.hmk-tpl .datacard .src{font-size:.74rem;color:var(--ink-soft);line-height:1.5;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}
.hmk-tpl .datacard .src b{color:var(--ink-2);font-weight:700}
.hmk-tpl .opcard{background:var(--bg);border-radius:var(--r-card);box-shadow:var(--shadow-border);padding:16px 18px 8px}
.hmk-tpl .oprow{display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:center;padding:13px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}
.hmk-tpl .oprow:first-of-type{border-top:0}
.hmk-tpl .oprow__av{width:48px;height:48px;border-radius:50%;padding:2.5px;flex:none;
    background:conic-gradient(from 210deg,var(--terra),var(--heather),var(--sage),var(--terra))}
.hmk-tpl .oprow__av img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2.5px solid var(--bg);display:block;outline:0;background:var(--light-gray)}
.hmk-tpl .oprow__who{font-family:var(--font-body);font-weight:700;font-size:.8rem;color:var(--heather-deep)}
.hmk-tpl .oprow__t{font-family:var(--font-head);font-weight:700;font-size:.98rem;line-height:1.24;color:var(--ink);margin-top:2px;text-wrap:pretty}
.hmk-tpl .oprow:hover .oprow__t{color:var(--heather-deep)}
.hmk-tpl .slapp{background:var(--paper);border-radius:var(--r-card);box-shadow:var(--shadow-border);
    padding:22px 24px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-top:6px}
.hmk-tpl .slapp__ic{width:50px;height:50px;border-radius:13px;flex:none;display:grid;place-items:center;
    background:var(--heather-deep);color:#fff}
.hmk-tpl .slapp__ic svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hmk-tpl .slapp__b{min-width:0}
.hmk-tpl .slapp__k{font-family:var(--font-brand);font-weight:400;font-size:.82rem;color:var(--heather-deep);display:block;margin-bottom:4px}
.hmk-tpl .slapp__t{font-family:var(--font-head);font-weight:700;font-size:1.2rem;line-height:1.2;color:var(--ink)}
.hmk-tpl .slapp__p{font-family:var(--font-body);font-size:.9rem;line-height:1.55;color:var(--ink-2);margin-top:6px}
.hmk-tpl .slapp .btn-cta{background:var(--heather-deep);white-space:nowrap}
@media(max-width:620px){.hmk-tpl .slapp{grid-template-columns:auto 1fr}
.hmk-tpl .slapp .btn-cta{grid-column:1/-1;width:100%}}
.hmk-tpl .issue{display:flex;align-items:baseline;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none}
.hmk-tpl .issue:last-child{border-bottom:0}
.hmk-tpl .issue time{flex:none;width:92px;font-size:.82rem;font-weight:700;color:var(--sage-deep);font-variant-numeric:tabular-nums}
.hmk-tpl .issue .it{font-family:var(--font-head);font-weight:700;font-size:1rem;line-height:1.24;color:var(--ink);transition:color .16s ease}
.hmk-tpl .issue:hover .it{color:var(--terra-deep)}
.hmk-tpl .issue .ib{font-size:.84rem;color:var(--ink-soft);margin-top:3px;line-height:1.45}
.hmk-tpl .arch-h{margin-top:38px;padding-top:30px;border-top:1px solid var(--line);display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.hmk-tpl .arch-h .arch-k{font-family:var(--font-brand);font-weight:400;font-size:.9rem;letter-spacing:.02em;color:var(--sage-deep);display:block;margin-bottom:6px}
.hmk-tpl .arch-h h2{font-family:var(--font-head);font-weight:800;font-size:clamp(1.6rem,3.2vw,2.1rem);line-height:1.1;color:var(--ink)}
.hmk-tpl .arch-h .arch-sub{margin-inline-start:auto;font-family:var(--font-body);font-size:.9rem;color:var(--ink-soft);line-height:1.5;max-width:30ch;padding-bottom:3px}
.hmk-tpl .archgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;margin-top:22px;align-items:start}
@media(max-width:860px){.hmk-tpl .archgrid{grid-template-columns:1fr}}
.hmk-tpl .archgrid>*{min-width:0}
.hmk-tpl .ledger{background:var(--bg);border-radius:var(--r-card);box-shadow:var(--shadow-border);padding:6px 22px}
.hmk-tpl .led{display:grid;grid-template-columns:auto 1fr auto;gap:6px 18px;align-items:start;
    padding:18px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}
.hmk-tpl .led:first-child{border-top:0}
.hmk-tpl .led__no{grid-row:1/3;font-family:var(--font-head);font-weight:800;font-size:1.55rem;line-height:1;color:var(--light-gray);
    font-variant-numeric:tabular-nums;align-self:center;width:54px;text-align:center;transition:color .16s ease}
.hmk-tpl .led:hover .led__no{color:var(--terra)}
.hmk-tpl .led__meta{font-family:var(--font-body);font-weight:600;font-size:.76rem;color:var(--ink-soft);
    font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:8px}
.hmk-tpl .led__meta .gno{font-family:var(--font-brand);font-weight:400;color:var(--sage-deep)}
.hmk-tpl .led__meta .sep{color:var(--line-2)}
.hmk-tpl .led__t{font-family:var(--font-head);font-weight:700;font-size:1.18rem;line-height:1.22;color:var(--ink);
    margin-top:3px;text-wrap:pretty;transition:color .16s ease}
.hmk-tpl .led:hover .led__t{color:var(--terra-deep)}
.hmk-tpl .led__d{font-family:var(--font-body);font-size:.9rem;line-height:1.5;color:var(--ink-2);margin-top:5px;text-wrap:pretty}
.hmk-tpl .led__go{grid-row:1/3;align-self:center;font-family:var(--font-body);font-weight:700;font-size:.84rem;
    color:var(--sage-deep);white-space:nowrap;display:flex;align-items:center;gap:4px}
.hmk-tpl .led:hover .led__go{color:var(--terra-deep)}
@media(max-width:560px){.hmk-tpl .led{grid-template-columns:auto 1fr}
.hmk-tpl .led__no{grid-row:1/4;font-size:1.3rem;width:40px}
.hmk-tpl .led__go{grid-row:auto;grid-column:1/-1;margin-top:4px}}
.hmk-tpl .pop{background:var(--ink);border-radius:var(--r-card);box-shadow:var(--shadow-border);padding:20px 20px 14px;position:relative;overflow:hidden}
.hmk-tpl .pop::before{content:"";position:absolute;top:0;inset-inline:0;height:4px;
    background:linear-gradient(to left,var(--terra) 0 33.34%,var(--sage) 33.34% 66.67%,var(--heather) 66.67%)}
.hmk-tpl .pop__h{font-family:var(--font-brand);font-weight:400;font-size:.86rem;letter-spacing:.02em;color:#E8906F;display:block;margin-bottom:4px}
.hmk-tpl .pop__sub{font-family:var(--font-body);font-size:.76rem;color:rgba(255,255,255,.6);margin-bottom:8px}
.hmk-tpl .poprow{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:baseline;padding:13px 0;
    border-top:1px solid rgba(255,255,255,.12);text-decoration:none}
.hmk-tpl .poprow:first-of-type{border-top:0}
.hmk-tpl .poprow__n{font-family:var(--font-head);font-weight:800;font-size:1.4rem;line-height:1;color:rgba(255,255,255,.32);
    font-variant-numeric:tabular-nums;width:24px;text-align:center;transition:color .16s ease}
.hmk-tpl .poprow:hover .poprow__n{color:#E8906F}
.hmk-tpl .poprow__t{font-family:var(--font-head);font-weight:700;font-size:.98rem;line-height:1.24;color:#fff;text-wrap:pretty;transition:color .16s ease}
.hmk-tpl .poprow:hover .poprow__t{color:#E8906F}
.hmk-tpl .poprow__m{font-family:var(--font-body);font-weight:600;font-size:.74rem;color:rgba(255,255,255,.55);margin-top:3px}
.hmk-tpl .whynote{background:var(--paper);border-radius:var(--r-card);padding:18px 19px;margin-top:22px}
.hmk-tpl .whynote__h{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.hmk-tpl .whynote__h .ic{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;background:var(--bg);color:var(--sage-deep)}
.hmk-tpl .whynote__h .ic svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hmk-tpl .whynote__h h3{font-family:var(--font-head);font-weight:700;font-size:1rem;color:var(--ink)}
.hmk-tpl .whynote p{font-family:var(--font-body);font-size:.86rem;line-height:1.58;color:var(--ink-2)}
@media(max-width:860px){.hmk-tpl .nlhero{grid-template-columns:1fr;gap:22px}
.hmk-tpl .issuecard{min-height:340px;order:-1}}

/* ============ PAGE · podcasts (episode list) - podcasts.html ============ */

.hmk-tpl .pfeat{display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:stretch;
    background:var(--bg);border-radius:var(--r-card);box-shadow:var(--shadow-border);
    overflow:hidden;margin-top:24px}
.hmk-tpl .pfeat__cover{position:relative;background:var(--light-gray)}
.hmk-tpl .pfeat__cover img{width:100%;height:100%;object-fit:cover;display:block;outline:0}
.hmk-tpl .pfeat__cover .pf-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,20,19,.34),rgba(20,20,19,0) 46%)}
.hmk-tpl .pfeat__cover .ep-no{position:absolute;top:12px;right:12px;z-index:2;
    font-family:var(--font-brand);font-weight:400;font-size:.78rem;letter-spacing:.02em;
    color:#fff;background:var(--terra-cta);padding:4px 10px;border-radius:var(--r-chip)}
.hmk-tpl .pfeat__b{padding:26px 28px 24px;display:flex;flex-direction:column;justify-content:center}
.hmk-tpl .pfeat__b .kicker{margin-bottom:9px}
.hmk-tpl .pfeat__b h2{font-size:clamp(1.7rem,3.4vw,2.35rem);line-height:1.12;color:var(--ink);margin-bottom:12px}
.hmk-tpl .pfeat__b h2 a{text-decoration:none;color:inherit;transition:color .16s ease}
.hmk-tpl .pfeat__b h2 a:hover{color:var(--terra-deep)}
.hmk-tpl .pfeat__desc{font-size:1.02rem;line-height:1.6;color:var(--ink-2);max-width:58ch;margin-bottom:18px}
.hmk-tpl .pfeat .byline{margin-bottom:18px}
.hmk-tpl .transport{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hmk-tpl .play-btn{display:inline-flex;align-items:center;gap:11px;background:var(--terra-cta);color:#fff;
    border:0;border-radius:999px;padding:0 22px 0 16px;min-height:50px;cursor:pointer;text-decoration:none;
    font-family:var(--font-body);font-weight:700;font-size:.98rem;transition:filter .16s ease,scale .15s ease}
.hmk-tpl .play-btn:hover{filter:brightness(.95)}
.hmk-tpl .play-btn:active{scale:.97}
.hmk-tpl .play-btn .ico{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);
    display:grid;place-items:center;flex:none}
.hmk-tpl .play-btn .ico svg{width:16px;height:16px;margin-inline-start:2px;fill:#fff}
.hmk-tpl .transport .ep-dur{display:inline-flex;align-items:center;gap:6px;
    font-family:var(--font-body);font-weight:600;font-size:.86rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.hmk-tpl .transport .ep-dur svg{width:15px;height:15px;stroke:var(--ink-soft);fill:none;stroke-width:1.8}
.hmk-tpl .wave{flex:1;min-width:140px;height:38px;display:block;color:var(--terra)}
.hmk-tpl .wave rect{fill:currentColor}
@media(max-width:680px){.hmk-tpl .pfeat{grid-template-columns:1fr}
.hmk-tpl .pfeat__cover{aspect-ratio:16/10}
.hmk-tpl .pfeat__b{padding:22px}
.hmk-tpl .wave{order:3;flex-basis:100%}}
.hmk-tpl .epgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:14px}
@media(max-width:820px){.hmk-tpl .epgrid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.hmk-tpl .epgrid{grid-template-columns:1fr}}
.hmk-tpl .epcard{display:flex;flex-direction:column;background:var(--bg);border-radius:var(--r-card);
    overflow:hidden;box-shadow:var(--shadow-border);text-decoration:none;color:inherit;
    transition:box-shadow .2s ease,translate .2s ease}
.hmk-tpl .epcard:hover{box-shadow:var(--shadow-border-h);translate:0 -2px}
.hmk-tpl .epcard__cover{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--light-gray)}
.hmk-tpl .epcard__cover img{width:100%;height:100%;object-fit:cover;display:block}
.hmk-tpl .epcard__cover .pf-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,20,19,.5),rgba(20,20,19,0) 52%)}
.hmk-tpl .epcard__play{position:absolute;left:11px;bottom:11px;z-index:2;width:42px;height:42px;border-radius:50%;
    background:rgba(250,249,245,.94);display:grid;place-items:center;box-shadow:var(--shadow-border);transition:scale .18s ease}
.hmk-tpl .epcard:hover .epcard__play{scale:1.08}
.hmk-tpl .epcard__play svg{width:17px;height:17px;margin-inline-start:2px;fill:var(--terra-deep)}
.hmk-tpl .epcard__dur{position:absolute;right:11px;bottom:11px;z-index:2;
    font-family:var(--font-body);font-weight:600;font-size:.72rem;font-variant-numeric:tabular-nums;
    background:rgba(20,20,19,.82);color:#fff;padding:2px 8px;border-radius:5px}
.hmk-tpl .epcard__b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.hmk-tpl .epcard__tag{font-family:var(--font-brand);font-weight:400;font-size:.78rem;letter-spacing:.02em;color:var(--terra-deep)}
.hmk-tpl .epcard__t{font-family:var(--font-head),Georgia,serif;font-weight:700;font-size:1.12rem;line-height:1.24;color:var(--ink);
    text-wrap:pretty;transition:color .16s ease;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hmk-tpl .epcard:hover .epcard__t{color:var(--terra-deep)}
.hmk-tpl .epcard__meta{margin-top:auto;display:flex;align-items:center;gap:8px;
    font-family:var(--font-body);font-size:.8rem;color:var(--ink-soft)}
.hmk-tpl .epcard__meta .who{font-weight:600;color:var(--ink-2)}
.hmk-tpl .epcard__meta .sep{color:var(--line-2)}
.hmk-tpl .epcard__meta time{font-variant-numeric:tabular-nums}
.hmk-tpl .subrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;
    font-family:var(--font-body);font-size:.86rem;color:var(--ink-soft)}
.hmk-tpl .subrow .lbl{font-weight:700;color:var(--ink-2)}
.hmk-tpl .subrow a{text-decoration:none;color:var(--ink-2);border:1px solid var(--line-2);background:var(--bg);
    border-radius:999px;padding:5px 13px;transition:border-color .16s ease,color .16s ease}
.hmk-tpl .subrow a:hover{border-color:var(--terra);color:var(--terra-deep)}

/* ============ ARCHIVE · generic (clean: chips + lead + grid3) - category.html ============ */

.hmk-tpl .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.hmk-tpl .chip{font-family:var(--font-body);font-weight:600;font-size:.88rem;color:var(--ink-2);background:var(--bg);
    border:1px solid var(--line-2);border-radius:var(--r-chip);padding:7px 14px;text-decoration:none;cursor:pointer;
    transition:border-color .16s ease, color .16s ease, scale .15s ease}
.hmk-tpl .chip:hover{border-color:var(--ink-2);color:var(--terra-deep)}
.hmk-tpl .chip:active{scale:.96}
.hmk-tpl .chip.active{background:var(--terra-cta);border-color:var(--terra-cta);color:#fff}
.hmk-tpl .chip.active:hover{color:#fff;filter:brightness(.96)}
.hmk-tpl .pager{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:28px}
.hmk-tpl .pages{display:flex;gap:6px;align-items:center}
.hmk-tpl .pages a{font-family:var(--font-body);font-weight:700;font-size:.9rem;color:var(--ink-2);background:var(--bg);
    border:1px solid var(--line-2);border-radius:var(--r-btn);min-width:40px;height:40px;display:inline-flex;
    align-items:center;justify-content:center;text-decoration:none;font-variant-numeric:tabular-nums;
    transition:border-color .16s ease, color .16s ease, scale .15s ease}
.hmk-tpl .pages a:hover{border-color:var(--ink-2);color:var(--terra-deep)}
.hmk-tpl .pages a:active{scale:.96}
.hmk-tpl .pages a.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.hmk-tpl .pages .gap{border:0;background:transparent;color:var(--ink-soft);cursor:default}

/* ============ ARCHIVE · investigations (desk v2: files, wire, rows, timeline, impact) - category-investigations-v2.html ============ */

.hmk-tpl .ihead{display:flex;align-items:baseline;gap:14px;padding:6px 0 4px}
.hmk-tpl .ihead h1{font-size:clamp(1.8rem,3.6vw,2.5rem);line-height:1.04;color:var(--ink)}
.hmk-tpl .ihead .icount{margin-inline-start:auto;font-family:var(--font-body);font-weight:600;
    font-size:.8rem;letter-spacing:.02em;color:var(--ink-soft);
    border:1px solid var(--line-2);border-radius:999px;padding:5px 13px;white-space:nowrap}
.hmk-tpl .ihead .icount b{font-variant-numeric:tabular-nums;color:var(--terra-deep)}
.hmk-tpl .ifeat{position:relative;margin-top:14px;border-radius:var(--r-card);overflow:hidden;
    background:var(--ink);box-shadow:var(--shadow-border)}
.hmk-tpl .ifeat__media{position:relative;aspect-ratio:21/10;overflow:hidden;background:var(--light-gray)}
.hmk-tpl .ifeat__media img{width:100%;height:100%;object-fit:cover;display:block;
    filter:saturate(.92) contrast(1.03)}
.hmk-tpl .ifeat__media::after{content:"";position:absolute;inset:0;
    background:linear-gradient(90deg,rgba(20,20,19,.92) 0%,rgba(20,20,19,.72) 38%,rgba(20,20,19,.18) 72%,transparent 100%)}
.hmk-tpl .ifeat__tags{position:absolute;top:18px;right:18px;z-index:3;display:flex;gap:8px;align-items:center}
.hmk-tpl .ifeat__tag{font-family:var(--font-brand);font-weight:400;font-size:.84rem;letter-spacing:.02em;
    color:#fff;background:var(--terra);border-radius:var(--r-chip);padding:6px 12px;display:inline-flex;align-items:center;gap:6px}
.hmk-tpl .ifeat__tag svg{width:13px;height:13px}
.hmk-tpl .ifeat__series{font-family:var(--font-body);font-weight:700;font-size:.76rem;letter-spacing:.02em;
    color:#fff;background:rgba(250,249,245,.16);backdrop-filter:saturate(1.2);
    border:1px solid rgba(255,255,255,.28);border-radius:var(--r-chip);padding:6px 11px}
.hmk-tpl .ifeat__txt{position:absolute;inset-inline-end:0;bottom:0;z-index:3;
    width:min(640px,82%);padding:26px 30px 30px}
.hmk-tpl .ifeat__txt .kicker{color:#E9A98F;margin-bottom:9px}
.hmk-tpl .ifeat__h{font-family:var(--font-head);font-weight:900;
    font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.08;letter-spacing:-.015em;
    color:#fff;margin:0 0 13px;text-wrap:balance}
.hmk-tpl .ifeat__h a{color:inherit;text-decoration:none;transition:color .16s ease}
.hmk-tpl .ifeat__h a:hover{color:#F2C7B4}
.hmk-tpl .ifeat__sf{font-family:var(--font-body);font-size:1.04rem;line-height:1.6;
    color:rgba(243,241,234,.92);margin:0 0 16px;max-width:56ch;text-wrap:pretty}
.hmk-tpl .ifeat__by{display:flex;align-items:center;gap:9px;font-family:var(--font-body);
    font-size:.86rem;color:rgba(243,241,234,.78);flex-wrap:wrap}
.hmk-tpl .ifeat__by .who{font-weight:600;color:#fff}
.hmk-tpl .ifeat__by .sep{color:rgba(255,255,255,.4)}
.hmk-tpl .ifeat__by time{font-variant-numeric:tabular-nums}
.hmk-tpl .idivider{display:flex;align-items:center;gap:14px;margin:34px 0 18px}
.hmk-tpl .idivider h2{font-size:1.18rem;color:var(--ink);white-space:nowrap}
.hmk-tpl .idivider__line{flex:1;height:1px;
    background:repeating-linear-gradient(90deg,var(--line-2) 0 6px,transparent 6px 12px)}
.hmk-tpl .idivider svg{width:17px;height:17px;color:var(--ink-soft);flex:none}
.hmk-tpl .igrid{display:grid;grid-template-columns:1fr 1fr;gap:28px 28px}
.hmk-tpl .icard{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;
    background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow-border);
    overflow:hidden;transition:box-shadow .2s ease, translate .2s ease}
.hmk-tpl .icard:hover{box-shadow:var(--shadow-border-h);translate:0 -2px}
.hmk-tpl .icard::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;
    background:var(--terra);opacity:.0;transition:opacity .2s ease;z-index:4}
.hmk-tpl .icard:hover::before{opacity:.85}
.hmk-tpl .icard__media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--light-gray)}
.hmk-tpl .icard__media img{width:100%;height:100%;object-fit:cover;display:block;
    filter:saturate(.94);transition:scale .35s cubic-bezier(.2,0,0,1)}
.hmk-tpl .icard:hover .icard__media img{scale:1.035}
.hmk-tpl .icard__tag{position:absolute;top:12px;right:12px;z-index:2;
    font-family:var(--font-brand);font-weight:400;font-size:.78rem;letter-spacing:.02em;
    color:#fff;background:rgba(20,20,19,.62);border-radius:var(--r-chip);padding:5px 10px;
    display:inline-flex;align-items:center;gap:6px}
.hmk-tpl .icard__tag svg{width:12px;height:12px}
.hmk-tpl .icard__b{padding:17px 19px 19px;display:flex;flex-direction:column;flex:1}
.hmk-tpl .icard__h{font-family:var(--font-head);font-weight:800;font-size:1.28rem;line-height:1.2;
    letter-spacing:-.01em;color:var(--ink);margin:0 0 9px;text-wrap:balance}
.hmk-tpl .icard:hover .icard__h{color:var(--terra-deep)}
.hmk-tpl .icard__ex{font-family:var(--font-body);font-size:.95rem;line-height:1.58;color:var(--ink-2);
    margin:0 0 14px;text-wrap:pretty}
.hmk-tpl .icard__by{margin-top:auto;padding-top:13px;border-top:1px solid var(--line);
    display:flex;align-items:center;gap:9px;font-family:var(--font-body);
    font-size:.83rem;color:var(--ink-soft);flex-wrap:wrap}
.hmk-tpl .icard__by .who{font-weight:600;color:var(--ink-2)}
.hmk-tpl .icard__by .sep{color:var(--line-2)}
.hmk-tpl .icard__by time{font-variant-numeric:tabular-nums;margin-inline-start:auto}
.hmk-tpl .imeta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 10px}
.hmk-tpl .imeta__topic{font-family:var(--font-brand);font-weight:400;font-size:.74rem;
    letter-spacing:.02em;color:var(--terra-deep)}
.hmk-tpl .imeta__dot{width:3px;height:3px;border-radius:50%;background:var(--line-2);flex:none}
.hmk-tpl .imeta__series{display:inline-flex;align-items:center;gap:6px;
    font-family:var(--font-body);font-weight:600;font-size:.72rem;letter-spacing:.01em;
    color:var(--heather-deep);background:rgba(142,111,168,.1);
    border:1px solid rgba(142,111,168,.24);border-radius:var(--r-chip);padding:3px 9px}
.hmk-tpl .imeta__series svg{width:11px;height:11px;flex:none}
.hmk-tpl .imeta__status{display:inline-flex;align-items:center;gap:6px;
    font-family:var(--font-body);font-weight:600;font-size:.72rem;letter-spacing:.01em;
    color:var(--sage-deep);background:rgba(120,140,93,.12);
    border:1px solid rgba(120,140,93,.26);border-radius:var(--r-chip);padding:3px 9px}
.hmk-tpl .imeta__status .pulse{width:6px;height:6px;border-radius:50%;background:var(--sage);flex:none}
.hmk-tpl .iclusters{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 2px}
.hmk-tpl .iclusters a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;
    font-family:var(--font-body);font-weight:600;font-size:.82rem;color:var(--ink-2);
    background:var(--paper);border:1px solid var(--line-2);border-radius:999px;
    padding:7px 14px;transition:border-color .16s ease, color .16s ease, background .16s ease}
.hmk-tpl .iclusters a:hover{border-color:var(--terra);color:var(--terra-deep);background:var(--card)}
.hmk-tpl .iclusters a b{font-variant-numeric:tabular-nums;font-weight:700;color:var(--terra-deep)}
.hmk-tpl .iclusters svg{width:13px;height:13px;color:var(--ink-soft);flex:none}
@media(max-width:760px){.hmk-tpl .ifeat__media{aspect-ratio:4/3}
.hmk-tpl .ifeat__media::after{background:linear-gradient(0deg,rgba(20,20,19,.95) 0%,rgba(20,20,19,.62) 46%,rgba(20,20,19,.12) 82%,transparent 100%)}
.hmk-tpl .ifeat__txt{width:100%;padding:20px 18px 22px}
.hmk-tpl .igrid{grid-template-columns:1fr;gap:22px}}
.hmk-tpl .ifiles{margin:26px 0 6px}
.hmk-tpl .ifiles__h{display:flex;align-items:baseline;gap:12px;margin-bottom:4px}
.hmk-tpl .ifiles__h h2{font-size:1.18rem;color:var(--ink)}
.hmk-tpl .ifiles__h .sub{font-family:var(--font-body);font-size:.82rem;color:var(--ink-soft)}
.hmk-tpl .ifiles__row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch;padding-top:16px}
.hmk-tpl .ifile{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;
    background:var(--paper);border:1px solid var(--line-2);border-top:0;border-radius:0 0 12px 12px;
    padding:16px 18px 16px;transition:translate .18s ease, box-shadow .2s ease}
.hmk-tpl .ifile::before{content:"";position:absolute;top:-13px;inset-inline-start:-1px;width:44%;height:14px;
    background:var(--paper);border:1px solid var(--line-2);border-bottom:0;border-radius:8px 8px 0 0}
.hmk-tpl .ifile::after{content:"";position:absolute;top:0;inset-inline:-1px;height:1px;background:var(--line-2);
    inset-inline-start:calc(44% - 1px)}
.hmk-tpl .ifile:hover{translate:0 -3px;box-shadow:0 12px 26px -12px rgba(20,20,19,.18)}
.hmk-tpl .ifile--hot{background:#fff}
.hmk-tpl .ifile--hot::before{background:#fff}
.hmk-tpl .ifile__no{position:absolute;top:-11px;inset-inline-start:12px;
    font-family:ui-monospace,Menlo,monospace;font-weight:700;font-size:.66rem;letter-spacing:.06em;
    color:var(--terra-deep)}
.hmk-tpl .ifile__top{display:flex;align-items:center;gap:8px;margin:2px 0 8px}
.hmk-tpl .ifile__name{font-family:var(--font-head);font-weight:800;font-size:1.22rem;line-height:1.1;color:var(--ink)}
.hmk-tpl .ifile__st{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;flex:none;
    font-family:var(--font-body);font-weight:600;font-size:.7rem;color:var(--sage-deep);
    background:rgba(120,140,93,.12);border:1px solid rgba(120,140,93,.26);border-radius:999px;padding:3px 9px}
.hmk-tpl .ifile__st .pulse{width:6px;height:6px;border-radius:50%;background:var(--sage)}
.hmk-tpl .ifile__st--done{color:var(--ink-soft);background:var(--light-gray);border-color:var(--line-2)}
.hmk-tpl .ifile__meta{font-family:var(--font-body);font-size:.78rem;color:var(--ink-soft);margin-bottom:11px}
.hmk-tpl .ifile__meta b{color:var(--ink-2);font-variant-numeric:tabular-nums}
.hmk-tpl .ifile__parts{list-style:none;margin:0 0 13px;padding:0;display:flex;flex-direction:column;gap:7px}
.hmk-tpl .ifile__parts li{position:relative;padding-inline-start:16px;font-family:var(--font-body);
    font-size:.86rem;line-height:1.42;color:var(--ink-2);
    display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.hmk-tpl .ifile__parts li::before{content:"";position:absolute;right:2px;top:.52em;width:5px;height:5px;
    border-radius:1px;background:var(--terra);opacity:.75}
.hmk-tpl .ifile__open{margin-top:auto;display:inline-flex;align-items:center;gap:5px;
    font-family:var(--font-body);font-weight:700;font-size:.84rem;color:var(--terra-deep)}
.hmk-tpl .ifile__open svg{width:14px;height:14px;transition:translate .15s ease}
.hmk-tpl .ifile:hover .ifile__open svg{translate:-3px 0}
@media(max-width:860px){.hmk-tpl .ifiles__row{grid-template-columns:1fr;gap:22px}}
.hmk-tpl .iwire{position:relative;margin:30px 0 4px;background:var(--ink);border-radius:var(--r-card);
    overflow:hidden;box-shadow:var(--shadow-border)}
.hmk-tpl .iwire::before{content:"";position:absolute;inset-inline-start:0;inset-block:0;width:4px;background:var(--terra)}
.hmk-tpl .iwire__in{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;
    padding:20px 26px;min-height:118px}
.hmk-tpl .iwire__lab{display:flex;flex-direction:column;gap:5px;padding-inline-end:22px;
    border-inline-end:1px solid rgba(255,255,255,.14)}
.hmk-tpl .iwire__lab .k{font-family:var(--font-brand);font-size:.8rem;color:#E9A98F;white-space:nowrap}
.hmk-tpl .iwire__lab .live{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);
    font-weight:600;font-size:.7rem;color:rgba(243,241,234,.66)}
.hmk-tpl .iwire__lab .live i{width:7px;height:7px;border-radius:50%;background:var(--terra);
    animation:hmk-pulse 1.8s ease-out infinite}
.hmk-tpl .iwire__stage{position:relative;min-height:78px}
.hmk-tpl .iwire__item{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:6px;
    opacity:0;visibility:hidden;transform:translateY(8px);
    transition:opacity .5s ease, transform .5s cubic-bezier(.2,0,0,1), visibility .5s;text-decoration:none}
.hmk-tpl .iwire__item.on{opacity:1;visibility:visible;transform:none}
.hmk-tpl .iwire__big{font-family:var(--font-head);font-weight:900;font-size:clamp(1.3rem,2.6vw,1.9rem);
    line-height:1.14;letter-spacing:-.01em;color:#fff;text-wrap:balance;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hmk-tpl .iwire__big b{color:#E9A98F}
.hmk-tpl .iwire__src{font-family:var(--font-body);font-size:.8rem;color:rgba(243,241,234,.66)}
.hmk-tpl .iwire__src b{color:rgba(243,241,234,.92);font-weight:600}
.hmk-tpl .iwire__item:hover .iwire__src b{color:#F2C7B4}
.hmk-tpl .iwire__dots{display:flex;flex-direction:column;gap:7px}
.hmk-tpl .iwire__dots button{width:8px;height:8px;border-radius:50%;border:0;padding:0;cursor:pointer;
    background:rgba(255,255,255,.28);transition:background .2s ease, scale .2s ease}
.hmk-tpl .iwire__dots button.on{background:var(--terra);scale:1.25}
@media(max-width:760px){.hmk-tpl .iwire__in{grid-template-columns:1fr;gap:12px;padding:18px 18px 16px}
.hmk-tpl .iwire__lab{flex-direction:row;align-items:center;gap:12px;border:0;padding:0}
.hmk-tpl .iwire__stage{min-height:104px}
.hmk-tpl .iwire__dots{flex-direction:row}}
.hmk-tpl .itl{margin:36px 0 0}
.hmk-tpl .itl__scroll{display:flex;gap:14px;overflow-x:auto;padding:18px 2px 16px;
    scroll-snap-type:x proximity;scrollbar-width:thin}
.hmk-tpl .itl__scroll::-webkit-scrollbar{height:6px}
.hmk-tpl .itl__scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}
.hmk-tpl .itl__year{flex:none;align-self:stretch;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:flex-end;
    padding:0 6px 2px 14px;border-inline-end:1px dashed var(--line-2)}
.hmk-tpl .itl__year b{font-family:var(--font-head);font-weight:900;font-size:1.9rem;line-height:1;
    color:var(--terra);letter-spacing:-.02em;writing-mode:initial}
.hmk-tpl .itl__card{flex:0 0 236px;scroll-snap-align:start;position:relative;
    display:flex;flex-direction:column;gap:7px;text-decoration:none;color:inherit;
    background:var(--card);border:1px solid var(--line);border-radius:12px;padding:30px 15px 13px;
    transition:border-color .16s ease, translate .16s ease}
.hmk-tpl .itl__card:hover{border-color:var(--terra);translate:0 -2px}
.hmk-tpl .itl__card::before{content:"";position:absolute;top:16px;inset-inline:15px;height:2px;background:var(--line)}
.hmk-tpl .itl__card::after{content:"";position:absolute;top:11px;inset-inline-start:15px;width:12px;height:12px;
    border-radius:50%;background:var(--terra);box-shadow:0 0 0 3px var(--card),0 0 0 4px var(--line-2)}
.hmk-tpl .itl__date{font-family:ui-monospace,Menlo,monospace;font-weight:700;font-size:.7rem;
    letter-spacing:.04em;color:var(--terra-deep);font-variant-numeric:tabular-nums}
.hmk-tpl .itl__t{font-family:var(--font-head);font-weight:800;font-size:.99rem;line-height:1.24;color:var(--ink);
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hmk-tpl .itl__card:hover .itl__t{color:var(--terra-deep)}
.hmk-tpl .itl__thread{margin-top:auto;font-family:var(--font-brand);font-size:.72rem;color:var(--ink-soft)}
.hmk-tpl .iimpact{margin:36px 0 0}
.hmk-tpl .iimpact__list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;
    overflow:hidden;background:var(--card)}
.hmk-tpl .iimpact__row{display:grid;grid-template-columns:auto 1fr auto;gap:15px;
    align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;
    transition:background .15s ease}
.hmk-tpl .iimpact__row:last-child{border-bottom:0}
.hmk-tpl .iimpact__row:hover{background:var(--paper)}
.hmk-tpl .iimpact__arr{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;
    background:rgba(120,140,93,.12);color:var(--sage-deep)}
.hmk-tpl .iimpact__arr svg{width:15px;height:15px}
.hmk-tpl .iimpact__pub{font-family:var(--font-head);font-weight:800;font-size:1.02rem;line-height:1.32;color:var(--ink);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hmk-tpl .iimpact__pub b{color:var(--sage-deep);font-weight:800}
.hmk-tpl .iimpact__row:hover .iimpact__pub{color:var(--terra-deep)}
.hmk-tpl .iimpact__row:hover .iimpact__pub b{color:var(--sage-deep)}
.hmk-tpl .iimpact__d{font-family:var(--font-body);font-size:.78rem;color:var(--ink-soft);
    font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:700px){.hmk-tpl .iimpact__row{grid-template-columns:auto 1fr;row-gap:4px}
.hmk-tpl .iimpact__d{grid-column:2}}
.hmk-tpl .iarch{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;margin:36px 0 0;align-items:stretch}
@media(max-width:860px){.hmk-tpl .iarch{grid-template-columns:1fr}}
.hmk-tpl .ipick{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:330px;
    border-radius:var(--r-card);overflow:hidden;text-decoration:none;box-shadow:var(--shadow-border)}
.hmk-tpl .ipick img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
.hmk-tpl .ipick::after{content:"";position:absolute;inset:0;
    background:linear-gradient(0deg,rgba(20,20,19,.9) 0%,rgba(20,20,19,.44) 55%,rgba(20,20,19,.18) 100%)}
.hmk-tpl .ipick__b{position:relative;z-index:2;padding:22px 24px}
.hmk-tpl .ipick__ago{display:inline-flex;align-items:baseline;gap:8px;margin-bottom:10px;
    font-family:var(--font-body);font-weight:600;font-size:.78rem;color:#F2C7B4}
.hmk-tpl .ipick__ago b{font-family:var(--font-head);font-weight:900;font-size:2rem;line-height:1;color:#fff}
.hmk-tpl .ipick__t{font-family:var(--font-head);font-weight:800;font-size:clamp(1.2rem,2.2vw,1.55rem);
    line-height:1.18;color:#fff;margin:0 0 8px;text-wrap:balance}
.hmk-tpl .ipick:hover .ipick__t{color:#F2C7B4}
.hmk-tpl .ipick__by{font-family:var(--font-body);font-size:.82rem;color:rgba(243,241,234,.75)}
.hmk-tpl .ipick__ref{position:absolute;top:16px;inset-inline-start:16px;z-index:2;
    font-family:var(--font-brand);font-size:.76rem;color:#fff;
    background:rgba(20,20,19,.55);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 12px}
.hmk-tpl .iclassics{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);
    border-radius:var(--r-card);padding:18px 20px 8px}
.hmk-tpl .iclassics h3{font-size:1.08rem;color:var(--ink);margin:0 0 4px}
.hmk-tpl .iclassics .sub{font-family:var(--font-body);font-size:.78rem;color:var(--ink-soft);margin-bottom:8px}
.hmk-tpl .iclassics ol{list-style:none;margin:0;padding:0;counter-reset:cl;display:flex;flex-direction:column}
.hmk-tpl .iclassics li{counter-increment:cl;border-bottom:1px solid var(--line)}
.hmk-tpl .iclassics li:last-child{border-bottom:0}
.hmk-tpl .iclassics a{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;
    padding:12px 2px;text-decoration:none;color:inherit}
.hmk-tpl .iclassics a::before{content:counter(cl);font-family:var(--font-head);font-weight:900;
    font-size:1.9rem;line-height:1;color:var(--line-2);text-align:center;
    font-variant-numeric:tabular-nums;transition:color .16s ease}
.hmk-tpl .iclassics a:hover::before{color:var(--terra)}
.hmk-tpl .iclassics .t{font-family:var(--font-head);font-weight:800;font-size:.97rem;line-height:1.26;color:var(--ink);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hmk-tpl .iclassics a:hover .t{color:var(--terra-deep)}
.hmk-tpl .srow{margin:30px 0 0}
.hmk-tpl .srow__h{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}
.hmk-tpl .srow__h h2{font-size:1.14rem;color:var(--ink)}
.hmk-tpl .srow__h .sub{font-family:var(--font-body);font-size:.8rem;color:var(--ink-soft)}
.hmk-tpl .srow__hint{margin-inline-start:auto;font-family:var(--font-body);font-weight:600;font-size:.78rem;color:var(--terra-deep)}
.hmk-tpl .srow__scroll{display:flex;gap:13px;overflow-x:auto;padding:2px 2px 14px;
    scroll-snap-type:x proximity;scrollbar-width:thin}
.hmk-tpl .srow__scroll::-webkit-scrollbar{height:6px}
.hmk-tpl .srow__scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}
.hmk-tpl .scard{flex:0 0 196px;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;
    text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);
    border-radius:12px;overflow:hidden;transition:border-color .16s ease, translate .16s ease}
.hmk-tpl .scard:hover{border-color:var(--terra);translate:0 -2px}
.hmk-tpl .scard__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--light-gray)}
.hmk-tpl .scard__media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.94)}
.hmk-tpl .srow__noimg{display:grid;place-items:center;width:100%;height:100%;background:var(--ink)}
.hmk-tpl .srow__noimg img{width:44%!important;height:auto!important;object-fit:contain!important}
.hmk-tpl .scard__y{position:absolute;top:8px;inset-inline-start:8px;
    font-family:ui-monospace,Menlo,monospace;font-weight:700;font-size:.66rem;letter-spacing:.05em;
    color:#fff;background:rgba(20,20,19,.6);border-radius:6px;padding:3px 7px;font-variant-numeric:tabular-nums}
.hmk-tpl .scard__t{font-family:var(--font-head);font-weight:800;font-size:.9rem;line-height:1.26;color:var(--ink);
    padding:0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.6em}
.hmk-tpl .scard:hover .scard__t{color:var(--terra-deep)}
.hmk-tpl .scard__d{font-family:var(--font-body);font-size:.72rem;color:var(--ink-soft);
    padding:0 12px 12px;font-variant-numeric:tabular-nums;margin-top:auto}
html:not([data-theme="dark"]) .hmk-tpl{--bg:#ffffff}
.hmk-tpl{background:#fff}

/* ============ ARCHIVE · news - category-news.html ============ */

.hmk-tpl .body .pagehero{padding:14px 0 14px;border-bottom:0}
.hmk-tpl .nhead{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;flex-wrap:wrap;
    padding:14px 0 12px;border-bottom:1px solid var(--line)}
.hmk-tpl .nhead__title{display:flex;flex-direction:column}
.hmk-tpl .nhead__title .kicker{margin-bottom:6px}
.hmk-tpl .nhead__title h1{font-family:var(--font-head);font-size:clamp(2rem,5vw,3rem);line-height:1.04;color:var(--ink);font-weight:800;letter-spacing:-.01em}
.hmk-tpl .nchips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hmk-tpl .nchips a{font-family:var(--font-brand);font-weight:400;font-size:.84rem;letter-spacing:.02em;
    color:var(--ink-2);text-decoration:none;background:var(--paper);border:1px solid var(--line);
    border-radius:var(--r-chip);padding:6px 13px;transition:background .16s ease,color .16s ease,border-color .16s ease;white-space:nowrap}
.hmk-tpl .nchips a:hover{color:#fff;background:var(--terra);border-color:var(--terra)}
.hmk-tpl .nchips a.is-on{color:#fff;background:var(--ink);border-color:var(--ink)}
@media(max-width:640px){.hmk-tpl .nhead{align-items:flex-start;gap:12px}
.hmk-tpl .nchips{gap:7px}}
.hmk-tpl .nfp-line{display:flex;align-items:center;gap:10px;margin:12px 0 20px;font-size:.86rem;color:var(--ink-soft)}
.hmk-tpl .nfp-line .live{width:8px;height:8px;border-radius:50%;background:var(--terra);animation:hmk-pulse 1.6s ease-in-out infinite;flex:none}
.hmk-tpl .nfp-line time{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink-2)}
.hmk-tpl .nfp-line .sep{color:var(--line-2)}
.hmk-tpl .nlead{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:start;padding-bottom:26px;border-bottom:1px solid var(--line)}
.hmk-tpl .nlead__media{position:relative;aspect-ratio:16/10;border-radius:var(--r-img);overflow:hidden;background:var(--light-gray)}
.hmk-tpl .nlead__media img{width:100%;height:100%;object-fit:cover;display:block;transition:scale .4s ease}
.hmk-tpl .nlead:hover .nlead__media img{scale:1.02}
.hmk-tpl .nlead__chip{position:absolute;top:12px;right:12px;font-family:var(--font-brand);font-weight:400;font-size:.82rem;color:#fff;background:var(--terra);border-radius:var(--r-chip);padding:6px 10px}
.hmk-tpl .nlead h2{font-family:var(--font-head);font-size:2.25rem;line-height:1.1;color:var(--ink);margin:2px 0 12px;font-weight:800;letter-spacing:-.01em}
.hmk-tpl .nlead h2 a{text-decoration:none;color:inherit;transition:color .16s ease}
.hmk-tpl .nlead h2 a:hover{color:var(--terra-deep)}
@media(max-width:780px){.hmk-tpl .nlead{grid-template-columns:1fr;gap:16px}
.hmk-tpl .nlead h2{font-size:1.7rem}}
.hmk-tpl .ngrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
@media(max-width:760px){.hmk-tpl .ngrid3{grid-template-columns:1fr}}
.hmk-tpl .nfeed-wrap{display:grid;grid-template-columns:3fr 1fr;gap:26px;align-items:start;margin-top:6px}
@media(max-width:860px){.hmk-tpl .nfeed-wrap{grid-template-columns:1fr}}
.hmk-tpl .frow{display:grid;grid-template-columns:84px 1fr auto;gap:15px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--line);text-decoration:none;transition:background .16s ease, padding-inline .16s ease;border-radius:9px}
.hmk-tpl .frow:hover{background:var(--bg);padding-inline:9px}
.hmk-tpl .frow:first-of-type{border-top:1px solid var(--line)}
.hmk-tpl .frow__im{width:84px;height:60px;border-radius:9px;overflow:hidden;background:var(--light-gray);flex:none}
.hmk-tpl .frow__im img{width:100%;height:100%;object-fit:cover;display:block}
.hmk-tpl .frow__main{min-width:0}
.hmk-tpl .frow .kicker{margin-bottom:3px;font-size:.72rem}
.hmk-tpl .frow__t{font-family:var(--font-head);font-weight:700;font-size:1.06rem;line-height:1.24;color:var(--ink);transition:color .16s ease;text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hmk-tpl .frow:hover .frow__t{color:var(--terra-deep)}
.hmk-tpl .frow__by{font-size:.78rem;color:var(--ink-soft);margin-top:3px;font-family:var(--font-body)}
.hmk-tpl .frow__date{font-variant-numeric:tabular-nums;font-weight:700;font-size:.84rem;color:var(--terra-deep);white-space:nowrap;letter-spacing:-.01em;align-self:center;text-align:left}
@media(max-width:560px){.hmk-tpl .frow{grid-template-columns:64px 1fr;gap:12px}
.hmk-tpl .frow__im{width:64px;height:48px}
.hmk-tpl .frow__date{display:none}
.hmk-tpl .frow__t{font-size:1rem}}

/* ============ ARCHIVE · opinion - category-opinion.html ============ */

.hmk-tpl .opfeat{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(22px,3vw,40px);align-items:center;
    margin-top:26px;padding-bottom:28px;border-bottom:1px solid var(--line)}
@media(max-width:780px){.hmk-tpl .opfeat{grid-template-columns:1fr;gap:20px}}
.hmk-tpl .opfeat__media{position:relative;aspect-ratio:16/11;border-radius:var(--r-img);overflow:hidden;
    background:var(--light-gray);box-shadow:var(--shadow-border)}
.hmk-tpl .opfeat__media img{width:100%;height:100%;object-fit:cover;display:block}
.hmk-tpl .opfeat__media .noimg{position:absolute;inset:0}
.hmk-tpl .opfeat__txt .kicker{color:var(--heather-deep);margin-bottom:10px}
.hmk-tpl .opfeat__txt h1{font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.12;color:var(--ink);margin-bottom:14px}
.hmk-tpl .opfeat__txt h1 a{text-decoration:none;color:inherit;transition:color .16s ease}
.hmk-tpl .opfeat__txt h1 a:hover{color:var(--heather-deep)}
.hmk-tpl .opfeat__dek{position:relative;padding-top:14px;font-size:1.08rem;line-height:1.62;color:var(--ink-2);
    max-width:48ch;margin-bottom:16px}
.hmk-tpl .opfeat__dek::before{content:"‟";position:absolute;top:-14px;right:-4px;
    font-family:var(--font-head),Georgia,serif;font-size:3.4rem;line-height:1;color:var(--heather);opacity:.85}
.hmk-tpl .opfeat__by{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:.9rem;color:var(--ink-soft)}
.hmk-tpl .opfeat__by .who{font-weight:700;color:var(--ink-2)}
.hmk-tpl .opfeat__by .sep{color:var(--line-2)}
.hmk-tpl .opfeat__by time{font-variant-numeric:tabular-nums}
.hmk-tpl .op-accent{--accent:var(--heather);--accent-deep:var(--heather-deep)}

/* ============ ARCHIVE · magazine - category-magazine.html ============ */

.hmk-tpl .magcover{position:relative;display:block;border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-border);
    margin-top:clamp(24px,3.4vw,38px);min-height:clamp(360px,42vw,520px);text-decoration:none;color:inherit;
    transition:box-shadow .22s ease, translate .22s ease}
.hmk-tpl .magcover:hover{box-shadow:var(--shadow-border-h);translate:0 -2px}
.hmk-tpl .magcover__media{position:absolute;inset:0;background:var(--light-gray);overflow:hidden}
.hmk-tpl .magcover__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;outline:0;
    transition:scale .6s cubic-bezier(.2,0,0,1)}
.hmk-tpl .magcover:hover .magcover__media img{scale:1.04}
.hmk-tpl .magcover::after{content:"";position:absolute;inset:0;z-index:1;
    background:linear-gradient(to top,rgba(20,20,19,.9),rgba(20,20,19,.4) 46%,rgba(20,20,19,.05) 80%)}
.hmk-tpl .magcover__txt{position:absolute;z-index:2;inset-inline:0;bottom:0;padding:clamp(26px,4vw,56px);max-width:840px;
    display:flex;flex-direction:column}
.hmk-tpl .magcover__txt .kicker{margin-bottom:12px;color:#f0d9cf}
.hmk-tpl .magcover__txt h2{font-family:var(--font-head),Georgia,serif;font-size:clamp(2rem,4.4vw,3.5rem);line-height:1.04;
    color:#fff;margin-bottom:14px;text-wrap:balance;transition:color .16s ease}
.hmk-tpl .magcover__txt h2 a{text-decoration:none;color:inherit}
.hmk-tpl .magcover__dek{font-size:clamp(1.04rem,1.3vw,1.2rem);line-height:1.6;color:#e9e6de;margin-bottom:16px;max-width:680px}
.hmk-tpl .magcover__txt .byline,.hmk-tpl .magcover__txt .byline *{color:#cfccc3}
@media(max-width:560px){.hmk-tpl .magcover{min-height:0;aspect-ratio:4/5}
.hmk-tpl .magcover__txt{padding:22px 20px 24px}}
.hmk-tpl .magmosaic{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(24px,2.8vw,40px);
    margin-top:clamp(30px,4vw,52px);align-items:start}
@media(max-width:860px){.hmk-tpl .magmosaic{grid-template-columns:repeat(4,1fr);gap:30px}}
@media(max-width:560px){.hmk-tpl .magmosaic{grid-template-columns:1fr;gap:34px}}
.hmk-tpl .magart{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.hmk-tpl .magart__media{position:relative;aspect-ratio:3/2;border-radius:var(--r-img);overflow:hidden;
    background:var(--light-gray);box-shadow:var(--shadow-border);
    transition:box-shadow .22s ease, translate .22s ease}
.hmk-tpl .magart:hover .magart__media{box-shadow:var(--shadow-border-h);translate:0 -3px}
.hmk-tpl .magart__media img{width:100%;height:100%;object-fit:cover;display:block;outline:0;
    transition:scale .5s cubic-bezier(.2,0,0,1)}
.hmk-tpl .magart:hover .magart__media img{scale:1.04}
.hmk-tpl .magart__b{padding-top:15px}
.hmk-tpl .magart__b .kicker{margin-bottom:8px}
.hmk-tpl .magart__b h3{font-size:clamp(1.18rem,1.7vw,1.5rem);line-height:1.18;color:var(--ink);margin-bottom:9px;
    transition:color .16s ease}
.hmk-tpl .magart:hover .magart__b h3{color:var(--terra-deep)}
.hmk-tpl .magart__excerpt{font-size:1rem;line-height:1.6;color:var(--ink-2);margin-bottom:11px;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hmk-tpl .magart .byline{margin-top:auto}
.hmk-tpl .span-2{grid-column:span 2}
.hmk-tpl .span-3{grid-column:span 3}
.hmk-tpl .span-4{grid-column:span 4}
.hmk-tpl .magart--lead .magart__media{aspect-ratio:16/10}
.hmk-tpl .magart--lead .magart__b h3{font-size:clamp(1.4rem,2vw,1.9rem)}
.hmk-tpl .magart--wide{flex-direction:row;align-items:center;gap:clamp(18px,2vw,30px);
    background:var(--bg);border-radius:var(--r-card);box-shadow:var(--shadow-border);overflow:hidden;
    padding:0;transition:box-shadow .22s ease, translate .22s ease}
.hmk-tpl .magart--wide:hover{box-shadow:var(--shadow-border-h);translate:0 -2px}
.hmk-tpl .magart--wide .magart__media{flex:0 0 46%;aspect-ratio:4/3;border-radius:0;box-shadow:none;align-self:stretch}
.hmk-tpl .magart--wide:hover .magart__media{box-shadow:none;translate:0}
.hmk-tpl .magart--wide .magart__b{padding:clamp(16px,1.8vw,26px) clamp(18px,2vw,30px) clamp(16px,1.8vw,26px) 0}
@media(max-width:860px){.hmk-tpl .span-2,.hmk-tpl .span-3,.hmk-tpl .span-4{grid-column:span 4}
.hmk-tpl .magart--lead{grid-column:span 4}}
@media(max-width:560px){.hmk-tpl .span-2,.hmk-tpl .span-3,.hmk-tpl .span-4,.hmk-tpl .magart--lead{grid-column:span 1}
.hmk-tpl .magart--wide{flex-direction:column;align-items:stretch}
.hmk-tpl .magart--wide .magart__media{flex:none;aspect-ratio:3/2}
.hmk-tpl .magart--wide .magart__b{padding:15px 18px 18px}}
.hmk-tpl .magpull{grid-column:1/-1;background:var(--paper);border-radius:var(--r-card);
    padding:clamp(26px,4vw,48px) clamp(24px,5vw,72px);text-align:center;position:relative}
.hmk-tpl .magpull::before{content:"„";font-family:var(--font-head),Georgia,serif;color:var(--terra);
    font-size:clamp(3rem,7vw,5.2rem);line-height:.6;display:block;margin-bottom:6px}
.hmk-tpl .magpull blockquote{font-family:var(--font-head),Georgia,serif;font-weight:500;
    font-size:clamp(1.5rem,2.8vw,2.3rem);line-height:1.28;color:var(--ink);max-width:24ch;margin:0 auto 16px}
.hmk-tpl .magpull cite{font-style:normal;font-family:var(--font-body);font-weight:600;font-size:.92rem;
    color:var(--ink-soft);display:block}
.hmk-tpl .magpull cite b{color:var(--terra-deep);font-weight:700}

/* ============ ARCHIVE · video - category-video.html ============ */

.hmk-tpl .vfeat{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:center;margin-top:24px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.hmk-tpl .vfeat .reel{max-width:300px}
.hmk-tpl .vfeat .reel .rt{font-size:1.12rem;inset-inline:14px;bottom:14px}
.hmk-tpl .vfeat .play span{width:64px;height:64px}
.hmk-tpl .vfeat .play svg{width:24px;height:24px}
.hmk-tpl .vfeat__meta .kicker{margin-bottom:8px}
.hmk-tpl .vfeat__meta h2{font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1.14;color:var(--ink);margin-bottom:12px}
.hmk-tpl .vfeat__meta h2 a{text-decoration:none;color:inherit;transition:color .16s ease}
.hmk-tpl .vfeat__meta h2 a:hover{color:var(--terra-deep)}
.hmk-tpl .vfeat__meta .standfirst{max-width:54ch}
.hmk-tpl .vfeat .now{position:absolute;top:10px;right:10px;z-index:2;font-family:var(--font-body);font-weight:700;font-size:.66rem;letter-spacing:.03em;color:#fff;background:var(--terra-cta);padding:4px 9px;border-radius:var(--r-chip)}
@media(max-width:680px){.hmk-tpl .vfeat{grid-template-columns:1fr;gap:18px}
.hmk-tpl .vfeat .reel{max-width:240px;margin-inline:auto}}
.hmk-tpl .watch{margin-top:14px}
.hmk-tpl .watch__count{font-family:var(--font-body);font-weight:600;font-size:.82rem;color:var(--ink-soft);margin-inline-start:auto;font-variant-numeric:tabular-nums}
.hmk-tpl .reelw{display:flex;flex-direction:column;gap:7px}
.hmk-tpl .reelw .rby{font-size:.8rem;color:var(--ink-soft);padding-inline:2px}
.hmk-tpl .reelw .rby .who{font-weight:700;color:var(--ink-2)}
.hmk-tpl .cf-rest{border-bottom:1px solid var(--line);padding-bottom:6px}
.hmk-tpl .vpag{max-width:660px;margin:20px auto 0;display:flex;align-items:center;justify-content:center;gap:6px}
.hmk-tpl .vpag a,.hmk-tpl .vpag span{font-family:var(--font-body);font-weight:600;font-size:.9rem;color:var(--ink-2);
    min-width:38px;height:38px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;gap:6px;
    border-radius:var(--r-btn);text-decoration:none;font-variant-numeric:tabular-nums;
    transition:background .16s ease,color .16s ease,border-color .16s ease}
.hmk-tpl .vpag a:hover{background:var(--paper);color:var(--terra-deep)}
.hmk-tpl .vpag .vpag__n.is-active{background:var(--terra);color:#fff;cursor:default;box-shadow:var(--shadow-border)}
.hmk-tpl .vpag .vpag__gap{min-width:24px;color:var(--ink-soft);pointer-events:none;letter-spacing:.06em}
.hmk-tpl .vpag .vpag__edge{font-weight:700;color:var(--ink-soft);padding:0 12px;border:1px solid var(--line-2)}
.hmk-tpl .vpag .vpag__edge:hover{border-color:var(--terra);background:var(--bg)}
.hmk-tpl .vpag .vpag__edge[aria-disabled="true"]{opacity:.4;pointer-events:none}
.hmk-tpl .vpag .vpag__edge svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none}
.hmk-tpl .vfoot-promo{max-width:660px;margin-inline:auto}

/* ============ ARCHIVE · projects (data hub) - category-projects.html ============ */

.hmk-tpl .hubhead{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:6px 0 2px}
.hmk-tpl .hubhead h1{font-size:clamp(1.9rem,3.8vw,2.6rem);line-height:1.04;color:var(--ink)}
.hmk-tpl .hubhead .live{display:inline-flex;align-items:center;gap:7px;margin-inline-start:auto;
    font-family:var(--font-body);font-weight:700;font-size:.76rem;letter-spacing:.02em;
    color:var(--sage-deep);background:rgba(120,140,93,.12);border:1px solid rgba(120,140,93,.28);
    border-radius:999px;padding:6px 13px;white-space:nowrap}
.hmk-tpl .hubhead .live i{width:7px;height:7px;border-radius:50%;background:var(--sage);flex:none;
    animation:hmk-pulse 1.6s ease-in-out infinite}
.hmk-tpl .hubhead .live time{font-variant-numeric:tabular-nums}
.hmk-tpl .feat{margin-top:16px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-border);
    background:var(--ink);color:#fff;position:relative;isolation:isolate}
.hmk-tpl .feat__grid{display:grid;grid-template-columns:1.08fr 1fr;align-items:stretch}
@media(max-width:820px){.hmk-tpl .feat__grid{grid-template-columns:1fr}}
.hmk-tpl .feat__media{position:relative;min-height:380px;background:var(--sage-deep)}
.hmk-tpl .feat__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;outline:0;opacity:.96}
.hmk-tpl .feat__media::after{content:"";position:absolute;inset:0;
    background:linear-gradient(to left,rgba(20,20,19,.84),rgba(20,20,19,.08) 60%,transparent)}
@media(max-width:820px){.hmk-tpl .feat__media{min-height:240px}
.hmk-tpl .feat__media::after{background:linear-gradient(to top,rgba(20,20,19,.92),rgba(20,20,19,.1) 70%)}}
.hmk-tpl .feat__badge{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;gap:7px;
    font-family:var(--font-brand);font-weight:400;font-size:.82rem;letter-spacing:.02em;color:#fff;
    background:var(--sage-cta);border-radius:var(--r-chip);padding:5px 11px;box-shadow:0 2px 10px rgba(0,0,0,.3)}
.hmk-tpl .feat__badge i{width:7px;height:7px;border-radius:50%;background:#fff;flex:none;animation:hmk-pulse 1.6s ease-in-out infinite}
.hmk-tpl .feat__body{padding:32px 32px 34px;display:flex;flex-direction:column;justify-content:center;gap:13px}
.hmk-tpl .feat__kick{font-family:var(--font-brand);font-weight:400;font-size:.86rem;letter-spacing:.02em;color:#A9C088}
.hmk-tpl .feat__body h2{font-size:clamp(1.7rem,3.6vw,2.45rem);line-height:1.08;color:#fff}
.hmk-tpl .feat__body h2 a{color:inherit;text-decoration:none;transition:color .16s ease}
.hmk-tpl .feat__body h2 a:hover{color:#A9C088}
.hmk-tpl .feat__body p{color:#cfcdc4;font-size:1.02rem;line-height:1.6;max-width:48ch}
.hmk-tpl .feat__bars{margin:6px 0 2px;display:flex;flex-direction:column;gap:9px;max-width:430px}
.hmk-tpl .feat__bars .cap{font-family:var(--font-body);font-weight:600;font-size:.76rem;letter-spacing:.02em;
    color:rgba(255,255,255,.55);margin-bottom:2px}
.hmk-tpl .feat__bar{display:grid;grid-template-columns:78px 1fr auto;align-items:center;gap:10px}
.hmk-tpl .feat__bar .lbl{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.82)}
.hmk-tpl .feat__bar .track{height:14px;background:rgba(255,255,255,.12);border-radius:7px;overflow:hidden}
.hmk-tpl .feat__bar .fill{height:100%;border-radius:7px}
.hmk-tpl .feat__bar .val{font-family:var(--font-head);font-size:.95rem;font-variant-numeric:tabular-nums;color:#fff}
.hmk-tpl .feat__bar--a .fill{background:var(--terra)}
.hmk-tpl .feat__bar--b .fill{background:#A9C088}
.hmk-tpl .feat__bar--c .fill{background:var(--heather)}
.hmk-tpl .feat__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.hmk-tpl .btn-ghost{font-family:var(--font-body);font-weight:700;font-size:.92rem;color:#fff;
    background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:var(--r-btn);
    padding:0 16px;min-height:44px;display:inline-flex;align-items:center;gap:8px;
    text-decoration:none;transition:border-color .16s ease, scale .15s ease}
.hmk-tpl .btn-ghost:hover{border-color:rgba(255,255,255,.7)}
.hmk-tpl .btn-ghost:active{scale:.96}
.hmk-tpl .btn-cta--feat svg{width:16px;height:16px}
.hmk-tpl .hubstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:16px;
    background:var(--bg);border-radius:var(--r-card);box-shadow:var(--shadow-border);overflow:hidden}
@media(max-width:640px){.hmk-tpl .hubstrip{grid-template-columns:1fr 1fr}}
.hmk-tpl .hubstrip__c{padding:18px 20px;border-inline-start:1px solid var(--line)}
.hmk-tpl .hubstrip__c:first-child{border-inline-start:0}
@media(max-width:640px){.hmk-tpl .hubstrip__c:nth-child(odd){border-inline-start:0}
.hmk-tpl .hubstrip__c:nth-child(n+3){border-top:1px solid var(--line)}}
.hmk-tpl .hubstrip__n{font-family:var(--font-head);font-weight:800;font-size:1.9rem;line-height:1;
    font-variant-numeric:tabular-nums;color:var(--sage-deep)}
.hmk-tpl .hubstrip__l{font-size:.82rem;color:var(--ink-soft);font-weight:600;margin-top:7px}
.hmk-tpl .typelegend{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 4px}
.hmk-tpl .typelegend .tl{display:inline-flex;align-items:center;gap:8px;text-decoration:none;
    font-family:var(--font-body);font-weight:600;font-size:.82rem;color:var(--ink-2);
    background:var(--paper);border:1px solid var(--line-2);border-radius:999px;
    padding:7px 14px 7px 12px;transition:border-color .16s ease,color .16s ease,background .16s ease}
.hmk-tpl .typelegend .tl:hover{border-color:var(--sage);color:var(--sage-deep);background:var(--card)}
.hmk-tpl .typelegend .tl svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;flex:none}
.hmk-tpl .typelegend .tl b{font-variant-numeric:tabular-nums;font-weight:700;color:var(--sage-deep)}
.hmk-tpl .dgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:4px}
@media(max-width:900px){.hmk-tpl .dgrid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.hmk-tpl .dgrid{grid-template-columns:repeat(2,1fr)}}
.hmk-tpl .dcard{grid-column:span 2;background:var(--bg);border-radius:var(--r-card);overflow:hidden;
    box-shadow:var(--shadow-border);transition:box-shadow .2s ease, translate .2s ease;
    display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative}
.hmk-tpl .dcard:hover{box-shadow:var(--shadow-border-h);translate:0 -2px}
.hmk-tpl .dcard--wide{grid-column:span 3}
@media(max-width:900px){.hmk-tpl .dcard--wide{grid-column:span 4}
.hmk-tpl .dcard{grid-column:span 2}}
@media(max-width:560px){.hmk-tpl .dcard,.hmk-tpl .dcard--wide{grid-column:span 2}}
.hmk-tpl .dcard::before{content:"";position:absolute;top:0;inset-inline:0;height:3px;z-index:3;
    background:var(--c,var(--sage));opacity:.92}
.hmk-tpl .dviz{position:relative;height:148px;overflow:hidden;background:var(--paper);
    border-bottom:1px solid var(--line)}
.hmk-tpl .dcard--wide .dviz{height:172px}
.hmk-tpl .dviz svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.hmk-tpl .dviz__type{position:absolute;top:11px;right:11px;z-index:2;display:inline-flex;align-items:center;gap:6px;
    font-family:var(--font-brand);font-weight:400;font-size:.74rem;letter-spacing:.02em;color:#fff;
    background:var(--c,var(--sage-cta));border-radius:var(--r-chip);padding:4px 9px;box-shadow:0 1px 6px rgba(0,0,0,.18)}
.hmk-tpl .dviz__type svg{position:static;width:12px;height:12px;stroke:#fff;fill:none;stroke-width:2}
.hmk-tpl .dviz__live{position:absolute;top:13px;left:11px;z-index:2;display:inline-flex;align-items:center;gap:6px;
    font-family:var(--font-body);font-weight:700;font-size:.68rem;letter-spacing:.02em;color:#fff;
    background:rgba(20,20,19,.6);border-radius:999px;padding:3px 9px 3px 8px}
.hmk-tpl .dviz__live i{width:6px;height:6px;border-radius:50%;background:#fff;flex:none;animation:hmk-pulse 1.6s ease-in-out infinite}
.hmk-tpl .dcard__b{padding:15px 16px 16px;display:flex;flex-direction:column;flex:1}
.hmk-tpl .dcard__t{font-family:var(--font-head);font-weight:800;font-size:1.12rem;line-height:1.2;
    letter-spacing:-.01em;color:var(--ink);margin:0 0 7px;transition:color .16s ease;text-wrap:balance}
.hmk-tpl .dcard--wide .dcard__t{font-size:1.34rem}
.hmk-tpl .dcard:hover .dcard__t{color:var(--cd,var(--sage-deep))}
.hmk-tpl .dcard__d{font-size:.88rem;color:var(--ink-2);line-height:1.52;margin:0}
.hmk-tpl .dcard--wide .dcard__d{font-size:.95rem}
.hmk-tpl .dcard__foot{margin-top:auto;padding-top:13px;display:flex;align-items:flex-end;gap:14px;
    border-top:1px solid var(--line)}
.hmk-tpl .dstat{display:flex;flex-direction:column;gap:2px}
.hmk-tpl .dstat b{font-family:var(--font-head);font-weight:800;font-size:1.22rem;line-height:1;
    font-variant-numeric:tabular-nums;color:var(--cd,var(--sage-deep))}
.hmk-tpl .dcard--wide .dstat b{font-size:1.5rem}
.hmk-tpl .dstat span{font-size:.76rem;color:var(--ink-soft);font-weight:600}
.hmk-tpl .dcard__open{margin-inline-start:auto;display:inline-flex;align-items:center;gap:5px;
    font-family:var(--font-body);font-weight:700;font-size:.8rem;color:var(--cd,var(--sage-deep));white-space:nowrap}
.hmk-tpl .dcard__open svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.4;
    transition:transform .18s ease}
.hmk-tpl .dcard:hover .dcard__open svg{transform:translateX(-3px)}
.hmk-tpl .t-map{--c:var(--sage-cta);--cd:var(--sage-deep)}
.hmk-tpl .t-track{--c:var(--heather-deep);--cd:var(--heather-deep)}
.hmk-tpl .t-data{--c:var(--terra-cta);--cd:var(--terra-deep)}
.hmk-tpl .t-docs{--c:var(--ink);--cd:var(--ink)}
.hmk-tpl .t-time{--c:var(--sage-deep);--cd:var(--sage-deep)}
.hmk-tpl .arch{margin-top:30px;border-radius:16px;background:var(--paper);box-shadow:var(--shadow-border);
    padding:20px 22px 14px}
.hmk-tpl .arch__h{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}
.hmk-tpl .arch__h h3{font-size:1.06rem;color:var(--ink)}
.hmk-tpl .arch__h .more{margin-inline-start:auto;font-family:var(--font-body);font-weight:700;font-size:.82rem;
    color:var(--ink-soft);text-decoration:none}
.hmk-tpl .arch__h .more:hover{color:var(--ink-2);text-decoration:underline}
.hmk-tpl .arch__list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
@media(max-width:640px){.hmk-tpl .arch__list{grid-template-columns:1fr}}
.hmk-tpl .arch__list a{display:flex;align-items:baseline;gap:10px;padding:11px 0;
    border-top:1px solid var(--line);text-decoration:none;color:inherit;transition:color .16s ease}
.hmk-tpl .arch__list a:nth-child(1),.hmk-tpl .arch__list a:nth-child(2){border-top:0}
@media(max-width:640px){.hmk-tpl .arch__list a:nth-child(2){border-top:1px solid var(--line)}}
.hmk-tpl .arch__list a:hover .at{color:var(--terra-deep)}
.hmk-tpl .arch__yr{font-family:var(--font-head);font-weight:700;font-size:.8rem;color:var(--ink-soft);
    font-variant-numeric:tabular-nums;flex:none;width:2.6em}
.hmk-tpl .arch__list .at{font-family:var(--font-body);font-weight:600;font-size:.92rem;color:var(--ink-2);
    line-height:1.35;transition:color .16s ease}
.hmk-tpl .arch__list .ax{margin-inline-start:auto;font-size:.74rem;color:var(--ink-soft);
    background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:2px 9px;white-space:nowrap;flex:none}
.hmk-tpl .opendata{margin-top:24px;border-radius:16px;background:var(--bg);box-shadow:var(--shadow-border);
    padding:22px 24px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}
@media(max-width:640px){.hmk-tpl .opendata{grid-template-columns:1fr;gap:12px;text-align:start}}
.hmk-tpl .opendata__ic{width:44px;height:44px;border-radius:11px;background:var(--paper);display:grid;place-items:center;flex:none}
.hmk-tpl .opendata__ic svg{width:22px;height:22px;stroke:var(--sage-deep);fill:none;stroke-width:2}
.hmk-tpl .opendata h3{font-size:1.1rem;color:var(--ink);margin-bottom:3px}
.hmk-tpl .opendata p{font-size:.9rem;color:var(--ink-soft);line-height:1.5;max-width:60ch}
.hmk-tpl .opendata .btn-line{white-space:nowrap}

/* ============ DS-2026 component specs ============
 * P17 fix (restored after the v1.4.0 merge): the kicker/tag overrides that
 * lived here buried the brand font - the approved prototype puts --font-brand
 * (HaMakom) at weight 400 on kickers/tags/chips, and the base rules earlier
 * in this sheet already say exactly that. */
.hmk-tpl .kicker--green{color:var(--sage-deep)}
.hmk-tpl .kicker--purple{color:var(--heather-deep)}
.hmk-tpl h1,.hmk-tpl h2,.hmk-tpl h3,.hmk-tpl h4{font-weight:800;letter-spacing:-.01em}



/* author bylines are links (reporter page) - inherit the byline look, terra on hover */
.hmk-tpl a.who,.hmk-tpl .ophero__nm a,.hmk-tpl .bio__name a,.hmk-tpl .authcard h4 a{color:inherit;text-decoration:none}
.hmk-tpl a.who:hover,.hmk-tpl .bio__name a:hover,.hmk-tpl .authcard h4 a:hover{color:var(--terra-deep);text-decoration:underline}
.hmk-tpl .ophero__nm a:hover{color:var(--heather-deep);text-decoration:underline}  /* opinion = purple realm */
.hmk-tpl a.bio__av{display:inline-flex;text-decoration:none}


/* ============ ARTICLE BODY LINKS - must be visibly distinct (editor: critical) ============
   news (.nbody) and standard/investigation (.prose) bodies had NO link color at
   all, so source links rendered identical to body text - invisible. All article
   bodies now get a clear terra underline; -webkit-text-fill-color set too so the
   JNews blue can never win the render. */
.hmk-tpl .prose a,.hmk-tpl .nbody a,.hmk-tpl .feat a,.hmk-tpl .d-intro a,.hmk-tpl.v-data .prose a{color:var(--terra-deep)!important;-webkit-text-fill-color:var(--terra-deep)!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;border-bottom:0}
.hmk-tpl .prose a:hover,.hmk-tpl .nbody a:hover,.hmk-tpl .feat a:hover,.hmk-tpl .d-intro a:hover{text-decoration-thickness:2px}
/* opinion is the purple (heather) realm - its body links stay heather, not terra */
.hmk-tpl .opbody a{color:var(--heather-deep)!important;-webkit-text-fill-color:var(--heather-deep)!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;border-bottom:0}
.hmk-tpl .opbody a:hover{text-decoration-thickness:2px}


/* ============ AUDIT FIXES 13.07.2026 (site-wide responsive/UX/UI) ============ */
/* category/project pages: the hamburger must stay reachable on phones - the
   mockup hides it <600 but the bottom tab bar carries no inline nav (parity
   with homepage.css:186). */
@media(max-width:600px){.hmk-tpl .mast .hamb{display:grid}}
/* DATA HUB embedded in a WPBakery row: the theme row's -15px side margins with
   no compensating padding push the content 15px past the viewport. Reset them
   around our embed wrapper. */
.jeg-vc-wrapper .vc_row:has(.hmk-tpl--embed),.wpb-content-wrapper .vc_row:has(.hmk-tpl--embed){margin-left:0!important;margin-right:0!important}
.hmk-tpl--embed{overflow-x:clip}
/* embed/app pages: kill any leftover Jetpack/theme sharing markup that slips
   past the PHP filters, and never let it break the layout. */
.hmk-tpl.v-embedpage .sharedaddy,.hmk-tpl.v-embedpage #jp-post-flair,.hmk-tpl.v-embedpage .sd-block,.hmk-tpl.v-embedpage .jp-relatedposts{display:none!important}
/* the masthead category strip must scroll on phones, fading at the edges, not
   clip words mid-letter (silent-war/yosh/police headers). */
@media(max-width:780px){
  .hmk-tpl .mast .nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-inline:14px;scroll-padding-inline:14px;-webkit-mask-image:linear-gradient(to left,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);mask-image:linear-gradient(to left,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%)}
  .hmk-tpl .mast .nav::-webkit-scrollbar{display:none}
  .hmk-tpl .mast .nav a{white-space:nowrap;flex:none}
}
/* third-party floating widgets (OneSignal bell, reCAPTCHA badge) sit on top of
   the bottom tab bar / hero text on phones - lift the bell above the tab bar
   and hide the reCAPTCHA badge (Google allows this with a text disclosure). */
@media(max-width:600px){
  #onesignal-bell-launcher,#onesignal-bell-container .onesignal-bell-launcher{bottom:calc(86px + env(safe-area-inset-bottom))!important}
  .grecaptcha-badge{visibility:hidden!important}
}
/* JNews paints links blue via -webkit-text-fill-color !important, which beats
   plain color - every chrome/headline link must set BOTH props explicitly
   (verified live 13.07: zero blue, terra content links preserved). */
.hmk-tpl .nav a,.hmk-tpl .taxgrp__l a,.hmk-tpl .mtab a{color:var(--ink-2,#3b3a36);-webkit-text-fill-color:var(--ink-2,#3b3a36)}
.hmk-tpl .foot a{color:rgba(255,255,255,.9);-webkit-text-fill-color:rgba(255,255,255,.9)}
.hmk-tpl h1 a,.hmk-tpl h2 a,.hmk-tpl h3 a,.hmk-tpl .card__t a,.hmk-tpl .lead__txt a,.hmk-tpl .scard__t a{color:var(--ink,#141413);-webkit-text-fill-color:var(--ink,#141413)}
/* dark heroes (.ifeat over a near-black gradient, .feat__body dark card): the
   title link must be WHITE - the blanket ink rule above would otherwise render
   it black-on-black, near-invisible (editor, 13.07). Set BOTH props so the
   JNews blue can't win the render either. */
.hmk-tpl .ifeat__h a,.hmk-tpl .feat__body h2 a{color:#fff;-webkit-text-fill-color:#fff}


/* ============ plugin extras (not from mockup) ============ */
/* WP content has no manual .first/.lede classes - apply the mockup drop-cap to the first paragraph automatically */
.hmk-tpl .prose>p:first-of-type::first-letter{font-family:var(--font-head);font-weight:800;font-size:3.1em;float:right;line-height:.82;margin:.06em .14em 0 .12em;color:var(--terra-deep)}
/* magazine (.feat) drop-cap is dek-aware - defined in the magazine page style, not here */
.hmk-tpl .prose blockquote,.hmk-tpl .nbody blockquote{margin:1.6em 0;padding:6px 0 6px 6px;position:relative}
.hmk-tpl .prose blockquote p,.hmk-tpl .nbody blockquote p{font-family:var(--font-head);font-weight:800;font-size:1.38rem;line-height:1.32;color:var(--ink);margin-bottom:.35em;letter-spacing:-.01em}
.hmk-tpl .opbody blockquote{position:relative;margin:1.7em 0;padding:6px 40px 6px 8px}
.hmk-tpl .opbody blockquote::before{content:"”";position:absolute;top:-12px;right:0;font-family:var(--font-head);font-size:2.4rem;line-height:1;color:var(--heather)}
.hmk-tpl .opbody blockquote p{font-family:var(--font-head);font-size:1.5rem;line-height:1.32;color:var(--ink);margin:0;text-wrap:balance}
/* magazine: a plain WP quote block (not the hmk/pullquote .pq block) gets a modest pull look */
.hmk-tpl .feat blockquote:not(.pq){margin:1.6em 0;padding:6px 0 6px 16px;border-inline-start:3px solid var(--terra);position:relative}
.hmk-tpl .feat blockquote:not(.pq) p{font-family:var(--font-head);font-size:clamp(1.3rem,3vw,1.7rem);line-height:1.34;color:var(--ink);margin:0}
.hmk-tpl-ribbon{position:fixed;bottom:14px;inset-inline-start:14px;z-index:9999;font-family:'Graphik','IBM Plex Sans Hebrew',sans-serif;font-weight:700;font-size:.78rem;color:#fff;background:#9C4527;border-radius:8px;padding:8px 14px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.hmk-tpl .prose img,.hmk-tpl .opbody img,.hmk-tpl .feat img,.hmk-tpl .nbody img{max-width:100%;height:auto;border-radius:8px}
.hmk-tpl .prose .wp-caption,.hmk-tpl .nbody .wp-caption{max-width:100%}
.hmk-tpl .prose .wp-caption-text,.hmk-tpl .nbody .wp-caption-text{font-size:.84rem;color:#6b6a63;margin-top:7px}
.hmk-tpl .pagelinks{margin:18px 0;font-weight:700}
.hmk-tpl .pagelinks a,.hmk-tpl .pagelinks>span{display:inline-grid;place-items:center;min-width:34px;height:34px;border:1px solid #d6d4c9;border-radius:8px;margin-inline-end:6px;text-decoration:none;padding:0 8px}
.hmk-tpl .pagelinks>span{background:#D97757;border-color:#D97757;color:#fff}
.hmk-tpl .hmk-comments{max-width:38em;margin:30px auto 0}
.hmk-tpl .pager .current{background:#D97757;border-color:#D97757;color:#fff}
/* reporter avatar inside the tricolor ring (photo, or square-logo fallback) */
.hmk-tpl .hmk-avr{display:inline-block;border-radius:50%;padding:3px;line-height:0;flex:none;vertical-align:middle;background:conic-gradient(from 210deg,var(--terra) 0 28%,var(--heather) 34% 61%,var(--sage) 67% 94%,var(--terra) 100%)}
.hmk-tpl .hmk-avr__in{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--bg);box-shadow:0 0 0 2px var(--bg) inset}
.hmk-tpl .hmk-avr img{width:100%;height:100%;object-fit:cover;display:block}
.hmk-tpl .hmk-avr--logo .hmk-avr__in{display:grid;place-items:center;background:var(--bg)}
.hmk-tpl .hmk-avr--logo img{width:72%;height:72%;object-fit:contain}
/* inner-image logo fallback for containers that draw their own ring (.cf-av / .cf-orow__av) */
.hmk-tpl .cf-av img.hmk-avimg--logo,.hmk-tpl .cf-orow__av img.hmk-avimg--logo,.hmk-tpl .hmk-avimg--logo{object-fit:contain;background:var(--bg);padding:14%}


/* ============ CONTACT page (page-contact.php) - mirrors live /contact, DS-2026 ============ */
.hmk-tpl .hmk-contact .pagehero{margin:8px 0 26px}
.hmk-tpl .ct-grid{display:grid;grid-template-columns:1fr 320px;gap:26px;align-items:start}
.hmk-tpl .ct-main{display:flex;flex-direction:column;gap:20px;min-width:0}
/* channel cards */
.hmk-tpl .ct-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hmk-tpl .ct-ch{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 18px;text-decoration:none;color:var(--ink);transition:transform .12s ease,box-shadow .16s ease,border-color .16s ease}
.hmk-tpl .ct-ch:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(20,20,19,.08);border-color:#d6d4c9}
.hmk-tpl .ct-ch__ic{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;margin-bottom:4px}
.hmk-tpl .ct-ch__ic svg{width:21px;height:21px}
.hmk-tpl .ct-ch--mail .ct-ch__ic{background:rgba(142,111,168,.16);color:var(--heather-deep)}
.hmk-tpl .ct-ch--wa .ct-ch__ic{background:rgba(120,140,93,.18);color:var(--sage-deep)}
.hmk-tpl .ct-ch--portal .ct-ch__ic{background:rgba(217,119,87,.16);color:var(--terra-deep)}
.hmk-tpl .ct-ch h2{font-family:var(--font-head);font-size:1.12rem;font-weight:400;line-height:1.2;margin:0}
.hmk-tpl .ct-ch p{font-size:.9rem;color:var(--ink-soft);margin:0;flex:1}
.hmk-tpl .ct-ch__cta{display:inline-flex;align-items:center;gap:3px;font-weight:700;font-size:.9rem;color:var(--terra-deep);margin-top:6px}
.hmk-tpl .ct-ch__cta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4}
.hmk-tpl .ct-ch--wa .ct-ch__cta{color:var(--sage-deep)}
.hmk-tpl .ct-ch--mail .ct-ch__cta{color:var(--heather-deep)}
/* anonymous tip box */
.hmk-tpl .ct-tip{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-inline-start:4px solid var(--terra);border-radius:14px;padding:20px 20px}
.hmk-tpl .ct-tip__ic{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:rgba(217,119,87,.14);color:var(--terra-deep)}
.hmk-tpl .ct-tip__ic svg{width:22px;height:22px}
.hmk-tpl .ct-tip h2{font-family:var(--font-head);font-size:1.2rem;font-weight:400;margin:0 0 6px}
.hmk-tpl .ct-tip p{font-size:.95rem;color:var(--ink-soft);margin:0 0 10px;line-height:1.55}
.hmk-tpl .ct-tip__cta{display:inline-flex;align-items:center;gap:3px;font-weight:700;color:var(--terra-deep);text-decoration:none}
.hmk-tpl .ct-tip__cta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4}
/* publisher details */
.hmk-tpl .ct-org{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--paper,#faf9f5)}
.hmk-tpl .ct-org__l{display:flex;flex-direction:column;gap:3px;max-width:60%}
.hmk-tpl .ct-org__l strong{font-size:.98rem}
.hmk-tpl .ct-org__l span,.hmk-tpl .ct-org__r span{font-size:.85rem;color:var(--ink-soft);line-height:1.5}
.hmk-tpl .ct-org__r{display:flex;flex-direction:column;gap:3px;text-align:start}
.hmk-tpl .ct-org__k{font-weight:700;color:var(--ink)!important;font-size:.8rem!important;letter-spacing:.02em}
/* manifesto (dark) */
.hmk-tpl .ct-manifesto{position:relative;background:var(--ink);color:#fff;border-radius:16px;padding:30px 28px;text-align:center}
.hmk-tpl .ct-manifesto h2{font-family:var(--font-head);font-size:1.5rem;font-weight:400;color:#fff;margin:0 0 8px}
.hmk-tpl .ct-manifesto p{color:rgba(255,255,255,.82);margin:0 0 4px;font-size:1rem}
.hmk-tpl .ct-manifesto__bold{font-weight:700;color:#fff!important;margin-top:6px!important}
.hmk-tpl .ct-manifesto__stat{display:inline-flex;align-items:center;gap:12px;margin:16px 0 20px}
.hmk-tpl .ct-manifesto__stat b{font-family:var(--font-head);font-size:3.1rem;line-height:1;color:var(--sage);font-weight:400}
.hmk-tpl .ct-manifesto__stat span{text-align:start;font-weight:700;line-height:1.25}
.hmk-tpl .ct-manifesto .btn-cta{background:var(--terra-cta);color:#fff}
/* the shared arrow glyph is a stroked chevron, not a filled shape */
.hmk-tpl .hmk-contact .btn-cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
/* sidebar */
.hmk-tpl .ct-aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:16px}
.hmk-tpl .ct-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 18px}
.hmk-tpl .ct-box h3{font-family:var(--font-head);font-size:1.18rem;font-weight:400;line-height:1.25;margin:6px 0 8px}
.hmk-tpl .ct-box p{font-size:.9rem;color:var(--ink-soft);margin:0 0 14px;line-height:1.55}
.hmk-tpl .ct-nl{display:flex;flex-direction:column;gap:9px}
.hmk-tpl .ct-nl input:not([type=submit]){width:100%;border:1px solid #d6d4c9;border-radius:10px;padding:11px 13px;font:inherit;font-size:.92rem;background:#faf9f5}
.hmk-tpl .ct-nl input[type=submit],.hmk-tpl .ct-nl button,.hmk-tpl .ct-nl .wpcf7-submit{width:100%;font-family:var(--font-body);font-weight:700;font-size:.95rem;color:#fff;background:var(--terra-cta);border:0;border-radius:10px;padding:12px 20px;cursor:pointer;transition:background .15s ease}
.hmk-tpl .ct-nl input[type=submit]:hover,.hmk-tpl .ct-nl .wpcf7-submit:hover{background:var(--terra-deep)}
.hmk-tpl .ct-nl input:focus{outline:2px solid var(--sage);outline-offset:1px;border-color:var(--sage)}
.hmk-tpl .btn-cta--full{width:100%;justify-content:center}
.hmk-tpl .btn-cta--sage{background:var(--sage-cta);color:#fff}
.hmk-tpl .ct-box--nl small{display:block;margin-top:9px;font-size:.76rem;color:var(--ink-soft)}
.hmk-tpl .ct-box--support{background:var(--paper,#faf9f5)}
.hmk-tpl .ct-social{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hmk-tpl .ct-social a{display:block;text-align:center;padding:9px 6px;border:1px solid var(--line);border-radius:9px;font-size:.86rem;font-weight:600;color:var(--ink);text-decoration:none;transition:background .14s ease,border-color .14s ease}
.hmk-tpl .ct-social a:hover{background:#faf9f5;border-color:#d6d4c9;color:var(--terra-deep)}
@media(max-width:900px){
 .hmk-tpl .ct-grid{grid-template-columns:1fr}
 .hmk-tpl .ct-aside{position:static}
}
@media(max-width:600px){
 .hmk-tpl .ct-channels{grid-template-columns:1fr}
 .hmk-tpl .ct-org__l{max-width:100%}
}


/* ============ SEARCH + 404 + AUTHOR (plugin surfaces, mockup language) ============ */
.hmk-tpl .srchform{display:flex;gap:10px;margin:4px 0 26px;max-width:560px}
.hmk-tpl .srchform input[type=search]{flex:1;min-width:0;font-family:var(--font-body);font-size:1rem;padding:12px 16px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg);color:var(--ink)}
.hmk-tpl .srchform input[type=search]:focus{outline:2px solid var(--terra);outline-offset:1px}
.hmk-tpl .srchform button{font-family:var(--font-body);font-weight:700;font-size:.95rem;color:#fff;background:var(--terra-cta);border:0;border-radius:10px;padding:12px 22px;cursor:pointer;transition:background .15s ease}
.hmk-tpl .srchform button:hover{background:var(--terra-deep)}
.hmk-tpl .srchmeta{font-size:.9rem;color:var(--ink-soft);margin:-12px 0 22px}
.hmk-tpl .nf{padding:52px 0 34px;text-align:center}
.hmk-tpl .nf__n{font-family:var(--font-head);font-weight:800;font-size:clamp(5rem,18vw,9rem);line-height:1;color:var(--terra);letter-spacing:-.02em}
.hmk-tpl .nf h1{font-size:clamp(1.5rem,4vw,2.2rem);color:var(--ink);margin:10px 0 8px}
.hmk-tpl .nf p{font-size:1.05rem;color:var(--ink-2);max-width:44ch;margin:0 auto 24px}
.hmk-tpl .nf .srchform{margin:0 auto 8px;justify-content:center}
.hmk-tpl .autohero{display:flex;align-items:center;gap:22px;margin:16px 0 30px;flex-wrap:wrap}
.hmk-tpl .autohero__b{flex:1;min-width:240px}
.hmk-tpl .autohero h1{font-size:clamp(1.8rem,4.6vw,2.7rem);color:var(--ink);margin:0 0 6px}
.hmk-tpl .autohero__bio{font-size:1rem;line-height:1.62;color:var(--ink-2);max-width:60ch;margin:0 0 6px}
.hmk-tpl .autohero .cnt{font-size:.86rem;color:var(--ink-soft)}
/* "טען עוד" - replaces numbered pagination (SEO: the anchor is a real rel=next link) */
.hmk-tpl .loadmore{display:flex;justify-content:center;margin:28px 0 6px}
.hmk-tpl .loadmore__btn{font-family:var(--font-body);font-weight:700;font-size:.95rem;color:var(--ink);background:var(--bg);border:1px solid var(--line-2);border-radius:10px;padding:12px 40px;text-decoration:none;transition:border-color .15s ease,color .15s ease}
.hmk-tpl .loadmore__btn:hover{border-color:var(--terra);color:var(--terra-deep)}
.hmk-tpl .loadmore__btn.busy{opacity:.55;pointer-events:none}
/* ABOUT - definition rows, numbered principles, founder card (real live-page content) */
.hmk-tpl .abt-dl{background:var(--bg);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.hmk-tpl .abt-dl__row{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:15px 20px;border-bottom:1px solid var(--line)}
.hmk-tpl .abt-dl__row:last-child{border-bottom:0}
.hmk-tpl .abt-dl__k{font-weight:700;font-size:.92rem;color:var(--terra-deep)}
.hmk-tpl .abt-dl__v{font-size:.95rem;line-height:1.6;color:var(--ink-2)}
.hmk-tpl .abt-dl__v a{color:var(--terra-deep);text-decoration:none;font-weight:600}
.hmk-tpl .abt-dl__v a:hover{text-decoration:underline}
.hmk-tpl .abt-dl--alumni .abt-dl__k{color:var(--ink-soft)}
@media(max-width:640px){.hmk-tpl .abt-dl__row{grid-template-columns:1fr;gap:4px}}
.hmk-tpl .abt-pr{list-style:none;counter-reset:pr;display:flex;flex-direction:column;gap:14px;margin:0;padding:0}
.hmk-tpl .abt-pr li{counter-increment:pr;position:relative;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:18px 62px 18px 22px;font-size:1rem;line-height:1.72;color:var(--ink-2)}
.hmk-tpl .abt-pr li::before{content:counter(pr);position:absolute;top:16px;right:18px;width:28px;height:28px;border-radius:8px;background:var(--terra);color:#fff;font-family:var(--font-head);font-weight:800;font-size:.95rem;display:grid;place-items:center}
.hmk-tpl .abt-pr li b{color:var(--ink);font-weight:800}
.hmk-tpl .abt-founder{margin-top:22px;background:var(--paper);border:1px solid var(--line-2);border-radius:16px;padding:20px 22px;max-width:640px}
.hmk-tpl .abt-founder h3{font-size:1.25rem;color:var(--ink);margin:0 0 7px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.hmk-tpl .abt-founder__y{font-family:var(--font-body);font-weight:600;font-size:.82rem;color:var(--ink-soft)}
.hmk-tpl .abt-founder p{font-size:.95rem;line-height:1.65;color:var(--ink-2);margin:0}
.hmk-tpl .ethics blockquote{margin:1.4em 0;padding:4px 22px 4px 0;border-inline-start:3px solid var(--terra);}
.hmk-tpl .ethics blockquote p{font-size:1rem;line-height:1.75;color:var(--ink-2)}
/* ABOUT - imagery restored from the old live page */
.hmk-tpl .abt-media{margin:22px 0 6px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-border)}
.hmk-tpl .abt-media img{width:100%;height:auto;display:block}
.hmk-tpl .abt-media--sym{float:left;width:min(300px,44%);margin:4px 0 16px 0;margin-inline-start:22px;box-shadow:none;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--bg)}
.hmk-tpl .abt-media--sym img{border-radius:6px}
.hmk-tpl .abt-media--sym figcaption{font-size:.78rem;line-height:1.55;color:var(--ink-soft);margin-top:9px}
@media(max-width:640px){.hmk-tpl .abt-media--sym{float:none;width:100%;margin-inline-start:0}}
.hmk-tpl .abt-founder--ph{display:flex;gap:18px;align-items:flex-start}
.hmk-tpl .abt-founder--ph .avatar--founder{width:84px;height:84px;flex:none;margin:0;border-radius:50%;overflow:hidden;background:var(--light-gray)}
.hmk-tpl .abt-founder--ph .avatar--founder img{width:100%;height:100%;object-fit:cover;display:block}
.hmk-tpl .abt-founder__b{flex:1;min-width:0}
@media(max-width:520px){.hmk-tpl .abt-founder--ph{flex-direction:column}}


/* ============ WIDGETS + SHORTCODES (embeddable anywhere via .hmk-tpl--embed) ============ */
.hmk-tpl.hmk-tpl--embed{background:transparent;padding:0;min-height:0}
.hmk-tpl--embed .site,.hmk-tpl--embed .wrap{background:transparent;box-shadow:none;border-radius:0;padding:0;max-width:none}
.hmk-tpl .nlw{background:var(--paper);border:1px solid var(--line-2);border-radius:16px;padding:22px 22px 20px}
.hmk-tpl .nlw h3{font-family:var(--font-head);font-size:1.3rem;color:var(--ink);margin:0 0 6px}
.hmk-tpl .nlw p{font-size:.95rem;color:var(--ink-2);line-height:1.6;margin:0 0 14px}
.hmk-tpl .nlw form{display:flex;gap:8px;flex-wrap:wrap}
.hmk-tpl .nlw input[type=email]{flex:1;min-width:170px;padding:11px 14px;border:1px solid var(--line-2);border-radius:10px;font-family:var(--font-body);font-size:.95rem;background:var(--bg);color:var(--ink)}
.hmk-tpl .nlw input[type=email]:focus{outline:2px solid var(--terra);outline-offset:1px}
.hmk-tpl .nlw button,.hmk-tpl .nlw .nlw__go{font-family:var(--font-body);font-weight:700;font-size:.92rem;color:#fff;background:var(--terra-cta);border:0;border-radius:10px;padding:11px 20px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:background .15s ease}
.hmk-tpl .nlw button:hover,.hmk-tpl .nlw .nlw__go:hover{background:var(--terra-deep)}
.hmk-tpl .nlw small{display:block;margin-top:9px;font-size:.76rem;color:var(--ink-soft)}
/* the real newsletter form (CF7 → Brevo) styled in the page's language */
.hmk-tpl .signup--cf7{background:var(--bg);border:1px solid var(--line-2);border-radius:16px;padding:22px}
.hmk-tpl .signup--cf7 input[type=email],.hmk-tpl .signup--cf7 input[type=text],.hmk-tpl .signup--cf7 input[type=tel],
.hmk-tpl .nlw__form input[type=email],.hmk-tpl .nlw__form input[type=text]{width:100%;font-family:var(--font-body);font-size:.98rem;padding:12px 15px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg);color:var(--ink);margin:4px 0 12px}
.hmk-tpl .signup--cf7 input:focus,.hmk-tpl .nlw__form input:focus{outline:2px solid var(--terra);outline-offset:1px}
.hmk-tpl .signup--cf7 input[type=submit],.hmk-tpl .signup--cf7 button,
.hmk-tpl .nlw__form input[type=submit],.hmk-tpl .nlw__form button{font-family:var(--font-body);font-weight:700;font-size:.98rem;color:#fff;background:var(--terra-cta);border:0;border-radius:10px;padding:12px 30px;line-height:1.2;height:auto;cursor:pointer;transition:background .15s ease}
.hmk-tpl .signup--cf7 input[type=submit]:hover,.hmk-tpl .nlw__form input[type=submit]:hover{background:var(--terra-deep)}
.hmk-tpl .signup--cf7 label,.hmk-tpl .nlw__form label{font-family:var(--font-body);font-weight:600;font-size:.85rem;color:var(--ink-2)}
.hmk-tpl .signup--cf7 .wpcf7-not-valid-tip{font-size:.78rem;color:var(--terra-deep)}
.hmk-tpl .signup--cf7 .wpcf7-response-output{border:1px solid var(--line-2);border-radius:10px;padding:10px 14px;font-size:.88rem;margin:12px 0 0}
/* OPINION page columnist rail - the homepage .opstories side-scroll, enlarged
   (editor request). Ring/avatar dims are forced inline in archive.php (JNews-proof);
   these rules only grow the layout + labels so the homepage row stays untouched. */
.hmk-tpl .opstories--big{gap:32px;padding:12px 2px 18px}
.hmk-tpl .opstories--big .opstory{width:196px;scroll-snap-align:center}
/* title: bold, in the headline face (Publico). name: a distinguishing pill tag. */
.hmk-tpl .opstories--big .opstory .ti{font-family:var(--font-head);font-weight:700;font-size:1rem;line-height:1.28;color:var(--ink);margin-top:12px}
.hmk-tpl .opstories--big .opstory .nm{display:inline-block;font-family:var(--font-body);font-weight:700;font-size:.76rem;color:var(--heather-deep);background:rgba(142,111,168,.14);padding:3px 12px;border-radius:999px;margin-top:10px}
@media(max-width:600px){.hmk-tpl .opstories--big{gap:18px}}
/* Belt-and-suspenders for the JNews page/preload "loader ring" (the blue circle
   that flashed on navigation). Root cause is the theme's "Enable Preload Page"
   (now off in Customizer); this hides its CIRCLE spinner unconditionally so no
   cache layer can bring the flash back. Modules use the SQUARE loader, so this
   never touches load-more / infinite-scroll spinners. UNSCOPED on purpose - the
   overlay is injected at <body> level, outside .hmk-tpl. */
.jnews_preloader_circle_outer,.jnews_preloader_circle_inner,.jnews_preloader_circle_inner::after{display:none!important;animation:none!important}
/* JNews image lightbox (PhotoSwipe) flashed a blue "magnifying glass"/preloader
   centre-screen on every navigation: the .pswp UI is injected at <body> and briefly
   renders with default display before the theme's own CSS (.pswp{display:none})
   applies - a FOUC on slow/cached loads. Enforce PhotoSwipe's own contract: the
   overlay stays hidden unless it is actually OPEN. Click-to-zoom is untouched -
   opening an image adds .pswp--open / .pswp--visible, which releases the rule.
   UNSCOPED on purpose - the overlay lives outside .hmk-tpl. */
.pswp:not(.pswp--open):not(.pswp--visible){display:none!important;visibility:hidden!important}
/* DATA HUB - real page screenshots as card media */
.hmk-tpl .dviz--shot{padding:0;overflow:hidden}
.hmk-tpl .dviz__shot{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:scale .35s cubic-bezier(.2,0,0,1)}
.hmk-tpl .dcard:hover .dviz__shot{scale:1.03}
.hmk-tpl .dviz--shot .dviz__type,.hmk-tpl .dviz--shot .dviz__live{z-index:2}
/* WATCH - minimal video-only view (arriving from the video page) */
.hmk-tpl .vmin{max-width:960px;margin:10px auto 0}
.hmk-tpl .vmin__player{position:relative;border-radius:16px;overflow:hidden;background:var(--ink);box-shadow:var(--shadow-border);max-width:min(430px,92vw);margin:0 auto;aspect-ratio:auto}
.hmk-tpl .vmin__player .player__embed{position:relative;aspect-ratio:9/16;height:auto!important;padding:0!important;max-height:none}
.hmk-tpl .vmin__player .player__embed figure,.hmk-tpl .vmin__player .player__embed .wp-block-embed__wrapper,.hmk-tpl .vmin__player .player__embed .wp-video,.hmk-tpl .vmin__player .player__embed>div{position:absolute;inset:0;margin:0;padding:0!important;width:100%;height:100%;max-height:none}
.hmk-tpl .vmin__player .player__embed iframe,.hmk-tpl .vmin__player .player__embed video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;border:0}
.hmk-tpl .vmin__head{margin:20px 4px 0}
.hmk-tpl .vmin__head h1{font-size:clamp(1.5rem,3.4vw,2.2rem)}
.hmk-tpl .vmin__full{margin-inline-start:auto;font-weight:700;color:var(--terra-deep);text-decoration:none}
.hmk-tpl .vmin__full:hover{text-decoration:underline}
/* newsletter issues - flat latest-issue card (no photo from Brevo) + archive rows */
.hmk-tpl .issuecard--flat{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:300px;background:var(--ink);border-radius:16px;padding:20px;text-decoration:none;overflow:hidden}
.hmk-tpl .issuecard--flat::after{content:"";position:absolute;inset-inline-start:-30%;top:-40%;width:90%;height:120%;background:radial-gradient(closest-side,rgba(217,119,87,.28),transparent)}
.hmk-tpl .issuecard--flat .issuecard__t{font-family:var(--font-head);font-weight:800;font-size:1.3rem;line-height:1.25;color:#fff;position:relative}
.hmk-tpl .issuecard--flat .issuecard__k{color:#E9A98F;font-size:.8rem;font-weight:600;display:block;margin-bottom:8px;position:relative}
.hmk-tpl .archgrid--real{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg)}
.hmk-tpl .arch-row{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:baseline;padding:14px 20px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background .14s ease}
.hmk-tpl .arch-row:last-child{border-bottom:0}
.hmk-tpl .arch-row:hover{background:var(--paper)}
.hmk-tpl .arch-row__d{font-family:var(--font-body);font-size:.78rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}
.hmk-tpl .arch-row__t{font-family:var(--font-head);font-weight:800;font-size:1.02rem;line-height:1.3;color:var(--ink)}
.hmk-tpl .arch-row:hover .arch-row__t{color:var(--terra-deep)}



/* WP EXTRAS - author box + Jetpack blocks aligned like the rest of the text */
.hmk-tpl .authors{grid-template-columns:1fr}
.hmk-tpl .authors .abio{width:100%}
.hmk-tpl .prose .sharedaddy,.hmk-tpl .prose #jp-post-flair,.hmk-tpl .prose .jp-relatedposts{direction:rtl;text-align:right}
.hmk-tpl .prose .sd-title{font-family:var(--font-body)}
/* CHROME OUTSIDE THE CARD - masthead + footer are printed as direct children of
   .hmk-tpl (outside .wrap/.site) so they span the full page width like the homepage */
.hmk-tpl>.mast{background:var(--bg)}
.hmk-tpl>.foot{border-radius:0;margin-top:0}
.hmk-tpl .foot__top{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr}
@media (max-width:900px){.hmk-tpl .foot__top{grid-template-columns:1fr 1fr}}



/* INVESTIGATIONS v2.1 - less archive-noise: latest = vertical grid (only the case
   files scroll horizontally), research filter bar, methodology chips, binge links */
.hmk-tpl .ilatest{margin:34px 0 6px}
/* the recent-investigations grid loads DOWNWARD; three generous columns, not a
   cramped 4-across (editor, 13.07) */
.hmk-tpl .igrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px 22px}
.hmk-tpl .igrid .scard__t{font-size:1.04rem;line-height:1.3}
.hmk-tpl .igrid .scard{flex:initial;width:auto}
.hmk-tpl .ifilter{display:flex;flex-direction:column;gap:10px;margin:26px 0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.hmk-tpl .ifilter__grp{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hmk-tpl .ifilter__lab{font-family:var(--font-body);font-weight:700;font-size:.8rem;color:var(--ink-soft);margin-inline-end:4px}
.hmk-tpl .ifilter__chip{font-family:var(--font-body);font-size:.82rem;font-weight:600;color:var(--ink-2);text-decoration:none;border:1px solid var(--line-2);border-radius:999px;padding:5px 13px;transition:all .14s ease}
.hmk-tpl .ifilter__chip:hover{border-color:var(--terra);color:var(--terra-deep)}
.hmk-tpl .ifeat__method{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.hmk-tpl .ifeat__mchip{font-family:var(--font-body);font-size:.76rem;color:var(--ink-2);border:1px dashed var(--line-2);border-radius:8px;padding:4px 10px}
.hmk-tpl .ifeat__mchip b{color:var(--terra-deep)}
.hmk-tpl .ifile{cursor:default}
.hmk-tpl a.ifile__name{color:inherit;text-decoration:none}
.hmk-tpl a.ifile__name:hover{color:var(--terra-deep)}
.hmk-tpl .ifile__acts{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.hmk-tpl a.ifile__binge{font-family:var(--font-body);font-size:.78rem;font-weight:700;color:var(--terra-deep);text-decoration:none}
.hmk-tpl a.ifile__binge:hover{text-decoration:underline}
.hmk-tpl a.ifile__open{text-decoration:none}



/* QUOTES IN ARTICLES - hard reset against the old theme (JNews) + WP block styles,
   so blockquotes always render in the new design language (Publico, no borders) */
.hmk-tpl .prose blockquote,.hmk-tpl .nbody blockquote,.hmk-tpl .opbody blockquote,.hmk-tpl .feat blockquote,
.hmk-tpl .prose .wp-block-quote,.hmk-tpl .prose .wp-block-pullquote,.hmk-tpl .prose blockquote.wp-block-quote{
  border:0!important;border-inline:0!important;background:transparent!important;box-shadow:none!important;
  font-style:normal!important;quotes:none}
.hmk-tpl .prose blockquote::after,.hmk-tpl .nbody blockquote::after{content:none!important}
.hmk-tpl .prose blockquote p,.hmk-tpl .nbody blockquote p,.hmk-tpl .prose .wp-block-quote p{
  font-family:var(--font-head)!important;font-weight:800!important;font-size:1.38rem!important;line-height:1.32!important;
  color:var(--ink)!important;font-style:normal!important;letter-spacing:-.01em}
.hmk-tpl .prose blockquote cite,.hmk-tpl .nbody blockquote cite,.hmk-tpl .prose .wp-block-quote cite{
  display:block;margin-top:8px;font-family:var(--font-body)!important;font-style:normal!important;
  font-size:.84rem!important;font-weight:600;color:var(--ink-soft)!important}
.hmk-tpl .prose blockquote::before,.hmk-tpl .nbody blockquote::before{
  content:"”";position:static;display:block;font-family:var(--font-head);font-size:2.4rem;line-height:.5;
  color:var(--terra-deep);margin-bottom:10px}



/* ARCHIVE PICK - never collide with the promo: solo layout when classics are
   empty, and the card always grows with its content */
.hmk-tpl .iarch--solo{display:block}
.hmk-tpl .iarch--solo .ipick{min-height:380px}
.hmk-tpl .ipick{height:auto}
.hmk-tpl .ipick__b{position:relative;z-index:2}
.hmk-tpl .iarch{margin-bottom:34px}
/* IMPACT - "בעקבות חשיפות המקום": an inviting band, not a bare list */
.hmk-tpl .iimpact{margin:40px 0 0;background:linear-gradient(135deg,rgba(120,140,93,.12),rgba(217,119,87,.06));border:1px solid rgba(120,140,93,.28);border-radius:18px;padding:22px}
.hmk-tpl .iimpact__head{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.hmk-tpl .iimpact__ic{width:46px;height:46px;flex:none;border-radius:13px;background:var(--sage-deep);color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(120,140,93,.35)}
.hmk-tpl .iimpact__ic svg{width:22px;height:22px}
.hmk-tpl .iimpact__head h2{font-family:var(--font-head);font-weight:800;font-size:1.5rem;margin:0;color:var(--ink)}
.hmk-tpl .iimpact__sub{display:block;margin-top:3px;font-family:var(--font-body);font-size:.88rem;color:var(--ink-2)}
.hmk-tpl .iimpact__list{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg)}



/* PULLQUOTES - any variant (WP core block, JNews, floated/aligned) is forced back
   into the article column: full width, no float, no min-content squeeze, our colors */
.hmk-tpl .prose .wp-block-pullquote,.hmk-tpl .prose .pullquote,.hmk-tpl .prose .jeg_pullquote,
.hmk-tpl .prose figure[class*="pullquote"],.hmk-tpl .prose blockquote[class*="pull"]{
  float:none!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
  margin:1.8em 0!important;padding:14px 8px!important;border:0!important;background:transparent!important;
  box-shadow:none!important;text-align:right!important;color:var(--ink)!important}
.hmk-tpl .prose .wp-block-pullquote blockquote,.hmk-tpl .prose .jeg_pullquote blockquote{
  float:none!important;width:auto!important;max-width:none!important;min-width:0!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.hmk-tpl .prose .wp-block-pullquote p,.hmk-tpl .prose .pullquote p,.hmk-tpl .prose .jeg_pullquote p{
  font-family:var(--font-head)!important;font-weight:800!important;font-size:1.5rem!important;line-height:1.35!important;
  color:var(--ink)!important;font-style:normal!important;text-align:right!important;
  width:auto!important;max-width:none!important;white-space:normal!important;word-break:normal!important}
.hmk-tpl .prose .wp-block-pullquote cite,.hmk-tpl .prose .jeg_pullquote cite{
  display:block;margin-top:8px;font-family:var(--font-body)!important;font-style:normal!important;
  font-size:.84rem!important;color:var(--ink-soft)!important;text-align:right!important}
.hmk-tpl .prose .wp-block-pullquote.alignleft,.hmk-tpl .prose .wp-block-pullquote.alignright,
.hmk-tpl .prose .pullquote.alignleft,.hmk-tpl .prose .pullquote.alignright{float:none!important;max-width:100%!important}



/* MAGAZINE PULL-QUOTE - full mockup styling (was missing → JNews red squeeze) */
.hmk-tpl .magpull{grid-column:1/-1;margin:8px 0;padding:30px 6vw;border:0;background:transparent;text-align:center}
.hmk-tpl .magpull::before{content:"”";display:block;font-family:var(--font-head);font-size:3rem;line-height:.4;color:var(--terra-deep);margin-bottom:16px}
.hmk-tpl .magpull blockquote{float:none!important;width:auto!important;max-width:820px!important;min-width:0!important;margin:0 auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-family:var(--font-head)!important;font-weight:800!important;font-size:clamp(1.35rem,2.5vw,1.9rem)!important;line-height:1.35!important;color:var(--ink)!important;font-style:normal!important;text-align:center!important;white-space:normal!important;quotes:none}
.hmk-tpl .magpull blockquote::before,.hmk-tpl .magpull blockquote::after{content:none!important}
.hmk-tpl .magpull cite{display:block;margin-top:14px;font-family:var(--font-body)!important;font-style:normal!important;font-size:.86rem!important;color:var(--ink-soft)!important;text-align:center!important}
/* CF7 newsletter form - hide the form's own internal heading (we render the mockup heading) */
.hmk-tpl .signup--cf7 .mc4wp-form label>strong{display:none}
.hmk-tpl .signup--cf7 .mc4wp-form-fields>p>br:first-child{display:none}
.hmk-tpl .signup--cf7 .signup__h{margin-bottom:6px}



/* NEWSLETTER LEDGER - explicit RTL layout, cell by cell (never trust inherited grids):
   issue number opens the row on the RIGHT, meta+title in the middle, קראו on the LEFT */
.hmk-tpl .archgrid,.hmk-tpl .ledger,.hmk-tpl .led{direction:rtl!important;text-align:right}
.hmk-tpl .led{display:grid!important;grid-template-columns:56px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:3px 16px!important;align-items:center!important;padding:16px 0!important}
.hmk-tpl .led__no{grid-column:1!important;grid-row:1/3!important;width:auto!important;text-align:center!important}
.hmk-tpl .led__meta{grid-column:2!important;grid-row:1!important;justify-content:flex-start}
.hmk-tpl .led__t{grid-column:2!important;grid-row:2!important;margin:0!important}
.hmk-tpl .led__go{grid-column:3!important;grid-row:1/3!important;white-space:nowrap}
.hmk-tpl .led__meta .gno{font-family:var(--font-body)!important;font-weight:700;color:var(--sage-deep)}
.hmk-tpl .poprow__t,.hmk-tpl .poprow__m{display:block}
.hmk-tpl .poprow__m{margin-top:3px}



/* QUOTES EVERYWHERE - base design for ANY blockquote under our templates
   (about page, article bodies, static parts). Specific components (magpull,
   op-body, vmin) override with their own more-specific rules. */
.hmk-tpl blockquote{float:none!important;width:auto!important;max-width:none!important;min-width:0!important;
  margin:1.7em 0!important;padding:6px 8px!important;border:0!important;background:transparent!important;
  box-shadow:none!important;font-style:normal!important;color:var(--ink)!important;text-align:right;quotes:none}
.hmk-tpl blockquote::after{content:none!important}
.hmk-tpl blockquote p{font-family:var(--font-head)!important;font-weight:800!important;font-size:1.32rem!important;
  line-height:1.38!important;color:var(--ink)!important;font-style:normal!important;letter-spacing:-.01em}
.hmk-tpl blockquote cite{display:block;margin-top:8px;font-family:var(--font-body)!important;font-style:normal!important;
  font-size:.84rem!important;font-weight:600;color:var(--ink-soft)!important}



/* TRICOLOR SIGNATURE - moved from the top of the content card to the header's
   bottom separator, sitewide (editor's direction, 12.07.2026) */
.hmk-tpl .site::before{display:none}
.hmk-tpl .mast{border-bottom:4px solid!important;border-image:linear-gradient(to left,var(--terra) 0 33.34%,var(--sage) 33.34% 66.67%,var(--heather) 66.67% 100%) 1!important}



/* ARTICLE QUOTES v4 - centered, terracotta text, oversized centered green (sage)
   quote mark (editor, 13.07.2026; verified visually on the live article via
   injected CSS). The old jnews stylesheet ALSO styles blockquote::before as a
   decorative rule (background:#111;height:2px) - its background/height/outline
   painted a black bar through the mark, so every jnews paint property is
   explicitly neutralised here. <strong> inside quotes must inherit the terra. */
.hmk-tpl .prose blockquote,.hmk-tpl .nbody blockquote{border:0!important;padding-bottom:0!important;margin:2em auto!important;text-align:center!important}
.hmk-tpl .prose blockquote::before,.hmk-tpl .nbody blockquote::before{content:"”"!important;display:block;position:static!important;width:auto!important;height:auto!important;background:transparent!important;outline:0!important;box-shadow:none!important;margin:0 auto 6px!important;padding:0!important;border:0!important;font-family:var(--font-head);font-size:clamp(5.5rem,13vw,9rem)!important;line-height:.78!important;color:var(--sage)!important;text-align:center;inset:auto!important}
.hmk-tpl .prose blockquote::after,.hmk-tpl .nbody blockquote::after{content:none!important;background:transparent!important;height:auto!important}
.hmk-tpl .prose blockquote p,.hmk-tpl .nbody blockquote p{color:var(--terra)!important;text-align:center!important}
.hmk-tpl .prose blockquote strong,.hmk-tpl .nbody blockquote strong,.hmk-tpl .prose blockquote b,.hmk-tpl .nbody blockquote b{color:inherit!important}
/* ARTICLE H2 - much bigger, per the editor (13.07); applies to news bodies too */
.hmk-tpl .prose h2,.hmk-tpl .nbody h2{font-size:clamp(2rem,3.6vw,2.6rem)!important;line-height:1.22!important}



/* FRAMELESS SHELL (12.07.2026) - no perimeter card on article/category pages;
   wider reading layout; the "עוד חדשות" rail gets its own frame for separation */
.hmk-tpl .site{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important}
.hmk-tpl .wrap{max-width:1280px}
.hmk-tpl .prose{max-width:46em}
.hmk-tpl .authors,.hmk-tpl .hmk-comments{max-width:46em}
.hmk-tpl .rail{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--bg)}
.hmk-tpl .rail__h{margin-bottom:10px}



/* WP COMMENT FORM - our design language, RTL, aligned with the article column */
.hmk-tpl .comment-respond,.hmk-tpl .comments-area{direction:rtl;text-align:right;max-width:46em;margin:34px auto 0;font-family:var(--font-body)}
.hmk-tpl .comment-respond .comment-reply-title,.hmk-tpl .comments-area .comments-title{font-family:var(--font-head);font-weight:800;font-size:1.3rem;color:var(--ink)}
.hmk-tpl .comment-respond input[type=text],.hmk-tpl .comment-respond input[type=email],.hmk-tpl .comment-respond input[type=url],.hmk-tpl .comment-respond textarea{width:100%;font-family:var(--font-body);font-size:.95rem;padding:11px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg);color:var(--ink);margin:4px 0 12px}
.hmk-tpl .comment-respond input:focus,.hmk-tpl .comment-respond textarea:focus{outline:2px solid var(--terra)}
.hmk-tpl .comment-respond input[type=submit]{font-family:var(--font-body);font-weight:700;color:#fff;background:var(--terra-cta);border:0;border-radius:10px;padding:11px 26px;cursor:pointer}
.hmk-tpl .comment-respond input[type=submit]:hover{background:var(--terra)}



/* DATA HUB RESCUE (13.07.2026) - live scaled previews instead of screenshots,
   uniform two-column grid, arrow-only card action, project-page chrome */
.hmk-tpl .dgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:820px){.hmk-tpl .dgrid{grid-template-columns:1fr}}
.hmk-tpl .dcard{display:flex;flex-direction:column}
.hmk-tpl .dgrid>.dcard{grid-column:auto!important}
.hmk-tpl .dviz{height:265px!important;min-height:0!important;position:relative;overflow:hidden;background:var(--paper)}
.hmk-tpl .dviz__embed{width:1280px;height:800px;border:0;display:block;transform:scale(.45);transform-origin:top right;pointer-events:none}
.hmk-tpl .dcard__b{display:flex;flex-direction:column;flex:1}
.hmk-tpl .dcard__foot{margin-top:auto;display:flex;align-items:center;gap:18px}
.hmk-tpl .dcard__open{margin-inline-start:auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(217,119,87,.12);color:var(--terra-deep)}
.hmk-tpl .dcard__open svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2.4}
.hmk-tpl .dcard:hover .dcard__open{background:var(--terra-cta);color:#fff}
.hmk-tpl .feat__embed{width:100%;height:440px;border:0;display:block;border-radius:14px}
/* project pages: header above the app, closing band below */
.hmk-tpl.v-embedpage>.mast{background:#fff}
/* inside builder/embed contexts the article full-bleed trick must never shift
 * or overflow sideways (the 46em-column math only holds inside our templates) */
.hmk-tpl--embed .hmkig{max-width:none}
.hmk-tpl--embed .hmkig--wide{width:100%!important;max-width:100%!important;margin-inline:0!important}
.hmk-tpl--embed{overflow-x:clip}
/* DATA HUB: metric strip in the brand colors + shortcode extras area */
.hmk-tpl .hubstrip__c--terra .hubstrip__n{color:var(--terra-deep)}
.hmk-tpl .hubstrip__c--sage .hubstrip__n{color:var(--sage-deep)}
.hmk-tpl .hubstrip__c--heather .hubstrip__n{color:var(--heather-deep)}
.hmk-tpl .hubextras{margin-top:34px}
.hmk-tpl .hubextras .hmkig{margin:1.2em auto}
/* DATA HUB: air between the project cards and the support band (editor, 13.07) */
.hmk-tpl.v-projects .promo,.hmk-tpl.v-data .promo{margin-top:46px}
.hmk-tpl .ebackband{display:flex;align-items:center;gap:22px;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:22px;border-top:1px solid var(--line)}
.hmk-tpl .ebackband__hub{font-family:var(--font-body);font-weight:800;font-size:1rem;color:var(--terra-deep);text-decoration:none}
.hmk-tpl .ebackband__sibs{margin-inline-start:auto;display:flex;gap:18px;flex-wrap:wrap}
.hmk-tpl .ebackband__sibs a{font-family:var(--font-body);font-weight:600;font-size:.9rem;color:var(--ink-2);text-decoration:none}
.hmk-tpl .ebackband__sibs a:hover{color:var(--terra-deep)}



/* CONTACT TIP FORM + grid title tweak - grafted from the parallel 1.3.2 build */
.hmk-tpl .ct-tip{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-inline-start:4px solid var(--terra);border-radius:14px;padding:20px 20px}
.hmk-tpl .ct-tip__ic{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:rgba(217,119,87,.14);color:var(--terra-deep)}
.hmk-tpl .ct-tip__ic svg{width:22px;height:22px}
.hmk-tpl .ct-tip h2{font-family:var(--font-head);font-size:1.2rem;font-weight:400;margin:0 0 6px}
.hmk-tpl .ct-tip p{font-size:.95rem;color:var(--ink-soft);margin:0 0 10px;line-height:1.55}
.hmk-tpl .ct-tip__cta{display:inline-flex;align-items:center;gap:3px;font-weight:700;color:var(--terra-deep);text-decoration:none}
.hmk-tpl .ct-tip__cta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4}
.hmk-tpl .ct-tip__form{margin-top:14px}
.hmk-tpl .ct-tip__form .wpcf7 form p{margin:0}
.hmk-tpl .ct-tip__form .field .note{font-size:.78rem;color:var(--ink-soft)}
.hmk-tpl .ct-tip__form input[type="submit"],.hmk-tpl .ct-tip__form .wpcf7-submit{font-family:var(--font-body);font-weight:700;font-size:.92rem;color:#fff;background:var(--terra-cta);border:0;border-radius:var(--r-btn);padding:0 22px;min-height:44px;cursor:pointer;transition:filter .16s ease}
.hmk-tpl .ct-tip__form .wpcf7-submit:hover{filter:brightness(1.08)}
.hmk-tpl .ct-tip__form .wpcf7-spinner{margin-inline-start:10px}
.hmk-tpl .ct-tip__form .wpcf7-response-output{margin:12px 0 0;padding:10px 13px;border-radius:9px;border:1px solid var(--line-2);font-size:.9rem}
.hmk-tpl .ct-tip__form .wpcf7-not-valid-tip{font-size:.8rem;color:var(--terra-deep);margin-top:4px}
.hmk-tpl .ct-tip__alt{margin-top:10px;font-size:.88rem;color:var(--ink-soft)}
.hmk-tpl .ct-tip__alt a{color:var(--terra-deep);text-decoration:none;font-weight:700}
.hmk-tpl .ct-tip__alt a:hover{text-decoration:underline}
.hmk-tpl .igrid .scard__t{font-size:1.04rem;line-height:1.3}



/* NATIVE ARTICLE INFOGRAPHICS - brand-language stat band, bar chart, seamless map */
.hmk-tpl .hmkig{max-width:46em;margin:2.2em auto;direction:rtl;text-align:right;font-family:var(--font-body)}
.hmk-tpl .hmkig--stat{text-align:center;padding:26px 20px;border-block:1px solid var(--line-2)}
.hmk-tpl .hmkig__n{display:block;font-family:var(--font-head);font-weight:900;font-size:clamp(2.6rem,6vw,4rem);line-height:1;color:var(--terra-deep)}
.hmk-tpl .hmkig__t{display:block;margin-top:8px;font-family:var(--font-head);font-weight:700;font-size:1.15rem;color:var(--ink)}
.hmk-tpl .hmkig__sub{display:block;margin-top:3px;font-size:.92rem;color:var(--ink-2)}
.hmk-tpl .hmkig__src{display:block;margin-top:12px;font-size:.76rem;color:var(--ink-soft)}
.hmk-tpl .hmkig--bars{padding:20px 22px;background:var(--paper);border-radius:16px}
.hmk-tpl .hmkig__cap{font-family:var(--font-head);font-weight:800;font-size:1.05rem;color:var(--ink);margin-bottom:14px}
.hmk-tpl .hmkig__row{display:grid;grid-template-columns:minmax(70px,auto) 1fr auto;gap:12px;align-items:center;margin:9px 0}
.hmk-tpl .hmkig__lbl{font-size:.88rem;font-weight:600;color:var(--ink-2)}
.hmk-tpl .hmkig__track{height:14px;border-radius:8px;background:rgba(20,20,19,.07);overflow:hidden}
.hmk-tpl .hmkig__fill{display:block;height:100%;border-radius:8px}
.hmk-tpl .hmkig__fill--terra{background:var(--terra)}
.hmk-tpl .hmkig__fill--sage{background:var(--sage)}
.hmk-tpl .hmkig__fill--heather{background:var(--heather)}
.hmk-tpl .hmkig__val{font-family:var(--font-head);font-weight:800;font-size:1rem;color:var(--ink);font-variant-numeric:tabular-nums}
.hmk-tpl .hmkig--map{max-width:none}
.hmk-tpl .hmkig--map iframe{width:100%;border:0;border-radius:18px;display:block;box-shadow:var(--shadow-border)}
.hmk-tpl .hmkig--wide{width:min(1100px,94vw);margin-inline:calc((46em - min(1100px,94vw))/2) auto}
@media(max-width:1200px){.hmk-tpl .hmkig--wide{width:auto;margin-inline:auto}}



/* EMBED PAGES - auto-hiding masthead (the app scrolls inside its iframe, so the
 * header would otherwise sit on screen forever) + dark variant for dark apps */
.hmk-tpl.v-embedpage>.mast{max-height:340px;overflow:hidden;transition:max-height .32s ease,padding .32s ease,opacity .22s ease}
.hmk-tpl.v-embedpage>.mast.mast--away{max-height:0!important;padding-top:0!important;padding-bottom:0!important;opacity:0;border-bottom-width:0!important;pointer-events:none}
.hmk-tpl.v-embedpage.is-dark>.mast{background:#161514}
.hmk-tpl.v-embedpage.is-dark>.mast .icobtn{background:#201F1D;border-color:#3A3733;color:#CFCBC2}
.hmk-tpl.v-embedpage.is-dark>.mast .logo{color:#F5F3EE}
.hmk-tpl.v-embedpage.is-dark>.mast .brandmark{box-shadow:0 0 0 1px #3A3733}
.hmk-tpl.v-embedpage.is-dark>.mast .nav{border-top-color:#3A3733}
.hmk-tpl.v-embedpage.is-dark>.mast .nav a{color:#CFCBC2}
.hmk-tpl.v-embedpage.is-dark>.mast .nav a:hover,.hmk-tpl.v-embedpage.is-dark>.mast .nav a.active{color:#F5F3EE}
.hmk-tpl.v-embedpage.is-dark>.mast .mast-date{color:#8F8B82}
.hmk-tpl.v-embedpage.is-dark .ebackband{border-top-color:#3A3733}
.hmk-tpl.v-embedpage.is-dark .ebackband__hub{color:#E89B7E}
.hmk-tpl.v-embedpage.is-dark .ebackband__sibs a{color:#CFCBC2}
.hmk-tpl.v-embedpage.is-dark .ebackband__sibs a:hover{color:#E89B7E}


/* ============ BRAND 2026.07 - approved brandbook base: WHITE, not ivory ============ */
html:not([data-theme="dark"]) body .hmk-tpl{--bg:#ffffff!important;background:#fff!important;--terra-deep:#D97757!important}
html:not([data-theme="dark"]) body.hmk-tpl-page{background:#fff!important}



/* ============ CONTENT-CSS ISOLATION GUARD (1.5.1) ============================
   Infographics/embeds pasted into the article body sometimes ship a <style>
   with UNSCOPED bare-tag rules meant for their own standalone page - e.g.
   `header{background:<dark gradient>}` - which then leak onto the template's
   own <header> chrome. On /haroeh-haivri/ this painted the article title
   dark-on-dark. Our chrome selectors out-specify a bare tag (0,2,0 vs 0,0,1),
   so pinning the vulnerable properties neutralises the leak with no !important.
   (.mast already pins its own background; .op-hero is a <section>, not <header>.) */
.hmk-tpl .ahead,.hmk-tpl .pagehero,.hmk-tpl .vshead{background:transparent;border-radius:0}
.hmk-tpl .ahead{padding:6px 0 0}
.hmk-tpl .vshead{padding:0}
.hmk-tpl .ahead h1,.hmk-tpl .pagehero h1,.hmk-tpl .vshead h1{font-weight:700;letter-spacing:normal}


/* ============ MOBILE MASTHEAD 2026.07.14 (editor) - sticky nameplate ============
   Parity with homepage.css: on phones every page's header collapses to ONE sticky
   row - horizontal wordmark + tricolor rule. Hamburger/search/date/category-strip
   are dropped; navigation lives in the bottom tab bar's "תפריט". <=600 only. */
@media(max-width:600px){
  .hmk-tpl{overflow-x:clip}
  .hmk-tpl>.mast,.hmk-tpl .mast{position:sticky;top:0;z-index:200;background:var(--bg,#fff);justify-content:center;padding:10px 16px}
  body.admin-bar .hmk-tpl>.mast,body.admin-bar .hmk-tpl .mast{top:46px}
  .hmk-tpl .mast__tools,.hmk-tpl .mast .nav,.hmk-tpl .mast-date,.hmk-tpl .hd-today,.hmk-tpl .mast .btn-cta{display:none!important}
  .hmk-tpl .mast .logo .brandmark{display:none}
  .hmk-tpl .mast .logo{justify-self:center;font-family:var(--font-brand);font-weight:400;font-size:1.5rem;letter-spacing:0;color:var(--ink);-webkit-text-fill-color:var(--ink);white-space:nowrap;gap:0}
  .hmk-tpl .mast .logo::after{content:"המקום הכי חם בגיהנום"}
}


/* ============ BYLINE AVATARS on EVERY article branch (editor: "אווטר בכל כתבה") ============
   The standard/generic + data + watch bylines previously had no avatar - only the 5
   named variants did. These wrap hmk_tpl_avatar_ring() (author photo, brand-logo
   fallback) as a small round inline chip that aligns inside the flex byline row. */
.hmk-tpl .ahead__av,.hmk-tpl .d-byline__av{width:26px;height:26px;flex:none;display:inline-flex}
.hmk-tpl .vshead__av{width:24px;height:24px;flex:none;display:inline-flex}
.hmk-tpl .ahead__av .hmk-avr,.hmk-tpl .d-byline__av .hmk-avr,.hmk-tpl .vshead__av .hmk-avr{display:block}
/* author BIO box at the article foot: real avatar (photo/logo) instead of the
   colored letter-tile. --img neutralises the old square-initial styling. */
.hmk-tpl .abio__av--img{width:84px;height:84px;flex:none;background:none!important;padding:0;border-radius:0;font-size:0}
.hmk-tpl .abio__av--img .hmk-avr{display:block}
.hmk-tpl .authcard__av{width:54px;height:54px;flex:none;display:block}
.hmk-tpl .authcard__av .hmk-avr{display:block}


/* ============ SAVED ARTICLES (client-side bookmarks) - button + overlay ============
   The "שמירה" toggle sits in the byline; the bottom-tab "שמורים" opens a sheet
   listing what the reader saved. Pure reader-side, stored in localStorage. */
.hmk-tpl .hmk-save{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:.82rem;font-weight:600;color:var(--terra-deep);background:#fff;border:1px solid var(--line-2);border-radius:20px;padding:4px 11px;cursor:pointer;line-height:1;transition:background .15s,border-color .15s}
.hmk-tpl .hmk-save svg{width:15px;height:15px;flex:none}
.hmk-tpl .hmk-save:hover{border-color:var(--terra)}
.hmk-tpl .hmk-save.is-on{background:#fdeee9;border-color:var(--terra);color:var(--terra-deep)}
/* overlay - outside .hmk-tpl in the DOM (appended to body), so scope by its own class */
.hmk-saved[hidden]{display:none}
.hmk-saved{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center}
.hmk-saved__bg{position:absolute;inset:0;background:rgba(20,20,19,.5)}
.hmk-saved__sheet{position:relative;z-index:1;width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;background:var(--bg,#fff);border-radius:16px 16px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,.25);direction:rtl}
@media(min-width:700px){.hmk-saved{align-items:center}.hmk-saved__sheet{border-radius:16px;max-height:70vh}}
.hmk-saved__hd{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);font-family:var(--font-head)}
.hmk-saved__hd b{font-size:1.05rem;color:var(--ink)}
.hmk-saved__x{background:none;border:0;font-size:1.6rem;line-height:1;color:var(--ink-soft);cursor:pointer;padding:0 4px}
.hmk-saved__list{overflow-y:auto;padding:6px 0}
.hmk-saved__empty{padding:28px 20px;text-align:center;color:var(--ink-soft);font-size:.9rem}
.hmk-saved__it{display:flex;align-items:flex-start;gap:8px;padding:11px 18px;border-bottom:1px solid var(--line)}
.hmk-saved__it:last-child{border-bottom:0}
.hmk-saved__it a{flex:1;text-decoration:none;color:var(--ink);display:block}
.hmk-saved__t{display:block;font-family:var(--font-head);font-size:.98rem;line-height:1.35;color:var(--ink)}
.hmk-saved__d{display:block;font-size:.78rem;color:var(--ink-soft);margin-top:3px;font-variant-numeric:tabular-nums}
.hmk-saved__rm{flex:none;background:none;border:0;font-size:1.35rem;line-height:1;color:var(--ink-soft);cursor:pointer;padding:0 2px}
.hmk-saved__rm:hover{color:var(--terra-deep)}


/* ============ ARTICLE BODY TYPOGRAPHY (editor: "אין בולטים ואין ריווחים נורמליים") ============
   The reset/theme strips list bullets and flattens vertical rhythm in every variant body.
   Restore proper lists + heading/paragraph spacing across ALL variant bodies. */
.hmk-tpl .prose ul,.hmk-tpl .nbody ul,.hmk-tpl .magbody ul,.hmk-tpl .opbody ul,.hmk-tpl .d-intro ul{list-style:disc;padding-inline-start:1.5em;margin:1.1em 0}
.hmk-tpl .prose ol,.hmk-tpl .nbody ol,.hmk-tpl .magbody ol,.hmk-tpl .opbody ol,.hmk-tpl .d-intro ol{list-style:decimal;padding-inline-start:1.6em;margin:1.1em 0}
.hmk-tpl .prose li,.hmk-tpl .nbody li,.hmk-tpl .magbody li,.hmk-tpl .opbody li,.hmk-tpl .d-intro li{margin:.45em 0;line-height:1.7}
.hmk-tpl .prose li::marker,.hmk-tpl .nbody li::marker,.hmk-tpl .magbody li::marker,.hmk-tpl .opbody li::marker,.hmk-tpl .d-intro li::marker{color:var(--terra-deep)}
.hmk-tpl .nbody p,.hmk-tpl .opbody p,.hmk-tpl .d-intro p{margin:0 0 1.15em;line-height:1.75}
.hmk-tpl .prose h2,.hmk-tpl .nbody h2,.hmk-tpl .magbody h2,.hmk-tpl .opbody h2,.hmk-tpl .d-intro h2{margin:1.6em 0 .45em}
.hmk-tpl .nbody h3,.hmk-tpl .opbody h3,.hmk-tpl .d-intro h3{margin:1.4em 0 .35em}
.hmk-tpl .prose h4,.hmk-tpl .nbody h4,.hmk-tpl .opbody h4,.hmk-tpl .d-intro h4{margin:1.2em 0 .3em}
/* news: byline was glued to the featured image */
.hmk-tpl .wfig{margin:20px 0}
.hmk-tpl .wh__by{margin-bottom:2px}
/* social share row (editor 15.07): one warm-gray circle for EVERY service, with the
   logo glyph in brand terra. Replaces the flat grayscale filter - the sharedaddy icons
   are a 'social-logos' font glyph (::before, white) on a per-service brand background,
   so we override both the circle background and the glyph colour. */
.hmk-tpl .sharedaddy .share-icon,.hmk-tpl .sharedaddy a.sd-button{background:#e7e4dd!important;color:var(--terra)!important;box-shadow:none!important;border:0!important}
.hmk-tpl .sharedaddy .share-icon::before,.hmk-tpl .sharedaddy a.sd-button::before{color:var(--terra)!important}
.hmk-tpl .sharedaddy .share-icon:hover,.hmk-tpl .sharedaddy a.sd-button:hover{background:#ddd8ce!important}
.hmk-tpl .sharedaddy .share-icon:hover::before,.hmk-tpl .sharedaddy a.sd-button:hover::before{color:var(--terra-deep)!important}


/* ============ HEADER NAV - "עוד ▾" mega dropdown (topics axis) ============ */
/* DESKTOP ONLY: header gets its own stacking context ABOVE page content, so the mega
   is not hidden behind project graphics/iframes (editor 15.07). Guarded to >600px so it
   never touches the phone masthead, which is position:sticky in @media(max-width:600px)
   (and where the desktop nav/mega is hidden anyway). */
@media(min-width:601px){.hmk-tpl .mast{position:relative;z-index:900}}
.hmk-tpl .nav__more{position:relative}
.hmk-tpl .nav__more-btn{font-family:inherit;font-weight:600;font-size:.95rem;color:var(--ink-2);background:none;border:0;cursor:pointer;padding:8px 11px;border-radius:7px;display:inline-flex;align-items:center;gap:4px;line-height:1.2;white-space:nowrap}
.hmk-tpl .nav__more-btn svg{width:14px;height:14px;transition:transform .16s ease}
.hmk-tpl .nav__more.active .nav__more-btn{color:var(--ink)}
.hmk-tpl .nav__pop{position:absolute;top:100%;inset-inline-end:0;margin-top:6px;min-width:186px;background:#fff;border:1px solid var(--line-2);border-radius:10px;box-shadow:0 10px 34px rgba(20,20,19,.12);padding:6px;display:none;z-index:1000}
.hmk-tpl .nav__more:hover .nav__pop,.hmk-tpl .nav__more:focus-within .nav__pop,.hmk-tpl .nav__more.open .nav__pop{display:block}
.hmk-tpl .nav__more:hover .nav__more-btn svg,.hmk-tpl .nav__more:focus-within .nav__more-btn svg,.hmk-tpl .nav__more.open .nav__more-btn svg{transform:rotate(180deg)}
.hmk-tpl .nav__pop a{display:block;padding:8px 12px;border-radius:7px;font-weight:600;font-size:.92rem;color:var(--ink-2);text-decoration:none;white-space:nowrap}
.hmk-tpl .nav__pop a:hover,.hmk-tpl .nav__pop a.active{background:var(--paper);color:var(--terra-deep)}
.hmk-tpl .nav__pop a::after{display:none!important}
/* MEGA-MENU columns. NOTE: no `display` on the base rule - the base .nav__pop{display:none}
   must keep the panel HIDDEN until hover/focus/open (display:grid here made it permanently open). */
.hmk-tpl .nav__mega{grid-template-columns:repeat(5,minmax(132px,1fr));gap:4px 26px;width:min(900px,90vw);padding:20px 22px}
.hmk-tpl .nav__more:hover .nav__mega,.hmk-tpl .nav__more:focus-within .nav__mega,.hmk-tpl .nav__more.open .nav__mega{display:grid}
.hmk-tpl .nav__mega-col{display:flex;flex-direction:column;min-width:0}
.hmk-tpl .nav__mega .nav__mega-h{font-family:var(--font-head);font-weight:700;font-size:1rem;color:var(--ink)!important;padding:2px 0 8px!important;margin-bottom:6px;border-bottom:2px solid var(--terra);border-radius:0;white-space:normal;line-height:1.15}
.hmk-tpl .nav__mega .nav__mega-h:hover{background:none!important;color:var(--terra-deep)!important}
.hmk-tpl .nav__mega .nav__mega-h.active{color:var(--terra-deep)!important}
.hmk-tpl .nav__mega .nav__mega-col a{padding:6px 0!important;font-weight:500;font-size:.9rem;color:var(--ink-2);white-space:normal;line-height:1.2;border-radius:0}
.hmk-tpl .nav__mega .nav__mega-col a:hover{background:none!important;color:var(--terra-deep)!important;padding-inline-start:3px!important}
.hmk-tpl .nav__mega .nav__mega-col a.active{color:var(--terra-deep)!important;font-weight:600}
/* sub-category filter bar at the top of every category page (leaf pages show siblings) */
.hmk-tpl .chips--subcats{margin-top:16px}
/* drawer: the "נושאים" group reuses .taxgrp; topics carry their sub-categories as small pills */
.hmk-tpl .taxgrp__l--topics{gap:0}
.hmk-tpl .taxgrp__subs{display:flex;flex-wrap:wrap;gap:6px;margin:3px 0 12px;padding-inline-start:2px}
.hmk-tpl .taxgrp__subs a{font-family:var(--font-body)!important;font-weight:600!important;font-size:.8rem!important;color:var(--ink-soft)!important;-webkit-text-fill-color:var(--ink-soft)!important;padding:5px 11px!important;border:1px solid var(--line);border-radius:999px;line-height:1}
.hmk-tpl .taxgrp__subs a:hover{border-color:var(--terra);color:var(--terra-deep)!important;-webkit-text-fill-color:var(--terra-deep)!important}
.hmk-tpl .taxdrawer__cta{display:block;text-align:center;background:var(--terra);color:#fff;font-weight:700;padding:12px;border-radius:10px;text-decoration:none;margin-top:10px}
.hmk-tpl .taxgrp--cta{margin-top:4px}


/* ============ HEADER NAV - "עוד ▾" mega dropdown (topics axis) ============ */
/* DESKTOP ONLY: header gets its own stacking context ABOVE page content, so the mega
   is not hidden behind project graphics/iframes (editor 15.07). Guarded to >600px so it
   never touches the phone masthead, which is position:sticky in @media(max-width:600px)
   (and where the desktop nav/mega is hidden anyway). */
@media(min-width:601px){.hmk-wrap .mast{position:relative;z-index:900}}
.hmk-wrap .nav__more{position:relative}
.hmk-wrap .nav__more-btn{font-family:inherit;font-weight:600;font-size:.95rem;color:var(--ink-2);background:none;border:0;cursor:pointer;padding:8px 11px;border-radius:7px;display:inline-flex;align-items:center;gap:4px;line-height:1.2;white-space:nowrap}
.hmk-wrap .nav__more-btn svg{width:14px;height:14px;transition:transform .16s ease}
.hmk-wrap .nav__more.active .nav__more-btn{color:var(--ink)}
.hmk-wrap .nav__pop{position:absolute;top:100%;inset-inline-end:0;margin-top:6px;min-width:186px;background:#fff;border:1px solid var(--line-2);border-radius:10px;box-shadow:0 10px 34px rgba(20,20,19,.12);padding:6px;display:none;z-index:1000}
.hmk-wrap .nav__more:hover .nav__pop,.hmk-wrap .nav__more:focus-within .nav__pop,.hmk-wrap .nav__more.open .nav__pop{display:block}
.hmk-wrap .nav__more:hover .nav__more-btn svg,.hmk-wrap .nav__more:focus-within .nav__more-btn svg,.hmk-wrap .nav__more.open .nav__more-btn svg{transform:rotate(180deg)}
.hmk-wrap .nav__pop a{display:block;padding:8px 12px;border-radius:7px;font-weight:600;font-size:.92rem;color:var(--ink-2);text-decoration:none;white-space:nowrap}
.hmk-wrap .nav__pop a:hover,.hmk-wrap .nav__pop a.active{background:var(--paper);color:var(--terra-deep)}
.hmk-wrap .nav__pop a::after{display:none!important}
/* MEGA-MENU columns. NOTE: no `display` on the base rule - the base .nav__pop{display:none}
   must keep the panel HIDDEN until hover/focus/open (display:grid here made it permanently open). */
.hmk-wrap .nav__mega{grid-template-columns:repeat(5,minmax(132px,1fr));gap:4px 26px;width:min(900px,90vw);padding:20px 22px}
.hmk-wrap .nav__more:hover .nav__mega,.hmk-wrap .nav__more:focus-within .nav__mega,.hmk-wrap .nav__more.open .nav__mega{display:grid}
.hmk-wrap .nav__mega-col{display:flex;flex-direction:column;min-width:0}
.hmk-wrap .nav__mega .nav__mega-h{font-family:var(--font-head);font-weight:700;font-size:1rem;color:var(--ink)!important;padding:2px 0 8px!important;margin-bottom:6px;border-bottom:2px solid var(--terra);border-radius:0;white-space:normal;line-height:1.15}
.hmk-wrap .nav__mega .nav__mega-h:hover{background:none!important;color:var(--terra-deep)!important}
.hmk-wrap .nav__mega .nav__mega-h.active{color:var(--terra-deep)!important}
.hmk-wrap .nav__mega .nav__mega-col a{padding:6px 0!important;font-weight:500;font-size:.9rem;color:var(--ink-2);white-space:normal;line-height:1.2;border-radius:0}
.hmk-wrap .nav__mega .nav__mega-col a:hover{background:none!important;color:var(--terra-deep)!important;padding-inline-start:3px!important}
.hmk-wrap .nav__mega .nav__mega-col a.active{color:var(--terra-deep)!important;font-weight:600}
/* sub-category filter bar at the top of every category page (leaf pages show siblings) */
.hmk-wrap .chips--subcats{margin-top:16px}
/* drawer: the "נושאים" group reuses .taxgrp; topics carry their sub-categories as small pills */
.hmk-wrap .taxgrp__l--topics{gap:0}
.hmk-wrap .taxgrp__subs{display:flex;flex-wrap:wrap;gap:6px;margin:3px 0 12px;padding-inline-start:2px}
.hmk-wrap .taxgrp__subs a{font-family:var(--font-body)!important;font-weight:600!important;font-size:.8rem!important;color:var(--ink-soft)!important;-webkit-text-fill-color:var(--ink-soft)!important;padding:5px 11px!important;border:1px solid var(--line);border-radius:999px;line-height:1}
.hmk-wrap .taxgrp__subs a:hover{border-color:var(--terra);color:var(--terra-deep)!important;-webkit-text-fill-color:var(--terra-deep)!important}
.hmk-wrap .taxdrawer__cta{display:block;text-align:center;background:var(--terra);color:#fff;font-weight:700;padding:12px;border-radius:10px;text-decoration:none;margin-top:10px}
.hmk-wrap .taxgrp--cta{margin-top:4px}


/* ============ ARTICLE LIST-BOX (בקצרה / מה מצאנו) - "פס כותרת" design (editor 15.07,
   replaces the generic side-stripe). Dark title band, HaMakom heading + terra tick,
   arrow markers, collapsible via native <details>/<summary> (+/- toggle, no JS). ============ */
.hmk-tpl .lbx{border:1px solid var(--line-2);border-radius:12px;overflow:hidden;margin:22px 0;background:#fff}
.hmk-tpl .lbx__bar{background:var(--ink);color:#fff;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;user-select:none}
.hmk-tpl summary.lbx__bar{list-style:none}
.hmk-tpl .lbx__bar::-webkit-details-marker{display:none}
.hmk-tpl .lbx__bar::marker{content:""}
.hmk-tpl .lbx--static .lbx__bar{cursor:default}
.hmk-tpl .lbx__label{font-family:var(--font-brand);font-size:1.28rem;line-height:1;color:#fff;display:inline-flex;align-items:center;gap:11px;letter-spacing:.01em}
.hmk-tpl .lbx__label::before{content:"";width:20px;height:2px;background:var(--terra);flex:none}
.hmk-tpl .lbx__tgl{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.45);display:inline-flex;align-items:center;justify-content:center;flex:none;position:relative;transition:background .15s ease}
.hmk-tpl .lbx__tgl::before,.hmk-tpl .lbx__tgl::after{content:"";position:absolute;background:#fff;border-radius:2px}
.hmk-tpl .lbx__tgl::before{width:11px;height:2px}
.hmk-tpl .lbx__tgl::after{width:2px;height:11px;transition:opacity .15s ease,transform .2s ease}
.hmk-tpl .lbx[open] .lbx__tgl::after{opacity:0;transform:rotate(90deg)}
.hmk-tpl details.lbx:hover .lbx__tgl{background:rgba(255,255,255,.14)}
.hmk-tpl .lbx__body{padding:14px 18px 16px}
.hmk-tpl .lbx__body ul{list-style:none!important;margin:0;padding:0}
.hmk-tpl .lbx__body li{position:relative;padding-inline-start:23px;padding-block:9px;font-family:var(--font-body);font-weight:500;line-height:1.55;font-size:1rem;color:var(--ink-2);list-style:none!important}
.hmk-tpl .lbx__body li::marker{content:""}
.hmk-tpl .lbx__body li::before{content:"›";position:absolute;inset-inline-start:2px;top:6px;color:var(--terra);font-weight:800;font-size:1.15rem;line-height:1}
.hmk-tpl .lbx__body li+li{border-top:1px solid var(--line)}
.hmk-tpl .lbx__body li b{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}


.hmk-tpl .dos__av,.hmk-tpl .mghero__av,.hmk-tpl .wh__av,.hmk-tpl .stage__av,.hmk-tpl .d-byline__av,.hmk-tpl .vshead__av,.hmk-tpl .ahead__av{width:72px;height:72px}.hmk-tpl .ahead__by,.hmk-tpl .dos__by,.hmk-tpl .d-byline{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.hmk-tpl .dos__av+.dos__av,.hmk-tpl .mghero__av+.mghero__av,.hmk-tpl .wh__av+.wh__av,.hmk-tpl .stage__av+.stage__av,.hmk-tpl .d-byline__av+.d-byline__av,.hmk-tpl .vshead__av+.vshead__av,.hmk-tpl .ahead__av+.ahead__av,.hmk-tpl .hmk-bioav+.hmk-bioav{margin-inline-start:-16px;position:relative;z-index:1}

.hmk-tpl .hmk-bioav{position:relative;display:inline-flex;vertical-align:top}.hmk-tpl .hmk-bioav__btn{margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;display:inline-flex;-webkit-appearance:none;appearance:none}.hmk-tpl .hmk-bioav__btn:focus-visible{outline:2px solid var(--terra);outline-offset:3px;border-radius:50%}.hmk-tpl .hmk-bioav__pop{position:absolute;z-index:60;inset-inline-start:0;top:calc(100% + 12px);width:300px;max-width:78vw;padding:18px;background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px rgba(20,20,19,.16);text-align:start;cursor:default;font-family:var(--font-body)}.hmk-tpl .hmk-bioav__pop[hidden]{display:none}.hmk-tpl .hmk-bioav__pop::before{content:'';position:absolute;top:-7px;inset-inline-start:26px;width:13px;height:13px;background:var(--bg);border-inline-start:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}.hmk-tpl .hmk-bioav__top{display:flex;align-items:center;gap:12px;margin-bottom:11px}.hmk-tpl .hmk-bioav__big{flex:none;display:block}.hmk-tpl .hmk-bioav__big .hmk-avr{display:block}.hmk-tpl .hmk-bioav__id{display:flex;flex-direction:column;gap:2px;min-width:0}.hmk-tpl .hmk-bioav__nm{font-family:var(--font-head);font-weight:700;font-size:1.05rem;color:var(--ink);text-decoration:none;line-height:1.2}.hmk-tpl .hmk-bioav__nm:hover{text-decoration:underline}.hmk-tpl .hmk-bioav__role{font-size:.78rem;color:var(--ink-soft)}.hmk-tpl .hmk-bioav__bio{display:block;font-size:.9rem;line-height:1.6;color:var(--ink-2);margin:0 0 12px}.hmk-tpl .hmk-bioav__more{display:inline-block;font-size:.82rem;font-weight:600;color:var(--terra);text-decoration:none}.hmk-tpl .hmk-bioav__more:hover{text-decoration:underline}@media(max-width:520px){.hmk-tpl .hmk-bioav__pop{position:fixed;inset-inline:12px;bottom:12px;top:auto;width:auto;max-width:none}.hmk-tpl .hmk-bioav__pop::before{display:none}}

.hmk-tpl .opbody{max-width:46em}.hmk-tpl .opimg{margin:1.7em 0}.hmk-tpl .opimg img{width:100%;height:auto;border-radius:8px;border:1px solid var(--line-2);display:block}.hmk-tpl .opimg figcaption{font-family:var(--font-body);font-size:.8rem;color:var(--ink-soft);margin-top:7px}.hmk-tpl .ophero>.hmk-bioav{display:block;width:max-content;margin:0 auto 18px}.hmk-tpl .ophero__meta{font-family:var(--font-body);font-size:.82rem;color:var(--ink-soft);margin-top:6px}.hmk-tpl .readnext{margin-top:46px;padding-top:32px;border-top:1px solid var(--line)}

.hmk-tpl .mghero .hmk-avr img{position:static;inset:auto;opacity:1}

.hmk-tpl .mghero__h,.hmk-tpl .mghero__in h1{color:#fff}.hmk-tpl .hmk-avr--logo{padding:3.5%;background:conic-gradient(from 0deg,var(--terra) 0 41%,var(--sage) 41% 66%,var(--heather) 66% 100%)}.hmk-tpl .hmk-avr--logo .hmk-avr__in{background:#fff;box-shadow:none}.hmk-tpl .hmk-avr--logo img{width:68%;height:68%;object-fit:contain}

.hmk-tpl .hmk-avr--fbimg{padding:0;background:none}.hmk-tpl .hmk-avr--fbimg .hmk-avr__in{background:#fff;box-shadow:none}.hmk-tpl .hmk-avr--fbimg img{position:static;inset:auto;width:100%;height:100%;object-fit:cover;opacity:1}

.hmk-tpl .vauth{display:flex;flex-direction:column;gap:14px}.hmk-tpl .authcard+.authcard{margin-top:14px}

.hmk-tpl .taxdrawer{z-index:1200}

.hmk-load{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:rgba(250,249,245,.86);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .18s ease}.hmk-load[hidden]{display:none}.hmk-load.on{opacity:1}.hmk-load__in{width:clamp(112px,20vw,168px);aspect-ratio:1}.hmk-load__in svg{width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.hmk-load__in svg animate,.hmk-load__in svg animateTransform{display:none}}

.hmk-tpl .wh__dek,.hmk-tpl .magbody__dek,.hmk-tpl .stage__dek{font-family:var(--font-body)}

.hmk-tpl .jeg_comments .avatar,.hmk-tpl .hmk-comments .avatar,.hmk-tpl .comment-author .avatar,.hmk-tpl .comment-respond .avatar{width:auto;height:auto;max-width:55px;margin:0;background:none;display:inline-block;place-items:normal}

.hmk-tpl .foot :focus-visible{outline-color:#fff}

.hmk-tpl .sharedaddy .sd-title,.hmk-tpl .sd-block .sd-title{display:none}

.hmk-tpl .sharedaddy .sharing-hidden,.hmk-tpl .sd-block .sharing-screen-reader-text,.hmk-tpl a.sharing-anchor.sd-button,.hmk-tpl .sharedaddy .share-customize-link{display:none}

.hmk-tpl .breaking .tag{white-space:nowrap;flex:none}

.hmk-tpl .srch-author{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:12px 14px;border:1px solid var(--line-2);border-inline-start:4px solid var(--terra);border-radius:12px;background:var(--paper);text-decoration:none;color:inherit;max-width:560px}.hmk-tpl .srch-author:hover{border-color:var(--terra)}.hmk-tpl .srch-author__b{display:flex;flex-direction:column;gap:2px;min-width:0}.hmk-tpl .srch-author__b strong{font-size:1.02rem;color:var(--ink)}.hmk-tpl .srch-author__b span{font-size:.85rem;color:var(--terra-deep);font-weight:600}
/* ============================================================
   מצב כהה (Dark mode) - 27.07.2026
   ------------------------------------------------------------
   מוגדר ברמת הטוקנים בלבד: כל הרכיבים כבר צובעים דרך המשתנים,
   אז הגדרה-מחדש כאן צובעת את כל האתר בלי לגעת באף רכיב.
   הדגל data-theme יושב על <html> ונקבע ע"י סקריפט inline ב-<head>
   (לפני הצבע הראשון, כדי שלא יהיה הבזק לבן), נשמר ב-localStorage,
   וברירת המחדל היא העדפת המערכת (prefers-color-scheme).
   הכהה אינו היפוך: הדיו הופך לשנהב, הרקע לפחם חם, והטרקוטה
   מוארת מעט כדי לשמור ניגודיות קריאה על רקע כהה.
   ============================================================ */
html[data-theme="dark"] .hmk-tpl,
html[data-theme="dark"] .hmk-wrap,
html[data-theme="dark"] .hmk-maps,
html[data-theme="dark"] .hmk-saved{
  --bg:#14140f; --paper:#1c1c17; --light-gray:#2a2a24; --mid:#6f6d64;
  --ink:#f2f0e8; --ink-2:#cfccc2; --ink-soft:#9b988e;
  --line:#2e2e27; --line-2:#3a3a32;
  --terra:#E08A6A; --terra-deep:#E08A6A; --terra-cta:#C2562F;
  --sage:#93A87A; --sage-deep:#93A87A;
  --heather:#A98CC0; --heather-deep:#A98CC0;
  --ivory:#f2f0e8;
  --hmk-bg:#14140f; --hmk-paper:#1c1c17; --hmk-ink:#f2f0e8; --hmk-line:#2e2e27;
  --hmk-ivory:#f2f0e8; --hmk-terra:#E08A6A; --hmk-terra-deep:#E08A6A;
  --shadow-border:0 0 0 1px rgba(255,255,255,.07), 0 1px 2px -1px rgba(0,0,0,.5);
  --shadow-border-h:0 0 0 1px rgba(255,255,255,.12), 0 12px 26px 0 rgba(0,0,0,.55);
}
html[data-theme="dark"] body,
html[data-theme="dark"] .hmk-tpl{background:#14140f;color:#f2f0e8}
html[data-theme="dark"] .hmk-tpl img,
html[data-theme="dark"] .hmk-wrap img{filter:brightness(.94)}
/* מדיה ופריטים שמניחים רקע לבן קשיח */
html[data-theme="dark"] .hmk-tpl .card,
html[data-theme="dark"] .hmk-tpl .sec,
html[data-theme="dark"] .hmk-wrap .hmk-posts.is-paper{background:var(--paper)}
/* --- הושלם 28.07 אחרי האודיט. סרגל הלשוניות התחתון הוא הניווט היחיד מתחת
   ל-600 פיקסל; בלי הכלל הזה הוא נשאר פס לבן והאייקונים בו בלתי נראים. */
html[data-theme="dark"] .hmk-tpl .mtab{background:rgba(20,20,15,.94);border-top-color:var(--line-2);box-shadow:0 -3px 14px rgba(0,0,0,.45)}
html[data-theme="dark"] .hmk-tpl .mtab a,html[data-theme="dark"] .hmk-tpl .mtab button{color:var(--ink-2);-webkit-text-fill-color:var(--ink-2)}
html[data-theme="dark"] .hmk-tpl .mtab .is-on,html[data-theme="dark"] .hmk-tpl .mtab a[aria-current]{color:var(--terra);-webkit-text-fill-color:var(--terra)}
/* תפריט משנה, קופסאות תוכן, כפתור השמירה ומסך הטעינה */
html[data-theme="dark"] .hmk-tpl .nav__pop{background:var(--paper);border-color:var(--line-2)}
html[data-theme="dark"] .hmk-tpl .lbx{background:var(--paper)}
html[data-theme="dark"] .hmk-tpl .ct-ch,
html[data-theme="dark"] .hmk-tpl .ct-box,
html[data-theme="dark"] .hmk-tpl .ct-tip{background:var(--paper);border-color:var(--line)}
html[data-theme="dark"] .hmk-tpl .hmk-save{background:var(--paper);border-color:var(--line-2)}
html[data-theme="dark"] .hmk-tpl .ifile--hot{background:var(--paper)}
html[data-theme="dark"] .hmk-load{background:rgba(20,20,15,.86)}
/* כפתור המתג */
.hmk-theme-t{background:none;border:1px solid var(--line);border-radius:8px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);flex:none}
.hmk-theme-t:hover{border-color:var(--ink-soft)}
.hmk-theme-t svg{width:17px;height:17px}
.hmk-theme-t .ic-moon{display:block}
.hmk-theme-t .ic-sun{display:none}
html[data-theme="dark"] .hmk-theme-t .ic-moon{display:none}
html[data-theme="dark"] .hmk-theme-t .ic-sun{display:block}

/* ---------------------------------------------------------------------------
 * הטמעות בגוף הכתבה - הועבר מ-jnews-child/main.js (28.07.2026).
 *
 * שם זה נעשה ב-jQuery: עטיפת כל iframe של יוטיוב ב-div יחס-גובה של בוטסטרפ.
 * כאן זה CSS טהור - אותה תוצאה בלי jQuery, בלי בוטסטרפ, ובלי קפיצת פריסה
 * (ה-aspect-ratio שמור עוד לפני שה-iframe נטען, כך שאין CLS).
 *
 * יחס 16:9 נכפה רק על וידאו. סאונדקלאוד ופייסבוק, שיש להם גובה קבוע משלהם,
 * מקבלים רק תקרת רוחב - כפיית 16:9 עליהם הייתה מעוותת אותם.
 * מטופל גם data-litespeed-src, כי הלייזי-לואד מחליף את src ב-about:blank.
 * ------------------------------------------------------------------------- */
.hmk-tpl .prose iframe{max-width:100%}
.hmk-tpl .prose .wp-block-embed-youtube iframe,
.hmk-tpl .prose .wp-block-embed-vimeo iframe,
.hmk-tpl .prose iframe[src*="youtube"],
.hmk-tpl .prose iframe[src*="youtu.be"],
.hmk-tpl .prose iframe[src*="player.vimeo"],
.hmk-tpl .prose iframe[data-litespeed-src*="youtube"],
.hmk-tpl .prose iframe[data-litespeed-src*="youtu.be"],
.hmk-tpl .prose iframe[data-litespeed-src*="player.vimeo"]{
	width:100%;height:auto;aspect-ratio:16/9;border:0;display:block}

/* ---------------------------------------------------------------------------
 * כרטיסי "כתבה קשורה" של ג'ייניוז שנשארו בתוך גוף הכתבות. 28.07.2026.
 *
 * 147 מתוך 800 הכתבות האחרונות מכילות בלוק jnews-gutenberg/element-blocklink.
 * המבנה שהוא מייצר (נשלף מהאתר החי):
 *   .jeg_blocklink > a > .jeg_block_container
 *       > .jeg_block_bg > .bg[style=background-image]
 *       > .jeg_block_content > div > h3 + span
 * ה-div של התמונה ריק לגמרי - כל הגובה והפריסה שלו הגיעו מ-CSS של ג'ייניוז,
 * ולכן בלי הכללים האלה התמונה נעלמת והכרטיס נראה ככותרת מיותמת באמצע הטקסט.
 * נכתב מחדש בשפת העיצוב שלנו במקום להעתיק את המקור, וכל הצבעים דרך טוקנים
 * כדי שיעבוד גם במצב כהה.
 * ------------------------------------------------------------------------- */
.hmk-tpl .jeg_blocklink{margin:26px 0;clear:both}
.hmk-tpl .jeg_blocklink a{display:block;text-decoration:none;color:inherit}
.hmk-tpl .jeg_block_container{position:relative;border-radius:var(--r-card,14px);overflow:hidden;
  box-shadow:var(--shadow-border);transition:box-shadow .18s}
.hmk-tpl .jeg_blocklink a:hover .jeg_block_container{box-shadow:var(--shadow-border-h)}
.hmk-tpl .jeg_block_bg{position:relative;aspect-ratio:2/1;background:var(--paper)}
.hmk-tpl .jeg_block_bg .bg{position:absolute;inset:0;background-size:cover;background-position:center;
  transition:transform .4s}
.hmk-tpl .jeg_blocklink a:hover .jeg_block_bg .bg{transform:scale(1.03)}
.hmk-tpl .jeg_block_bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.78) 0,rgba(0,0,0,.28) 46%,transparent 72%)}
.hmk-tpl .jeg_block_content{position:absolute;inset-inline:0;bottom:0;z-index:1;padding:18px 20px}
.hmk-tpl .jeg_block_content h3{margin:0;font-family:var(--font-head);font-weight:700;
  line-height:1.24;font-size:clamp(1.05rem,2.4vw,1.32rem);color:#fff;-webkit-text-fill-color:#fff}
.hmk-tpl .jeg_block_content span{display:block;margin-top:7px;font-family:var(--font-body);
  font-size:.8rem;color:rgba(255,255,255,.82)}
@media(max-width:600px){
  .hmk-tpl .jeg_block_bg{aspect-ratio:16/9}
  .hmk-tpl .jeg_block_content{padding:14px 15px}
}

/* ---------------------------------------------------------------------------
 * שרשור התגובות. 28.07.2026.
 * comments.php פולט מחלקות BEM שאף כלל לא כיסה, ולצידן את הסימון הסטנדרטי
 * של wp_list_comments. בלי זה התגובות נדבקות זו לזו, ותשובות מקוננות מוצגות
 * באותה הזחה כמו התגובה שהן עונות לה - אי אפשר להבין מי עונה למי.
 * ------------------------------------------------------------------------- */
.hmk-tpl .hmk-comments__inner{max-width:var(--maxw-read,760px);margin-inline:auto}
.hmk-tpl .hmk-comments__title{font-family:var(--font-head);font-weight:700;font-size:1.25rem;
  color:var(--ink);margin:0 0 18px;padding-bottom:10px;border-bottom:2px solid var(--ink)}
.hmk-tpl .hmk-comments__closed{font-family:var(--font-body);font-size:.88rem;color:var(--ink-soft)}
.hmk-tpl .hmk-comments__list,.hmk-tpl .hmk-comments__list ol{list-style:none;margin:0;padding:0}
.hmk-tpl .hmk-comments__list li.comment,.hmk-tpl .hmk-comments__list li.pingback{
  padding:16px 0;border-bottom:1px solid var(--line)}
.hmk-tpl .hmk-comments__list .children{margin-inline-start:22px;padding-inline-start:14px;
  border-inline-start:2px solid var(--line-2);margin-top:14px}
.hmk-tpl .hmk-comments__list .children li.comment{border-bottom:0;padding-bottom:0}
.hmk-tpl .comment-author{display:flex;align-items:center;gap:9px;font-family:var(--font-body)}
.hmk-tpl .comment-author img{border-radius:50%;width:34px;height:34px}
.hmk-tpl .comment-author .fn{font-weight:700;font-size:.92rem;color:var(--ink);font-style:normal}
.hmk-tpl .comment-metadata{margin-top:3px;font-family:var(--font-body);font-size:.75rem;color:var(--ink-soft)}
.hmk-tpl .comment-metadata a{color:inherit;text-decoration:none}
.hmk-tpl .comment-content{margin-top:9px;font-family:var(--font-body);font-size:.95rem;
  line-height:1.7;color:var(--ink-2)}
.hmk-tpl .comment-content p{margin:0 0 10px}
.hmk-tpl .reply{margin-top:8px}
.hmk-tpl .reply a{font-family:var(--font-body);font-size:.8rem;font-weight:600;
  color:var(--terra-deep);text-decoration:none}
.hmk-tpl .reply a:hover{text-decoration:underline}
.hmk-tpl .comment-respond{margin-top:26px}
.hmk-tpl .comment-form textarea,.hmk-tpl .comment-form input[type=text],
.hmk-tpl .comment-form input[type=email],.hmk-tpl .comment-form input[type=url]{
  width:100%;font-family:var(--font-body);font-size:.92rem;padding:10px 12px;
  border:1px solid var(--line-2);border-radius:8px;background:var(--bg);color:var(--ink)}
.hmk-tpl .comment-form .submit{font-family:var(--font-body);font-weight:700;font-size:.9rem;
  padding:10px 22px;border:0;border-radius:8px;background:var(--terra);color:#fff;cursor:pointer}
.hmk-tpl .comment-form .submit:hover{filter:brightness(.94)}

/* ---------------------------------------------------------------------------
 * עצמאות מהתוסף לצורך התצוגה המקדימה. 28.07.2026.
 *
 * תיקוני המצב הכהה של דף הבית יושבים ב-homepage.css, שנמצא רק בתוסף. כדי
 * שאפשר יהיה להריץ תצוגה מקדימה חיה בלי לעדכן את התוסף באתר החי, הכללים
 * משוכפלים כאן בסלקטור חזק יותר.
 *
 * הספציפיות מחושבת מול הגרסה הישנה של homepage.css:
 *   שם:  html body .hmk-wrap{--bg:#fff!important}        (0,1,2)
 *   כאן: html[data-theme="dark"] body .hmk-wrap          (0,2,2)  <- מנצח
 * שאר הכללים שם אינם !important, וכאן הם בעלי ספציפיות גבוהה יותר, ולכן
 * הם מנצחים בלי תלות בסדר הטעינה של קובצי ה-CSS.
 *
 * כשהתוסף יתעדכן ל-1.6.67 הכללים האלה יהפכו לעודפים אך לא מזיקים - הם
 * אומרים בדיוק את אותו דבר.
 * ------------------------------------------------------------------------- */
html[data-theme="dark"] body .hmk-wrap{--bg:#14140f!important;--hmk-bg:#14140f!important;
  background:#14140f!important}
html[data-theme="dark"] body.hmk-tpl-home,
html[data-theme="dark"] body.hmk-tpl-page{background:#14140f!important}
html[data-theme="dark"] .hmk-wrap .mast{background:var(--bg,#14140f)}
html[data-theme="dark"] .hmk-wrap .mtab{background:rgba(20,20,15,.94);
  box-shadow:0 -3px 14px rgba(0,0,0,.45)}
html[data-theme="dark"] .hmk-wrap .nav a,
html[data-theme="dark"] .hmk-wrap .taxgrp__l a,
html[data-theme="dark"] .hmk-wrap .mtab a,
html[data-theme="dark"] .hmk-wrap .mtab button{color:var(--ink-2);-webkit-text-fill-color:var(--ink-2)}
html[data-theme="dark"] .hmk-wrap h1 a,
html[data-theme="dark"] .hmk-wrap h2 a,
html[data-theme="dark"] .hmk-wrap h3 a,
html[data-theme="dark"] .hmk-wrap .card__t a,
html[data-theme="dark"] .hmk-wrap .lead__txt a,
html[data-theme="dark"] .hmk-wrap .scard__t a,
html[data-theme="dark"] .hmk-wrap .hero__t a{color:var(--ink);-webkit-text-fill-color:var(--ink)}
html[data-theme="dark"] .hmk-wrap .cf-prev,
html[data-theme="dark"] .hmk-wrap .cf-next{background:rgba(20,20,15,.94)}
html[data-theme="dark"] .hmk-wrap .cf-orow{background:var(--paper)}

/* ---------------------------------------------------------------------------
 * מרווח בין באנר הסלוגן לפוטר. 28.07.2026, לבקשת דור.
 *
 * ‎.promo‎ (הקופסה השחורה "בלי פרסומות. בלי בעלי הון") נגמרה בדיוק על קצה
 * ‎.foot‎, כי לפוטר יש margin-top:0. בנייד זה בולט במיוחד: שני בלוקים צבעוניים
 * נדבקים בלי אוויר. מוסיפים מרווח מתחת לבאנר בלבד, בלי לגעת בפוטר עצמו.
 * ------------------------------------------------------------------------- */
.hmk-wrap .promo,
.hmk-tpl .promo{margin-bottom:34px}
@media(max-width:600px){
  .hmk-wrap .promo,
  .hmk-tpl .promo{margin-bottom:26px}
}