of its own layouts). Elementor markup never receives it, so nothing Elementor renders is restyled. 2. Page-level styling (paper background, body type) applies only on `body.hm-view` — the views this theme renders itself. On every other view functions.php pins `data-theme="light"` on , so readers in OS dark mode never get light-designed Elementor content on a dark page. 3. Container queries → media queries at the same pixel values. 4. Logical properties only. No left/right/padding-left anywhere. 5. Three palette values darkened for ת״י 5568 / WCAG AA (see comments). ========================================================================== */ /* ========================================================================== 1. TOKENS ========================================================================== */ :root{ --paper:#FBFAF6; --surface:#FFFFFF; --stone:#EFEBE1; --stone-2:#F5F2EA; --ink:#14201A; --body:#3A4741; /* a11y: mockup #6E7A73 = 4.15:1 on --paper. Darkened to clear 4.5:1. */ --muted:#626F68; --line:#DFDACE; --line-soft:#EBE7DC; --ink-deep:#14201A; --onink-edge:transparent; --brand:#0E6B4E; --brand-ink:#0A5039; --brand-soft:#E3F0EA; --brand-on:#FFFFFF; --signal:#B8372A; --signal-soft:#FBEAE7; /* a11y: mockup #A9781F = 3.89:1 on white, and white-on-gold badge failed. */ --gold:#8F6416; --gold-soft:#F7EFDC; --gold-on:#FFFFFF; --sky:#215F92; --sky-soft:#E4EEF6; --shadow: 0 1px 2px rgba(20,32,26,.05), 0 8px 24px -12px rgba(20,32,26,.18); --shadow-lift: 0 2px 4px rgba(20,32,26,.06), 0 18px 40px -18px rgba(20,32,26,.28); --r-s:4px; --r-m:8px; --r-l:14px; --serif:"Frank Ruhl Libre", "Times New Roman", Georgia, serif; --sans:"Heebo", "Segoe UI", system-ui, -apple-system, Arial, sans-serif; --maxw:1240px; /* on-ink text ramp (strip, band, footer). Every tier ≥ 4.5:1. */ --onink:#EFF3F0; --onink-soft:rgba(239,243,240,.72); --onink-dim:rgba(239,243,240,.60); /* mockup used .48 = 4.43:1 — raised */ --onink-key:rgba(239,243,240,.55); --onink-faint:rgba(239,243,240,.50); /* 4.70:1 light / 4.85:1 dark */ --onink-focus:#6FD9B1; /* focus ring on dark plates */ } @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --paper:#0D1512; --surface:#151F1A; --stone:#1C2822; --stone-2:#18231E; --ink:#F1F5F2; --body:#C0CBC5; --muted:#8A9891; --line:#2A3A32; --line-soft:#223029; --ink-deep:#070E0B; --onink-edge:#2A3A32; --brand:#45C595; --brand-ink:#6FD9B1; --brand-soft:#153025; --brand-on:#06231A; --signal:#E8705F; --signal-soft:#331E1A; --gold:#D6A644; --gold-soft:#2E2413; --gold-on:#1B1403; --sky:#6BABDF; --sky-soft:#152532; --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6); --shadow-lift: 0 2px 4px rgba(0,0,0,.45), 0 18px 40px -18px rgba(0,0,0,.7); }} :root[data-theme="dark"]{ --paper:#0D1512; --surface:#151F1A; --stone:#1C2822; --stone-2:#18231E; --ink:#F1F5F2; --body:#C0CBC5; --muted:#8A9891; --line:#2A3A32; --line-soft:#223029; --ink-deep:#070E0B; --onink-edge:#2A3A32; --brand:#45C595; --brand-ink:#6FD9B1; --brand-soft:#153025; --brand-on:#06231A; --signal:#E8705F; --signal-soft:#331E1A; --gold:#D6A644; --gold-soft:#2E2413; --gold-on:#1B1403; --sky:#6BABDF; --sky-soft:#152532; --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6); --shadow-lift: 0 2px 4px rgba(0,0,0,.45), 0 18px 40px -18px rgba(0,0,0,.7); } /* ========================================================================== 2. GLOBAL BASE — deliberately tiny ========================================================================== */ *,*::before,*::after{box-sizing:border-box} img{max-width:100%;height:auto} /* Visible focus everywhere, both schemes (WCAG 2.4.7). */ :focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:2px} .num{font-variant-numeric:tabular-nums} .hm-skip-link{ position:absolute;inset-block-start:-100vh;inset-inline-start:0;z-index:100000; background:var(--ink);color:var(--paper);padding:12px 18px; font-family:var(--sans);font-weight:700;border-end-end-radius:var(--r-m); } .hm-skip-link:focus{inset-block-start:0;color:var(--paper)} #hm-after-header:focus{outline:none} .hm-sr-only, .hm-scope .screen-reader-text{ position:absolute!important;width:1px;height:1px;padding:0;margin:-1px; overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0; } /* Page-level styling only on this theme's own views. */ body.hm-view{ margin:0;background:var(--paper);color:var(--body); font-family:var(--sans);font-size:15px;line-height:1.6; -webkit-font-smoothing:antialiased; } /* ========================================================================== 3. SCOPE BASE `body .hm-scope …` (0,1,2) outranks Hello's element resets and plain Elementor-kit selectors such as `.elementor-kit-5 h2` (0,1,1). ========================================================================== */ .hm-scope{ display:block;font-family:var(--sans);color:var(--body); font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased; } body .hm-scope h1, body .hm-scope h2, body .hm-scope h3, body .hm-scope h4{ margin:0;font-family:var(--serif);color:var(--ink); text-wrap:balance;font-weight:700;line-height:1.18;letter-spacing:normal;text-transform:none; } body .hm-scope p{margin:0} body .hm-scope ul, body .hm-scope ol{margin:0;padding:0;list-style:none} body .hm-scope li{margin:0} body .hm-scope a{color:inherit;text-decoration:none} body .hm-scope a:hover{color:inherit} body .hm-scope button{ font:inherit;color:inherit;background:none;border:0;border-radius:0; padding:0;cursor:pointer; } body .hm-scope button:hover, body .hm-scope button:focus{background:none;color:inherit} /* Plates that stay dark in both schemes need a light focus ring. */ .hm-scope .strip :focus-visible, .hm-scope .band :focus-visible, .hm-scope .foot :focus-visible{outline-color:var(--onink-focus)} /* ========================================================================== 4. MASTHEAD + NAV (design zone 1) ========================================================================== */ .hm-scope .masthead{background:var(--surface);border-block-end:1px solid var(--line)} .hm-scope .mast-top{ max-width:var(--maxw);margin-inline:auto; padding-block:16px 12px;padding-inline:22px; display:flex;align-items:center;gap:18px; } .hm-scope .brand{min-width:0} .hm-scope .brand a{display:flex;align-items:baseline;gap:9px;min-width:0} body .hm-scope h1.brand, body .hm-scope p.brand{font-size:inherit;font-weight:inherit;line-height:1;margin:0} .hm-scope .brand-mark{ font-family:var(--serif);font-weight:900;font-size:30px;color:var(--ink); letter-spacing:-.015em;line-height:1;white-space:nowrap; } .hm-scope .brand-mark i{font-style:normal;color:var(--brand)} .hm-scope .brand a:hover .brand-mark{color:var(--brand-ink)} .hm-scope .brand-sub{ font-family:var(--sans);font-size:11px;color:var(--muted);font-weight:500; letter-spacing:.06em;white-space:nowrap; } .hm-scope .mast-meta{margin-inline-start:auto;display:flex;align-items:center;gap:10px} .hm-scope .mast-date{font-size:12px;color:var(--muted);text-align:end;line-height:1.35} .hm-scope .mast-date b{display:block;color:var(--ink);font-weight:600;font-size:12.5px} .hm-scope .mast-date span{display:block} .hm-scope .icon-btn{ width:34px;height:34px;border-radius:var(--r-m);border:1px solid var(--line); display:grid;place-items:center;color:var(--body);background:var(--surface);cursor:pointer; } .hm-scope .icon-btn:hover{background:var(--stone-2)} .hm-scope .icon-btn svg{ width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8; stroke-linecap:round;stroke-linejoin:round; } /* Search / full-menu disclosures (native

). */ .hm-scope .hm-pop{position:relative} .hm-scope .hm-pop > summary{list-style:none} .hm-scope .hm-pop > summary::-webkit-details-marker{display:none} .hm-scope .hm-pop[open] > summary{background:var(--stone-2);border-color:var(--brand)} .hm-scope .hm-pop-panel{ position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;z-index:60; inline-size:min(340px, calc(100vw - 28px)); background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m); box-shadow:var(--shadow-lift);padding:14px; } .hm-scope .hm-nav-full{display:flex;flex-direction:column} .hm-scope .hm-nav-full a{ display:block;padding-block:9px;padding-inline:6px;font-size:14.5px;font-weight:500; color:var(--body);border-block-end:1px solid var(--line-soft); } .hm-scope .hm-nav-full a:hover, .hm-scope .hm-nav-full .current-menu-item > a{color:var(--brand-ink)} .hm-scope .hm-nav-full .sub-menu a{padding-inline-start:20px;font-size:13.5px} .hm-scope .hm-nav-full .hm-nav-index > a{color:var(--gold);font-weight:700} .hm-scope .hm-nav-services{margin-block-start:10px} .hm-scope .search-form{display:flex;gap:7px} .hm-scope .search-form label{flex:1;min-width:0;display:block} .hm-scope .search-form .search-field, .hm-scope .search-form input[type="search"]{ width:100%;padding-block:9px;padding-inline:12px;border-radius:var(--r-m); border:1px solid var(--line);background:var(--surface);color:var(--ink); font:inherit;font-size:14px; } .hm-scope .search-form .search-submit, .hm-scope .search-form [type="submit"]{ background:var(--ink);color:var(--paper);font:inherit;font-size:13.5px;font-weight:700; padding-block:9px;padding-inline:15px;border-radius:var(--r-m);border:0;cursor:pointer; } .hm-scope .nav{border-block-start:1px solid var(--line-soft)} .hm-scope .nav-in{ max-width:var(--maxw);margin-inline:auto;padding-inline:22px; overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch; } .hm-scope .nav-in::-webkit-scrollbar{display:none} .hm-scope .nav-in ul{display:flex;align-items:center;gap:2px} .hm-scope .nav-in li{flex:none} .hm-scope .nav-in a{ display:block;font-size:14px;font-weight:500;color:var(--body); padding-block:11px;padding-inline:12px;white-space:nowrap; border-block-end:2.5px solid transparent;transition:color .15s, border-color .15s; } .hm-scope .nav-in a:hover{color:var(--ink)} .hm-scope .nav-in a.on, .hm-scope .nav-in .current-menu-item > a, .hm-scope .nav-in a[aria-current="page"]{ color:var(--brand-ink);border-block-end-color:var(--brand);font-weight:700; } .hm-scope .nav-in a.idx, .hm-scope .nav-in .hm-nav-index > a{color:var(--gold);font-weight:700} /* ========================================================================== 5. FOOTER (design zone 12) ========================================================================== */ .hm-scope .foot{ background:var(--ink-deep);color:var(--onink-soft); border-block-start:1px solid var(--onink-edge); } .hm-view .hm-scope .foot{margin-block-start:10px} .hm-scope .foot-in{ max-width:var(--maxw);margin-inline:auto;padding-block:34px 22px;padding-inline:22px; } .hm-scope .foot-grid{ display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:26px; padding-block-end:24px;border-block-end:1px solid rgba(255,255,255,.1); } body .hm-scope .foot h2, body .hm-scope .foot h4, body .hm-scope .foot .widget-title{ color:#fff;font-family:var(--sans);font-size:12px;font-weight:800; letter-spacing:.07em;line-height:1.4;margin-block-end:11px; } .hm-scope .foot li{margin-block-end:7px;font-size:13px} .hm-scope .foot a:hover, .hm-scope .foot a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:.2em} body .hm-scope .foot .brand-mark{display:block;font-size:22px;color:#fff;margin-block-end:9px} .hm-scope .foot .brand-mark i{color:#6FD9B1} .hm-scope .foot-p{font-size:12.5px;line-height:1.6;color:var(--onink-dim);max-width:44ch} .hm-scope .ai-note{ background:rgba(111,217,177,.09);border:1px solid rgba(111,217,177,.24);border-radius:var(--r-m); padding-block:12px;padding-inline:14px;font-size:12px;line-height:1.55;color:rgba(239,243,240,.82); } .hm-scope .ai-note b{color:#6FD9B1;display:block;margin-block-end:4px;font-size:12px} .hm-scope .foot-bot{ padding-block-start:16px;display:flex;gap:14px;flex-wrap:wrap;align-items:center; font-size:11.5px;color:var(--onink-faint); } .hm-scope .foot-bot a{color:var(--onink-soft)} .hm-scope .foot-bot .sep{margin-inline-start:auto} .hm-scope .hm-foot-legal{display:flex;gap:14px;flex-wrap:wrap} .hm-scope .hm-foot-legal li{margin:0;font-size:11.5px} /* ========================================================================== 6. CITY STRIP (zone 2) ========================================================================== */ .hm-scope .strip{background:var(--ink-deep);color:var(--onink)} .hm-scope .strip-in{ max-width:var(--maxw);margin-inline:auto;padding-inline:22px; display:flex;align-items:stretch;gap:0;overflow-x:auto;scrollbar-width:none; -webkit-overflow-scrolling:touch; } .hm-scope .strip-in::-webkit-scrollbar{display:none} .hm-scope .chip{ display:flex;align-items:center;gap:8px;padding-block:10px;padding-inline:16px; white-space:nowrap;border-inline-end:1px solid rgba(255,255,255,.09);font-size:12.5px; } .hm-scope .chip:first-child{padding-inline-start:0} .hm-scope .chip .k{color:var(--onink-key);font-weight:400} .hm-scope .chip .v{font-weight:700;color:#fff} .hm-scope .chip .v.warn{color:#F0B45C} .hm-scope .chip .v.ok{color:#6FD9B1} .hm-scope .chip svg{ width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8; stroke-linecap:round;stroke-linejoin:round;opacity:.85;flex:none; } .hm-scope .chip.live{ margin-inline-start:auto;display:flex;align-items:center;gap:7px; padding-inline-start:16px;border-inline-end:0; } .hm-scope .live-dot{ width:6px;height:6px;border-radius:50%;background:#6FD9B1; animation:hm-pulse 2.4s ease-in-out infinite; } @keyframes hm-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}} /* ========================================================================== 7. LAYOUT ========================================================================== */ .hm-scope .wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:22px} .hm-scope .sec{padding-block:34px} .hm-scope .hm-slot-wrap{padding-block-end:8px} .hm-scope .hm-slot-wrap--idx{margin-block-start:16px;padding-block-end:0} .hm-scope .sec-head{ display:flex;align-items:flex-end;gap:12px; margin-block-end:18px;padding-block-end:10px;border-block-end:2px solid var(--ink); } body .hm-scope .sec-head h2{font-size:21px;letter-spacing:-.01em} .hm-scope .sec-head .sub{font-size:12.5px;color:var(--muted);margin-inline-start:auto;white-space:nowrap} .hm-scope .sec-head .sub a{color:var(--brand-ink);font-weight:600} .hm-scope .sec-head .sub a:hover{text-decoration:underline} /* ========================================================================== 8. SOURCE CHIPS (trust layer) ========================================================================== */ .hm-scope .src{ display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600; padding-block:2.5px;padding-inline:7px;border-radius:var(--r-s);letter-spacing:.01em;line-height:1.5; } .hm-scope .src::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex:none} .hm-scope .src.muni{background:var(--sky-soft);color:var(--sky)} .hm-scope .src.auto{background:var(--brand-soft);color:var(--brand-ink)} .hm-scope .src.edit{background:var(--stone);color:var(--body)} .hm-scope .src.live{background:var(--signal-soft);color:var(--signal)} .hm-scope .src.ad{background:var(--gold-soft);color:var(--gold)} .hm-scope a.src:hover{text-decoration:underline} .hm-scope .tstamp{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums} /* ========================================================================== 9. MEDIA ========================================================================== */ .hm-scope .ph{position:relative;display:block;width:100%;background:var(--stone);overflow:hidden;border-radius:var(--r-m)} .hm-scope .ph img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit} .hm-scope .ph-1{background:linear-gradient(145deg,#2F5D4B 0%,#5E8A6E 45%,#C9C09E 100%)} .hm-scope .ph-2{background:linear-gradient(160deg,#3B5C74 0%,#7E9FAE 55%,#DCD3BC 100%)} .hm-scope .ph-3{background:linear-gradient(135deg,#7A5E3A 0%,#B99A6B 50%,#E4DCC6 100%)} .hm-scope .ph-4{background:linear-gradient(150deg,#264C43 0%,#6E9384 60%,#D2CCB4 100%)} .hm-scope .ph-5{background:linear-gradient(170deg,#59404A 0%,#9A7E82 55%,#DDD1C4 100%)} .hm-scope .ph-6{background:linear-gradient(140deg,#3E4E2E 0%,#87996A 55%,#DAD8BE 100%)} .hm-scope .ph-7{background:linear-gradient(155deg,#1F3A4D 0%,#5C7E93 60%,#C8CBC0 100%)} /* ========================================================================== 10. HERO + DIGEST (zones 3–4) ========================================================================== */ .hm-scope .hero{display:grid;grid-template-columns:1.62fr 1fr;gap:26px;align-items:start} .hm-scope .hero--solo{grid-template-columns:1fr} .hm-scope .lead{min-width:0;position:relative} .hm-scope .lead .ph{aspect-ratio:16/9;margin-block-end:14px} .hm-scope .lead-kick{display:flex;align-items:center;gap:8px;margin-block-end:9px;flex-wrap:wrap} body .hm-scope .lead .lead-title{ font-size:38px;font-weight:900;letter-spacing:-.022em;line-height:1.1;margin-block-end:10px; } .hm-scope .lead .lead-title a:hover{color:var(--brand-ink)} .hm-scope .lead p{font-size:16.5px;line-height:1.62;color:var(--body);max-width:62ch} .hm-scope .lead-foot{display:flex;align-items:center;gap:10px;margin-block-start:12px;flex-wrap:wrap} .hm-scope .digest{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow)} .hm-scope .digest-head{padding-block:15px 13px;padding-inline:18px;background:var(--brand);color:var(--brand-on)} body .hm-scope .digest-head h2, body .hm-scope .digest-head h3{color:var(--brand-on);font-size:19px;font-weight:900;letter-spacing:-.01em} .hm-scope .digest-head .when{ font-family:var(--sans);font-size:11.5px;color:var(--brand-on);opacity:.88; font-weight:500;margin-block-start:3px;display:block; } .hm-scope .digest li{ display:flex;gap:13px;padding-block:15px;padding-inline:18px;border-block-end:1px solid var(--line-soft); } .hm-scope .digest li:last-of-type{border-block-end:0} .hm-scope .dg-n{ flex:none;width:23px;height:23px;border-radius:50%;background:var(--stone); color:var(--ink);font-size:12px;font-weight:900;display:grid;place-items:center; margin-block-start:1px;font-variant-numeric:tabular-nums; } body .hm-scope .dg-b h3, body .hm-scope .dg-b h4{font-size:15px;font-weight:700;line-height:1.35;margin-block-end:3px} .hm-scope .dg-b a:hover{color:var(--brand-ink)} .hm-scope .dg-b p{font-size:13px;color:var(--muted);line-height:1.5} .hm-scope .digest-cta{padding-block:14px;padding-inline:18px;background:var(--stone-2);border-block-start:1px solid var(--line-soft)} .hm-scope .digest-cta .lbl{font-size:12.5px;color:var(--body);margin-block-end:9px;display:block} /* ========================================================================== 11. FORMS ========================================================================== */ .hm-scope .inline-form{display:flex;gap:7px} .hm-scope .inline-form input{ flex:1;min-width:0;padding-block:9px;padding-inline:12px;border-radius:var(--r-m); border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:13.5px; } .hm-scope .inline-form input::placeholder{color:var(--muted);opacity:1} body .hm-scope .inline-form button{ background:var(--ink);color:var(--paper);font-size:13.5px;font-weight:700; padding-block:9px;padding-inline:15px;border-radius:var(--r-m);white-space:nowrap;transition:opacity .15s; } body .hm-scope .inline-form button:hover{opacity:.86;background:var(--ink);color:var(--paper)} .hm-scope .fineprint{font-size:11px;color:var(--muted);margin-block-start:8px;display:block} /* ========================================================================== 12. NEWSLETTER BAND (zone 6) ========================================================================== */ .hm-scope .band{background:var(--ink-deep);color:var(--onink);border-block:1px solid var(--onink-edge)} .hm-scope .band-in{ max-width:var(--maxw);margin-inline:auto;padding-block:30px;padding-inline:22px; display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center; } body .hm-scope .band h2{color:#fff;font-size:26px;font-weight:900;letter-spacing:-.015em;margin-block-end:7px} .hm-scope .band h2 em{font-style:normal;color:#6FD9B1} .hm-scope .band p{font-size:14px;color:var(--onink-soft);max-width:58ch} .hm-scope .band-stats{display:flex;gap:22px;margin-block-start:14px;flex-wrap:wrap} .hm-scope .bs{line-height:1.25} .hm-scope .bs b{display:block;font-family:var(--serif);font-size:24px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums} .hm-scope .bs span{font-size:11.5px;color:var(--onink-key)} .hm-scope .band-form{min-width:320px} .hm-scope .band-form .inline-form input{ background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff; padding-block:12px;padding-inline:14px;font-size:14px; } .hm-scope .band-form .inline-form input::placeholder{color:rgba(239,243,240,.62)} body .hm-scope .band-form .inline-form button, .hm-scope .band .hm-band-cta{ background:#6FD9B1;color:#0A130F;padding-block:12px;padding-inline:20px;font-size:14px; } body .hm-scope .band-form .inline-form button:hover{background:#6FD9B1;color:#0A130F} .hm-scope .band-form .fineprint{color:var(--onink-dim)} /* ========================================================================== 13. NEWS GRID + SPONSORED (zone 7) ========================================================================== */ .hm-scope .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .hm-scope .card{display:flex;flex-direction:column;gap:9px;min-width:0;position:relative} .hm-scope .card .ph{aspect-ratio:16/9} .hm-scope .card-kick{display:flex;align-items:center;gap:7px;flex-wrap:wrap} body .hm-scope .card .card-title{font-size:17.5px;font-weight:700;line-height:1.3;letter-spacing:-.008em} .hm-scope .card .card-title a:hover{color:var(--brand-ink)} .hm-scope .card p{font-size:13.5px;color:var(--muted);line-height:1.55} .hm-scope .card-foot{margin-block-start:auto;padding-block-start:6px;display:flex;align-items:center;gap:9px} /* One link per card: the headline link covers the whole card. */ .hm-scope .card .card-title a::after, .hm-scope .lead .lead-title a::after{content:"";position:absolute;inset:0;z-index:1} .hm-scope .card a.src, .hm-scope .lead a.src{position:relative;z-index:2} .hm-scope .card.sponsored{ background:var(--gold-soft);border:1px solid color-mix(in srgb, var(--gold) 28%, transparent); border-radius:var(--r-m);padding:14px; } .hm-scope .card.sponsored .ph{border-radius:var(--r-s)} /* ========================================================================== 14. AD SLOTS Heights for real ads are reserved by HM_Ads (inline