/* * BytGuide Affiliate v4.0.0 * Strategic rebuild: clean card system, readable articles, stable light/dark themes. */ :root{ --container:1240px; --article:860px; --sidebar:310px; --radius-xl:34px; --radius-lg:26px; --radius-md:18px; --radius-sm:12px; --font-sans:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; --bg:#f4efe4; --bg-soft:#fbf7ee; --surface:#fffdf8; --surface-2:#f8f1e4; --surface-3:#fff7e9; --text:#243041; --text-strong:#111a26; --muted:#697586; --line:#e1d6c4; --line-strong:#cdbd9f; --accent:#ffb347; --accent-2:#d98100; --accent-soft:#fff0ce; --green:#159970; --green-soft:#dff8ee; --blue:#2f6fed; --blue-soft:#e7efff; --danger:#de4d4d; --shadow-card:0 22px 60px rgba(61,48,29,.13); --shadow-soft:0 10px 32px rgba(61,48,29,.08); --shadow-header:0 14px 34px rgba(31,38,50,.08); --reader-font-size:18px; } html.site-theme-dark-init, html.site-theme-dark, body.site-theme-dark{ --bg:#08111d; --bg-soft:#0b1524; --surface:#111c2b; --surface-2:#162336; --surface-3:#0d1827; --text:#d8e2ef; --text-strong:#f8fbff; --muted:#aebbd0; --line:#26364c; --line-strong:#344a66; --accent:#ffb347; --accent-2:#ffd68c; --accent-soft:rgba(255,179,71,.16); --green:#67d5ac; --green-soft:rgba(103,213,172,.16); --blue:#8db3ff; --blue-soft:rgba(141,179,255,.16); --shadow-card:0 24px 70px rgba(0,0,0,.33); --shadow-soft:0 12px 34px rgba(0,0,0,.25); --shadow-header:0 14px 34px rgba(0,0,0,.28); } *{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--bg);font-size:16px} body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden} body.admin-bar{padding-top:0!important} img,svg,video{max-width:100%;height:auto;display:block} svg{width:1em;height:1em} a{color:inherit;text-decoration:none;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease} a:hover{color:var(--accent-2)} button,input,select,textarea{font:inherit} button{cursor:pointer} ::selection{background:rgba(255,179,71,.32);color:var(--text-strong)} .container{width:min(calc(100% - 48px),var(--container));margin-inline:auto} .section-pad{padding:70px 0}.section-pad-sm{padding:52px 0}.site-main{position:relative;z-index:1}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed!important;z-index:9999;top:16px;left:16px;width:auto;height:auto;clip:auto;padding:12px 16px;border-radius:12px;background:var(--text-strong);color:var(--bg)} .site-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(circle at 10% 12%,rgba(88,190,166,.16),transparent 36%),radial-gradient(circle at 76% 18%,rgba(255,179,71,.24),transparent 33%),linear-gradient(180deg,var(--bg-soft),var(--bg))}.blob{position:absolute;border-radius:999px;filter:blur(46px);opacity:.52}.blob-1{width:440px;height:440px;left:6%;top:14%;background:#bcebdc}.blob-2{width:520px;height:520px;right:8%;top:12%;background:#ffd689}.blob-3{width:520px;height:360px;left:34%;top:24%;background:#d9cffc}.site-theme-dark .site-bg,.site-theme-dark-init .site-bg{background:radial-gradient(circle at 10% 12%,rgba(43,180,150,.13),transparent 36%),radial-gradient(circle at 76% 16%,rgba(255,179,71,.12),transparent 33%),linear-gradient(180deg,#0a1320,#08111d)} .icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex:0 0 auto}.icon svg{width:1em;height:1em} .glass-card,.bg-card,.post-card,.single-article,.category-card,.top-picks-card,.quick-choice-card,.comparison-card,.content-box,.archive-header,.reader-tools,.widget,.native-offer,.featured-product,.product-card-shortcode,.compare-shortcode,.verdict-box,.note-box{background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:var(--radius-lg)} @supports not (background:color-mix(in srgb,white,black)){.glass-card,.bg-card,.post-card,.single-article,.category-card,.top-picks-card,.quick-choice-card,.comparison-card,.content-box,.archive-header,.reader-tools,.widget,.native-offer,.featured-product,.product-card-shortcode,.compare-shortcode,.verdict-box,.note-box{background:var(--surface)}} .bg-card{padding:22px}.btn,.search-submit,.bg20-cta,.read-link,.pick-link,.table-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;font-weight:900;letter-spacing:-.01em;white-space:nowrap}.btn,.bg20-cta{min-height:48px;padding:0 22px}.btn-accent,.search-submit{background:linear-gradient(135deg,var(--accent),#ff9e31);color:#111827!important;box-shadow:0 14px 28px rgba(255,163,47,.26)}.btn-accent:hover,.search-submit:hover,.bg20-cta:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(255,163,47,.32);color:#111827}.btn-dark{background:var(--text-strong);color:var(--bg)!important}.btn-light{background:var(--surface);border:1px solid var(--line);color:var(--text-strong)!important;box-shadow:var(--shadow-soft)}.pill,.category-tag,.ctr-badge,.card-badge,.featured-product__label,.native-offer__label{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;min-height:28px;padding:6px 11px;border-radius:999px;background:var(--accent-soft);color:var(--accent-2);font-size:.78rem;font-weight:950;line-height:1.1}.pill-green{background:var(--green-soft);color:var(--green)} /* Header */ .bg20-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg-soft) 86%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:var(--shadow-header)} @supports not (background:color-mix(in srgb,white,transparent)){.bg20-header{background:var(--bg-soft)}} .bg20-bar{min-height:88px;display:grid;grid-template-columns:260px minmax(0,1fr) auto;align-items:center;gap:18px}.bg20-logo,.brand{display:inline-flex;align-items:center;gap:13px;color:var(--text-strong);min-width:0}.bg20-logo:hover,.brand:hover{color:var(--text-strong)}.bg20-logo__mark,.brand-logo{width:56px;height:56px;border-radius:20px;background:#0d1724;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 34px rgba(15,23,42,.18);flex:0 0 56px}.bg20-logo__mark svg,.brand-logo svg{font-size:1.45rem;color:var(--accent)}.bg20-logo__mark--image,.brand-logo--image{overflow:hidden;padding:0}.custom-logo{width:100%;height:100%;object-fit:cover}.bg20-logo__text,.brand-text{display:grid;gap:1px;line-height:1.1;min-width:0}.bg20-logo__text strong,.brand-text strong{font-size:1.2rem;letter-spacing:-.04em;color:var(--text-strong)}.brand-word-accent{color:var(--accent-2)}.bg20-logo__text small,.brand-text small{font-size:.78rem;color:var(--muted);font-weight:850;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg20-nav{justify-self:center;min-width:0}.bg20-nav ul,.bg20-menu{list-style:none;margin:0;padding:5px;display:flex;align-items:center;justify-content:center;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-soft)}.bg20-nav li{margin:0}.bg20-nav a{min-height:42px;padding:0 15px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:900;font-size:.92rem}.bg20-nav a:hover,.bg20-nav .current-menu-item>a,.bg20-nav .current_page_item>a{background:var(--text-strong);color:var(--bg)!important}.bg20-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.bg20-cta{background:var(--text-strong);color:var(--bg)!important}.bg20-cta:hover{background:var(--accent);color:#111827!important}.bg20-menu-toggle{display:none;border:0;background:var(--text-strong);color:var(--bg);width:52px;height:52px;border-radius:18px;align-items:center;justify-content:center;font-size:1.25rem}.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 12px;box-shadow:var(--shadow-soft)}.theme-toggle__track{width:58px;height:30px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);padding:3px;position:relative;display:inline-flex}.theme-toggle__thumb{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.22);transform:translateX(0);transition:transform .22s ease,background .22s ease}.theme-toggle.is-dark .theme-toggle__track,body.site-theme-dark .theme-toggle__track,html.site-theme-dark-init .theme-toggle__track{background:var(--accent)}.theme-toggle.is-dark .theme-toggle__thumb,body.site-theme-dark .theme-toggle__thumb,html.site-theme-dark-init .theme-toggle__thumb{transform:translateX(28px);background:#111827}.theme-toggle__icon{font-size:.95rem;color:var(--accent-2);font-weight:900}.mobile-menu{border-top:1px solid var(--line);padding:18px 0 24px;background:var(--bg-soft);box-shadow:var(--shadow-card)}.mobile-menu[hidden]{display:none}.mobile-menu ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}.mobile-menu a{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);font-weight:900;color:var(--text-strong)}.mobile-theme-row{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--text-strong);font-weight:900}.reading-progress{height:3px;background:transparent}.reading-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),#ffe6a8);transition:width .08s linear} /* Search */ .search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.search-field{width:100%;min-height:56px;border:1px solid var(--line);background:var(--surface);color:var(--text-strong);border-radius:999px;padding:0 22px;font-weight:700;outline:none;box-shadow:var(--shadow-soft)}.search-field::placeholder{color:var(--muted)}.search-field:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,179,71,.20)}.search-submit{min-height:56px;padding:0 26px} /* Home */ .hero-section{padding:76px 0 56px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:42px;align-items:center}.hero-copy h1{margin:20px 0 18px;max-width:780px;color:var(--text-strong);font-size:clamp(3rem,5.7vw,5.65rem);line-height:.98;letter-spacing:-.07em}.eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 16px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);color:var(--text-strong);font-weight:950;font-size:.9rem}.eyebrow .icon{color:var(--accent-2)}.hero-lead{max-width:700px;margin:0 0 26px;color:var(--muted);font-size:1.13rem;line-height:1.8;font-weight:650}.hero-search-wrap{max-width:720px}.trust-row{margin-top:18px;display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-weight:900}.trust-row span{display:inline-flex;align-items:center;gap:8px}.trust-row .icon{color:var(--green)}.hero-media{overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);padding:10px}.hero-media img{width:100%;height:auto;max-height:500px;object-fit:cover;border-radius:calc(var(--radius-xl) - 10px)}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.journey-card{padding:26px;min-height:200px}.journey-card span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:var(--blue-soft);color:var(--blue);font-weight:950}.journey-card h2{margin:18px 0 10px;color:var(--text-strong);font-size:1.25rem;line-height:1.2}.journey-card p{margin:0;color:var(--muted)}.journey-card--accent{padding:26px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#111a26,#172233);color:#eaf1fb;box-shadow:var(--shadow-card)}.journey-card--accent span{background:var(--accent);color:#111827}.journey-card--accent h2{color:#fff}.journey-card--accent p{color:#cbd5e1}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head.compact{margin-bottom:18px}.section-kicker{margin:0 0 8px;color:var(--accent-2);font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;font-weight:950}.section-kicker.purple{color:#8068e8}.section-kicker.gold{color:#ffd68c}.section-head h2{margin:0;color:var(--text-strong);font-size:clamp(1.75rem,3vw,2.55rem);letter-spacing:-.04em;line-height:1.08}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.category-card{display:grid;align-content:start;gap:12px;min-height:238px;padding:22px;color:var(--text);position:relative;overflow:hidden}.category-card:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(62,49,29,.16);color:var(--text)}.category-icon{width:70px;height:70px;border-radius:22px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden}.category-icon-image{width:70px;height:70px;object-fit:cover}.category-card strong{display:block;color:var(--text-strong);font-size:1.12rem;line-height:1.22}.category-card small{display:block;color:var(--muted);font-weight:650;line-height:1.55}.category-tag{position:absolute;top:18px;right:18px;background:var(--accent-soft);font-size:.72rem}.two-col,.feature-grid,.commercial-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.7fr);gap:22px}.top-picks-card,.quick-choice-card,.comparison-card,.dark-card{padding:28px}.picks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pick-card{padding:18px;border-radius:22px;background:var(--surface-2);border:1px solid var(--line);display:grid;gap:10px;min-height:225px}.pick-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.pick-card__top span{font-size:.75rem;color:var(--muted);font-weight:900;background:var(--surface);border-radius:999px;padding:5px 10px}.pick-card__top strong{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:34px;border-radius:14px;background:#111827;color:#fff;font-size:.95rem}.pick-card h3{margin:0;font-size:1rem;line-height:1.22}.pick-card h3 a{color:var(--text-strong)}.pick-card p{margin:0;color:var(--muted);font-size:.88rem}.pick-link,.read-link{justify-content:flex-start;color:var(--text-strong);font-size:.88rem;margin-top:auto}.quick-head{display:flex;align-items:center;gap:16px;margin-bottom:20px}.quick-head>span{width:54px;height:54px;border-radius:18px;background:var(--accent);color:#111827;font-size:1.35rem;display:flex;align-items:center;justify-content:center}.quick-head h2{margin:0;color:var(--text-strong);font-size:2rem;line-height:1}.quick-head p{margin:4px 0 0;color:var(--muted);font-weight:750}.quick-links{display:grid;gap:10px}.quick-links a{min-height:52px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line);padding:0 16px;display:flex;align-items:center;justify-content:space-between;color:var(--text-strong);font-weight:900}.quick-links a:hover{background:var(--accent-soft);border-color:var(--accent)}.dark-card{background:linear-gradient(135deg,#0d1724,#172234);color:#eaf1fb}.dark-card h2{margin:0 0 12px;color:#fff;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.1;letter-spacing:-.04em}.dark-card p{color:#cbd5e1}.dark-note{margin-top:18px;border-radius:18px;background:rgba(255,255,255,.08);padding:14px 16px;color:#e2e8f0;font-weight:650}.comparison-card{grid-column:1 / -1}.comparison-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.comparison-head h2{margin:0;color:var(--text-strong);font-size:2rem;letter-spacing:-.04em}.comparison-head span{padding:7px 12px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-weight:900;font-size:.8rem}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-mini-card{border-radius:24px;background:var(--surface-2);border:1px solid var(--line);padding:16px;display:grid;gap:10px}.product-visual{border-radius:18px;background:linear-gradient(135deg,#eefaf5,#fff2d5);overflow:hidden;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}.product-visual img{width:100%;height:100%;object-fit:cover}.product-badge{display:inline-flex;width:max-content;border-radius:999px;padding:5px 9px;background:var(--green-soft);color:var(--green);font-size:.75rem;font-weight:900}.product-mini-card h3{margin:0;color:var(--text-strong);font-size:1.05rem}.product-price{color:var(--muted);font-weight:900}.product-mini-card ul{list-style:none;margin:0;padding:0;display:grid;gap:5px;color:var(--muted);font-size:.9rem}.product-mini-card li{display:flex;gap:7px;align-items:center}.product-mini-card li .icon{color:var(--green)}.product-mini-card .btn{width:100%;min-height:44px}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.posts-grid--archive{margin-top:24px}.post-card{overflow:hidden}.post-card__image{display:block;background:var(--surface-2);aspect-ratio:16/10;overflow:hidden}.post-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.post-card:hover .post-card__image img{transform:scale(1.04)}.post-card__body{padding:20px}.post-card__meta{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:.78rem;font-weight:850;margin-bottom:10px}.post-card__meta a{color:var(--blue)}.post-card h2{margin:0 0 10px;color:var(--text-strong);font-size:1.24rem;line-height:1.2}.post-card h2 a{color:inherit}.post-card p{margin:0 0 14px;color:var(--muted)} /* Archive / page */ .archive-layout .container,.search-layout .container,.page-layout .container{max-width:1180px}.archive-header{padding:34px 38px}.archive-header h1{margin:0;color:var(--text-strong);font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em;line-height:1.06}.archive-header p:last-child{margin-bottom:0;color:var(--muted)}.pagination{margin-top:34px}.nav-links{display:flex;gap:10px;flex-wrap:wrap}.page-numbers{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid var(--line);background:var(--surface);font-weight:900}.page-numbers.current{background:var(--text-strong);color:var(--bg)}.content-box{padding:34px}.content-box h1,.content-box h2{color:var(--text-strong)} /* Single article */ .single-layout{padding-top:46px}.content-shell{display:grid;grid-template-columns:minmax(0,var(--article)) minmax(280px,var(--sidebar));gap:32px;align-items:start;max-width:1220px;width:min(calc(100% - 48px),1220px);margin-inline:auto}.content-shell>.breadcrumbs{grid-column:1 / -1}.content-shell>.single-article{grid-column:1}.content-shell>.single-sidebar{grid-column:2}.breadcrumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:var(--muted);font-weight:850;font-size:.9rem;margin-bottom:2px}.breadcrumbs a{color:var(--text);font-weight:950}.single-article{padding:38px 42px;border-radius:30px}.single-header{margin-bottom:22px}.single-meta{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:18px;color:var(--muted);font-size:.88rem;font-weight:900}.single-meta .pill{font-size:.78rem}.single-header h1{max-width:820px;margin:0;color:var(--text-strong);font-size:clamp(2.1rem,4vw,3.65rem);line-height:1.04;letter-spacing:-.055em}.single-excerpt{max-width:760px;margin:18px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.75}.single-featured-image{margin:24px 0;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2)}.single-featured-image img{width:100%;max-height:520px;object-fit:cover}.article-helper-strip{margin:18px 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:12px 14px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);font-size:.9rem;font-weight:900}.article-helper-strip span{display:inline-flex;align-items:center;gap:7px}.article-helper-strip .icon{color:var(--green)}.reader-tools{margin:18px 0 24px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:var(--shadow-soft)}.reader-tools__group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reader-tools__label{color:var(--text-strong);font-weight:950}.reader-tools__btn{width:42px;height:38px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);color:var(--text-strong);font-weight:950}.reader-tools__btn[aria-pressed="true"],.reader-tools__btn:hover{background:var(--accent);border-color:var(--accent);color:#111827}.reader-tools__hint{color:var(--muted);font-size:.86rem;font-weight:750}.entry-content{font-size:var(--reader-font-size);line-height:1.78;color:var(--text)}.entry-content>*{max-width:100%}.entry-content p,.entry-content li{max-width:74ch}.entry-content p{margin:0 0 1.15em}.entry-content a{color:var(--blue);font-weight:850;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.entry-content h2,.entry-content h3,.entry-content h4{max-width:74ch;color:var(--text-strong);line-height:1.15;letter-spacing:-.035em}.entry-content h2{font-size:clamp(1.65rem,3vw,2.35rem);margin:2em 0 .72em}.entry-content h3{font-size:clamp(1.28rem,2.1vw,1.7rem);margin:1.55em 0 .65em}.entry-content h4{font-size:1.12rem;margin:1.3em 0 .55em}.entry-content ul,.entry-content ol{padding-left:1.25em;margin:0 0 1.25em}.entry-content li{margin:.42em 0}.entry-content blockquote,.entry-content .wp-block-quote,.entry-content .wp-block-pullquote{margin:28px 0;padding:22px 24px;border-left:4px solid var(--accent);border-radius:20px;background:var(--surface-2);color:var(--text);box-shadow:var(--shadow-soft)}.entry-content figure{margin:28px 0}.entry-content figure img,.entry-content .wp-block-image img{border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.entry-content figcaption{margin-top:8px;text-align:center;color:var(--muted);font-size:.9rem}.entry-content table,.compare-shortcode table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;font-size:.94rem}.entry-content th,.entry-content td,.compare-shortcode th,.compare-shortcode td{padding:13px 15px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--text)}.entry-content th,.compare-shortcode th{background:var(--surface-2);color:var(--text-strong);font-weight:950}.entry-content tr:last-child td,.compare-shortcode tr:last-child td{border-bottom:0}.entry-content .wp-block-table,.compare-shortcode__table-wrap{overflow-x:auto;margin:24px 0;border-radius:20px}.entry-content table{min-width:620px}.entry-content .wp-block-group,.entry-content .wp-block-columns,.entry-content .wp-block-column,.entry-content .wp-block-media-text,.entry-content .wp-block-cover,.entry-content .wp-block-rank-math-toc-block,.entry-content .rank-math-toc,.entry-content .toc,.entry-content .table-of-contents,.entry-content .contents,.entry-content .has-background{background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--line);border-radius:22px;padding:22px;margin:24px 0;box-shadow:var(--shadow-soft)}.entry-content .has-text-color,.entry-content .has-text-color *{color:var(--text)!important}.entry-content .has-background h2,.entry-content .has-background h3,.entry-content .has-background h4,.entry-content .wp-block-group h2,.entry-content .wp-block-group h3,.entry-content .wp-block-group h4{color:var(--text-strong)!important}.entry-content .wp-block-columns{display:flex;gap:18px}.entry-content .wp-block-column{flex:1;min-width:0;margin:0}.single-footer{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);display:grid;gap:14px}.tags-list{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tags-list a{padding:6px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:.85rem;font-weight:850}.share-note{color:var(--muted);font-weight:750}.sticky-stack{position:sticky;top:112px;display:grid;gap:18px}.single-sidebar .widget{padding:20px}.widget h3,.widget-title{margin:0 0 12px;color:var(--text-strong);font-size:1.12rem;line-height:1.2}.widget p{color:var(--muted);margin:0 0 12px}.sidebar-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}.sidebar-links a{display:block;padding:11px 13px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);font-weight:850}.article-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}.article-toc a{display:block;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);font-weight:850;font-size:.9rem}.article-toc a.is-active,.article-toc a:hover{background:var(--accent-soft);color:var(--text-strong);border-color:var(--accent)}.toc-level-3{padding-left:12px}.related-section .container{max-width:1180px} /* Affiliate/content blocks */ .featured-product{padding:20px;display:grid;gap:9px}.featured-product--article{margin:24px 0;grid-template-columns:minmax(0,1fr) auto;gap:9px 18px;align-items:center}.featured-product h3{margin:0;color:var(--text-strong);font-size:1.26rem;line-height:1.2}.featured-product--article h3{font-size:1.52rem}.featured-product__meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.featured-product__meta strong{color:var(--text-strong)}.rating-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-2);font-weight:950}.featured-product p{margin:0;color:var(--muted)}.featured-product ul{list-style:none;margin:3px 0 0;padding:0;display:grid;gap:5px}.featured-product li{display:flex;gap:7px;align-items:center}.featured-product li .icon{color:var(--green)}.featured-product .btn{width:100%;margin-top:4px}.featured-product--article .btn{grid-column:2;grid-row:1 / span 5;min-width:170px}.native-offer{margin:28px 0;padding:22px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;background:linear-gradient(135deg,var(--surface),var(--surface-3))}.native-offer h3{margin:0 0 5px;color:var(--text-strong);font-size:1.25rem}.native-offer p{margin:0;color:var(--muted)}.product-card-shortcode{margin:28px 0;padding:18px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;align-items:center}.product-card-shortcode__media{border-radius:22px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}.product-card-shortcode__media img{width:100%;height:190px;object-fit:cover}.product-card-shortcode__top{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.product-card-shortcode h3{margin:0 0 4px;color:var(--text-strong);font-size:1.45rem}.product-card-shortcode strong{color:var(--text-strong)}.product-verdict{color:var(--muted);margin:8px 0}.product-card-shortcode ul{list-style:none;margin:12px 0;padding:0;display:grid;gap:6px}.product-card-shortcode li{display:flex;align-items:center;gap:8px}.product-card-shortcode li .icon{color:var(--green)}.note-box{margin:24px 0;padding:20px;background:var(--surface-2)}.note-box strong{display:block;margin-bottom:8px;color:var(--text-strong)}.note-box p{margin:0}.compare-shortcode{margin:30px 0;padding:20px}.compare-shortcode h3{margin:0 0 14px;color:var(--text-strong)}.table-link{font-size:.86rem;color:var(--blue)}.verdict-box{margin:30px 0;padding:22px;background:linear-gradient(135deg,var(--surface),var(--surface-2))}.verdict-box h3{margin:0 0 10px;color:var(--text-strong)}.verdict-box p{margin:0 0 14px;color:var(--muted)}.verdict-box__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.verdict-box__grid>div{border-radius:18px;background:var(--surface);border:1px solid var(--line);padding:16px}.verdict-box__grid strong{display:block;color:var(--text-strong);margin-bottom:6px}.verdict-box__grid span{color:var(--muted)}.device-illustration{min-height:180px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#edf7f4,#fff0d6);border-radius:22px}.device-illustration span{width:92px;height:92px;border-radius:50%;background:#111827;position:relative;box-shadow:0 12px 26px rgba(17,24,39,.16)}.device-illustration span:after{content:"";position:absolute;inset:24px;border:7px solid var(--accent);border-radius:50%}.device-illustration--mini{min-height:170px}.device-illustration--small{height:100%;border-radius:0}.no-results{padding:34px;text-align:center} /* Footer */ .site-footer{position:relative;z-index:1;margin-top:40px;padding:52px 0 26px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 72%,transparent)}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:34px}.footer-note,.affiliate-disclaimer{color:var(--muted);max-width:470px}.affiliate-disclaimer{font-size:.9rem}.site-footer h3{margin:0 0 12px;color:var(--text-strong)}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.site-footer a{color:var(--text);font-weight:850}.footer-bottom{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.88rem} /* Dark contrast rules */ body.site-theme-dark .glass-card,body.site-theme-dark .bg-card,body.site-theme-dark .post-card,body.site-theme-dark .single-article,body.site-theme-dark .category-card,body.site-theme-dark .top-picks-card,body.site-theme-dark .quick-choice-card,body.site-theme-dark .comparison-card,body.site-theme-dark .content-box,body.site-theme-dark .archive-header,body.site-theme-dark .reader-tools,body.site-theme-dark .widget,body.site-theme-dark .native-offer,body.site-theme-dark .featured-product,body.site-theme-dark .product-card-shortcode,body.site-theme-dark .compare-shortcode,body.site-theme-dark .verdict-box,body.site-theme-dark .note-box, html.site-theme-dark-init body .glass-card,html.site-theme-dark-init body .bg-card,html.site-theme-dark-init body .post-card,html.site-theme-dark-init body .single-article,html.site-theme-dark-init body .category-card,html.site-theme-dark-init body .top-picks-card,html.site-theme-dark-init body .quick-choice-card,html.site-theme-dark-init body .comparison-card,html.site-theme-dark-init body .content-box,html.site-theme-dark-init body .archive-header,html.site-theme-dark-init body .reader-tools,html.site-theme-dark-init body .widget,html.site-theme-dark-init body .native-offer,html.site-theme-dark-init body .featured-product,html.site-theme-dark-init body .product-card-shortcode,html.site-theme-dark-init body .compare-shortcode,html.site-theme-dark-init body .verdict-box,html.site-theme-dark-init body .note-box{background:var(--surface);color:var(--text);border-color:var(--line)} body.site-theme-dark .dark-card,html.site-theme-dark-init body .dark-card{background:linear-gradient(135deg,#07101d,#111d2c)}body.site-theme-dark .entry-content .has-background,body.site-theme-dark .entry-content .wp-block-group,body.site-theme-dark .entry-content .wp-block-columns,body.site-theme-dark .entry-content .wp-block-column,body.site-theme-dark .entry-content .wp-block-media-text,body.site-theme-dark .entry-content .wp-block-cover,body.site-theme-dark .entry-content .wp-block-rank-math-toc-block,body.site-theme-dark .entry-content .rank-math-toc,body.site-theme-dark .entry-content .toc,body.site-theme-dark .entry-content .table-of-contents,body.site-theme-dark .entry-content .contents,html.site-theme-dark-init body .entry-content .has-background,html.site-theme-dark-init body .entry-content .wp-block-group,html.site-theme-dark-init body .entry-content .wp-block-columns,html.site-theme-dark-init body .entry-content .wp-block-column,html.site-theme-dark-init body .entry-content .wp-block-media-text,html.site-theme-dark-init body .entry-content .wp-block-cover,html.site-theme-dark-init body .entry-content .wp-block-rank-math-toc-block,html.site-theme-dark-init body .entry-content .rank-math-toc,html.site-theme-dark-init body .entry-content .toc,html.site-theme-dark-init body .entry-content .table-of-contents,html.site-theme-dark-init body .entry-content .contents{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--line)!important}body.site-theme-dark .entry-content .has-text-color,body.site-theme-dark .entry-content .has-text-color *,html.site-theme-dark-init body .entry-content .has-text-color,html.site-theme-dark-init body .entry-content .has-text-color *{color:var(--text)!important}body.site-theme-dark .entry-content h1,body.site-theme-dark .entry-content h2,body.site-theme-dark .entry-content h3,body.site-theme-dark .entry-content h4,body.site-theme-dark .entry-content strong,html.site-theme-dark-init body .entry-content h1,html.site-theme-dark-init body .entry-content h2,html.site-theme-dark-init body .entry-content h3,html.site-theme-dark-init body .entry-content h4,html.site-theme-dark-init body .entry-content strong{color:var(--text-strong)!important}body.site-theme-dark .entry-content a,html.site-theme-dark-init body .entry-content a{color:var(--accent-2)!important}.has-white-color,.has-light-color{color:var(--text)!important} /* Reader font sizes */ body.reader-font-small{--reader-font-size:16px}body.reader-font-normal{--reader-font-size:18px}body.reader-font-large{--reader-font-size:20px}body.reader-font-xlarge{--reader-font-size:22px} /* Responsive */ @media(max-width:1260px){.bg20-bar{grid-template-columns:235px minmax(0,1fr) auto}.bg20-nav a{padding:0 11px;font-size:.86rem}.hero-grid{grid-template-columns:1fr .9fr}.category-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:1100px){.container{width:min(calc(100% - 36px),var(--container))}.bg20-bar{display:flex;justify-content:space-between;min-height:74px}.bg20-nav,.bg20-cta{display:none}.bg20-menu-toggle{display:flex}.theme-toggle__icon{display:none}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-copy h1{font-size:clamp(2.6rem,8vw,4.6rem);max-width:900px}.hero-media{max-width:860px}.two-col,.feature-grid,.commercial-grid{grid-template-columns:1fr}.content-shell{grid-template-columns:minmax(0,1fr);max-width:920px;width:min(calc(100% - 36px),920px)}.content-shell>.breadcrumbs,.content-shell>.single-article,.content-shell>.single-sidebar{grid-column:1}.single-sidebar{display:none}.footer-grid{grid-template-columns:1fr 1fr}.posts-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:760px){.container{width:min(calc(100% - 28px),var(--container))}.section-pad{padding:44px 0}.section-pad-sm{padding:32px 0}.bg20-logo__mark,.brand-logo{width:48px;height:48px;flex-basis:48px;border-radius:16px}.bg20-logo__text strong{font-size:1.08rem}.bg20-logo__text small{font-size:.72rem;max-width:150px}.theme-toggle{min-height:44px}.theme-toggle__track{width:46px}.theme-toggle.is-dark .theme-toggle__thumb,body.site-theme-dark .theme-toggle__thumb,html.site-theme-dark-init .theme-toggle__thumb{transform:translateX(16px)}.bg20-menu-toggle{width:48px;height:48px}.hero-section{padding-top:42px}.hero-copy h1{font-size:clamp(2.35rem,11vw,3.85rem)}.hero-lead{font-size:1rem}.search-form{grid-template-columns:1fr}.search-submit{width:100%}.trust-row{gap:10px;font-size:.84rem}.hero-media{border-radius:24px}.hero-media img{max-height:300px;border-radius:18px}.journey-grid,.category-grid,.picks-grid,.product-grid,.posts-grid,.footer-grid,.verdict-box__grid{grid-template-columns:1fr}.category-card{min-height:0}.category-icon,.category-icon-image{width:64px;height:64px}.section-head{align-items:flex-start;display:grid}.hide-mobile{display:none}.top-picks-card,.quick-choice-card,.comparison-card,.content-box,.dark-card{padding:22px}.single-article{padding:24px;border-radius:24px}.single-header h1{font-size:clamp(2rem,9vw,3rem)}.single-excerpt{font-size:1rem}.reader-tools{display:grid;align-items:start}.reader-tools__hint{font-size:.8rem}.article-helper-strip{font-size:.82rem}.featured-product--article{grid-template-columns:1fr}.featured-product--article .btn{grid-column:auto;grid-row:auto}.native-offer{grid-template-columns:1fr}.product-card-shortcode{grid-template-columns:1fr}.product-card-shortcode__media img{height:210px}.entry-content .wp-block-columns{display:grid}.entry-content table{min-width:560px}.footer-bottom{display:grid}.quick-head h2{font-size:1.65rem}} @media(max-width:430px){.bg20-logo__text small{max-width:118px}.single-article{padding:20px}.entry-content{line-height:1.72}.entry-content .wp-block-group,.entry-content .wp-block-columns,.entry-content .wp-block-column,.entry-content .wp-block-media-text,.entry-content .wp-block-cover,.entry-content .wp-block-rank-math-toc-block,.entry-content .rank-math-toc,.entry-content .toc,.entry-content .table-of-contents,.entry-content .contents,.entry-content .has-background{padding:16px;border-radius:18px}.single-meta{font-size:.8rem}.pick-card{min-height:0}.hero-media img{max-height:240px}.native-offer .btn,.featured-product .btn{width:100%}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}} /* v4.1.0 — PM/marketing polish: clear header, centered article, readable themes, fuller homepage */ :root{ --container:1240px; --article:900px; --bg:#f3eee3; --bg-soft:#fffaf0; --surface:#fffdf7; --surface-2:#f7f0e3; --surface-3:#fff6e6; --text:#223044; --text-strong:#0f1724; --muted:#596579; --line:#d7ccb8; --line-strong:#bda984; --shadow-card:0 20px 54px rgba(55,43,26,.14); --shadow-header:0 10px 30px rgba(23,31,42,.14); } html.site-theme-dark-init, html.site-theme-dark, body.site-theme-dark{ --bg:#07111e; --bg-soft:#0a1422; --surface:#101d2f; --surface-2:#14243a; --surface-3:#0d1a2b; --text:#e3edf8; --text-strong:#ffffff; --muted:#c5d0df; --line:#31435c; --line-strong:#48617e; --shadow-card:0 24px 70px rgba(0,0,0,.38); --shadow-header:0 14px 40px rgba(0,0,0,.48); } body, html.site-theme-dark-init body, body.site-theme-dark{ color:var(--text) !important; background:var(--bg) !important; } .site-bg{opacity:.92 !important;} body.site-theme-dark .site-bg, html.site-theme-dark-init body .site-bg{ opacity:.88 !important; } /* Header: не должен сливаться с hero */ .bg20-header{ background:rgba(255,253,247,.96) !important; border-bottom:1px solid var(--line-strong) !important; box-shadow:var(--shadow-header) !important; backdrop-filter:blur(18px) saturate(1.08) !important; } body.site-theme-dark .bg20-header, html.site-theme-dark-init body .bg20-header{ background:rgba(8,17,30,.98) !important; border-bottom:1px solid rgba(255,255,255,.14) !important; box-shadow:0 16px 46px rgba(0,0,0,.58) !important; } .bg20-bar{min-height:76px !important;} .bg20-logo__text strong, .brand-text strong, .bg20-nav a, .bg20-logo__text small, .brand-text small{ text-shadow:none !important; } .bg20-logo__text strong,.brand-text strong{color:var(--text-strong) !important;} .bg20-logo__text small,.brand-text small{color:var(--muted) !important;} .bg20-nav ul,.bg20-menu{ background:var(--surface) !important; border:1px solid var(--line-strong) !important; box-shadow:0 10px 24px rgba(0,0,0,.08) !important; } body.site-theme-dark .bg20-nav ul, body.site-theme-dark .bg20-menu, html.site-theme-dark-init body .bg20-nav ul, html.site-theme-dark-init body .bg20-menu{ background:#101d2f !important; border-color:rgba(255,255,255,.16) !important; box-shadow:0 12px 30px rgba(0,0,0,.34) !important; } .bg20-nav a{color:var(--text) !important;} .bg20-nav a:hover, .bg20-nav .current-menu-item>a, .bg20-nav .current_page_item>a{ background:#0f1724 !important; color:#fff !important; } body.site-theme-dark .bg20-nav a, html.site-theme-dark-init body .bg20-nav a{color:#e9f2ff !important;} body.site-theme-dark .bg20-nav a:hover, body.site-theme-dark .bg20-nav .current-menu-item>a, body.site-theme-dark .bg20-nav .current_page_item>a, html.site-theme-dark-init body .bg20-nav a:hover, html.site-theme-dark-init body .bg20-nav .current-menu-item>a, html.site-theme-dark-init body .bg20-nav .current_page_item>a{ background:var(--accent) !important; color:#111827 !important; } .theme-toggle, .bg20-cta, .bg20-menu-toggle{box-shadow:0 8px 22px rgba(0,0,0,.14) !important;} body.site-theme-dark .theme-toggle, html.site-theme-dark-init body .theme-toggle{ background:#101d2f !important; border-color:rgba(255,255,255,.18) !important; } /* General readable card system */ .glass-card,.bg-card,.post-card,.single-article,.category-card,.top-picks-card,.quick-choice-card,.comparison-card,.content-box,.archive-header,.reader-tools,.widget,.native-offer,.featured-product,.product-card-shortcode,.compare-shortcode,.verdict-box,.note-box{ background:var(--surface) !important; border-color:var(--line) !important; color:var(--text) !important; } body.site-theme-dark .glass-card,body.site-theme-dark .bg-card,body.site-theme-dark .post-card,body.site-theme-dark .single-article,body.site-theme-dark .category-card,body.site-theme-dark .top-picks-card,body.site-theme-dark .quick-choice-card,body.site-theme-dark .comparison-card,body.site-theme-dark .content-box,body.site-theme-dark .archive-header,body.site-theme-dark .reader-tools,body.site-theme-dark .widget,body.site-theme-dark .native-offer,body.site-theme-dark .featured-product,body.site-theme-dark .product-card-shortcode,body.site-theme-dark .compare-shortcode,body.site-theme-dark .verdict-box,body.site-theme-dark .note-box, html.site-theme-dark-init body .glass-card,html.site-theme-dark-init body .bg-card,html.site-theme-dark-init body .post-card,html.site-theme-dark-init body .single-article,html.site-theme-dark-init body .category-card,html.site-theme-dark-init body .top-picks-card,html.site-theme-dark-init body .quick-choice-card,html.site-theme-dark-init body .comparison-card,html.site-theme-dark-init body .content-box,html.site-theme-dark-init body .archive-header,html.site-theme-dark-init body .reader-tools,html.site-theme-dark-init body .widget,html.site-theme-dark-init body .native-offer,html.site-theme-dark-init body .featured-product,html.site-theme-dark-init body .product-card-shortcode,html.site-theme-dark-init body .compare-shortcode,html.site-theme-dark-init body .verdict-box,html.site-theme-dark-init body .note-box{ background:var(--surface) !important; border-color:var(--line) !important; color:var(--text) !important; } /* Article: centered reading mode, no side drift */ body.single .single-layout{padding-top:40px !important;} body.single .content-shell{ display:block !important; width:min(calc(100% - 56px),980px) !important; max-width:980px !important; margin-inline:auto !important; } body.single .content-shell>.breadcrumbs{margin:0 0 16px !important;} body.single .content-shell>.single-article{ width:100% !important; max-width:940px !important; margin:0 auto !important; display:block !important; } body.single .single-sidebar{display:none !important;} body.single .single-article{padding:34px 38px !important;} body.single .single-header h1{ max-width:820px !important; font-size:clamp(2rem,3.35vw,3.05rem) !important; line-height:1.08 !important; color:var(--text-strong) !important; } body.single .single-excerpt{color:var(--muted) !important;} body.single .single-featured-image img{max-height:430px !important; object-fit:cover !important;} body.single .related-section .container{width:min(calc(100% - 56px),980px) !important;max-width:980px !important;} body.single .related-section .posts-grid--archive{grid-template-columns:repeat(3,minmax(0,1fr)) !important;} /* Article content contrast, including Gutenberg-colored blocks */ .entry-content, .entry-content p, .entry-content li, .entry-content td, .entry-content th, .entry-content span, .entry-content div{color:var(--text) !important;} .entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.entry-content strong,.entry-content b{color:var(--text-strong) !important;} .entry-content a{color:var(--blue) !important;} body.site-theme-dark .entry-content a, html.site-theme-dark-init body .entry-content a{color:#9ec1ff !important;} .entry-content .has-background, .entry-content .wp-block-group, .entry-content .wp-block-columns, .entry-content .wp-block-column, .entry-content .wp-block-media-text, .entry-content .wp-block-cover, .entry-content .wp-block-rank-math-toc-block, .entry-content .rank-math-toc, .entry-content .toc, .entry-content .table-of-contents, .entry-content .contents, .entry-content blockquote, .entry-content .wp-block-quote, .entry-content .wp-block-pullquote{ background:var(--surface-2) !important; color:var(--text) !important; border:1px solid var(--line) !important; } .entry-content .has-text-color, .entry-content .has-text-color *, .entry-content [style*="color"], .entry-content [style*="color"] *{color:var(--text) !important;} .entry-content .has-background h2,.entry-content .has-background h3,.entry-content .has-background h4, .entry-content .wp-block-group h2,.entry-content .wp-block-group h3,.entry-content .wp-block-group h4{color:var(--text-strong) !important;} body.site-theme-dark .entry-content .has-background, body.site-theme-dark .entry-content .wp-block-group, body.site-theme-dark .entry-content .wp-block-columns, body.site-theme-dark .entry-content .wp-block-column, body.site-theme-dark .entry-content .wp-block-media-text, body.site-theme-dark .entry-content .wp-block-cover, body.site-theme-dark .entry-content .wp-block-rank-math-toc-block, body.site-theme-dark .entry-content .rank-math-toc, body.site-theme-dark .entry-content .toc, body.site-theme-dark .entry-content .table-of-contents, body.site-theme-dark .entry-content .contents, body.site-theme-dark .entry-content blockquote, body.site-theme-dark .entry-content .wp-block-quote, body.site-theme-dark .entry-content .wp-block-pullquote, html.site-theme-dark-init body .entry-content .has-background, html.site-theme-dark-init body .entry-content .wp-block-group, html.site-theme-dark-init body .entry-content .wp-block-columns, html.site-theme-dark-init body .entry-content .wp-block-column, html.site-theme-dark-init body .entry-content .wp-block-media-text, html.site-theme-dark-init body .entry-content .wp-block-cover, html.site-theme-dark-init body .entry-content .wp-block-rank-math-toc-block, html.site-theme-dark-init body .entry-content .rank-math-toc, html.site-theme-dark-init body .entry-content .toc, html.site-theme-dark-init body .entry-content .table-of-contents, html.site-theme-dark-init body .entry-content .contents, html.site-theme-dark-init body .entry-content blockquote, html.site-theme-dark-init body .entry-content .wp-block-quote, html.site-theme-dark-init body .entry-content .wp-block-pullquote{ background:#132239 !important; color:#e8f1ff !important; border-color:#304761 !important; } body.site-theme-dark .entry-content .has-background *, body.site-theme-dark .entry-content .wp-block-group *, body.site-theme-dark .entry-content .wp-block-columns *, body.site-theme-dark .entry-content .wp-block-column *, html.site-theme-dark-init body .entry-content .has-background *, html.site-theme-dark-init body .entry-content .wp-block-group *, html.site-theme-dark-init body .entry-content .wp-block-columns *, html.site-theme-dark-init body .entry-content .wp-block-column *{color:#e8f1ff !important;} .entry-content table,.compare-shortcode table{background:var(--surface) !important;color:var(--text) !important;border-color:var(--line) !important;} .entry-content th,.entry-content td,.compare-shortcode th,.compare-shortcode td{color:var(--text) !important;border-color:var(--line) !important;} .entry-content th,.compare-shortcode th{background:var(--surface-2) !important;color:var(--text-strong) !important;} body.site-theme-dark .entry-content table, body.site-theme-dark .compare-shortcode table, html.site-theme-dark-init body .entry-content table, html.site-theme-dark-init body .compare-shortcode table{background:#101d2f !important;border-color:#304761 !important;} body.site-theme-dark .entry-content th, body.site-theme-dark .compare-shortcode th, html.site-theme-dark-init body .entry-content th, html.site-theme-dark-init body .compare-shortcode th{background:#162a45 !important;color:#fff !important;} /* Homepage: fill empty areas and make cards visually stronger */ .front-page .latest-section{padding-bottom:42px !important;} .front-page .posts-grid--archive{grid-template-columns:repeat(3,minmax(0,1fr)) !important;align-items:stretch !important;} .post-card--placeholder .post-card__image .device-illustration{min-height:180px;background:linear-gradient(135deg,#eef8f4,#fff0d1) !important;} body.site-theme-dark .post-card--placeholder .post-card__image .device-illustration, html.site-theme-dark-init body .post-card--placeholder .post-card__image .device-illustration{background:linear-gradient(135deg,#122a3c,#1e2e3d) !important;} .front-page .info-grid{align-items:stretch !important;} .front-page .content-box{min-height:240px !important;} .front-page .dark-card{background:#0f1724 !important;color:#fff !important;border-radius:0 var(--radius-lg) var(--radius-lg) 0 !important;} .front-page .dark-card h2,.front-page .dark-card p,.front-page .dark-card .dark-note{color:#fff !important;} .front-page .dark-note{background:rgba(255,255,255,.08) !important;border-radius:16px;padding:14px 16px !important;} body.site-theme-dark .front-page .dark-card, html.site-theme-dark-init body .front-page .dark-card{background:#101d2f !important;border:1px solid var(--line) !important;} /* Mobile/tablet safety */ @media(max-width:1100px){ body.single .content-shell,body.single .related-section .container{width:min(calc(100% - 36px),920px) !important;max-width:920px !important;} body.single .related-section .posts-grid--archive{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} .front-page .posts-grid--archive{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} } @media(max-width:760px){ body.single .content-shell,body.single .related-section .container{width:min(calc(100% - 28px),720px) !important;} body.single .single-article{padding:22px !important;border-radius:24px !important;} body.single .single-header h1{font-size:clamp(1.85rem,9vw,2.7rem) !important;} body.single .related-section .posts-grid--archive,.front-page .posts-grid--archive{grid-template-columns:1fr !important;} .bg20-header{background:var(--surface) !important;} body.site-theme-dark .bg20-header,html.site-theme-dark-init body .bg20-header{background:#08111e !important;} .front-page .dark-card{border-radius:var(--radius-lg) !important;} } /* v4.2.0 — корректировка после проверки: тёмная тема, шапка, практический совет, реальные статьи */ html.site-theme-dark-init, html.site-theme-dark, body.site-theme-dark{ --bg:#070f1b; --bg-soft:#091424; --surface:#101d30; --surface-2:#17283f; --surface-3:#0d1a2b; --text:#eef5ff; --text-strong:#ffffff; --muted:#cbd7e8; --line:#3a506d; --line-strong:#58708f; --accent-2:#ffd58a; --blue:#9fc4ff; } body.site-theme-dark, html.site-theme-dark-init body{ background:#070f1b !important; color:#eef5ff !important; } body.site-theme-dark main, html.site-theme-dark-init body main, body.site-theme-dark .site-main, html.site-theme-dark-init body .site-main{ color:#eef5ff !important; } body.site-theme-dark h1, body.site-theme-dark h2, body.site-theme-dark h3, body.site-theme-dark h4, body.site-theme-dark h5, body.site-theme-dark h6, body.site-theme-dark .section-head h2, body.site-theme-dark .hero-copy h1, body.site-theme-dark .category-card strong, body.site-theme-dark .post-card h2, body.site-theme-dark .pick-card h3, body.site-theme-dark .quick-head h2, body.site-theme-dark .comparison-head h2, body.site-theme-dark .product-mini-card h3, body.site-theme-dark .content-box h2, body.site-theme-dark .single-header h1, html.site-theme-dark-init body h1, html.site-theme-dark-init body h2, html.site-theme-dark-init body h3, html.site-theme-dark-init body h4, html.site-theme-dark-init body h5, html.site-theme-dark-init body h6, html.site-theme-dark-init body .section-head h2, html.site-theme-dark-init body .hero-copy h1, html.site-theme-dark-init body .category-card strong, html.site-theme-dark-init body .post-card h2, html.site-theme-dark-init body .pick-card h3, html.site-theme-dark-init body .quick-head h2, html.site-theme-dark-init body .comparison-head h2, html.site-theme-dark-init body .product-mini-card h3, html.site-theme-dark-init body .content-box h2, html.site-theme-dark-init body .single-header h1{ color:#ffffff !important; } body.site-theme-dark p, body.site-theme-dark li, body.site-theme-dark small, body.site-theme-dark .hero-lead, body.site-theme-dark .trust-row, body.site-theme-dark .category-card small, body.site-theme-dark .post-card p, body.site-theme-dark .post-card__meta, body.site-theme-dark .pick-card p, body.site-theme-dark .quick-head p, body.site-theme-dark .product-mini-card p, body.site-theme-dark .product-mini-card li, body.site-theme-dark .content-box p, body.site-theme-dark .footer-note, body.site-theme-dark .affiliate-disclaimer, html.site-theme-dark-init body p, html.site-theme-dark-init body li, html.site-theme-dark-init body small, html.site-theme-dark-init body .hero-lead, html.site-theme-dark-init body .trust-row, html.site-theme-dark-init body .category-card small, html.site-theme-dark-init body .post-card p, html.site-theme-dark-init body .post-card__meta, html.site-theme-dark-init body .pick-card p, html.site-theme-dark-init body .quick-head p, html.site-theme-dark-init body .product-mini-card p, html.site-theme-dark-init body .product-mini-card li, html.site-theme-dark-init body .content-box p, html.site-theme-dark-init body .footer-note, html.site-theme-dark-init body .affiliate-disclaimer{ color:#d8e5f5 !important; } body.site-theme-dark a, html.site-theme-dark-init body a{ color:inherit; } body.site-theme-dark .entry-content, body.site-theme-dark .entry-content p, body.site-theme-dark .entry-content li, body.site-theme-dark .entry-content span, body.site-theme-dark .entry-content div, body.site-theme-dark .entry-content td, body.site-theme-dark .entry-content th, html.site-theme-dark-init body .entry-content, html.site-theme-dark-init body .entry-content p, html.site-theme-dark-init body .entry-content li, html.site-theme-dark-init body .entry-content span, html.site-theme-dark-init body .entry-content div, html.site-theme-dark-init body .entry-content td, html.site-theme-dark-init body .entry-content th{ color:#eef5ff !important; } body.site-theme-dark .entry-content h1, body.site-theme-dark .entry-content h2, body.site-theme-dark .entry-content h3, body.site-theme-dark .entry-content h4, body.site-theme-dark .entry-content strong, body.site-theme-dark .entry-content b, html.site-theme-dark-init body .entry-content h1, html.site-theme-dark-init body .entry-content h2, html.site-theme-dark-init body .entry-content h3, html.site-theme-dark-init body .entry-content h4, html.site-theme-dark-init body .entry-content strong, html.site-theme-dark-init body .entry-content b{ color:#ffffff !important; } body.site-theme-dark .entry-content a, html.site-theme-dark-init body .entry-content a{ color:#9fc4ff !important; text-decoration-color:rgba(159,196,255,.5) !important; } body.site-theme-dark .glass-card, body.site-theme-dark .bg-card, body.site-theme-dark .post-card, body.site-theme-dark .single-article, body.site-theme-dark .category-card, body.site-theme-dark .top-picks-card, body.site-theme-dark .quick-choice-card, body.site-theme-dark .comparison-card, body.site-theme-dark .content-box, body.site-theme-dark .archive-header, body.site-theme-dark .reader-tools, body.site-theme-dark .widget, body.site-theme-dark .native-offer, body.site-theme-dark .featured-product, body.site-theme-dark .product-card-shortcode, body.site-theme-dark .compare-shortcode, body.site-theme-dark .verdict-box, body.site-theme-dark .note-box, html.site-theme-dark-init body .glass-card, html.site-theme-dark-init body .bg-card, html.site-theme-dark-init body .post-card, html.site-theme-dark-init body .single-article, html.site-theme-dark-init body .category-card, html.site-theme-dark-init body .top-picks-card, html.site-theme-dark-init body .quick-choice-card, html.site-theme-dark-init body .comparison-card, html.site-theme-dark-init body .content-box, html.site-theme-dark-init body .archive-header, html.site-theme-dark-init body .reader-tools, html.site-theme-dark-init body .widget, html.site-theme-dark-init body .native-offer, html.site-theme-dark-init body .featured-product, html.site-theme-dark-init body .product-card-shortcode, html.site-theme-dark-init body .compare-shortcode, html.site-theme-dark-init body .verdict-box, html.site-theme-dark-init body .note-box{ background:#101d30 !important; border-color:#3a506d !important; color:#eef5ff !important; } body.site-theme-dark .pick-card, body.site-theme-dark .quick-links a, body.site-theme-dark .product-mini-card, body.site-theme-dark .verdict-box__grid>div, body.site-theme-dark .entry-content .wp-block-group, body.site-theme-dark .entry-content .wp-block-columns, body.site-theme-dark .entry-content .wp-block-column, body.site-theme-dark .entry-content .has-background, html.site-theme-dark-init body .pick-card, html.site-theme-dark-init body .quick-links a, html.site-theme-dark-init body .product-mini-card, html.site-theme-dark-init body .verdict-box__grid>div, html.site-theme-dark-init body .entry-content .wp-block-group, html.site-theme-dark-init body .entry-content .wp-block-columns, html.site-theme-dark-init body .entry-content .wp-block-column, html.site-theme-dark-init body .entry-content .has-background{ background:#17283f !important; border-color:#3a506d !important; color:#eef5ff !important; } /* Шапка: меню, переключатель темы и кнопка больше не сливаются */ body.site-theme-dark .bg20-header, html.site-theme-dark-init body .bg20-header{ background:#07111f !important; border-bottom:1px solid #58708f !important; } body.site-theme-dark .bg20-logo__text strong, body.site-theme-dark .brand-text strong, html.site-theme-dark-init body .bg20-logo__text strong, html.site-theme-dark-init body .brand-text strong{ color:#ffffff !important; } body.site-theme-dark .bg20-logo__text small, body.site-theme-dark .brand-text small, html.site-theme-dark-init body .bg20-logo__text small, html.site-theme-dark-init body .brand-text small{ color:#cbd7e8 !important; } body.site-theme-dark .bg20-nav ul, body.site-theme-dark .bg20-menu, html.site-theme-dark-init body .bg20-nav ul, html.site-theme-dark-init body .bg20-menu{ background:#111f33 !important; border:1px solid #58708f !important; } body.site-theme-dark .bg20-nav a, html.site-theme-dark-init body .bg20-nav a{ color:#eef5ff !important; } body.site-theme-dark .bg20-nav a:hover, body.site-theme-dark .bg20-nav .current-menu-item>a, body.site-theme-dark .bg20-nav .current_page_item>a, html.site-theme-dark-init body .bg20-nav a:hover, html.site-theme-dark-init body .bg20-nav .current-menu-item>a, html.site-theme-dark-init body .bg20-nav .current_page_item>a{ background:#ffb347 !important; color:#101827 !important; } body.site-theme-dark .theme-toggle, body.site-theme-dark .mobile-theme-row .theme-toggle, html.site-theme-dark-init body .theme-toggle, html.site-theme-dark-init body .mobile-theme-row .theme-toggle{ background:#111f33 !important; border-color:#58708f !important; color:#ffffff !important; } body.site-theme-dark .theme-toggle__icon, html.site-theme-dark-init body .theme-toggle__icon{ color:#ffd58a !important; } body.site-theme-dark .bg20-cta, html.site-theme-dark-init body .bg20-cta{ background:#ffb347 !important; color:#101827 !important; } body.site-theme-dark .mobile-menu, html.site-theme-dark-init body .mobile-menu{ background:#07111f !important; border-color:#58708f !important; } body.site-theme-dark .mobile-menu a, html.site-theme-dark-init body .mobile-menu a{ background:#111f33 !important; color:#ffffff !important; border-color:#3a506d !important; } /* Блок «Практический совет»: убираем пустое место справа */ .front-page .commercial-grid{ grid-template-columns:1fr !important; gap:22px !important; } .front-page .dark-card, .front-page .comparison-card{ grid-column:1 / -1 !important; } .front-page .dark-card{ border-radius:var(--radius-lg) !important; } body.site-theme-dark .front-page .dark-card, html.site-theme-dark-init body .front-page .dark-card{ background:linear-gradient(135deg,#111f33,#0d1a2b) !important; border:1px solid #3a506d !important; } /* «Новые материалы»: только реальные опубликованные статьи, без поддельных карточек */ .empty-state-mini{ padding:24px !important; max-width:520px; } .empty-state-mini h3{margin:0 0 8px;color:var(--text-strong) !important;} .empty-state-mini p{margin:0;color:var(--muted) !important;} /* v4.3.0 — decisive readability and header fixes */ :root{ --header-logo-col: 230px; --header-gap: 12px; } .bg20-header{ background: rgba(255,253,248,.96) !important; border-bottom: 1px solid rgba(17,26,38,.14) !important; box-shadow: 0 12px 30px rgba(22,28,38,.10) !important; } .bg20-bar{ min-height: 78px !important; grid-template-columns: minmax(178px,var(--header-logo-col)) minmax(0,1fr) auto !important; gap: var(--header-gap) !important; } .bg20-logo{min-width:0 !important; overflow:hidden !important;} .bg20-logo__mark{width:46px !important;height:46px !important;flex-basis:46px !important;border-radius:15px !important;} .bg20-logo__text strong{font-size:1.05rem !important;white-space:nowrap !important;} .bg20-logo__text small{font-size:.72rem !important;max-width:155px !important;} .bg20-nav{width:100% !important;min-width:0 !important;overflow:hidden !important;justify-self:stretch !important;} .bg20-nav ul,.bg20-menu{ width:100% !important; max-width:100% !important; min-width:0 !important; overflow:hidden !important; gap:2px !important; padding:4px !important; justify-content:center !important; background:#fffdf8 !important; border-color:#d8ccb9 !important; } .bg20-nav a{ min-height:38px !important; padding:0 clamp(7px,.8vw,13px) !important; font-size:clamp(.75rem,.78vw,.88rem) !important; line-height:1.05 !important; white-space:nowrap !important; color:#273445 !important; font-weight:950 !important; } .bg20-actions{min-width:max-content !important;gap:8px !important;flex-wrap:nowrap !important;} .bg20-actions .theme-toggle{min-width:60px !important;min-height:42px !important;padding:0 7px !important;} .bg20-actions .theme-toggle__icon{display:none !important;} .bg20-actions .theme-toggle__track{width:46px !important;height:26px !important;} .bg20-actions .theme-toggle__thumb{width:18px !important;height:18px !important;} .bg20-actions .theme-toggle.is-dark .theme-toggle__thumb, body.site-theme-dark .bg20-actions .theme-toggle__thumb, html.site-theme-dark-init body .bg20-actions .theme-toggle__thumb{transform:translateX(20px) !important;} .bg20-cta{min-height:44px !important;padding:0 18px !important;font-size:.9rem !important;} body.site-theme-dark .bg20-header, html.site-theme-dark-init body .bg20-header{ background:#07111f !important; border-bottom:1px solid #455f7e !important; box-shadow:0 14px 36px rgba(0,0,0,.46) !important; } body.site-theme-dark .bg20-nav ul, body.site-theme-dark .bg20-menu, html.site-theme-dark-init body .bg20-nav ul, html.site-theme-dark-init body .bg20-menu{ background:#122037 !important; border-color:#3e5877 !important; box-shadow:none !important; } body.site-theme-dark .bg20-nav a, html.site-theme-dark-init body .bg20-nav a{color:#f4f8ff !important;} body.site-theme-dark .bg20-nav a:hover, body.site-theme-dark .bg20-nav .current-menu-item>a, body.site-theme-dark .bg20-nav .current_page_item>a, html.site-theme-dark-init body .bg20-nav a:hover, html.site-theme-dark-init body .bg20-nav .current-menu-item>a, html.site-theme-dark-init body .bg20-nav .current_page_item>a{ background:#ffb347 !important; color:#101827 !important; } body.site-theme-dark .bg20-logo__text strong, html.site-theme-dark-init body .bg20-logo__text strong{color:#fff !important;} body.site-theme-dark .bg20-logo__text small, html.site-theme-dark-init body .bg20-logo__text small{color:#d6e1f0 !important;} body.site-theme-dark .bg20-actions .theme-toggle, html.site-theme-dark-init body .bg20-actions .theme-toggle{background:#122037 !important;border-color:#455f7e !important;} /* Hide desktop menu before it can overlap the controls */ @media (max-width: 1240px){ .bg20-bar{grid-template-columns:190px minmax(0,1fr) auto !important;} .bg20-logo__text small{display:none !important;} .bg20-nav a{padding:0 8px !important;font-size:.76rem !important;} .bg20-cta span{display:none !important;} .bg20-cta{width:46px !important;padding:0 !important;} } @media (max-width: 1080px){ .bg20-bar{grid-template-columns:1fr auto !important;} .bg20-nav{display:none !important;} .bg20-menu-toggle{display:inline-flex !important;} .bg20-actions .bg20-cta{display:none !important;} .bg20-logo__text small{display:block !important;} } @media (max-width: 560px){ .bg20-logo__text small{display:none !important;} .bg20-logo__mark{width:42px !important;height:42px !important;flex-basis:42px !important;} } /* Dark theme: every article/Gutenberg/Kadence/Spectra block stays readable */ body.site-theme-dark .single-article, html.site-theme-dark-init body .single-article{ background:#0f1d30 !important; border-color:#344c69 !important; color:#eef5ff !important; } body.site-theme-dark .single-article :where(h1,h2,h3,h4,h5,h6,strong,b), html.site-theme-dark-init body .single-article :where(h1,h2,h3,h4,h5,h6,strong,b){color:#fff !important;} body.site-theme-dark .single-article :where(p,li,span,div,td,th,small), html.site-theme-dark-init body .single-article :where(p,li,span,div,td,th,small){color:#e8f0fb !important;} body.site-theme-dark .single-article a, html.site-theme-dark-init body .single-article a{color:#9fc4ff !important;} body.site-theme-dark .entry-content :where(.wp-block-group,.wp-block-columns,.wp-block-column,.wp-block-media-text,.wp-block-cover,.wp-block-table,.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents,.schema-faq,.schema-faq-section,.schema-faq-question,.schema-faq-answer,.wp-block-kadence-rowlayout,.wp-block-kadence-column,.kt-row-layout-inner,.kt-inside-inner-col,.kb-row-layout-wrap,.wp-block-kadence-infobox,.wp-block-kadence-accordion,.wp-block-kadence-pane,.wp-block-kadence-tabs,.wp-block-uagb-container,.uagb-container-inner-blocks-wrap,.uagb-columns__wrap,.uagb-column__wrap,.uagb-infobox,.uagb-faq-child,.uagb-faq-item,.uagb-section,.wp-block-uagb-columns,.wp-block-uagb-column,.wp-block-uagb-info-box,.wp-block-uagb-faq,.wp-block-uagb-table-of-contents,blockquote,.wp-block-quote,.wp-block-pullquote), html.site-theme-dark-init body .entry-content :where(.wp-block-group,.wp-block-columns,.wp-block-column,.wp-block-media-text,.wp-block-cover,.wp-block-table,.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents,.schema-faq,.schema-faq-section,.schema-faq-question,.schema-faq-answer,.wp-block-kadence-rowlayout,.wp-block-kadence-column,.kt-row-layout-inner,.kt-inside-inner-col,.kb-row-layout-wrap,.wp-block-kadence-infobox,.wp-block-kadence-accordion,.wp-block-kadence-pane,.wp-block-kadence-tabs,.wp-block-uagb-container,.uagb-container-inner-blocks-wrap,.uagb-columns__wrap,.uagb-column__wrap,.uagb-infobox,.uagb-faq-child,.uagb-faq-item,.uagb-section,.wp-block-uagb-columns,.wp-block-uagb-column,.wp-block-uagb-info-box,.wp-block-uagb-faq,.wp-block-uagb-table-of-contents,blockquote,.wp-block-quote,.wp-block-pullquote){ background:#14243a !important; border-color:#36516e !important; color:#eef5ff !important; box-shadow:none !important; } body.site-theme-dark .entry-content :where([style*="background-color"],[style*="background:"],[style*="background: "]), html.site-theme-dark-init body .entry-content :where([style*="background-color"],[style*="background:"],[style*="background: "]){ background:#14243a !important; background-color:#14243a !important; color:#eef5ff !important; border-color:#36516e !important; } body.site-theme-dark .entry-content :where([style*="color"]), html.site-theme-dark-init body .entry-content :where([style*="color"]){color:#eef5ff !important;} body.site-theme-dark .entry-content :where(.wp-block-group,.wp-block-columns,.wp-block-column,.wp-block-media-text,.wp-block-cover,.wp-block-table,.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents,.schema-faq,.schema-faq-section,.wp-block-kadence-rowlayout,.wp-block-kadence-column,.kt-row-layout-inner,.kt-inside-inner-col,.kb-row-layout-wrap,.wp-block-uagb-container,.uagb-container-inner-blocks-wrap,.uagb-columns__wrap,.uagb-column__wrap,.uagb-infobox,.uagb-faq-child,.uagb-faq-item,.uagb-section,[style*="background"]) *, html.site-theme-dark-init body .entry-content :where(.wp-block-group,.wp-block-columns,.wp-block-column,.wp-block-media-text,.wp-block-cover,.wp-block-table,.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents,.schema-faq,.schema-faq-section,.wp-block-kadence-rowlayout,.wp-block-kadence-column,.kt-row-layout-inner,.kt-inside-inner-col,.kb-row-layout-wrap,.wp-block-uagb-container,.uagb-container-inner-blocks-wrap,.uagb-columns__wrap,.uagb-column__wrap,.uagb-infobox,.uagb-faq-child,.uagb-faq-item,.uagb-section,[style*="background"]) *{ color:#eef5ff !important; border-color:#36516e !important; } body.site-theme-dark .entry-content :where(.wp-block-group,.wp-block-columns,.wp-block-column,.wp-block-media-text,.wp-block-cover,.wp-block-table,.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents,.schema-faq,.schema-faq-section,.wp-block-kadence-rowlayout,.wp-block-kadence-column,.kt-row-layout-inner,.kt-inside-inner-col,.kb-row-layout-wrap,.wp-block-uagb-container,.uagb-container-inner-blocks-wrap,.uagb-columns__wrap,.uagb-column__wrap,.uagb-infobox,.uagb-faq-child,.uagb-faq-item,.uagb-section,[style*="background"]) a, html.site-theme-dark-init body .entry-content :where(.wp-block-group,.wp-block-columns,.wp-block-column,.wp-block-media-text,.wp-block-cover,.wp-block-table,.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents,.schema-faq,.schema-faq-section,.wp-block-kadence-rowlayout,.wp-block-kadence-column,.kt-row-layout-inner,.kt-inside-inner-col,.kb-row-layout-wrap,.wp-block-uagb-container,.uagb-container-inner-blocks-wrap,.uagb-columns__wrap,.uagb-column__wrap,.uagb-infobox,.uagb-faq-child,.uagb-faq-item,.uagb-section,[style*="background"]) a{ color:#a9cbff !important; text-decoration-color:rgba(169,203,255,.55) !important; } body.site-theme-dark .entry-content table, html.site-theme-dark-init body .entry-content table{ background:#101d30 !important; color:#eef5ff !important; border-color:#36516e !important; } body.site-theme-dark .entry-content th, body.site-theme-dark .entry-content td, html.site-theme-dark-init body .entry-content th, html.site-theme-dark-init body .entry-content td{ color:#eef5ff !important; border-color:#36516e !important; } body.site-theme-dark .entry-content th, html.site-theme-dark-init body .entry-content th{background:#1c314d !important;color:#fff !important;} /* Front page: practical advice block should not leave a side hole */ .front-page .commercial-grid{display:grid !important;grid-template-columns:1fr !important;gap:22px !important;} .front-page .commercial-grid > *{grid-column:1 / -1 !important;width:100% !important;} .front-page .dark-card{border-radius:var(--radius-lg) !important;} /* Real content only: no fake placeholders styled as posts */ .muted-note{margin:10px 0 0;color:var(--muted) !important;font-weight:750;} body.site-theme-dark .muted-note, html.site-theme-dark-init body .muted-note{color:#d8e5f5 !important;} /* v4.4.0 — hard readability, safe header spacing, clear theme switcher */ .bg20-header .container.bg20-bar{ width:min(calc(100% - 72px), 1180px) !important; max-width:1180px !important; margin-inline:auto !important; } .bg20-header, .bg20-bar, .bg20-actions{overflow:visible !important;} .bg20-bar{ grid-template-columns:minmax(160px,210px) minmax(0,1fr) max-content !important; column-gap:14px !important; } .bg20-actions{padding-inline:2px !important;} .bg20-nav ul, .bg20-menu{min-width:0 !important;} .bg20-nav a{max-width:128px !important;overflow:hidden !important;text-overflow:ellipsis !important;} .bg20-actions .theme-toggle{ min-width:94px !important; min-height:42px !important; padding:0 9px !important; gap:6px !important; } .bg20-actions .theme-toggle__icon{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:16px !important; min-width:16px !important; font-size:1rem !important; line-height:1 !important; color:#d98100 !important; opacity:1 !important; } .bg20-actions .theme-toggle__icon--sun::after{content:"";} .bg20-actions .theme-toggle__icon--moon{font-size:1.08rem !important;color:#223044 !important;} .bg20-actions .theme-toggle__track{width:42px !important;height:24px !important;padding:3px !important;} .bg20-actions .theme-toggle__thumb{width:16px !important;height:16px !important;} .bg20-actions .theme-toggle.is-dark .theme-toggle__thumb, body.site-theme-dark .bg20-actions .theme-toggle__thumb, html.site-theme-dark .bg20-actions .theme-toggle__thumb, html.site-theme-dark-init body .bg20-actions .theme-toggle__thumb{transform:translateX(18px) !important;} body.site-theme-dark .bg20-actions .theme-toggle__icon--sun, html.site-theme-dark .bg20-actions .theme-toggle__icon--sun, html.site-theme-dark-init body .bg20-actions .theme-toggle__icon--sun{color:#ffcc74 !important;opacity:.95 !important;} body.site-theme-dark .bg20-actions .theme-toggle__icon--moon, html.site-theme-dark .bg20-actions .theme-toggle__icon--moon, html.site-theme-dark-init body .bg20-actions .theme-toggle__icon--moon{color:#ffffff !important;opacity:1 !important;} .bg20-cta{max-width:154px !important;min-width:120px !important;padding-inline:18px !important;} @media (max-width:1320px){ .bg20-header .container.bg20-bar{width:min(calc(100% - 56px), 1120px) !important;} .bg20-bar{grid-template-columns:minmax(150px,190px) minmax(0,1fr) max-content !important;column-gap:10px !important;} .bg20-nav a{max-width:112px !important;padding-inline:8px !important;font-size:.75rem !important;} .bg20-cta{min-width:48px !important;width:48px !important;padding:0 !important;} .bg20-cta span{display:none !important;} } @media (max-width:1080px){ .bg20-header .container.bg20-bar{width:min(calc(100% - 32px), 100%) !important;} .bg20-actions .theme-toggle{min-width:88px !important;} } @media (max-width:560px){ .bg20-header .container.bg20-bar{width:min(calc(100% - 24px), 100%) !important;} .bg20-actions .theme-toggle{min-width:82px !important;padding-inline:7px !important;} } /* Article dark mode: override Gutenberg/Kadence/Spectra inline colors and pale cards */ body.site-theme-dark .single-article, html.site-theme-dark body .single-article, html.site-theme-dark-init body .single-article{ background:#0e1b2d !important; color:#f4f8ff !important; border-color:#3d5877 !important; } body.site-theme-dark .single-article :where(p,li,span,div,td,th,small,em,strong,b,h1,h2,h3,h4,h5,h6,label,summary,figcaption,dt,dd), html.site-theme-dark body .single-article :where(p,li,span,div,td,th,small,em,strong,b,h1,h2,h3,h4,h5,h6,label,summary,figcaption,dt,dd), html.site-theme-dark-init body .single-article :where(p,li,span,div,td,th,small,em,strong,b,h1,h2,h3,h4,h5,h6,label,summary,figcaption,dt,dd){ color:#f4f8ff !important; -webkit-text-fill-color:#f4f8ff !important; opacity:1 !important; text-shadow:none !important; } body.site-theme-dark .entry-content :where(section,article,aside,div,figure,figcaption,table,thead,tbody,tr,td,th,blockquote,details,summary,ul,ol,li)[class], body.site-theme-dark .entry-content :where(section,article,aside,div,figure,figcaption,table,thead,tbody,tr,td,th,blockquote,details,summary,ul,ol,li)[style], html.site-theme-dark body .entry-content :where(section,article,aside,div,figure,figcaption,table,thead,tbody,tr,td,th,blockquote,details,summary,ul,ol,li)[class], html.site-theme-dark body .entry-content :where(section,article,aside,div,figure,figcaption,table,thead,tbody,tr,td,th,blockquote,details,summary,ul,ol,li)[style], html.site-theme-dark-init body .entry-content :where(section,article,aside,div,figure,figcaption,table,thead,tbody,tr,td,th,blockquote,details,summary,ul,ol,li)[class], html.site-theme-dark-init body .entry-content :where(section,article,aside,div,figure,figcaption,table,thead,tbody,tr,td,th,blockquote,details,summary,ul,ol,li)[style]{ background:#14243a !important; background-color:#14243a !important; color:#f4f8ff !important; -webkit-text-fill-color:#f4f8ff !important; border-color:#3d5877 !important; opacity:1 !important; } body.site-theme-dark .entry-content :where([class*="wp-block"],[class*="kadence"],[class*="uagb"],[class*="spectra"],[class*="rank-math"],[class*="toc"],[class*="faq"],[class*="schema"],[class*="kt-"],[class*="kb-"]) *, html.site-theme-dark body .entry-content :where([class*="wp-block"],[class*="kadence"],[class*="uagb"],[class*="spectra"],[class*="rank-math"],[class*="toc"],[class*="faq"],[class*="schema"],[class*="kt-"],[class*="kb-"]) *, html.site-theme-dark-init body .entry-content :where([class*="wp-block"],[class*="kadence"],[class*="uagb"],[class*="spectra"],[class*="rank-math"],[class*="toc"],[class*="faq"],[class*="schema"],[class*="kt-"],[class*="kb-"]) *{ color:#f4f8ff !important; -webkit-text-fill-color:#f4f8ff !important; border-color:#3d5877 !important; opacity:1 !important; } body.site-theme-dark .entry-content a, html.site-theme-dark body .entry-content a, html.site-theme-dark-init body .entry-content a{ color:#9fc4ff !important; -webkit-text-fill-color:#9fc4ff !important; text-decoration-color:rgba(159,196,255,.55) !important; } body.site-theme-dark .entry-content :where(.btn,.button,.wp-block-button__link,.search-submit,.table-link,.affiliate-button,.kt-button,.uagb-buttons-repeater), html.site-theme-dark body .entry-content :where(.btn,.button,.wp-block-button__link,.search-submit,.table-link,.affiliate-button,.kt-button,.uagb-buttons-repeater), html.site-theme-dark-init body .entry-content :where(.btn,.button,.wp-block-button__link,.search-submit,.table-link,.affiliate-button,.kt-button,.uagb-buttons-repeater){ background:#ffb347 !important; background-color:#ffb347 !important; color:#101827 !important; -webkit-text-fill-color:#101827 !important; border-color:#ffb347 !important; } body.site-theme-dark .entry-content img, html.site-theme-dark body .entry-content img, html.site-theme-dark-init body .entry-content img{ background:transparent !important; background-color:transparent !important; } body.site-theme-dark .entry-content svg, body.site-theme-dark .entry-content svg *, html.site-theme-dark body .entry-content svg, html.site-theme-dark body .entry-content svg *, html.site-theme-dark-init body .entry-content svg, html.site-theme-dark-init body .entry-content svg *{ -webkit-text-fill-color:currentColor !important; } body.site-theme-dark .entry-content th, html.site-theme-dark body .entry-content th, html.site-theme-dark-init body .entry-content th{ background:#1d3350 !important; background-color:#1d3350 !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; } body.site-theme-dark .entry-content td, html.site-theme-dark body .entry-content td, html.site-theme-dark-init body .entry-content td{ background:#14243a !important; background-color:#14243a !important; } /* v4.5.0 — no clipped header menu, readable light cards inside dark articles */ .bg20-header{overflow:visible!important;} .bg20-header .container.bg20-bar{ width:min(calc(100% - 96px),1480px)!important; max-width:1480px!important; margin-inline:auto!important; overflow:visible!important; } .bg20-bar{ grid-template-columns:minmax(176px,220px) minmax(0,1fr) max-content!important; column-gap:14px!important; min-height:78px!important; } .bg20-logo{overflow:visible!important;} .bg20-nav{ justify-self:stretch!important; width:100%!important; min-width:0!important; max-width:100%!important; overflow-x:auto!important; overflow-y:visible!important; scrollbar-width:none!important; -webkit-overflow-scrolling:touch!important; } .bg20-nav::-webkit-scrollbar{display:none!important;} .bg20-nav ul,.bg20-menu{ width:max-content!important; max-width:none!important; min-width:100%!important; overflow:visible!important; justify-content:center!important; gap:3px!important; padding:5px!important; } .bg20-nav li{flex:0 0 auto!important;} .bg20-nav a{ max-width:none!important; min-width:max-content!important; overflow:visible!important; text-overflow:clip!important; white-space:nowrap!important; padding-inline:11px!important; font-size:.82rem!important; line-height:1!important; } .bg20-actions{ overflow:visible!important; min-width:max-content!important; flex:0 0 auto!important; gap:10px!important; } .bg20-actions .theme-toggle{overflow:visible!important;} .bg20-cta{ max-width:none!important; min-width:max-content!important; padding-inline:18px!important; overflow:visible!important; white-space:nowrap!important; } @media(max-width:1320px){ .bg20-header .container.bg20-bar{width:min(calc(100% - 56px),1260px)!important;} .bg20-bar{grid-template-columns:minmax(150px,190px) minmax(0,1fr) max-content!important;column-gap:9px!important;} .bg20-logo__text small{display:none!important;} .bg20-nav a{padding-inline:8px!important;font-size:.75rem!important;} .bg20-cta{min-width:48px!important;width:48px!important;padding:0!important;justify-content:center!important;} .bg20-cta span{display:none!important;} } @media(max-width:1100px){ .bg20-header .container.bg20-bar{width:min(calc(100% - 32px),100%)!important;} .bg20-bar{display:flex!important;justify-content:space-between!important;} .bg20-nav{display:none!important;} .bg20-menu-toggle{display:inline-flex!important;} .bg20-actions .bg20-cta{display:none!important;} .theme-toggle__icon{display:inline-flex!important;} } .entry-content .bytguide-light-surface, .entry-content .bytguide-light-surface[class], body.site-theme-dark .entry-content .bytguide-light-surface, html.site-theme-dark body .entry-content .bytguide-light-surface, html.site-theme-dark-init body .entry-content .bytguide-light-surface{ background:#ffffff!important; background-color:#ffffff!important; color:#122033!important; -webkit-text-fill-color:#122033!important; border-color:#d9e2ef!important; } .entry-content .bytguide-light-surface :where(p,li,span,div,td,th,small,em,strong,b,h1,h2,h3,h4,h5,h6,label,summary,figcaption,dt,dd), body.site-theme-dark .entry-content .bytguide-light-surface :where(p,li,span,div,td,th,small,em,strong,b,h1,h2,h3,h4,h5,h6,label,summary,figcaption,dt,dd), html.site-theme-dark body .entry-content .bytguide-light-surface :where(p,li,span,div,td,th,small,em,strong,b,h1,h2,h3,h4,h5,h6,label,summary,figcaption,dt,dd), html.site-theme-dark-init body .entry-content .bytguide-light-surface :where(p,li,span,div,td,th,small,em,strong,b,h1,h2,h3,h4,h5,h6,label,summary,figcaption,dt,dd){ color:#122033!important; -webkit-text-fill-color:#122033!important; opacity:1!important; } .entry-content .bytguide-light-surface a, body.site-theme-dark .entry-content .bytguide-light-surface a, html.site-theme-dark body .entry-content .bytguide-light-surface a, html.site-theme-dark-init body .entry-content .bytguide-light-surface a{ color:#1d5fbf!important; -webkit-text-fill-color:#1d5fbf!important; } .entry-content .bytguide-light-surface :where(.btn,.button,.wp-block-button__link,.search-submit,.table-link,.affiliate-button,.kt-button,.uagb-buttons-repeater), body.site-theme-dark .entry-content .bytguide-light-surface :where(.btn,.button,.wp-block-button__link,.search-submit,.table-link,.affiliate-button,.kt-button,.uagb-buttons-repeater){ background:#ffb347!important; background-color:#ffb347!important; color:#101827!important; -webkit-text-fill-color:#101827!important; border-color:#ffb347!important; } .entry-content .rank-math-list-item, .entry-content .schema-faq-section, .entry-content details, .entry-content .wp-block-rank-math-faq-block .rank-math-list-item{ border:1px solid var(--line)!important; border-radius:12px!important; padding:12px 14px!important; margin:0 0 8px!important; } body.site-theme-dark .entry-content :where(.rank-math-list-item,.schema-faq-section,.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents):not(.bytguide-light-surface), html.site-theme-dark body .entry-content :where(.rank-math-list-item,.schema-faq-section,.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents):not(.bytguide-light-surface), html.site-theme-dark-init body .entry-content :where(.rank-math-list-item,.schema-faq-section,.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents):not(.bytguide-light-surface){ background:#14243a!important; background-color:#14243a!important; color:#f4f8ff!important; -webkit-text-fill-color:#f4f8ff!important; border-color:#3d5877!important; } body.site-theme-dark .entry-content :where(.rank-math-list-item,.schema-faq-section,.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents):not(.bytguide-light-surface) *, html.site-theme-dark body .entry-content :where(.rank-math-list-item,.schema-faq-section,.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents):not(.bytguide-light-surface) *, html.site-theme-dark-init body .entry-content :where(.rank-math-list-item,.schema-faq-section,.wp-block-rank-math-toc-block,.rank-math-toc,.table-of-contents,.contents):not(.bytguide-light-surface) *{ color:#f4f8ff!important; -webkit-text-fill-color:#f4f8ff!important; opacity:1!important; } /* v4.6.0 — final readable article areas and safe desktop header */ @media (min-width:1101px){ .bg20-header{overflow:visible!important;} .bg20-header .container.bg20-bar{width:min(calc(100% - 56px),1500px)!important;max-width:1500px!important;} .bg20-bar{grid-template-columns:minmax(150px,220px) minmax(0,1fr) max-content!important;gap:12px!important;} .bg20-nav{max-width:100%!important;min-width:0!important;overflow:visible!important;} .bg20-nav ul,.bg20-menu{width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;justify-content:center!important;gap:2px!important;} .bg20-nav li{flex:0 0 auto!important;min-width:0!important;} .bg20-nav li:nth-child(n+8){display:none!important;} .bg20-nav a{max-width:none!important;min-width:0!important;padding-inline:9px!important;font-size:.78rem!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;} .bg20-actions{min-width:max-content!important;overflow:visible!important;gap:10px!important;} } @media (min-width:1101px) and (max-width:1380px){ .bg20-header .container.bg20-bar{width:min(calc(100% - 32px),1280px)!important;} .bg20-logo__text small{display:none!important;} .bg20-bar{grid-template-columns:minmax(132px,176px) minmax(0,1fr) max-content!important;gap:8px!important;} .bg20-nav li:nth-child(n+7){display:none!important;} .bg20-nav a{padding-inline:7px!important;font-size:.72rem!important;} .bg20-cta{min-width:48px!important;width:48px!important;padding:0!important;} .bg20-cta span{display:none!important;} } body.site-theme-dark .entry-content .bytguide-dark-surface, html.site-theme-dark body .entry-content .bytguide-dark-surface, html.site-theme-dark-init body .entry-content .bytguide-dark-surface, body.site-theme-dark .entry-content :is(.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents,.article-toc,.wp-block-kadence-accordion,.kt-accordion-wrap,.wp-block-uagb-faq,.uagb-faq__outer-wrap), html.site-theme-dark body .entry-content :is(.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents,.article-toc,.wp-block-kadence-accordion,.kt-accordion-wrap,.wp-block-uagb-faq,.uagb-faq__outer-wrap), html.site-theme-dark-init body .entry-content :is(.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents,.article-toc,.wp-block-kadence-accordion,.kt-accordion-wrap,.wp-block-uagb-faq,.uagb-faq__outer-wrap){ background:#132238!important; background-color:#132238!important; border:1px solid #39536f!important; color:#f7fbff!important; -webkit-text-fill-color:#f7fbff!important; box-shadow:0 18px 48px rgba(0,0,0,.26)!important; } body.site-theme-dark .entry-content .bytguide-dark-surface *, html.site-theme-dark body .entry-content .bytguide-dark-surface *, html.site-theme-dark-init body .entry-content .bytguide-dark-surface *, body.site-theme-dark .entry-content :is(.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents,.article-toc,.wp-block-kadence-accordion,.kt-accordion-wrap,.wp-block-uagb-faq,.uagb-faq__outer-wrap) *, html.site-theme-dark body .entry-content :is(.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents,.article-toc,.wp-block-kadence-accordion,.kt-accordion-wrap,.wp-block-uagb-faq,.uagb-faq__outer-wrap) *, html.site-theme-dark-init body .entry-content :is(.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents,.article-toc,.wp-block-kadence-accordion,.kt-accordion-wrap,.wp-block-uagb-faq,.uagb-faq__outer-wrap) *{ color:#f7fbff!important; -webkit-text-fill-color:#f7fbff!important; opacity:1!important; } body.site-theme-dark .entry-content .bytguide-dark-surface a, html.site-theme-dark body .entry-content .bytguide-dark-surface a, html.site-theme-dark-init body .entry-content .bytguide-dark-surface a, body.site-theme-dark .entry-content :is(.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents,.article-toc) a, html.site-theme-dark body .entry-content :is(.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents,.article-toc) a, html.site-theme-dark-init body .entry-content :is(.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents,.article-toc) a{ color:#ffd98f!important; -webkit-text-fill-color:#ffd98f!important; text-decoration-color:rgba(255,217,143,.55)!important; } body.site-theme-dark .entry-content .bytguide-light-surface h2, body.site-theme-dark .entry-content .bytguide-light-surface h3, body.site-theme-dark .entry-content .bytguide-light-surface h4, body.site-theme-dark .entry-content .bytguide-light-surface h5, body.site-theme-dark .entry-content .bytguide-light-surface h6, html.site-theme-dark body .entry-content .bytguide-light-surface h2, html.site-theme-dark body .entry-content .bytguide-light-surface h3, html.site-theme-dark body .entry-content .bytguide-light-surface h4, html.site-theme-dark body .entry-content .bytguide-light-surface h5, html.site-theme-dark body .entry-content .bytguide-light-surface h6, html.site-theme-dark-init body .entry-content .bytguide-light-surface h2, html.site-theme-dark-init body .entry-content .bytguide-light-surface h3, html.site-theme-dark-init body .entry-content .bytguide-light-surface h4, html.site-theme-dark-init body .entry-content .bytguide-light-surface h5, html.site-theme-dark-init body .entry-content .bytguide-light-surface h6{ color:#0f1724!important; -webkit-text-fill-color:#0f1724!important; } body.single .related-section:has(.posts-grid:empty){display:none!important;} /* v4.7.0 — final polish: safe header, readable CTA, clean meter card */ *,*::before,*::after{box-sizing:border-box;} @media (min-width:1101px){ .bg20-header{ overflow:visible!important; } .bg20-header .container.bg20-bar{ width:100%!important; max-width:none!important; margin-inline:0!important; padding-left:clamp(18px,3.2vw,64px)!important; padding-right:clamp(18px,3.2vw,64px)!important; overflow:visible!important; } .bg20-bar{ grid-template-columns:minmax(172px,240px) minmax(0,1fr) max-content!important; column-gap:16px!important; min-height:82px!important; } .bg20-logo{min-width:0!important;overflow:visible!important;} .bg20-logo__text small{max-width:150px!important;} .bg20-nav{ justify-self:stretch!important; width:100%!important; min-width:0!important; max-width:100%!important; overflow:visible!important; } .bg20-nav ul,.bg20-menu{ width:100%!important; min-width:0!important; max-width:100%!important; overflow:visible!important; justify-content:center!important; gap:2px!important; padding:5px!important; } .bg20-nav li{flex:0 1 auto!important;min-width:0!important;} .bg20-nav li:nth-child(n+8){display:none!important;} .bg20-nav a{ min-width:0!important; max-width:none!important; padding-inline:clamp(7px,.75vw,13px)!important; font-size:clamp(.72rem,.75vw,.86rem)!important; white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; line-height:1!important; } .bg20-actions{ min-width:max-content!important; max-width:max-content!important; flex:0 0 auto!important; overflow:visible!important; gap:12px!important; } .bg20-cta{ flex:0 0 auto!important; min-width:max-content!important; max-width:none!important; padding-inline:20px!important; overflow:visible!important; white-space:nowrap!important; } .bg20-actions .theme-toggle{ flex:0 0 auto!important; min-width:96px!important; max-width:96px!important; overflow:visible!important; } } @media (min-width:1101px) and (max-width:1440px){ .bg20-header .container.bg20-bar{padding-left:22px!important;padding-right:22px!important;} .bg20-bar{grid-template-columns:minmax(130px,178px) minmax(0,1fr) max-content!important;column-gap:8px!important;} .bg20-logo__text small{display:none!important;} .bg20-nav li:nth-child(n+7){display:none!important;} .bg20-nav a{padding-inline:7px!important;font-size:.72rem!important;} .bg20-cta{min-width:48px!important;width:48px!important;padding:0!important;justify-content:center!important;} .bg20-cta span{display:none!important;} .bg20-actions .theme-toggle{min-width:88px!important;max-width:88px!important;} } /* Front page: readable “На что обратить внимание” card */ .meter-list{ display:grid!important; gap:12px!important; margin-top:18px!important; } .meter-row{ display:grid!important; gap:9px!important; padding:12px 14px!important; border-radius:16px!important; background:var(--surface-2)!important; border:1px solid var(--line)!important; } .meter-row>div{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; min-width:0!important; line-height:1.25!important; } .meter-row span{ color:var(--text-strong)!important; -webkit-text-fill-color:var(--text-strong)!important; font-weight:950!important; overflow-wrap:anywhere!important; } .meter-row strong{ color:var(--green)!important; -webkit-text-fill-color:var(--green)!important; font-size:.84rem!important; font-weight:950!important; white-space:nowrap!important; } .meter-row i{ display:block!important; height:8px!important; border-radius:999px!important; background:linear-gradient(90deg,var(--green) var(--w),color-mix(in srgb,var(--line) 70%,transparent) var(--w))!important; border:1px solid color-mix(in srgb,var(--line) 80%,transparent)!important; } body.site-theme-dark .meter-row, html.site-theme-dark body .meter-row, html.site-theme-dark-init body .meter-row{ background:#132238!important; border-color:#39536f!important; } body.site-theme-dark .meter-row span, html.site-theme-dark body .meter-row span, html.site-theme-dark-init body .meter-row span{ color:#f4f8ff!important; -webkit-text-fill-color:#f4f8ff!important; } body.site-theme-dark .meter-row strong, html.site-theme-dark body .meter-row strong, html.site-theme-dark-init body .meter-row strong{ color:#89f0bd!important; -webkit-text-fill-color:#89f0bd!important; } /* Article CTA readability patch */ .entry-content .native-offer{ grid-template-columns:minmax(120px,180px) minmax(0,1fr) max-content!important; gap:18px!important; align-items:center!important; } .entry-content .native-offer .btn, .entry-content .native-offer a.btn, .entry-content .native-offer .btn-accent, .entry-content .featured-product .btn, .entry-content .featured-product a.btn, .entry-content .wp-block-button__link, body.site-theme-dark .entry-content .native-offer .btn, body.site-theme-dark .entry-content .native-offer a.btn, body.site-theme-dark .entry-content .native-offer .btn-accent, body.site-theme-dark .entry-content .featured-product .btn, body.site-theme-dark .entry-content .featured-product a.btn, body.site-theme-dark .entry-content .wp-block-button__link, html.site-theme-dark body .entry-content .native-offer .btn, html.site-theme-dark body .entry-content .native-offer a.btn, html.site-theme-dark body .entry-content .native-offer .btn-accent, html.site-theme-dark body .entry-content .featured-product .btn, html.site-theme-dark body .entry-content .featured-product a.btn, html.site-theme-dark body .entry-content .wp-block-button__link, html.site-theme-dark-init body .entry-content .native-offer .btn, html.site-theme-dark-init body .entry-content .native-offer a.btn, html.site-theme-dark-init body .entry-content .native-offer .btn-accent, html.site-theme-dark-init body .entry-content .featured-product .btn, html.site-theme-dark-init body .entry-content .featured-product a.btn, html.site-theme-dark-init body .entry-content .wp-block-button__link{ background:#ffb347!important; background-color:#ffb347!important; color:#0f1724!important; -webkit-text-fill-color:#0f1724!important; border:1px solid #ffb347!important; text-decoration:none!important; box-shadow:0 14px 28px rgba(255,179,71,.28)!important; font-weight:950!important; } .entry-content .native-offer .btn svg, .entry-content .native-offer .btn .icon, body.site-theme-dark .entry-content .native-offer .btn svg, body.site-theme-dark .entry-content .native-offer .btn .icon, html.site-theme-dark body .entry-content .native-offer .btn svg, html.site-theme-dark body .entry-content .native-offer .btn .icon, html.site-theme-dark-init body .entry-content .native-offer .btn svg, html.site-theme-dark-init body .entry-content .native-offer .btn .icon{ color:#0f1724!important; fill:#0f1724!important; stroke:#0f1724!important; -webkit-text-fill-color:#0f1724!important; } body.site-theme-dark .entry-content .native-offer, html.site-theme-dark body .entry-content .native-offer, html.site-theme-dark-init body .entry-content .native-offer{ background:#132238!important; border-color:#39536f!important; color:#f7fbff!important; } body.site-theme-dark .entry-content .native-offer :where(h3,p,span,strong,div), html.site-theme-dark body .entry-content .native-offer :where(h3,p,span,strong,div), html.site-theme-dark-init body .entry-content .native-offer :where(h3,p,span,strong,div){ color:#f7fbff!important; -webkit-text-fill-color:#f7fbff!important; opacity:1!important; } @media(max-width:760px){ .entry-content .native-offer{grid-template-columns:1fr!important;} .entry-content .native-offer .btn{width:100%!important;} .meter-row>div{display:grid!important;gap:4px!important;justify-content:stretch!important;} .meter-row strong{white-space:normal!important;} } /* v4.8.0 — mobile menu cleanup and scrollable article tables */ .mobile-menu .mobile-theme-row, .bg20-mobile-menu .mobile-theme-row, .mobile-menu [data-site-theme-toggle], .bg20-mobile-menu [data-site-theme-toggle]{ display:none!important; } @media (max-width:1100px){ .bg20-header .bg20-actions .theme-toggle, .bg20-header .bg20-theme-toggle{ display:inline-flex!important; visibility:visible!important; } } .entry-content, .single-article, .article-layout, .single-main{ max-width:100%; } .entry-content .wp-block-table, .entry-content .bytguide-table-scroll, .entry-content figure.wp-block-table{ display:block!important; width:100%!important; max-width:100%!important; overflow-x:auto!important; overflow-y:hidden!important; -webkit-overflow-scrolling:touch!important; overscroll-behavior-inline:contain!important; border-radius:18px!important; } .entry-content .wp-block-table table, .entry-content .bytguide-table-scroll table, .entry-content figure.wp-block-table table{ width:100%!important; border-collapse:collapse!important; table-layout:auto!important; margin:0!important; } .entry-content table th, .entry-content table td{ overflow-wrap:normal!important; word-break:normal!important; hyphens:none!important; } @media (max-width:760px){ html,body{max-width:100%;overflow-x:hidden!important;} .container,.single-wrap,.article-layout,.single-main,.single-article,.entry-content{ max-width:100%!important; min-width:0!important; } .entry-content .wp-block-table, .entry-content .bytguide-table-scroll, .entry-content figure.wp-block-table{ max-width:calc(100vw - 32px)!important; margin-left:auto!important; margin-right:auto!important; padding-bottom:8px!important; } .entry-content .wp-block-table table, .entry-content .bytguide-table-scroll table, .entry-content figure.wp-block-table table{ min-width:680px!important; width:max-content!important; } .entry-content table th, .entry-content table td{ min-width:120px!important; white-space:normal!important; vertical-align:top!important; font-size:clamp(14px,3.7vw,16px)!important; line-height:1.45!important; padding:12px 14px!important; } .entry-content table th:first-child, .entry-content table td:first-child{ min-width:64px!important; width:64px!important; } .entry-content table th:nth-child(2), .entry-content table td:nth-child(2){ min-width:230px!important; } .entry-content .bytguide-table-scroll::after, .entry-content .wp-block-table::after, .entry-content figure.wp-block-table::after{ content:'Прокрутите таблицу вбок →'; display:block; padding:8px 4px 0; color:var(--muted); -webkit-text-fill-color:var(--muted); font-size:12px; font-weight:800; letter-spacing:.01em; } } body.site-theme-dark .entry-content .wp-block-table, body.site-theme-dark .entry-content .bytguide-table-scroll, body.site-theme-dark .entry-content figure.wp-block-table, html.site-theme-dark body .entry-content .wp-block-table, html.site-theme-dark body .entry-content .bytguide-table-scroll, html.site-theme-dark body .entry-content figure.wp-block-table, html.site-theme-dark-init body .entry-content .wp-block-table, html.site-theme-dark-init body .entry-content .bytguide-table-scroll, html.site-theme-dark-init body .entry-content figure.wp-block-table{ background:#132238!important; border:1px solid #39536f!important; } body.site-theme-dark .entry-content table th, body.site-theme-dark .entry-content table td, html.site-theme-dark body .entry-content table th, html.site-theme-dark body .entry-content table td, html.site-theme-dark-init body .entry-content table th, html.site-theme-dark-init body .entry-content table td{ color:#f7fbff!important; -webkit-text-fill-color:#f7fbff!important; border-color:#39536f!important; background:#132238!important; } body.site-theme-dark .entry-content table thead th, html.site-theme-dark body .entry-content table thead th, html.site-theme-dark-init body .entry-content table thead th{ background:#1b304c!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } /* Late desktop header override: keep all controls visible and avoid clipped menu text */ @media (min-width:1101px){ .bg20-header .container.bg20-bar{ width:min(calc(100% - 28px),1580px)!important; max-width:1580px!important; margin-inline:auto!important; padding-left:14px!important; padding-right:14px!important; overflow:visible!important; } .bg20-bar{ grid-template-columns:minmax(150px,210px) minmax(0,1fr) max-content!important; gap:8px!important; } .bg20-nav{ overflow:visible!important; min-width:0!important; } .bg20-nav ul,.bg20-menu{ overflow:visible!important; min-width:0!important; width:100%!important; justify-content:center!important; } .bg20-nav a{ padding-inline:clamp(6px,.68vw,12px)!important; font-size:clamp(.70rem,.72vw,.84rem)!important; letter-spacing:0!important; white-space:nowrap!important; } .bg20-actions{ min-width:max-content!important; flex-shrink:0!important; overflow:visible!important; gap:8px!important; } } @media (min-width:1101px) and (max-width:1360px){ .bg20-logo__text small{display:none!important;} .bg20-bar{grid-template-columns:minmax(118px,156px) minmax(0,1fr) max-content!important;} .bg20-nav li:nth-child(n+7){display:none!important;} .bg20-actions .theme-toggle{min-width:82px!important;max-width:82px!important;} .bg20-cta{min-width:46px!important;width:46px!important;padding:0!important;} .bg20-cta span{display:none!important;} } /* v4.9.0: reader font controls + theme switcher spacing */ @media (min-width:1101px){.bg20-actions .theme-toggle,.bg20-header .bg20-theme-toggle{width:auto!important;min-width:116px!important;max-width:none!important;min-height:46px!important;padding:0 14px!important;gap:9px!important;overflow:visible!important;flex-shrink:0!important}.bg20-actions .theme-toggle__icon,.bg20-header .theme-toggle__icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;min-width:18px!important;height:18px!important;line-height:1!important;font-size:1rem!important;opacity:1!important}.bg20-actions .theme-toggle__icon--moon,.bg20-header .theme-toggle__icon--moon{margin-left:2px!important;margin-right:2px!important}.bg20-actions .theme-toggle__track,.bg20-header .theme-toggle__track{width:54px!important;height:28px!important;padding:3px!important;flex:0 0 54px!important}.bg20-actions .theme-toggle__thumb,.bg20-header .theme-toggle__thumb{width:20px!important;height:20px!important}.bg20-actions .theme-toggle.is-dark .theme-toggle__thumb,.bg20-header .theme-toggle.is-dark .theme-toggle__thumb,body.site-theme-dark .bg20-actions .theme-toggle__thumb,body.site-theme-dark .bg20-header .theme-toggle__thumb,html.site-theme-dark .bg20-actions .theme-toggle__thumb,html.site-theme-dark .bg20-header .theme-toggle__thumb,html.site-theme-dark-init body .bg20-actions .theme-toggle__thumb,html.site-theme-dark-init body .bg20-header .theme-toggle__thumb{transform:translateX(26px)!important}} @media (min-width:1101px) and (max-width:1360px){.bg20-actions .theme-toggle,.bg20-header .bg20-theme-toggle{min-width:108px!important;padding:0 12px!important;gap:8px!important}.bg20-actions .theme-toggle__track,.bg20-header .theme-toggle__track{width:50px!important;flex-basis:50px!important}.bg20-actions .theme-toggle.is-dark .theme-toggle__thumb,.bg20-header .theme-toggle.is-dark .theme-toggle__thumb,body.site-theme-dark .bg20-actions .theme-toggle__thumb,body.site-theme-dark .bg20-header .theme-toggle__thumb,html.site-theme-dark-init body .bg20-actions .theme-toggle__thumb,html.site-theme-dark-init body .bg20-header .theme-toggle__thumb{transform:translateX(22px)!important}} @media (max-width:760px){.reader-tools.reader-tools--font{display:grid!important;gap:14px!important;padding:18px!important;border-radius:22px!important}.reader-tools__group--font{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;width:100%!important;align-items:stretch!important}.reader-tools__group--font .reader-tools__label{grid-column:1 / -1!important;display:block!important;margin:0 0 2px!important;font-size:1rem!important;line-height:1.2!important}.reader-tools__group--font .reader-tools__btn{width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;border-radius:16px!important;font-size:1.08rem!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important}.reader-tools__hint{display:none!important}} @media (max-width:380px){.reader-tools.reader-tools--font{padding:14px!important}.reader-tools__group--font{gap:8px!important}.reader-tools__group--font .reader-tools__btn{height:44px!important;min-height:44px!important}} /* v4.13.0 — clean reader-facing copy, no fake ratings, fixed categories link */ .commercial-grid--editorial { grid-template-columns: minmax(0, .95fr) minmax(0, 1.15fr); align-items: stretch; } .dark-card--wide { min-height: 100%; } .comparison-card--hub { display: grid; gap: 18px; } .hub-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .hub-card { display: grid; gap: 8px; padding: 18px; border: 1px solid var(--line); border-radius: 22px; background: color-mix(in srgb, var(--surface) 88%, transparent); color: var(--text); text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; } .hub-card:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--accent) 56%, var(--line)); box-shadow: var(--shadow-soft); } .hub-card strong { font-size: 1.02rem; color: var(--text); } .hub-card span { color: var(--muted); line-height: 1.55; } .hub-card em { font-style: normal; color: var(--accent-strong); font-weight: 900; margin-top: 4px; } .native-offer--editorial { grid-template-columns: minmax(120px,180px) minmax(0,1fr) !important; } .featured-product .btn, .product-card-shortcode .btn, .compare-shortcode .table-link, .entry-content a[data-removed-compare-button="true"] { display: none !important; } .table-note { display: inline-flex; padding: 6px 10px; border-radius: 999px; background: color-mix(in srgb, var(--accent) 16%, transparent); color: var(--text); font-weight: 800; font-size: .82rem; } .bg20-nav .bg20-menu, .mobile-nav-list { list-style: none; margin: 0; padding: 0; } .mobile-nav-list { display: grid; gap: 12px; } .mobile-nav-list a { display: flex; min-height: 56px; align-items: center; padding: 14px 18px; border: 1px solid var(--line); border-radius: 20px; color: var(--text); text-decoration: none; font-weight: 900; background: var(--surface); } body.site-theme-dark .hub-card, html.site-theme-dark-init body .hub-card { background: #132238; border-color: #344a65; color: #f7fbff; } body.site-theme-dark .hub-card strong, body.site-theme-dark .hub-card span, html.site-theme-dark-init body .hub-card strong, html.site-theme-dark-init body .hub-card span { color: #f7fbff; -webkit-text-fill-color: #f7fbff; } body.site-theme-dark .hub-card em, html.site-theme-dark-init body .hub-card em { color: #ffca73; -webkit-text-fill-color: #ffca73; } body.site-theme-dark .mobile-nav-list a, html.site-theme-dark-init body .mobile-nav-list a { background: #132238; border-color: #344a65; color: #f7fbff; -webkit-text-fill-color: #f7fbff; } @media (max-width: 980px) { .commercial-grid--editorial, .hub-grid { grid-template-columns: 1fr; } } @media (max-width: 620px) { .hub-card { padding: 16px; border-radius: 18px; } .native-offer--editorial { grid-template-columns: 1fr !important; } } /* v4.13.0: убрать остатки искусственных оценок и технических меток */ .rating-pill{display:none!important} .pick-card__top strong{display:none!important} .pick-card__top{justify-content:flex-start} .category-section .section-head .btn[href*='категории']{display:none!important} /* v4.13.0 — улучшены пользовательские формулировки в навигационном блоке главной */ /* v4.15.0: наполнение главной, компактные полезные материалы и страницы доверия */ .top-picks-card--compact{ min-height:auto !important; } .top-picks-card--compact .section-head{ align-items:center; } .material-link-list{ display:grid; gap:10px; } .material-link{ min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 16px; border-radius:18px; background:var(--surface-2); border:1px solid var(--line); color:var(--text-strong); font-weight:950; line-height:1.35; } .material-link:hover{ border-color:var(--accent); background:var(--accent-soft); transform:translateY(-1px); } .material-link .icon{ flex:0 0 auto; color:var(--accent-2); } .article-link-list--guides{ margin-top:18px; display:grid; gap:10px; } .article-link-list--guides a{ min-height:48px; padding:12px 14px; border-radius:16px; background:var(--surface-2); border:1px solid var(--line); color:var(--text-strong); font-weight:900; display:flex; align-items:center; justify-content:space-between; gap:12px; } .article-link-list--guides a:hover{ background:var(--accent-soft); border-color:var(--accent); } .footer-grid{ grid-template-columns:1.25fr .72fr .72fr .9fr; } .footer-links--trust a{ line-height:1.35; } body.site-theme-dark .material-link, body.site-theme-dark .article-link-list--guides a, html.site-theme-dark-init body .material-link, html.site-theme-dark-init body .article-link-list--guides a{ background:#132033; border-color:#26364d; color:#f4f7fb; } body.site-theme-dark .material-link:hover, body.site-theme-dark .article-link-list--guides a:hover, html.site-theme-dark-init body .material-link:hover, html.site-theme-dark-init body .article-link-list--guides a:hover{ background:#1c2a3e; border-color:var(--accent); } body.site-theme-dark .material-link .icon, body.site-theme-dark .article-link-list--guides .icon, html.site-theme-dark-init body .material-link .icon, html.site-theme-dark-init body .article-link-list--guides .icon{ color:#ffbf59; } @media(max-width:1100px){ .footer-grid{grid-template-columns:1fr 1fr;} } @media(max-width:760px){ .material-link{min-height:50px;font-size:.95rem;} .footer-grid{grid-template-columns:1fr;} } /* v4.15.0 — полировка главной: меньше hero, читабельнее категории, единый стиль карточек */ .hero-copy h1{ font-size:clamp(2.75rem,5.15vw,5.15rem) !important; line-height:1 !important; letter-spacing:-.065em !important; max-width:760px !important; } .hero-section .hero-grid{align-items:center !important;} .category-card strong{ font-size:1.22rem !important; line-height:1.18 !important; letter-spacing:-.025em !important; } .category-card small{ font-size:.96rem !important; line-height:1.65 !important; max-width:31ch !important; } .category-card{ gap:13px !important; } .category-tag{ font-size:.76rem !important; } .latest-section .post-card{ height:100% !important; display:flex !important; flex-direction:column !important; overflow:hidden !important; } .latest-section .post-card__image{ aspect-ratio:16/10 !important; border-bottom:1px solid var(--line) !important; background:linear-gradient(135deg,#eef4f1,#fff3d9) !important; } .latest-section .post-card__image img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center !important; } .latest-section .post-card__body{ display:flex !important; flex-direction:column !important; flex:1 1 auto !important; } .latest-section .post-card .read-link{ margin-top:auto !important; } .info-grid .content-box h2{ letter-spacing:-.035em !important; } .article-link-list--guides a, .material-link-list .material-link{ line-height:1.35 !important; } body.site-theme-dark .latest-section .post-card__image, html.site-theme-dark-init body .latest-section .post-card__image{ background:linear-gradient(135deg,#142438,#1f2d3a) !important; } @media(max-width:1100px){ .hero-copy h1{ font-size:clamp(2.35rem,7.3vw,4.25rem) !important; max-width:820px !important; } } @media(max-width:760px){ .hero-copy h1{ font-size:clamp(2.05rem,9.5vw,3.35rem) !important; line-height:1.03 !important; letter-spacing:-.055em !important; } .category-card strong{font-size:1.16rem !important;} .category-card small{font-size:.94rem !important;line-height:1.6 !important;} .latest-section .post-card__image{aspect-ratio:16/9 !important;} } /* v4.16.0: стабильная 404-страница, поиск и ссылки доверия */ .search-form label{position:relative;display:block;min-width:0;} .search-form__icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);z-index:2;color:var(--muted);width:20px;height:20px;pointer-events:none;} .search-form__icon svg{width:20px;height:20px;display:block;} .search-form .search-field{padding-left:52px;} .not-found-page{min-height:calc(100vh - 360px);padding-top:72px;padding-bottom:72px;} .not-found-wrap{max-width:980px;display:grid;gap:24px;margin-inline:auto;} .not-found-card{max-width:860px;margin-inline:auto;padding:clamp(28px,4vw,48px);display:grid;gap:18px;} .not-found-card h1{margin:0;color:var(--text-strong);font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.045em;} .not-found-card p{max-width:720px;margin:0;color:var(--text);font-size:1.05rem;line-height:1.7;} .not-found-search{margin-top:6px;} .not-found-search .search-form{max-width:760px;margin:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;} .not-found-search .search-submit{white-space:nowrap;} .not-found-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:2px;} .not-found-links{padding:28px;max-width:860px;margin-inline:auto;} .not-found-links h2{margin:0 0 16px;color:var(--text-strong);font-size:1.35rem;} .not-found-links__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;} .not-found-links__grid a{display:flex;align-items:center;justify-content:center;min-height:54px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2);color:var(--text-strong);font-weight:950;text-align:center;} .not-found-links__grid a:hover{border-color:var(--accent);background:var(--accent-soft);} .footer-grid{grid-template-columns:1.15fr .7fr .75fr .95fr;} body.site-theme-dark .not-found-card, body.site-theme-dark .not-found-links{background:var(--surface)!important;color:var(--text)!important;} body.site-theme-dark .not-found-links__grid a{background:var(--surface-2)!important;color:var(--text-strong)!important;} @media(max-width:1100px){.footer-grid{grid-template-columns:1fr 1fr;}} @media(max-width:760px){ .not-found-page{padding-top:42px;padding-bottom:48px;} .not-found-card,.not-found-links{padding:22px;border-radius:24px;} .not-found-search .search-form{grid-template-columns:1fr;} .not-found-search .search-submit{width:100%;} .not-found-links__grid{grid-template-columns:1fr;} } /* v4.17.0: аккуратные пустые рубрики и правильные ссылки разделов */ .archive-container-v417{max-width:1180px!important;margin-inline:auto!important;} .archive-header-v417{padding:clamp(26px,4vw,44px)!important;margin-bottom:22px!important;display:grid!important;gap:12px!important;} .archive-header-v417 .section-kicker{margin:0!important;} .archive-header-v417 h1{margin:0!important;max-width:960px!important;} .archive-header-v417 .archive-description, .archive-header-v417 p{max-width:820px!important;color:var(--muted)!important;line-height:1.7!important;font-weight:650!important;} .archive-empty-v417{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;gap:24px!important;align-items:stretch!important;padding:clamp(24px,3.5vw,38px)!important;margin-top:22px!important;overflow:hidden!important;} .archive-empty-v417__main{display:grid!important;align-content:start!important;gap:14px!important;min-width:0!important;} .archive-empty-v417__main .section-kicker{margin:0!important;} .archive-empty-v417 h2{margin:0!important;color:var(--text-strong)!important;font-size:clamp(1.55rem,2.6vw,2.35rem)!important;line-height:1.12!important;letter-spacing:-.035em!important;} .archive-empty-v417 p{margin:0!important;color:var(--muted)!important;font-size:1.02rem!important;line-height:1.7!important;} .archive-empty-search{margin-top:8px!important;max-width:720px!important;} .archive-empty-search .search-form{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;} .archive-empty-v417__links{border:1px solid var(--line)!important;background:var(--surface-2)!important;border-radius:24px!important;padding:22px!important;min-width:0!important;} .archive-empty-v417__links h3{margin:0 0 14px!important;color:var(--text-strong)!important;font-size:1.2rem!important;line-height:1.2!important;} .archive-empty-v417__links ul{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:10px!important;} .archive-empty-v417__links li{margin:0!important;padding:0!important;} .archive-empty-v417__links a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:50px!important;padding:12px 14px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--surface)!important;color:var(--text-strong)!important;font-weight:900!important;line-height:1.25!important;} .archive-empty-v417__links a:hover{border-color:var(--accent)!important;background:var(--accent-soft)!important;color:var(--text-strong)!important;} .archive-empty-v417__links .icon{flex:0 0 auto!important;color:var(--accent-2)!important;} .empty-state-v417{padding:clamp(24px,3.5vw,38px)!important;display:grid!important;gap:14px!important;margin-top:22px!important;} .empty-state-v417 h2{margin:0!important;color:var(--text-strong)!important;font-size:clamp(1.5rem,2.8vw,2.2rem)!important;line-height:1.15!important;} .empty-state-v417 p{margin:0!important;color:var(--muted)!important;line-height:1.7!important;} .empty-state-v417__search{max-width:740px!important;margin-top:4px!important;} .empty-state-v417__links{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:4px!important;} .empty-state-v417__links a{display:inline-flex!important;align-items:center!important;min-height:42px!important;padding:0 14px!important;border-radius:999px!important;border:1px solid var(--line)!important;background:var(--surface-2)!important;color:var(--text-strong)!important;font-weight:900!important;} body.site-theme-dark .archive-empty-v417__links, html.site-theme-dark-init body .archive-empty-v417__links{background:var(--surface-2)!important;border-color:var(--line)!important;} body.site-theme-dark .archive-empty-v417__links a, html.site-theme-dark-init body .archive-empty-v417__links a{background:var(--surface)!important;color:var(--text-strong)!important;border-color:var(--line)!important;} @media(max-width:900px){ .archive-empty-v417{grid-template-columns:1fr!important;} .archive-empty-search .search-form{grid-template-columns:1fr!important;} .archive-empty-search .search-submit{width:100%!important;} } @media(max-width:760px){ .archive-header-v417,.archive-empty-v417,.empty-state-v417{border-radius:24px!important;} .archive-empty-v417__links{border-radius:20px!important;padding:16px!important;} .archive-empty-v417__links a{min-height:46px!important;font-size:.95rem!important;} } /* v4.20.1 — cookie banner restore, larger desktop menu, feminine author wording support */ .cookie-notice-v418[hidden], .cookie-notice-v418.is-hidden{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } @media (min-width:1101px){ .bg20-header .container.bg20-bar{ width:min(calc(100% - 44px),1580px)!important; max-width:1580px!important; margin-inline:auto!important; padding-left:18px!important; padding-right:18px!important; overflow:visible!important; } .bg20-bar{ display:grid!important; grid-template-columns:minmax(210px,270px) minmax(620px,1fr) max-content!important; gap:18px!important; min-height:84px!important; align-items:center!important; } .bg20-logo__text small{ display:block!important; max-width:180px!important; font-size:.78rem!important; } .bg20-nav{ justify-self:stretch!important; width:100%!important; min-width:0!important; overflow:visible!important; } .bg20-nav ul,.bg20-menu{ width:100%!important; min-width:0!important; max-width:100%!important; padding:7px!important; gap:6px!important; overflow:visible!important; justify-content:center!important; background:rgba(255,253,247,.98)!important; border-color:rgba(31,41,55,.18)!important; } .bg20-nav li{ display:block!important; flex:0 1 auto!important; min-width:0!important; } .bg20-nav a{ min-height:46px!important; padding-inline:clamp(13px,.95vw,21px)!important; font-size:clamp(.92rem,.86vw,1.02rem)!important; font-weight:950!important; letter-spacing:-.01em!important; color:#172033!important; line-height:1.05!important; white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; } .bg20-actions{ gap:14px!important; min-width:max-content!important; max-width:max-content!important; flex-shrink:0!important; overflow:visible!important; } .bg20-cta{ min-height:52px!important; min-width:max-content!important; width:auto!important; max-width:none!important; padding:0 24px!important; font-size:1rem!important; font-weight:950!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:10px!important; overflow:visible!important; } .bg20-cta span{display:inline!important;} .bg20-actions .theme-toggle,.bg20-header .bg20-theme-toggle{ min-width:118px!important; max-width:none!important; } body.site-theme-dark .bg20-nav ul, body.site-theme-dark .bg20-menu, html.site-theme-dark-init body .bg20-nav ul, html.site-theme-dark-init body .bg20-menu{ background:#101d2f!important; border-color:rgba(255,255,255,.18)!important; } body.site-theme-dark .bg20-nav a, html.site-theme-dark-init body .bg20-nav a{ color:#f2f7ff!important; } } @media (min-width:1101px) and (max-width:1360px){ .bg20-header .container.bg20-bar{ width:min(calc(100% - 28px),1360px)!important; padding-left:14px!important; padding-right:14px!important; } .bg20-bar{ grid-template-columns:minmax(170px,220px) minmax(0,1fr) max-content!important; gap:10px!important; } .bg20-logo__text small{display:none!important;} .bg20-nav li{display:block!important;} .bg20-nav a{ padding-inline:clamp(8px,.65vw,12px)!important; font-size:.86rem!important; min-height:44px!important; } .bg20-cta{ min-width:54px!important; width:54px!important; padding:0!important; } .bg20-cta span{display:none!important;} .bg20-actions .theme-toggle,.bg20-header .bg20-theme-toggle{ min-width:108px!important; } } @media (min-width:1101px) and (max-width:1180px){ .bg20-nav a{font-size:.8rem!important;padding-inline:7px!important;} .bg20-actions .theme-toggle,.bg20-header .bg20-theme-toggle{min-width:100px!important;padding-inline:10px!important;} } /* v4.20.1 — restored visible cookie notice */ .cookie-notice-v421{position:fixed;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:2147483000;display:flex;align-items:center;gap:14px;max-width:860px;margin:0 auto;padding:14px 16px;border:1px solid rgba(15,23,42,.14);border-radius:20px;background:#fffaf0;color:#111827;box-shadow:0 22px 70px rgba(15,23,42,.26);font-size:15px;line-height:1.45}.cookie-notice-v421.is-hidden,.cookie-notice-v421[hidden]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.cookie-notice-v421__text{min-width:0;flex:1}.cookie-notice-v421__text strong{display:block;margin:0 0 2px;color:#111827;font-weight:950}.cookie-notice-v421__text p{margin:0!important;color:#374151!important}.cookie-notice-v421__link{color:#111827!important;font-weight:950;text-decoration:none!important;white-space:nowrap}.cookie-notice-v421__button{border:0!important;border-radius:999px!important;background:#ffae36!important;color:#111827!important;font-weight:950!important;padding:11px 18px!important;cursor:pointer!important;white-space:nowrap!important;box-shadow:0 10px 22px rgba(255,174,54,.22)!important}body.site-theme-dark .cookie-notice-v421,html.site-theme-dark-init body .cookie-notice-v421{background:#101c2c!important;border-color:rgba(255,255,255,.16)!important;color:#f8fafc!important}.site-theme-dark .cookie-notice-v421__text strong,.site-theme-dark .cookie-notice-v421__link,html.site-theme-dark-init body .cookie-notice-v421__text strong,html.site-theme-dark-init body .cookie-notice-v421__link{color:#f8fafc!important}.site-theme-dark .cookie-notice-v421__text p,html.site-theme-dark-init body .cookie-notice-v421__text p{color:#dbe4ef!important}@media(max-width:640px){.cookie-notice-v421{display:grid;grid-template-columns:1fr;gap:10px;left:12px;right:12px;bottom:12px;padding:14px}.cookie-notice-v421__link{white-space:normal}.cookie-notice-v421__button{width:100%!important}} /* v4.22.0 — финальная правка: меню, теги, страницы рубрик и расположение disclosure */ @media (min-width:1101px){ .bg20-nav a{font-size:clamp(.95rem,.9vw,1.05rem)!important;} .bg20-nav li:first-child a{padding-inline:clamp(16px,1vw,22px)!important;} } .archive-layout.section-pad{padding-top:clamp(76px,6vw,104px)!important;} .archive-layout .breadcrumbs{margin-bottom:14px!important;} .archive-header-v417, .archive-hub-v418, .archive-howto-v421, .archive-empty-v417{ overflow:visible!important; word-break:normal!important; overflow-wrap:anywhere!important; } .archive-header-v417 h1, .archive-hub-v418 h2, .archive-howto-v421 h2, .archive-empty-v417 h2{ line-height:1.12!important; text-wrap:balance; } .archive-hub-v418__grid a, .archive-empty-v417__links a{ align-items:center!important; min-width:0!important; overflow:visible!important; } .archive-hub-v418__grid a span, .archive-empty-v417__links a span{ min-width:0!important; white-space:normal!important; overflow-wrap:break-word!important; } .tags-list{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:9px!important; min-width:0!important; } .tags-list__label, .tags-list>span:first-child{ display:inline-flex!important; align-items:center!important; min-height:34px!important; padding:0 2px!important; color:var(--muted)!important; font-weight:950!important; font-size:.88rem!important; } .tags-list a, .entry-content .wp-block-tag-cloud a, .tagcloud a{ display:inline-flex!important; align-items:center!important; width:auto!important; max-width:100%!important; min-height:34px!important; padding:7px 12px!important; border-radius:999px!important; border:1px solid var(--line)!important; background:var(--surface-2)!important; color:var(--text-strong)!important; font-size:.86rem!important; font-weight:900!important; line-height:1.1!important; text-decoration:none!important; overflow-wrap:anywhere!important; } .tags-list a:hover, .entry-content .wp-block-tag-cloud a:hover, .tagcloud a:hover{ background:var(--accent-soft)!important; border-color:var(--accent)!important; color:var(--text-strong)!important; } .article-disclosure-v421{ margin:30px 0 0!important; padding:16px 18px!important; border-radius:20px!important; background:var(--surface-2)!important; border:1px solid var(--line)!important; color:var(--muted)!important; box-shadow:var(--shadow-soft)!important; } .article-disclosure-v421 p{margin:0!important;color:var(--muted)!important;font-size:.94rem!important;line-height:1.6!important;} .article-disclosure-v421 strong{color:var(--text-strong)!important;} .article-disclosure-v421 a{color:var(--text-strong)!important;font-weight:950!important;} .article-disclosure-v421 .icon{color:var(--accent-2)!important;} .author-box-v418 + .article-methodology-v421{display:none!important;} body.site-theme-dark .tags-list a, html.site-theme-dark-init body .tags-list a, body.site-theme-dark .entry-content .wp-block-tag-cloud a, html.site-theme-dark-init body .entry-content .wp-block-tag-cloud a, body.site-theme-dark .tagcloud a, html.site-theme-dark-init body .tagcloud a{ background:var(--surface)!important; color:var(--text-strong)!important; border-color:var(--line)!important; } body.site-theme-dark .article-disclosure-v421, html.site-theme-dark-init body .article-disclosure-v421{ background:var(--surface)!important; color:var(--text)!important; border-color:var(--line)!important; } body.site-theme-dark .article-disclosure-v421 p, html.site-theme-dark-init body .article-disclosure-v421 p{color:var(--text)!important;} @media(max-width:760px){ .archive-layout.section-pad{padding-top:54px!important;} .archive-header-v417,.archive-hub-v418,.archive-howto-v421,.archive-empty-v417{padding:22px!important;} .archive-hub-v418__grid{grid-template-columns:1fr!important;} .tags-list a{font-size:.84rem!important;min-height:32px!important;padding:7px 10px!important;} } /* v4.23.0 — правка рубрик и тегов: убираем "плывущий" текст, делаем чипы тегов настоящими кнопками */ .archive-layout.section-pad{ padding-top:clamp(52px,4.5vw,84px)!important; } .archive-container-v417, .archive-layout .container{ width:min(calc(100% - 36px),1180px)!important; max-width:1180px!important; margin-left:auto!important; margin-right:auto!important; min-width:0!important; } .archive-header-v417, .archive-hub-v418, .archive-howto-v421, .archive-empty-v417, .empty-state-v417{ box-sizing:border-box!important; width:100%!important; padding:clamp(24px,3vw,38px)!important; margin-left:auto!important; margin-right:auto!important; overflow:hidden!important; word-break:normal!important; overflow-wrap:normal!important; hyphens:none!important; } .archive-header-v417 .section-kicker, .archive-hub-v418 .section-kicker, .archive-howto-v421 .section-kicker, .archive-empty-v417 .section-kicker, .empty-state-v417 .section-kicker{ letter-spacing:.08em!important; font-size:.76rem!important; line-height:1.2!important; margin-bottom:10px!important; word-spacing:0!important; white-space:normal!important; } .archive-header-v417 h1, .archive-hub-v418 h2, .archive-howto-v421 h2, .archive-empty-v417 h2, .empty-state-v417 h2{ margin-top:0!important; margin-bottom:12px!important; line-height:1.12!important; letter-spacing:-.035em!important; max-width:100%!important; word-break:normal!important; overflow-wrap:break-word!important; hyphens:none!important; } .archive-header-v417 p, .archive-hub-v418 p, .archive-howto-v421 p, .archive-empty-v417 p, .empty-state-v417 p{ max-width:82ch!important; margin-top:0!important; color:var(--muted)!important; line-height:1.65!important; font-weight:650!important; word-break:normal!important; overflow-wrap:normal!important; hyphens:none!important; } .archive-hub-v418__grid{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:12px!important; } .archive-hub-v418__grid a, .archive-empty-v417__links a, .archive-sibling-links a{ box-sizing:border-box!important; min-height:64px!important; padding:15px 16px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; white-space:normal!important; line-height:1.25!important; } .archive-hub-v418__grid a span, .archive-empty-v417__links a span, .archive-sibling-links a span{ display:block!important; min-width:0!important; white-space:normal!important; word-break:normal!important; overflow-wrap:break-word!important; hyphens:none!important; } .single-footer-v423{ display:block!important; margin-top:34px!important; padding-top:22px!important; border-top:1px solid var(--line)!important; } .tags-list, .tags-list-v423, .entry-tags, .post-tags, .tag-links, .tags-links, .taxonomy-post_tag, .wp-block-post-terms.is-style-tags, .wp-block-post-terms.taxonomy-post_tag{ display:flex!important; align-items:flex-start!important; gap:10px!important; flex-wrap:wrap!important; width:100%!important; max-width:100%!important; margin:0 0 14px!important; padding:0!important; white-space:normal!important; line-height:1.2!important; list-style:none!important; } .tags-list__label, .tags-list>span:first-child, .tag-links>span:first-child, .tags-links>span:first-child, .entry-tags>span:first-child, .post-tags>span:first-child{ display:inline-flex!important; align-items:center!important; flex:0 0 auto!important; min-height:36px!important; margin:0!important; padding:0 2px!important; color:var(--muted)!important; font-size:.88rem!important; font-weight:950!important; line-height:1!important; white-space:nowrap!important; } .tags-list__items{ display:flex!important; flex-wrap:wrap!important; gap:8px!important; min-width:0!important; flex:1 1 260px!important; } .tags-list a, .tags-list__chip, .entry-tags a, .post-tags a, .tag-links a, .tags-links a, .taxonomy-post_tag a, .wp-block-post-terms.taxonomy-post_tag a, .entry-content .wp-block-tag-cloud a, .tagcloud a{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; max-width:100%!important; min-height:36px!important; margin:0!important; padding:8px 13px!important; border:1px solid var(--line)!important; border-radius:999px!important; background:var(--surface-2)!important; color:var(--text-strong)!important; font-size:.86rem!important; font-weight:900!important; line-height:1.12!important; text-decoration:none!important; white-space:normal!important; word-break:normal!important; overflow-wrap:break-word!important; hyphens:none!important; box-shadow:none!important; } .tags-list a:hover, .tags-list__chip:hover, .entry-tags a:hover, .post-tags a:hover, .tag-links a:hover, .tags-links a:hover, .taxonomy-post_tag a:hover, .wp-block-post-terms.taxonomy-post_tag a:hover, .entry-content .wp-block-tag-cloud a:hover, .tagcloud a:hover{ border-color:var(--accent)!important; background:var(--accent-soft)!important; color:var(--text-strong)!important; text-decoration:none!important; } .tags-list a::before, .tags-list__chip::before, .entry-tags a::before, .post-tags a::before, .tag-links a::before, .tags-links a::before, .taxonomy-post_tag a::before, .wp-block-post-terms.taxonomy-post_tag a::before{ content:'#'; opacity:.58; margin-right:2px; font-weight:950; } .share-note{ margin-top:12px!important; color:var(--muted)!important; font-weight:750!important; line-height:1.55!important; } body.site-theme-dark .archive-header-v417, body.site-theme-dark .archive-hub-v418, body.site-theme-dark .archive-howto-v421, body.site-theme-dark .archive-empty-v417, html.site-theme-dark-init body .archive-header-v417, html.site-theme-dark-init body .archive-hub-v418, html.site-theme-dark-init body .archive-howto-v421, html.site-theme-dark-init body .archive-empty-v417{ background:var(--surface)!important; color:var(--text)!important; border-color:var(--line)!important; } body.site-theme-dark .tags-list a, body.site-theme-dark .tags-list__chip, body.site-theme-dark .entry-tags a, body.site-theme-dark .post-tags a, body.site-theme-dark .tag-links a, body.site-theme-dark .tags-links a, body.site-theme-dark .taxonomy-post_tag a, body.site-theme-dark .wp-block-post-terms.taxonomy-post_tag a, html.site-theme-dark-init body .tags-list a, html.site-theme-dark-init body .tags-list__chip, html.site-theme-dark-init body .entry-tags a, html.site-theme-dark-init body .post-tags a, html.site-theme-dark-init body .tag-links a, html.site-theme-dark-init body .tags-links a, html.site-theme-dark-init body .taxonomy-post_tag a, html.site-theme-dark-init body .wp-block-post-terms.taxonomy-post_tag a{ background:var(--surface-2)!important; color:var(--text-strong)!important; border-color:var(--line)!important; } @media(max-width:900px){ .archive-hub-v418__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media(max-width:760px){ .archive-layout.section-pad{padding-top:38px!important;} .archive-container-v417,.archive-layout .container{width:min(calc(100% - 24px),1180px)!important;} .archive-header-v417,.archive-hub-v418,.archive-howto-v421,.archive-empty-v417,.empty-state-v417{padding:20px!important;border-radius:24px!important;} .archive-header-v417 h1{font-size:clamp(2.05rem,12vw,3.4rem)!important;} .archive-hub-v418__grid{grid-template-columns:1fr!important;} .tags-list,.tags-list-v423,.entry-tags,.post-tags,.tag-links,.tags-links,.taxonomy-post_tag{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;} .tags-list__items{flex:unset!important;width:100%!important;} .tags-list__label,.tags-list>span:first-child{min-height:auto!important;} .tags-list a,.tags-list__chip,.entry-tags a,.post-tags a,.tag-links a,.tags-links a,.taxonomy-post_tag a{justify-content:flex-start!important;min-height:34px!important;font-size:.84rem!important;} } /* v4.24.0 — Guides media hub based on research */ .guides-hub-page{overflow:hidden}.guides-hub-container{display:grid;gap:28px}.guides-hub-page :where(h1,h2,h3,p,li,a,span,small,strong){letter-spacing:normal;word-spacing:normal;text-wrap:pretty}.guides-hero-v424{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:28px;align-items:stretch;padding:clamp(28px,5vw,56px);position:relative;overflow:hidden}.guides-hero-v424:before{content:"";position:absolute;inset:-30% -10% auto 45%;height:360px;background:radial-gradient(circle,rgba(255,184,76,.25),transparent 62%);pointer-events:none}.guides-hero-v424__content,.guides-hero-v424__panel{position:relative;z-index:1}.guides-hero-v424 h1{max-width:900px;margin:0 0 18px;color:var(--text-strong);font-size:clamp(2.35rem,5vw,5rem);line-height:1.02;letter-spacing:-.055em!important}.guides-hero-v424 p{max-width:850px;color:var(--muted);font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.75;font-weight:680}.guides-hero-v424__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.guides-hero-v424__panel{border-radius:26px;background:linear-gradient(145deg,#0d1724,#182232);color:#eef5ff;padding:24px;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-card);display:grid;align-content:center}.guides-hero-v424__panel h2{margin:0 0 16px;color:#fff;font-size:1.35rem;line-height:1.15}.guides-hero-v424__panel ol{list-style:none;margin:0;padding:0;display:grid;gap:14px}.guides-hero-v424__panel li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start}.guides-hero-v424__panel li strong{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:var(--accent);color:#101827}.guides-hero-v424__panel li span{color:#d7e2f1;line-height:1.55;font-weight:700}.guides-search-v424{padding:18px 22px;border-radius:28px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.guides-search-v424 form{display:grid;gap:10px}.guides-search-v424 label{color:var(--text-strong);font-weight:950}.guides-search-v424__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.guides-search-v424 input{min-height:54px;border-radius:18px;border:1px solid var(--line);background:var(--surface-2);color:var(--text-strong);padding:0 18px;font-weight:800}.guides-search-v424 input::placeholder{color:var(--muted)}.guides-search-v424 button{min-height:54px;border:0;border-radius:18px;background:var(--accent);color:#111827;font-weight:950;padding:0 24px;cursor:pointer}.guide-start-v424,.guide-routes-v424,.guide-decision-v424,.latest-guides-v424,.guide-faq-v424{display:grid;gap:18px}.guide-start-v424__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.guide-start-card-v424{min-height:178px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);padding:22px;color:var(--text);display:grid;gap:10px;align-content:start}.guide-start-card-v424:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);color:var(--text)}.guide-start-card-v424>span{display:flex;align-items:center;justify-content:center;width:36px;height:32px;border-radius:12px;background:var(--blue-soft);color:var(--blue);font-weight:950}.guide-start-card-v424 strong{color:var(--text-strong);font-size:1.12rem;line-height:1.2}.guide-start-card-v424 small{color:var(--muted);font-weight:700;line-height:1.55}.guide-routes-v424__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-route-card-v424{padding:24px;display:grid;gap:14px}.guide-route-card-v424__top{display:flex;align-items:center;gap:14px}.guide-route-card-v424__icon{width:54px;height:54px;border-radius:18px;background:var(--accent-soft);color:var(--accent-2);display:flex;align-items:center;justify-content:center}.guide-route-card-v424__icon .icon{width:28px;height:28px}.guide-route-card-v424 h3{margin:0;color:var(--text-strong);font-size:1.35rem;line-height:1.15}.guide-route-card-v424 p{margin:0;color:var(--muted);line-height:1.65;font-weight:650}.guide-route-card-v424 ul{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:10px}.guide-route-card-v424 a{min-height:44px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line);padding:10px 12px;color:var(--text-strong);font-weight:900;display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-route-card-v424 a:hover{background:var(--accent-soft);border-color:var(--accent)}.guide-decision-v424__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-decision-card-v424{min-height:180px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);padding:20px;display:grid;gap:10px;align-content:start;color:var(--text)}.guide-decision-card-v424 strong{color:var(--text-strong);font-size:1.08rem;line-height:1.25}.guide-decision-card-v424 span{color:var(--muted);line-height:1.55;font-weight:700}.guide-decision-card-v424 em{margin-top:auto;color:var(--accent-2);font-style:normal;font-weight:950;display:flex;align-items:center;gap:8px}.guide-decision-card-v424:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);color:var(--text)}.guide-topics-v424{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:26px;align-items:center;padding:30px}.guide-topics-v424__head h2{margin:0 0 12px;color:var(--text-strong);font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.1}.guide-topics-v424__head p{margin:0;color:var(--muted);font-weight:650;line-height:1.65}.guide-topics-v424__links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.guide-topics-v424__links a{min-height:118px;border-radius:22px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;text-align:center;gap:8px;color:var(--text-strong);font-weight:950;padding:14px}.guide-topics-v424__links .icon{width:28px;height:28px;color:var(--accent-2)}.guide-topics-v424__links a:hover{background:var(--accent-soft);border-color:var(--accent)}.guides-empty-v424{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.45fr);gap:24px;padding:28px}.guides-empty-v424 h3{margin:0 0 12px;color:var(--text-strong);font-size:1.6rem;line-height:1.15}.guides-empty-v424 p{margin:0 0 18px;color:var(--muted);line-height:1.7}.guides-empty-v424 aside{border-radius:22px;background:var(--surface-2);border:1px solid var(--line);padding:20px}.guides-empty-v424 h4{margin:0 0 12px;color:var(--text-strong)}.guides-empty-v424 ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.75;font-weight:700}.guides-nearby-v424{margin-top:24px}.guides-nearby-v424 h3{margin:0 0 16px;color:var(--text-strong)}.guide-method-v424{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:28px;background:linear-gradient(135deg,var(--surface),var(--surface-2))}.guide-method-v424 h2{margin:0 0 10px;color:var(--text-strong);font-size:1.9rem;line-height:1.1}.guide-method-v424 p{margin:0;color:var(--muted);line-height:1.7;font-weight:680}.guide-faq-v424{max-width:980px}.guide-faq-v424 h2{margin:0;color:var(--text-strong);font-size:2rem;line-height:1.1}.guide-faq-v424 details{border:1px solid var(--line);background:var(--surface);border-radius:20px;overflow:hidden}.guide-faq-v424 summary{cursor:pointer;list-style:none;padding:18px 20px;color:var(--text-strong);font-weight:950}.guide-faq-v424 summary::-webkit-details-marker{display:none}.guide-faq-v424 details p{margin:0;padding:0 20px 18px;color:var(--muted);line-height:1.7}.guides-post-grid-v424 .post-card{min-height:100%} /* v4.24.0 — final readability safeguards */ .archive-layout :where(h1,h2,h3,p,li,a,span,small,strong),.single-layout :where(h1,h2,h3,p,li,a,span,small,strong){word-spacing:normal!important;letter-spacing:normal;overflow-wrap:break-word}.archive-layout .section-kicker,.single-layout .section-kicker{letter-spacing:.16em!important}.archive-header-v417 h1,.archive-howto-v421 h2,.archive-empty-v417 h2{line-height:1.08!important;letter-spacing:-.035em!important}.archive-hub-v418__grid a{line-height:1.25!important;white-space:normal!important;min-height:72px}.tags-list-v423{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;width:100%;margin-top:22px}.tags-list-v423 .tags-list__label{flex:0 0 auto;color:var(--muted);font-weight:950;line-height:34px}.tags-list-v423 .tags-list__items{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.tags-list-v423 .tags-list__chip{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--text-strong)!important;padding:0 12px;font-size:.86rem;font-weight:900;line-height:1;white-space:normal;max-width:100%;overflow-wrap:anywhere}.entry-content :where(.wp-block-tag-cloud,.tagcloud){display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important}.entry-content :where(.wp-block-tag-cloud a,.tagcloud a){display:inline-flex!important;border:1px solid var(--line)!important;border-radius:999px!important;background:var(--surface-2)!important;color:var(--text-strong)!important;padding:7px 12px!important;font-size:.88rem!important;font-weight:900!important;text-decoration:none!important;line-height:1!important}.post-card__body h2,.post-card__body h3{letter-spacing:-.02em!important;line-height:1.18!important}.post-card__body p{line-height:1.55!important}.single-article .article-disclosure-v421{margin-top:32px!important;margin-bottom:18px!important}.single-article .author-box-v418__label:after{content:""}.single-article .author-box-v418__label{font-weight:950}.bg20-nav a{font-size:.9rem!important;font-weight:950!important;letter-spacing:.005em!important}.bg20-nav ul,.bg20-menu{overflow:hidden}.bg20-cta{white-space:nowrap}.search-toggle{flex:0 0 auto}.theme-toggle{flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:999px;font-weight:950;text-decoration:none}.btn-primary{background:var(--accent);color:#111827!important}.btn-ghost{background:var(--surface);border:1px solid var(--line);color:var(--text-strong)!important} body.site-theme-dark .guides-hero-v424__panel,html.site-theme-dark-init body .guides-hero-v424__panel{background:linear-gradient(145deg,#0d1724,#182232)}body.site-theme-dark .guides-search-v424 input,html.site-theme-dark-init body .guides-search-v424 input{background:#111e2e;color:#f8fbff;border-color:#2c3b50}body.site-theme-dark .guides-search-v424 input::placeholder,html.site-theme-dark-init body .guides-search-v424 input::placeholder{color:#9fb0c5}body.site-theme-dark .guide-route-card-v424 a,html.site-theme-dark-init body .guide-route-card-v424 a,body.site-theme-dark .guide-decision-card-v424,html.site-theme-dark-init body .guide-decision-card-v424,body.site-theme-dark .guide-start-card-v424,html.site-theme-dark-init body .guide-start-card-v424,body.site-theme-dark .guide-topics-v424__links a,html.site-theme-dark-init body .guide-topics-v424__links a{background:#111e2e;border-color:#26364b;color:#f8fbff!important}body.site-theme-dark .guide-decision-card-v424 span,html.site-theme-dark-init body .guide-decision-card-v424 span,body.site-theme-dark .guide-route-card-v424 p,html.site-theme-dark-init body .guide-route-card-v424 p,body.site-theme-dark .guide-start-card-v424 small,html.site-theme-dark-init body .guide-start-card-v424 small{color:#cbd7e7!important}body.site-theme-dark .guide-method-v424,html.site-theme-dark-init body .guide-method-v424{background:linear-gradient(135deg,#101b2b,#132237)} @media (max-width:1180px){.guides-hero-v424{grid-template-columns:1fr}.guide-start-v424__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-routes-v424__grid{grid-template-columns:1fr}.guide-decision-v424__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-topics-v424{grid-template-columns:1fr}.guide-topics-v424__links{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:760px){.guides-hub-container{gap:20px}.guides-hero-v424{padding:24px;border-radius:28px}.guides-hero-v424 h1{font-size:clamp(2rem,11vw,3.2rem);letter-spacing:-.045em!important}.guides-hero-v424__actions .btn{width:100%}.guides-search-v424__row{grid-template-columns:1fr}.guides-search-v424 button{width:100%}.guide-start-v424__grid,.guide-decision-v424__grid,.guide-topics-v424__links{grid-template-columns:1fr}.guides-empty-v424{grid-template-columns:1fr}.guide-method-v424{grid-template-columns:1fr}.guide-topics-v424{padding:22px}.guide-topics-v424__links a{min-height:84px;grid-template-columns:auto 1fr;text-align:left;justify-content:start;place-items:center start}.bg20-nav{display:none!important}.bg20-logo__text small{display:none}.bg20-actions{gap:8px}.bg20-cta{display:none!important}.theme-toggle{min-height:44px;padding:0 8px;gap:6px}.theme-toggle__track{width:54px}.theme-toggle__icon{font-size:.9rem}.guides-hub-page .section-head{align-items:flex-start}.tags-list-v423{display:grid;gap:10px}.tags-list-v423 .tags-list__label{line-height:1.2}.tags-list-v423 .tags-list__chip{font-size:.82rem}.archive-hub-v418__grid{grid-template-columns:1fr!important}.archive-hub-v418__grid a{min-height:56px!important}.archive-empty-v417{grid-template-columns:1fr!important}.single-article{padding-inline:18px!important}.entry-content :where(table){font-size:.92rem}} /* v5.0.3 — full-width smart-home hero rebuild */ .home-hero-full-v503{ position:relative; min-height:clamp(620px, calc(100vh - 78px), 860px); overflow:hidden; isolation:isolate; background:#050c16; color:#f8fbff; display:flex; align-items:center; border-bottom:1px solid rgba(255,255,255,.08); } .home-hero-full-v503__media, .home-hero-full-v503__media img{ position:absolute; inset:0; width:100%; height:100%; display:block; } .home-hero-full-v503__media img{ object-fit:cover; object-position:center center; z-index:-3; } .home-hero-full-v503__shade{ position:absolute; inset:0; z-index:-2; background: radial-gradient(circle at 76% 18%, rgba(255,180,68,.22), transparent 34%), linear-gradient(90deg, rgba(5,12,22,.96) 0%, rgba(5,12,22,.9) 39%, rgba(5,12,22,.54) 60%, rgba(5,12,22,.16) 100%); pointer-events:none; } .home-hero-full-v503__content{ position:relative; z-index:1; width:100%; padding-top:clamp(72px,7vw,120px); padding-bottom:clamp(72px,7vw,120px); } .home-hero-full-v503__badge{ display:inline-flex; align-items:center; gap:9px; min-height:38px; padding:0 16px; border-radius:999px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.08); backdrop-filter:blur(14px); color:#fff; font-weight:950; font-size:.9rem; line-height:1; box-shadow:0 16px 40px rgba(0,0,0,.18); } .home-hero-full-v503__badge .icon{color:var(--accent);width:19px;height:19px;} .home-hero-full-v503 h1{ margin:24px 0 18px; max-width:720px; color:#fff!important; font-size:clamp(3rem,6.2vw,6.2rem); line-height:.96; letter-spacing:-.075em; text-wrap:balance; text-shadow:0 22px 70px rgba(0,0,0,.42); } .home-hero-full-v503__lead{ max-width:680px; margin:0; color:#e6edf7; font-size:clamp(1.04rem,1.55vw,1.32rem); line-height:1.72; font-weight:650; text-shadow:0 16px 45px rgba(0,0,0,.42); } .home-hero-full-v503__lead strong{color:#ffb340;font-weight:950;} .home-hero-full-v503__chips{ margin-top:28px; display:flex; flex-wrap:wrap; gap:10px; max-width:720px; } .home-hero-full-v503__chips span{ display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 14px; border-radius:999px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.09); color:#fff; font-weight:900; font-size:.9rem; backdrop-filter:blur(12px); } .home-hero-full-v503__actions{ margin-top:32px; display:flex; flex-wrap:wrap; gap:14px; } .home-hero-full-v503__actions .btn{ min-height:58px; padding:0 28px; font-size:1rem; box-shadow:0 18px 46px rgba(0,0,0,.24); } .home-hero-full-v503__actions .btn-primary{ background:linear-gradient(135deg,var(--accent),#ff9e31)!important; color:#111827!important; border:0!important; } .home-hero-full-v503__actions .btn-ghost{ background:rgba(255,255,255,.08)!important; color:#fff!important; border:1px solid rgba(255,255,255,.36)!important; backdrop-filter:blur(12px); } .home-hero-full-v503__actions .btn-ghost:hover{ background:rgba(255,255,255,.16)!important; border-color:rgba(255,255,255,.52)!important; } .home-hero-full-v503 + .journey-section{padding-top:clamp(38px,5vw,70px);} body.site-theme-dark .home-hero-full-v503, html.site-theme-dark-init body .home-hero-full-v503{border-bottom-color:rgba(255,255,255,.1)} @media(max-width:1180px){ .home-hero-full-v503{min-height:680px;} .home-hero-full-v503 h1{font-size:clamp(2.8rem,7.2vw,5.2rem);max-width:650px;} .home-hero-full-v503__lead{max-width:620px;} } @media(max-width:760px){ .home-hero-full-v503{min-height:620px;align-items:flex-end;} .home-hero-full-v503__media img{object-position:center center;} .home-hero-full-v503__shade{background:linear-gradient(180deg, rgba(5,12,22,.72) 0%, rgba(5,12,22,.94) 44%, rgba(5,12,22,.98) 100%);} .home-hero-full-v503__content{padding-top:88px;padding-bottom:42px;} .home-hero-full-v503 h1{margin-top:18px;font-size:clamp(2.45rem,12vw,3.7rem);line-height:.98;letter-spacing:-.06em;max-width:100%;} .home-hero-full-v503__lead{font-size:1rem;line-height:1.65;max-width:100%;} .home-hero-full-v503__chips{margin-top:20px;gap:8px;} .home-hero-full-v503__chips span{min-height:34px;padding:0 11px;font-size:.82rem;} .home-hero-full-v503__actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px;} .home-hero-full-v503__actions .btn{width:100%;min-height:54px;font-size:.96rem;} .home-hero-full-v503 + .journey-section{padding-top:32px;} } @media(max-width:430px){ .home-hero-full-v503{min-height:660px;} .home-hero-full-v503__badge{font-size:.78rem;min-height:34px;padding:0 12px;} .home-hero-full-v503__chips span{font-size:.78rem;} } /* v5.0.4 — technical hero layout fix: safe container, softer overlay, readable header */ html,body{max-width:100%;overflow-x:hidden} .home-hero-full-v503{ width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; min-height:clamp(560px,78vh,820px)!important; display:flex!important; align-items:center!important; overflow:hidden!important; } .home-hero-full-v503__media, .home-hero-full-v503__media img{ width:100%!important; max-width:none!important; } .home-hero-full-v503__media img{ object-fit:cover!important; object-position:center center!important; filter:saturate(1.04) brightness(1.08)!important; } .home-hero-full-v503__shade{ background: radial-gradient(circle at 76% 18%, rgba(255,180,68,.16), transparent 36%), linear-gradient(90deg, rgba(5,12,22,.86) 0%, rgba(5,12,22,.62) 38%, rgba(5,12,22,.18) 72%, rgba(5,12,22,.08) 100%)!important; } .home-hero-full-v503__content.container{ width:min(1180px, calc(100% - 40px))!important; max-width:1180px!important; margin-left:auto!important; margin-right:auto!important; padding:clamp(60px,7vw,96px) 0 clamp(60px,7vw,96px)!important; box-sizing:border-box!important; left:auto!important; right:auto!important; transform:none!important; } .home-hero-full-v503__content > *{ max-width:min(720px,100%)!important; } .home-hero-full-v503 h1{ font-size:clamp(42px,6vw,86px)!important; line-height:.95!important; letter-spacing:-.065em!important; max-width:720px!important; margin:22px 0 18px!important; overflow-wrap:normal!important; word-break:normal!important; hyphens:none!important; text-wrap:balance!important; } .home-hero-full-v503__lead{ max-width:680px!important; font-size:clamp(1rem,1.35vw,1.2rem)!important; line-height:1.68!important; } .home-hero-full-v503__badge{ max-width:max-content!important; } .home-hero-full-v503__chips{ max-width:720px!important; gap:10px!important; } .home-hero-full-v503__chips span{ min-height:40px!important; padding:0 15px!important; font-size:.92rem!important; } .home-hero-full-v503__actions{ margin-top:30px!important; max-width:720px!important; gap:14px!important; } .home-hero-full-v503__actions .btn{ min-height:52px!important; padding:0 28px!important; font-size:16px!important; border-radius:999px!important; } .bg20-header{ background:rgba(255,255,255,.92)!important; backdrop-filter:saturate(150%) blur(14px)!important; -webkit-backdrop-filter:saturate(150%) blur(14px)!important; border-bottom:1px solid rgba(15,23,42,.08)!important; } body.site-theme-dark .bg20-header, html.site-theme-dark-init body .bg20-header{ background:rgba(6,13,24,.92)!important; border-bottom-color:rgba(255,255,255,.12)!important; } .bg20-bar{min-height:76px!important;grid-template-columns:260px minmax(0,1fr) auto!important;gap:16px!important} .bg20-nav ul,.bg20-menu{padding:6px!important;overflow:visible!important} .bg20-nav a{font-size:15px!important;font-weight:800!important;padding:0 16px!important;min-height:42px!important;color:var(--text-strong)!important} body.site-theme-dark .bg20-nav a, html.site-theme-dark-init body .bg20-nav a{color:#edf5ff!important} .bg21-search-toggle{width:46px!important;height:46px!important;min-width:46px!important} .bg20-cta{min-height:48px!important;padding:0 22px!important;font-size:15px!important} @media(max-width:1366px){ .bg20-bar{grid-template-columns:230px minmax(0,1fr) auto!important;gap:12px!important} .bg20-logo__mark{width:48px!important;height:48px!important;flex-basis:48px!important} .bg20-logo__text strong{font-size:1.08rem!important} .bg20-logo__text small{max-width:150px!important} .bg20-nav a{font-size:14px!important;padding:0 12px!important} .bg20-cta{padding:0 18px!important;font-size:14px!important} } @media(max-width:1180px){ .home-hero-full-v503{min-height:clamp(560px,78vh,740px)!important} .home-hero-full-v503__content.container{width:min(100% - 36px, 1040px)!important} .home-hero-full-v503 h1{font-size:clamp(40px,6.6vw,74px)!important;max-width:650px!important} .home-hero-full-v503__lead{max-width:610px!important} } @media(max-width:1100px){ .bg20-bar{display:flex!important;justify-content:space-between!important;min-height:74px!important} } @media(max-width:760px){ .home-hero-full-v503{ min-height:clamp(560px,88vh,720px)!important; align-items:flex-end!important; } .home-hero-full-v503__media img{ object-position:58% center!important; filter:saturate(1.04) brightness(1)!important; } .home-hero-full-v503__shade{ background: linear-gradient(180deg, rgba(5,12,22,.28) 0%, rgba(5,12,22,.76) 42%, rgba(5,12,22,.94) 100%), linear-gradient(90deg, rgba(5,12,22,.78), rgba(5,12,22,.22))!important; } .home-hero-full-v503__content.container{ width:min(100% - 28px, 760px)!important; padding:92px 0 42px!important; } .home-hero-full-v503 h1{ font-size:clamp(34px,11vw,48px)!important; line-height:1!important; letter-spacing:-.05em!important; margin:18px 0 14px!important; } .home-hero-full-v503__lead{font-size:1rem!important;line-height:1.6!important} .home-hero-full-v503__chips{gap:8px!important;margin-top:20px!important} .home-hero-full-v503__chips span{min-height:34px!important;padding:0 11px!important;font-size:.82rem!important} .home-hero-full-v503__actions{display:grid!important;grid-template-columns:1fr!important;margin-top:22px!important} .home-hero-full-v503__actions .btn{width:100%!important;min-height:52px!important;font-size:.96rem!important} } @media(max-width:430px){ .home-hero-full-v503{min-height:640px!important} .home-hero-full-v503__content.container{width:min(100% - 24px,430px)!important;padding-bottom:34px!important} .home-hero-full-v503__badge{font-size:.78rem!important;min-height:34px!important;padding:0 12px!important} } /* v5.0.5 — hero composition polish: higher banner, safer crop, softer right side, calmer lower cards */ .home-hero-full-v503{ min-height:clamp(620px,82vh,860px)!important; padding-bottom:120px!important; isolation:isolate!important; } .home-hero-full-v503__media, .home-hero-full-v503__media img{ inset:0!important; } .home-hero-full-v503__media img{ height:100%!important; object-fit:cover!important; object-position:62% center!important; filter:saturate(1.05) brightness(1.12)!important; } .home-hero-full-v503__shade{ background: radial-gradient(circle at 78% 22%, rgba(255,180,68,.18), transparent 36%), linear-gradient(90deg, rgba(5,12,22,.88) 0%, rgba(5,12,22,.70) 34%, rgba(5,12,22,.25) 62%, rgba(5,12,22,.08) 100% )!important; } .home-hero-full-v503__content.container{ width:min(1180px, calc(100% - 48px))!important; max-width:1180px!important; padding-top:clamp(70px,8vw,110px)!important; padding-bottom:clamp(84px,9vw,130px)!important; } .home-hero-full-v503 h1{ font-size:clamp(42px,5.6vw,82px)!important; max-width:700px!important; } .home-hero-full-v503__lead{ max-width:650px!important; } .home-hero-full-v503__actions .btn{ min-height:54px!important; padding-left:30px!important; padding-right:30px!important; } .home-hero-full-v503 + .journey-section{ margin-top:-74px!important; padding-top:0!important; position:relative!important; z-index:5!important; } .home-hero-full-v503 + .journey-section .journey-card{ box-shadow:0 26px 80px rgba(15,23,42,.14)!important; } .category-card--guide small, .category-card--articles small{ line-height:1.45!important; } @media(max-width:1366px){ .home-hero-full-v503{ min-height:clamp(590px,80vh,790px)!important; padding-bottom:104px!important; } .home-hero-full-v503__media img{object-position:60% center!important} .home-hero-full-v503__content.container{width:min(1120px, calc(100% - 44px))!important} .home-hero-full-v503 h1{font-size:clamp(42px,5.8vw,74px)!important;max-width:650px!important} } @media(max-width:1100px){ .home-hero-full-v503{ min-height:clamp(620px,84vh,760px)!important; padding-bottom:92px!important; } .home-hero-full-v503__media img{object-position:64% center!important} .home-hero-full-v503 + .journey-section{margin-top:-54px!important} } @media(max-width:760px){ .home-hero-full-v503{ min-height:clamp(660px,92vh,780px)!important; padding-bottom:48px!important; align-items:flex-end!important; } .home-hero-full-v503__media img{ object-position:68% center!important; filter:saturate(1.04) brightness(1.06)!important; } .home-hero-full-v503__shade{ background: linear-gradient(180deg, rgba(5,12,22,.18) 0%, rgba(5,12,22,.62) 38%, rgba(5,12,22,.94) 100%), linear-gradient(90deg, rgba(5,12,22,.72), rgba(5,12,22,.16))!important; } .home-hero-full-v503__content.container{ width:min(100% - 28px,760px)!important; padding-top:108px!important; padding-bottom:54px!important; } .home-hero-full-v503 h1{ font-size:clamp(34px,10.8vw,48px)!important; max-width:100%!important; } .home-hero-full-v503 + .journey-section{ margin-top:0!important; padding-top:28px!important; } } @media(max-width:430px){ .home-hero-full-v503{min-height:700px!important} .home-hero-full-v503__media img{object-position:70% center!important} .home-hero-full-v503__content.container{width:min(100% - 24px,430px)!important;padding-bottom:44px!important} } /* v5.0.6 — точечная доводка hero: кадрирование, мягкий правый градиент, больше воздуха до карточек */ .home-hero-full-v503__media img{ object-position:center 48%!important; } .home-hero-full-v503__shade{ background: radial-gradient(circle at 78% 22%, rgba(255,180,68,.12), transparent 36%), linear-gradient( 90deg, rgba(5, 12, 22, .88) 0%, rgba(5, 12, 22, .68) 34%, rgba(5, 12, 22, .18) 62%, rgba(5, 12, 22, .03) 100% )!important; } .home-hero-full-v503 + .journey-section{ margin-top:-45px!important; } .category-card--fridge small, .category-card--upright_vacuum small, .category-card--guide small{ font-size:.9rem!important; line-height:1.42!important; } @media(max-width:1366px){ .home-hero-full-v503__media img{object-position:center 48%!important;} .home-hero-full-v503 + .journey-section{margin-top:-45px!important;} } @media(max-width:1100px){ .home-hero-full-v503__media img{object-position:center 48%!important;} .home-hero-full-v503 + .journey-section{margin-top:-40px!important;} } @media(max-width:760px){ .home-hero-full-v503__media img{object-position:center 48%!important;} .home-hero-full-v503__shade{ background: linear-gradient(180deg, rgba(5,12,22,.16) 0%, rgba(5,12,22,.58) 38%, rgba(5,12,22,.92) 100%), linear-gradient(90deg, rgba(5,12,22,.70), rgba(5,12,22,.12))!important; } .home-hero-full-v503 + .journey-section{ margin-top:0!important; padding-top:30px!important; } } /* v5.0.7 — final visual polish: wider category cards, clean hero labels, softer hero, uncropped article images */ .home-hero-full-v503__shade{ background: radial-gradient(circle at 78% 22%, rgba(255,180,68,.10), transparent 36%), linear-gradient( 90deg, rgba(5, 12, 22, .88) 0%, rgba(5, 12, 22, .66) 34%, rgba(5, 12, 22, .12) 62%, rgba(5, 12, 22, .01) 100% )!important; } .home-hero-full-v503__labels{ position:absolute; inset:0; z-index:0; pointer-events:none; } .home-hero-full-v503__label{ position:absolute; display:inline-flex; align-items:center; gap:10px; min-width:150px; padding:10px 13px; border:1px solid rgba(255,255,255,.22); border-radius:14px; background:rgba(8,15,26,.58); color:#fff; box-shadow:0 18px 44px rgba(0,0,0,.22); backdrop-filter:blur(12px); transform:translate(-50%,-50%); } .home-hero-full-v503__label .icon{ flex:0 0 auto; width:25px; height:25px; color:#b7e7ff; } .home-hero-full-v503__label strong, .home-hero-full-v503__label small{ display:block; white-space:nowrap; line-height:1.12; } .home-hero-full-v503__label strong{ font-size:.92rem; font-weight:950; letter-spacing:.01em; } .home-hero-full-v503__label small{ margin-top:3px; color:rgba(255,255,255,.72); font-size:.72rem; font-weight:800; } .home-hero-full-v503__label--fridge{left:56.5%;top:41.5%;} .home-hero-full-v503__label--climate{left:92.5%;top:25%;} .home-hero-full-v503__label--robot{left:74%;top:88%;} .category-grid{ grid-template-columns:repeat(auto-fit,minmax(178px,1fr))!important; gap:18px!important; } .category-card{ min-width:0!important; padding:20px 18px!important; } .category-card strong, .home-zone-card__title, .home-zone-card h3{ word-break:normal!important; overflow-wrap:normal!important; hyphens:none!important; -webkit-hyphens:none!important; text-wrap:balance; } .category-card strong{ font-size:clamp(1rem,.92vw,1.12rem)!important; line-height:1.18!important; } .category-card small{ font-size:.93rem!important; line-height:1.48!important; max-width:24ch!important; } .category-card--fridge small, .category-card--upright_vacuum small, .category-card--guide small{ font-size:.93rem!important; line-height:1.46!important; } .post-card__placeholder-image{ width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; display:block!important; } .single-featured-image{ overflow:visible!important; background:transparent!important; } .single-featured-image img{ width:100%!important; height:auto!important; max-height:none!important; object-fit:contain!important; object-position:center!important; border-radius:24px!important; border:1px solid var(--line)!important; box-shadow:var(--shadow-soft)!important; } .entry-content .wp-block-image, .entry-content figure.wp-block-image{ overflow:visible!important; } .entry-content img:not(.emoji):not(.wp-smiley), .entry-content figure img, .entry-content .wp-block-image img{ height:auto!important; max-height:none!important; object-fit:contain!important; object-position:center!important; aspect-ratio:auto!important; } .entry-content .wp-block-image.size-full img, .entry-content .wp-block-image .size-full, .entry-content figure.size-full img{ width:auto!important; max-width:100%!important; } @media(min-width:1180px){ .category-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;} } @media(max-width:1366px){ .home-hero-full-v503__label--fridge{left:58%;top:42%;} .home-hero-full-v503__label--climate{left:91%;top:25%;} .home-hero-full-v503__label--robot{left:75%;top:88%;} } @media(max-width:1100px){ .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;} .home-hero-full-v503__labels{display:none!important;} } @media(max-width:760px){ .category-grid{grid-template-columns:1fr!important;} .category-card{padding:20px!important;} .category-card small{max-width:34ch!important;} .single-featured-image img{border-radius:18px!important;} } /* v5.0.8 — mobile polish: no horizontal clipping, compact phone layout, cleaner hero */ .bg20-nav ul, .bg20-menu{ overflow:visible!important; } .bg20-nav a{ white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; padding-inline:12px!important; } .home-hero-full-v503__labels{ display:none!important; } .home-hero-full-v503__shade{ background: radial-gradient(circle at 78% 22%, rgba(255,180,68,.08), transparent 36%), linear-gradient( 90deg, rgba(5,12,22,.88) 0%, rgba(5,12,22,.64) 34%, rgba(5,12,22,.10) 62%, rgba(5,12,22,.00) 100% )!important; } .front-page :where(.container,.journey-grid,.category-grid,.two-col,.feature-grid,.commercial-grid,.commercial-grid--editorial,.info-grid,.posts-grid,.hub-grid), .front-page :where(.journey-card,.category-card,.top-picks-card,.quick-choice-card,.comparison-card,.content-box,.dark-card,.post-card,.hub-card,.material-link,.quick-links a,.article-link-list a){ min-width:0!important; max-width:100%!important; } .front-page :where(h1,h2,h3,p,span,strong,small,a,em,li), .single-article :where(h1,h2,h3,p,span,strong,small,a,em,li){ word-break:normal!important; overflow-wrap:break-word!important; hyphens:none!important; } .front-page .dark-card, .front-page .dark-card *{ white-space:normal!important; max-width:100%!important; } .front-page .dark-card{ overflow:hidden!important; } .front-page .dark-card h2{ overflow-wrap:break-word!important; } @media(min-width:1101px){ .bg20-bar{grid-template-columns:210px minmax(0,1fr) max-content!important;gap:14px!important;} .bg20-nav a{font-size:.86rem!important;padding-inline:10px!important;} .bg20-logo__mark{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:16px!important;} .bg20-logo__text strong{font-size:1.02rem!important;} .bg20-logo__text small{font-size:.7rem!important;max-width:160px!important;} } @media(max-width:760px){ html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;} .container{width:min(calc(100% - 24px),var(--container))!important;max-width:100%!important;} .section-pad{padding:38px 0!important;} .section-pad-sm{padding:28px 0!important;} .bg20-header .container.bg20-bar{width:calc(100% - 18px)!important;} .bg20-bar{min-height:64px!important;gap:8px!important;display:flex!important;align-items:center!important;} .bg20-logo{gap:8px!important;min-width:0!important;} .bg20-logo__mark,.brand-logo{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:14px!important;} .bg20-logo__text strong,.brand-text strong{font-size:.93rem!important;line-height:1!important;max-width:96px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;} .bg20-logo__text small,.brand-text small{display:none!important;} .bg20-actions{gap:6px!important;flex:0 0 auto!important;} .bg21-search-toggle, .bg20-menu-toggle{width:42px!important;height:42px!important;min-width:42px!important;border-radius:14px!important;} .theme-toggle{width:52px!important;min-width:52px!important;max-width:52px!important;min-height:42px!important;padding:0 6px!important;gap:0!important;border-radius:999px!important;} .theme-toggle__icon{display:none!important;} .theme-toggle__track{width:38px!important;flex:0 0 38px!important;height:24px!important;padding:2px!important;} .theme-toggle__thumb{width:18px!important;height:18px!important;} .theme-toggle.is-dark .theme-toggle__thumb, body.site-theme-dark .theme-toggle__thumb, html.site-theme-dark-init .theme-toggle__thumb, html.site-theme-dark-init body .theme-toggle__thumb{transform:translateX(14px)!important;} .mobile-menu{padding:12px 0 18px!important;} .mobile-nav-list,.mobile-menu ul{gap:8px!important;margin-top:10px!important;} .mobile-nav-list a,.mobile-menu a{min-height:48px!important;padding:10px 14px!important;border-radius:16px!important;font-size:.96rem!important;} .home-hero-full-v503{min-height:auto!important;padding:0!important;display:block!important;align-items:stretch!important;} .home-hero-full-v503__media, .home-hero-full-v503__media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;} .home-hero-full-v503__media img{object-fit:cover!important;object-position:center top!important;filter:saturate(1.04) brightness(.98)!important;} .home-hero-full-v503__shade{ background: linear-gradient(180deg, rgba(5,12,22,.22) 0%, rgba(5,12,22,.72) 42%, rgba(5,12,22,.96) 100%), linear-gradient(90deg, rgba(5,12,22,.70), rgba(5,12,22,.18))!important; } .home-hero-full-v503__content.container{width:calc(100% - 24px)!important;max-width:430px!important;padding:86px 0 36px!important;margin-inline:auto!important;} .home-hero-full-v503__content > *{max-width:100%!important;} .home-hero-full-v503__badge{min-height:0!important;padding:8px 11px!important;font-size:.75rem!important;line-height:1.22!important;white-space:normal!important;} .home-hero-full-v503 h1{font-size:clamp(34px,10vw,44px)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:16px 0 12px!important;max-width:100%!important;text-wrap:balance!important;} .home-hero-full-v503__lead{font-size:.96rem!important;line-height:1.55!important;max-width:100%!important;} .home-hero-full-v503__chips{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:18px!important;} .home-hero-full-v503__chips span{width:100%!important;min-height:34px!important;padding:6px 9px!important;font-size:.78rem!important;line-height:1.15!important;white-space:normal!important;text-align:center!important;} .home-hero-full-v503__actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:20px!important;} .home-hero-full-v503__actions .btn{width:100%!important;min-height:50px!important;font-size:.94rem!important;padding:0 16px!important;} .home-hero-full-v503 + .journey-section{margin-top:0!important;padding-top:18px!important;} .journey-grid{gap:12px!important;} .journey-card{min-height:0!important;padding:18px!important;border-radius:22px!important;} .journey-card h2{font-size:1.05rem!important;margin:12px 0 6px!important;} .journey-card p{font-size:.9rem!important;line-height:1.45!important;} .section-head{margin-bottom:18px!important;} .section-head h2{font-size:clamp(1.55rem,7vw,2rem)!important;line-height:1.12!important;letter-spacing:-.03em!important;} .section-kicker{font-size:.68rem!important;letter-spacing:.14em!important;} .category-grid{grid-template-columns:1fr!important;gap:12px!important;} .category-card{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;grid-template-areas:"icon tag" "icon title" "icon desc";gap:4px 12px!important;align-items:start!important;min-height:0!important;padding:15px!important;border-radius:20px!important;} .category-card .category-icon{grid-area:icon!important;width:56px!important;height:56px!important;border-radius:17px!important;} .category-card .category-icon-image{width:56px!important;height:56px!important;} .category-card .category-tag{grid-area:tag!important;position:static!important;justify-self:start!important;min-height:24px!important;padding:5px 8px!important;font-size:.68rem!important;line-height:1!important;} .category-card strong{grid-area:title!important;font-size:1rem!important;line-height:1.18!important;text-wrap:balance!important;} .category-card small{grid-area:desc!important;font-size:.86rem!important;line-height:1.38!important;max-width:100%!important;} .top-picks-card,.quick-choice-card,.comparison-card,.content-box,.dark-card{padding:18px!important;border-radius:22px!important;} .material-link,.article-link-list a,.quick-links a{min-height:44px!important;padding:10px 12px!important;font-size:.88rem!important;line-height:1.25!important;border-radius:14px!important;} .quick-head{gap:10px!important;margin-bottom:14px!important;} .quick-head>span{width:42px!important;height:42px!important;border-radius:14px!important;} .quick-head h2{font-size:1.45rem!important;line-height:1.05!important;} .quick-head p{font-size:.82rem!important;line-height:1.25!important;} .dark-card h2{font-size:clamp(1.45rem,7vw,1.95rem)!important;line-height:1.12!important;letter-spacing:-.025em!important;} .dark-card p,.dark-note{font-size:.94rem!important;line-height:1.58!important;} .dark-note{padding:12px!important;border-radius:14px!important;} .comparison-head{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-items:start!important;} .comparison-head h2{font-size:1.45rem!important;line-height:1.12!important;} .comparison-head span{justify-self:start!important;} .hub-grid{grid-template-columns:1fr!important;gap:10px!important;} .hub-card{padding:14px!important;border-radius:18px!important;} .hub-card span{line-height:1.45!important;} .posts-grid--archive{gap:16px!important;} .post-card__body{padding:16px!important;} .post-card h2{font-size:1.08rem!important;line-height:1.22!important;} .footer-grid{grid-template-columns:1fr!important;gap:20px!important;} } @media(max-width:380px){ .home-hero-full-v503__content.container{width:calc(100% - 22px)!important;padding-bottom:32px!important;} .home-hero-full-v503 h1{font-size:clamp(31px,9.7vw,38px)!important;} .home-hero-full-v503__chips{grid-template-columns:1fr!important;} .top-picks-card,.quick-choice-card,.comparison-card,.content-box,.dark-card{padding:16px!important;} } /* v5.0.9 — hero recovery: lighter tablet/mobile hero, return smart-home labels, cleaner visual balance */ .home-hero-full-v503{overflow:hidden!important;} .home-hero-full-v503__content{position:relative;z-index:2!important;} .home-hero-full-v503__labels{display:block!important;position:absolute;inset:0;z-index:1;pointer-events:none!important;} .home-hero-full-v503__media img{object-position:center 48%!important;filter:saturate(1.03) contrast(1.02)!important;} .home-hero-full-v503__shade{ background: radial-gradient(circle at 80% 18%, rgba(255,184,84,.13), transparent 30%), linear-gradient(90deg, rgba(5,12,22,.84) 0%, rgba(5,12,22,.58) 34%, rgba(5,12,22,.16) 63%, rgba(5,12,22,.02) 100%)!important; } .home-hero-full-v503__label{ min-width:146px!important; padding:10px 13px!important; border-radius:14px!important; background:rgba(10,18,30,.54)!important; border:1px solid rgba(255,255,255,.22)!important; box-shadow:0 16px 40px rgba(0,0,0,.20)!important; backdrop-filter:blur(10px)!important; } .home-hero-full-v503__label strong{font-size:.9rem!important;} .home-hero-full-v503__label small{font-size:.72rem!important;color:rgba(255,255,255,.78)!important;} .home-hero-full-v503__label .icon{width:22px!important;height:22px!important;color:#b8e8ff!important;} .home-hero-full-v503__label--fridge{left:58%;top:41%!important;} .home-hero-full-v503__label--climate{left:91.5%;top:24%!important;} .home-hero-full-v503__label--robot{left:74%;top:86%!important;} @media (max-width:1100px){ .home-hero-full-v503{min-height:680px!important;} .home-hero-full-v503__media img{object-position:62% center!important;} .home-hero-full-v503__shade{ background: radial-gradient(circle at 82% 18%, rgba(255,184,84,.12), transparent 32%), linear-gradient(90deg, rgba(5,12,22,.76) 0%, rgba(5,12,22,.50) 34%, rgba(5,12,22,.14) 64%, rgba(5,12,22,.02) 100%)!important; } .home-hero-full-v503__label{min-width:132px!important;padding:8px 11px!important;border-radius:12px!important;} .home-hero-full-v503__label .icon{width:18px!important;height:18px!important;} .home-hero-full-v503__label strong{font-size:.8rem!important;} .home-hero-full-v503__label small{display:none!important;} .home-hero-full-v503__label--fridge{left:63%;top:38%!important;} .home-hero-full-v503__label--climate{left:88%;top:23%!important;} .home-hero-full-v503__label--robot{left:73%;top:80%!important;} } @media (max-width:760px){ .home-hero-full-v503{min-height:680px!important;display:block!important;} .home-hero-full-v503__media img{object-position:68% center!important;filter:saturate(1.04) brightness(1)!important;} .home-hero-full-v503__shade{ background: radial-gradient(circle at 84% 18%, rgba(255,184,84,.14), transparent 26%), linear-gradient(180deg, rgba(5,12,22,.08) 0%, rgba(5,12,22,.18) 22%, rgba(5,12,22,.44) 56%, rgba(5,12,22,.74) 100%), linear-gradient(90deg, rgba(5,12,22,.38) 0%, rgba(5,12,22,.10) 52%, rgba(5,12,22,.04) 100%)!important; } .home-hero-full-v503__content.container{ width:calc(100% - 24px)!important; max-width:430px!important; padding:78px 0 34px!important; margin-inline:auto!important; } .home-hero-full-v503__content.container::before{ content:""; position:absolute; inset:64px 0 18px 0; z-index:-1; border-radius:26px; background:linear-gradient(180deg, rgba(8,16,28,.40) 0%, rgba(8,16,28,.60) 100%); border:1px solid rgba(255,255,255,.10); box-shadow:0 14px 34px rgba(0,0,0,.16); backdrop-filter:blur(8px); } .home-hero-full-v503__badge{background:rgba(14,22,35,.68)!important;border-color:rgba(255,255,255,.18)!important;} .home-hero-full-v503__chips span{background:rgba(17,26,39,.58)!important;border-color:rgba(255,255,255,.14)!important;} .home-hero-full-v503__actions .btn-ghost{background:rgba(17,26,39,.74)!important;} .home-hero-full-v503__labels{display:block!important;} .home-hero-full-v503__label{min-width:auto!important;padding:7px 10px!important;border-radius:12px!important;gap:8px!important;background:rgba(8,15,26,.56)!important;} .home-hero-full-v503__label .icon{width:16px!important;height:16px!important;} .home-hero-full-v503__label strong{font-size:.76rem!important;line-height:1.1!important;} .home-hero-full-v503__label small{display:none!important;} .home-hero-full-v503__label--fridge{display:none!important;} .home-hero-full-v503__label--climate{left:84%;top:20%!important;} .home-hero-full-v503__label--robot{left:78%;top:54%!important;} } @media (max-width:380px){ .home-hero-full-v503{min-height:650px!important;} .home-hero-full-v503__media img{object-position:70% center!important;} .home-hero-full-v503__content.container::before{inset:62px 0 16px 0!important;} .home-hero-full-v503__label--robot{display:none!important;} .home-hero-full-v503__label--climate{left:82%;top:20%!important;} } /* v5.1.0 — hero cleanup + stable theme toggle */ /* 1) theme toggle: compact, centered, no drifting icons */ .bg20-header .bg20-actions .theme-toggle, .bg20-header .bg20-theme-toggle{ width:56px!important; min-width:56px!important; max-width:56px!important; min-height:34px!important; height:34px!important; padding:0 4px!important; gap:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; border-radius:999px!important; } .bg20-header .theme-toggle__icon{display:none!important;} .bg20-header .theme-toggle__track{ width:42px!important; min-width:42px!important; flex:0 0 42px!important; height:24px!important; padding:2px!important; display:inline-flex!important; align-items:center!important; position:relative!important; } .bg20-header .theme-toggle__thumb{width:18px!important;height:18px!important;transform:translateX(0)!important;} .bg20-header .theme-toggle.is-dark .theme-toggle__thumb, body.site-theme-dark .bg20-header .theme-toggle__thumb, html.site-theme-dark-init body .bg20-header .theme-toggle__thumb{transform:translateX(18px)!important;} /* 2) hero: cleaner composition */ .home-hero-full-v503{min-height:clamp(580px,72vh,760px)!important;} .home-hero-full-v503__media img{object-position:center 48%!important;filter:saturate(1.02) contrast(1.02)!important;} .home-hero-full-v503__shade{ background: linear-gradient(90deg, rgba(5,12,22,.86) 0%, rgba(5,12,22,.60) 35%, rgba(5,12,22,.20) 62%, rgba(5,12,22,.03) 100%)!important; } .home-hero-full-v503__labels{z-index:1!important;} .home-hero-full-v503__content.container{position:relative;z-index:2!important;} .home-hero-full-v503__label{ background:rgba(14,20,32,.62)!important; border:1px solid rgba(255,255,255,.18)!important; box-shadow:0 10px 24px rgba(0,0,0,.18)!important; backdrop-filter:blur(8px)!important; } .home-hero-full-v503__label strong{font-size:.86rem!important;} .home-hero-full-v503__label small{font-size:.68rem!important;opacity:.82!important;} /* 3) chips should look like tags, not buttons */ .home-hero-full-v503__chips{gap:10px!important;margin-top:22px!important;} .home-hero-full-v503__chips span{ min-height:auto!important; padding:7px 12px!important; border-radius:999px!important; background:rgba(255,255,255,.06)!important; border:1px solid rgba(255,255,255,.14)!important; box-shadow:none!important; color:rgba(255,255,255,.88)!important; font-size:.82rem!important; font-weight:800!important; letter-spacing:.01em!important; } /* 4) mobile/tablet hero: no dark floating card */ @media (max-width:1100px){ .home-hero-full-v503{min-height:640px!important;} .home-hero-full-v503__media img{object-position:64% center!important;} .home-hero-full-v503__shade{ background:linear-gradient(90deg, rgba(5,12,22,.78) 0%, rgba(5,12,22,.54) 34%, rgba(5,12,22,.18) 65%, rgba(5,12,22,.04) 100%)!important; } .home-hero-full-v503__label{padding:8px 11px!important;} .home-hero-full-v503__label strong{font-size:.78rem!important;} .home-hero-full-v503__label small{display:none!important;} .home-hero-full-v503__label--fridge{left:64%;top:41%!important;} .home-hero-full-v503__label--climate{left:88%;top:22%!important;} .home-hero-full-v503__label--robot{left:75%;top:82%!important;} } @media (max-width:760px){ .bg20-header .bg20-actions .theme-toggle, .bg20-header .bg20-theme-toggle{width:52px!important;min-width:52px!important;max-width:52px!important;min-height:42px!important;height:42px!important;} .bg20-header .theme-toggle__track{width:38px!important;min-width:38px!important;flex-basis:38px!important;height:24px!important;} .bg20-header .theme-toggle.is-dark .theme-toggle__thumb, body.site-theme-dark .bg20-header .theme-toggle__thumb, html.site-theme-dark-init body .bg20-header .theme-toggle__thumb{transform:translateX(14px)!important;} .home-hero-full-v503{min-height:620px!important;padding:0!important;} .home-hero-full-v503__media img{object-position:68% center!important;filter:saturate(1.02) brightness(1)!important;} .home-hero-full-v503__shade{ background: linear-gradient(180deg, rgba(5,12,22,.10) 0%, rgba(5,12,22,.22) 24%, rgba(5,12,22,.48) 58%, rgba(5,12,22,.78) 100%), linear-gradient(90deg, rgba(5,12,22,.30) 0%, rgba(5,12,22,.08) 55%, rgba(5,12,22,.02) 100%)!important; } .home-hero-full-v503__content.container{padding:84px 0 34px!important;max-width:430px!important;} .home-hero-full-v503__content.container::before{display:none!important;content:none!important;} .home-hero-full-v503__badge{background:rgba(12,20,32,.62)!important;border-color:rgba(255,255,255,.16)!important;} .home-hero-full-v503 h1{font-size:clamp(34px,10vw,44px)!important;line-height:1.02!important;} .home-hero-full-v503__lead{font-size:.96rem!important;line-height:1.55!important;max-width:30ch!important;} .home-hero-full-v503__chips{display:flex!important;flex-wrap:wrap!important;gap:8px!important;} .home-hero-full-v503__chips span{padding:6px 10px!important;font-size:.76rem!important;line-height:1.1!important;width:auto!important;text-align:left!important;} .home-hero-full-v503__actions{margin-top:18px!important;} .home-hero-full-v503__actions .btn{min-height:48px!important;} .home-hero-full-v503__label{padding:6px 10px!important;border-radius:11px!important;} .home-hero-full-v503__label .icon{width:15px!important;height:15px!important;} .home-hero-full-v503__label strong{font-size:.74rem!important;} .home-hero-full-v503__label--fridge{display:none!important;} .home-hero-full-v503__label--climate{left:84%;top:20%!important;} .home-hero-full-v503__label--robot{left:79%;top:60%!important;} } @media (max-width:380px){ .home-hero-full-v503{min-height:600px!important;} .home-hero-full-v503__chips span{font-size:.74rem!important;} .home-hero-full-v503__label--robot{display:none!important;} } /* v5.1.1 — final clean hero according to BytGuide brief */ :root{ --bytguide-hero-dark:#050c16; } .home-hero-full-v503{ min-height:clamp(600px,76vh,820px)!important; display:flex!important; align-items:center!important; overflow:hidden!important; background:var(--bytguide-hero-dark)!important; } .home-hero-full-v503__media img{ object-fit:cover!important; object-position:center 48%!important; filter:saturate(1.04) contrast(1.02) brightness(1.05)!important; } .home-hero-full-v503__shade{ z-index:-2!important; background: linear-gradient( 90deg, rgba(5,12,22,.88) 0%, rgba(5,12,22,.68) 34%, rgba(5,12,22,.18) 62%, rgba(5,12,22,.03) 100% )!important; } .home-hero-full-v503__content.container{ width:min(1240px,calc(100% - 64px))!important; max-width:1240px!important; padding-top:clamp(84px,7vw,118px)!important; padding-bottom:clamp(110px,9vw,150px)!important; margin-inline:auto!important; } .home-hero-full-v503__badge{ min-height:38px!important; padding:0 16px!important; background:rgba(5,12,22,.34)!important; border:1px solid rgba(255,255,255,.18)!important; box-shadow:none!important; backdrop-filter:blur(10px)!important; font-size:.88rem!important; } .home-hero-full-v503 h1{ max-width:680px!important; margin:24px 0 18px!important; color:#fff!important; font-size:clamp(56px,6.2vw,92px)!important; line-height:.95!important; letter-spacing:-.075em!important; text-shadow:0 22px 70px rgba(0,0,0,.35)!important; } .home-hero-full-v503 h1 span{ display:block!important; color:var(--accent)!important; } .home-hero-full-v503__lead{ max-width:650px!important; margin:0!important; color:rgba(255,255,255,.88)!important; font-size:clamp(18px,1.45vw,23px)!important; line-height:1.52!important; font-weight:650!important; text-shadow:0 14px 44px rgba(0,0,0,.32)!important; } .home-hero-full-v503__lead strong{color:inherit!important;font-weight:inherit!important;} .home-hero-full-v503__chips{ margin-top:24px!important; display:flex!important; flex-wrap:wrap!important; gap:10px!important; max-width:740px!important; } .home-hero-full-v503__chips span{ min-height:auto!important; width:auto!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:7px 12px!important; border-radius:999px!important; background:rgba(255,255,255,.08)!important; border:1px solid rgba(255,255,255,.16)!important; color:rgba(255,255,255,.90)!important; font-size:14px!important; line-height:1.15!important; font-weight:750!important; box-shadow:none!important; backdrop-filter:blur(6px)!important; pointer-events:none!important; } .home-hero-full-v503__actions{ margin-top:32px!important; gap:16px!important; } .home-hero-full-v503__actions .btn{ min-height:58px!important; padding:0 30px!important; border-radius:999px!important; font-size:1rem!important; font-weight:950!important; } .home-hero-full-v503__actions .btn-primary{ min-width:230px!important; background:linear-gradient(135deg,var(--accent),#ff9e2d)!important; color:#111827!important; box-shadow:0 18px 42px rgba(255,166,38,.24)!important; } .home-hero-full-v503__actions .btn-ghost{ min-width:220px!important; background:rgba(255,255,255,.94)!important; color:#101827!important; border:1px solid rgba(255,255,255,.70)!important; box-shadow:0 16px 34px rgba(0,0,0,.16)!important; } .home-hero-full-v503__labels{display:block!important;z-index:1!important;} .home-hero-full-v503__label{ min-width:auto!important; padding:9px 13px!important; gap:8px!important; background:rgba(8,15,26,.54)!important; border:1px solid rgba(255,255,255,.18)!important; border-radius:14px!important; box-shadow:0 10px 24px rgba(0,0,0,.14)!important; backdrop-filter:blur(10px)!important; } .home-hero-full-v503__label .icon{width:18px!important;height:18px!important;color:#b7e7ff!important;} .home-hero-full-v503__label strong{font-size:.82rem!important;line-height:1.05!important;} .home-hero-full-v503__label small{font-size:.68rem!important;color:rgba(255,255,255,.75)!important;} .home-hero-full-v503__label--climate{left:91%!important;top:28%!important;} .home-hero-full-v503__label--robot{left:78%!important;top:79%!important;} .home-hero-full-v503__label--fridge{display:none!important;} .home-hero-full-v503 + .journey-section--hero-cards{ margin-top:-76px!important; padding-top:0!important; padding-bottom:clamp(34px,4vw,56px)!important; position:relative!important; z-index:4!important; } .journey-grid--final{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:18px!important; align-items:stretch!important; } .journey-card--final{ display:grid!important; grid-template-columns:72px minmax(0,1fr) 22px!important; gap:18px!important; align-items:center!important; min-height:146px!important; padding:24px!important; border-radius:26px!important; background:rgba(255,253,247,.96)!important; border:1px solid rgba(215,204,184,.80)!important; box-shadow:0 24px 60px rgba(55,43,26,.12)!important; color:var(--text-strong)!important; text-decoration:none!important; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important; } .journey-card--final:hover{ transform:translateY(-2px)!important; box-shadow:0 28px 68px rgba(55,43,26,.16)!important; border-color:rgba(255,174,51,.50)!important; } .journey-card__icon{ width:72px!important; height:72px!important; border-radius:20px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 auto!important; } .journey-card__icon .icon{width:34px!important;height:34px!important;} .journey-card__icon--blue{background:#e6f2ff!important;color:#2b79bd!important;} .journey-card__icon--amber{background:#fff0d2!important;color:#9b5b16!important;} .journey-card__icon--green{background:#e6f5d6!important;color:#347a2d!important;} .journey-card__icon--purple{background:#ede2ff!important;color:#6e3bbd!important;} .journey-card__text{display:grid!important;gap:8px!important;min-width:0!important;} .journey-card__text strong{ display:block!important; color:#111827!important; font-size:1.2rem!important; line-height:1.12!important; font-weight:950!important; letter-spacing:-.025em!important; } .journey-card__text small{ display:block!important; color:#465064!important; font-size:.95rem!important; line-height:1.42!important; font-weight:650!important; } .journey-card__arrow{align-self:end!important;color:#111827!important;opacity:.9!important;} .journey-card__arrow .icon{width:18px!important;height:18px!important;} @media(max-width:1180px){ .home-hero-full-v503{min-height:640px!important;} .home-hero-full-v503__content.container{width:min(100% - 42px, 960px)!important;padding-bottom:112px!important;} .home-hero-full-v503 h1{font-size:clamp(46px,7.2vw,72px)!important;max-width:600px!important;} .home-hero-full-v503__lead{max-width:570px!important;font-size:clamp(16px,2.1vw,20px)!important;} .home-hero-full-v503__shade{ background:linear-gradient(90deg, rgba(5,12,22,.78) 0%, rgba(5,12,22,.54) 38%, rgba(5,12,22,.20) 70%, rgba(5,12,22,.05) 100%)!important; } .home-hero-full-v503__label--climate{left:86%!important;top:27%!important;} .home-hero-full-v503__label--robot{left:75%!important;top:78%!important;} .home-hero-full-v503__label small{display:none!important;} .journey-grid--final{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media(max-width:760px){ .home-hero-full-v503{ min-height:620px!important; align-items:flex-end!important; } .home-hero-full-v503__media img{ object-position:68% center!important; filter:saturate(1.05) brightness(1.04)!important; } .home-hero-full-v503__shade{ background: linear-gradient(180deg, rgba(5,12,22,.18) 0%, rgba(5,12,22,.42) 42%, rgba(5,12,22,.82) 100%)!important; } .home-hero-full-v503__labels{display:none!important;} .home-hero-full-v503__content.container{ width:calc(100% - 28px)!important; max-width:430px!important; padding-top:90px!important; padding-bottom:38px!important; } .home-hero-full-v503__content.container::before{display:none!important;content:none!important;} .home-hero-full-v503__badge{font-size:.74rem!important;min-height:32px!important;padding:0 12px!important;max-width:100%!important;} .home-hero-full-v503 h1{font-size:clamp(34px,10vw,44px)!important;line-height:1.02!important;margin:16px 0 12px!important;max-width:100%!important;} .home-hero-full-v503__lead{font-size:15px!important;line-height:1.55!important;max-width:32ch!important;} .home-hero-full-v503__chips{margin-top:16px!important;gap:7px!important;} .home-hero-full-v503__chips span{font-size:.73rem!important;padding:6px 9px!important;} .home-hero-full-v503__actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:18px!important;} .home-hero-full-v503__actions .btn{width:100%!important;min-width:0!important;min-height:50px!important;padding:0 16px!important;font-size:.94rem!important;} .home-hero-full-v503 + .journey-section--hero-cards{margin-top:0!important;padding-top:18px!important;padding-bottom:30px!important;} .journey-grid--final{grid-template-columns:1fr!important;gap:12px!important;} .journey-card--final{ grid-template-columns:56px minmax(0,1fr) 18px!important; gap:13px!important; min-height:0!important; padding:16px!important; border-radius:22px!important; } .journey-card__icon{width:56px!important;height:56px!important;border-radius:17px!important;} .journey-card__icon .icon{width:27px!important;height:27px!important;} .journey-card__text strong{font-size:1.02rem!important;line-height:1.15!important;} .journey-card__text small{font-size:.86rem!important;line-height:1.35!important;} } @media(max-width:380px){ .home-hero-full-v503{min-height:600px!important;} .home-hero-full-v503__chips span{font-size:.7rem!important;padding:5px 8px!important;} .home-hero-full-v503__lead{max-width:30ch!important;} } /* v5.2.0 — rebuild homepage from editorial reference: clean hero, magazine grid, improved rubrics */ .front-page--editorial-v520{ background:#f7f3ea!important; } .front-page--editorial-v520 :where(.container){ width:min(calc(100% - 64px),1420px)!important; } .front-page--editorial-v520 .section-pad-sm{padding:42px 0!important;} /* Header closer to the reference: light floating bar, stable actions */ .bg20-header{ background:rgba(255,255,252,.94)!important; border-bottom:1px solid rgba(25,32,44,.08)!important; box-shadow:0 12px 34px rgba(17,24,39,.08)!important; backdrop-filter:blur(18px) saturate(1.05)!important; } .bg20-bar{min-height:74px!important;grid-template-columns:230px minmax(0,1fr) auto!important;gap:18px!important;} .bg20-logo__mark,.brand-logo{width:50px!important;height:50px!important;flex-basis:50px!important;border-radius:16px!important;} .bg20-logo__text strong{font-size:1.1rem!important;letter-spacing:-.04em!important;} .bg20-logo__text small{font-size:.72rem!important;} .bg20-nav ul,.bg20-menu{ background:rgba(255,253,248,.82)!important; border:1px solid rgba(15,23,42,.10)!important; box-shadow:0 12px 30px rgba(15,23,42,.07)!important; padding:5px!important; } .bg20-nav a{font-size:.9rem!important;padding:0 14px!important;color:#111827!important;font-weight:950!important;} .bg20-nav a:hover,.bg20-nav .current-menu-item>a,.bg20-nav .current_page_item>a{background:#0b1320!important;color:#fff!important;} .bg20-actions{gap:10px!important;} .search-toggle,.bg21-search-toggle{width:46px!important;height:46px!important;min-width:46px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(15,23,42,.12)!important;box-shadow:0 10px 24px rgba(15,23,42,.08)!important;} .bg20-header .bg20-actions .theme-toggle,.bg20-header .bg20-theme-toggle{ width:74px!important;min-width:74px!important;max-width:74px!important;height:46px!important;min-height:46px!important; padding:0 9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fffaf2!important; border:1px solid rgba(245,158,11,.25)!important;box-shadow:0 10px 24px rgba(15,23,42,.08)!important;border-radius:999px!important;overflow:hidden!important; } .bg20-header .theme-toggle__icon{display:inline-flex!important;width:14px!important;height:14px!important;align-items:center!important;justify-content:center!important;font-size:.9rem!important;line-height:1!important;color:#f59e0b!important;} .bg20-header .theme-toggle__icon--moon{color:#111827!important;opacity:.75!important;} .bg20-header .theme-toggle__track{width:34px!important;min-width:34px!important;flex:0 0 34px!important;height:22px!important;padding:2px!important;background:#fff4df!important;border-color:rgba(245,158,11,.25)!important;} .bg20-header .theme-toggle__thumb{width:16px!important;height:16px!important;background:#f59e0b!important;transform:translateX(0)!important;} .bg20-header .theme-toggle.is-dark .theme-toggle__thumb,body.site-theme-dark .bg20-header .theme-toggle__thumb,html.site-theme-dark-init body .bg20-header .theme-toggle__thumb{transform:translateX(12px)!important;background:#111827!important;} .bg20-cta--v520{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:46px!important;padding:0 20px!important;border-radius:999px!important;background:#07111f!important;color:#fff!important;font-size:.93rem!important;font-weight:950!important;box-shadow:0 12px 30px rgba(7,17,31,.20)!important;white-space:nowrap!important;} .bg20-cta--v520 .icon{width:17px;height:17px;} body.site-theme-dark .bg20-header,html.site-theme-dark-init body .bg20-header{background:rgba(7,17,31,.96)!important;border-bottom-color:rgba(255,255,255,.12)!important;} body.site-theme-dark .bg20-nav ul,html.site-theme-dark-init body .bg20-nav ul{background:rgba(16,29,47,.84)!important;border-color:rgba(255,255,255,.15)!important;} body.site-theme-dark .bg20-nav a,html.site-theme-dark-init body .bg20-nav a{color:#eef4ff!important;} /* Hero */ .home-hero-full-v520{ min-height:680px!important; align-items:center!important; border-bottom:none!important; overflow:hidden!important; background:#07111f!important; } .home-hero-full-v520 .home-hero-full-v503__media,.home-hero-full-v520 .home-hero-full-v503__media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;} .home-hero-full-v520 .home-hero-full-v503__media img{object-fit:cover!important;object-position:center 48%!important;filter:saturate(1.08) contrast(1.02)!important;} .home-hero-full-v520 .home-hero-full-v503__shade{ background: radial-gradient(circle at 78% 30%, rgba(255,174,51,.12), transparent 30%), linear-gradient(90deg, rgba(5,12,22,.92) 0%, rgba(5,12,22,.74) 31%, rgba(5,12,22,.32) 57%, rgba(5,12,22,.04) 100%)!important; } .home-hero-full-v520__content.container{width:min(calc(100% - 96px),1420px)!important;padding:92px 0 118px!important;position:relative!important;z-index:2!important;} .home-hero-full-v520 .home-hero-full-v503__badge{width:max-content!important;max-width:100%!important;min-height:42px!important;padding:0 18px!important;border-radius:999px!important;background:rgba(5,12,22,.46)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important;color:#fff!important;font-size:.92rem!important;font-weight:900!important;} .home-hero-full-v520 .home-hero-full-v503__badge .icon{color:#f59e0b!important;} .home-hero-full-v520 h1{max-width:650px!important;margin:34px 0 20px!important;font-size:clamp(54px,5.5vw,86px)!important;line-height:.98!important;letter-spacing:-.065em!important;color:#fff!important;text-shadow:0 8px 34px rgba(0,0,0,.22)!important;} .home-hero-full-v520 h1 span{display:block!important;color:#f59e0b!important;} .home-hero-full-v520 .home-hero-full-v503__lead{max-width:620px!important;color:rgba(255,255,255,.92)!important;font-size:clamp(1.08rem,1.32vw,1.36rem)!important;line-height:1.52!important;font-weight:650!important;text-shadow:0 7px 26px rgba(0,0,0,.24)!important;} .home-hero-full-v520__tags{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:28px!important;} .home-hero-full-v520__tags span{display:inline-flex!important;align-items:center!important;gap:9px!important;min-height:38px!important;padding:0 15px!important;border-radius:999px!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.16)!important;color:rgba(255,255,255,.92)!important;box-shadow:none!important;font-size:.9rem!important;font-weight:850!important;} .home-hero-full-v520__tags .icon{width:18px!important;height:18px!important;color:#f59e0b!important;} .home-hero-full-v520 .home-hero-full-v503__actions{display:flex!important;gap:18px!important;margin-top:36px!important;} .home-hero-full-v520 .home-hero-full-v503__actions .btn{min-height:62px!important;padding:0 32px!important;border-radius:999px!important;font-size:1.05rem!important;} .home-hero-full-v520 .home-hero-full-v503__actions .btn-primary{background:#f59e0b!important;color:#fff!important;box-shadow:0 18px 36px rgba(245,158,11,.24)!important;} .home-hero-full-v520 .home-hero-full-v503__actions .btn-ghost{background:#fff!important;color:#111827!important;border-color:#fff!important;} .home-hero-full-v520__labels{display:block!important;z-index:1!important;} .home-hero-full-v520 .home-hero-full-v503__label{background:rgba(7,17,31,.54)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important;backdrop-filter:blur(8px)!important;border-radius:13px!important;} .home-hero-full-v520 .home-hero-full-v503__label--climate{left:92%!important;top:24%!important;} .home-hero-full-v520 .home-hero-full-v503__label--robot{left:78%!important;top:76%!important;} /* Four cards under hero */ .journey-section--v520{margin-top:-66px!important;padding:0 0 34px!important;position:relative!important;z-index:3!important;} .journey-grid--v520{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border-radius:26px!important;overflow:hidden!important;box-shadow:0 24px 70px rgba(31,41,55,.12)!important;background:#fff!important;} .journey-card--v520{display:grid!important;grid-template-columns:72px minmax(0,1fr) 24px!important;gap:20px!important;align-items:center!important;min-height:138px!important;padding:28px!important;border:0!important;border-right:1px solid rgba(15,23,42,.08)!important;border-radius:0!important;background:#fff!important;color:#111827!important;text-decoration:none!important;box-shadow:none!important;} .journey-card--v520:last-child{border-right:0!important;} .journey-card--v520 .journey-card__icon{width:62px!important;height:62px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;} .journey-card--v520 .journey-card__icon .icon{width:31px!important;height:31px!important;} .journey-card__icon--blue{background:#e8f3ff!important;color:#247ad9!important;} .journey-card__icon--amber{background:#fff0cf!important;color:#9b5a00!important;} .journey-card__icon--green{background:#eaf9dd!important;color:#237a19!important;} .journey-card__icon--purple{background:#efe5ff!important;color:#6832c4!important;} .journey-card--v520 strong{display:block!important;margin:0 0 8px!important;font-size:1.16rem!important;line-height:1.1!important;color:#111827!important;font-weight:950!important;} .journey-card--v520 small{display:block!important;font-size:.94rem!important;line-height:1.38!important;color:#334155!important;} .journey-card--v520 .journey-card__arrow{align-self:end!important;color:#111827!important;opacity:.9!important;} .journey-card--v520 .journey-card__arrow .icon{width:20px;height:20px;} /* Magazine block */ .home-magazine-v520{padding-top:20px!important;} .home-magazine-v520__grid{display:grid!important;grid-template-columns:260px minmax(0,1fr) 320px!important;gap:28px!important;align-items:stretch!important;} .home-rubrics-v520,.home-weekly-v520{border-radius:24px!important;padding:26px!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 16px 50px rgba(31,41,55,.08)!important;} .home-rubrics-v520__list{display:grid!important;gap:12px!important;margin:18px 0 20px!important;} .home-rubrics-v520__list a{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;color:#1f2937!important;text-decoration:none!important;font-size:.98rem!important;font-weight:850!important;} .home-rubrics-v520__list .icon{width:20px!important;height:20px!important;color:#0f172a!important;opacity:.74!important;} .home-rubrics-v520__all{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#2563eb!important;font-weight:950!important;text-decoration:none!important;margin-top:4px!important;} .home-rubrics-v520__all .icon{width:16px;height:16px;} .home-latest-v520{min-width:0!important;} .section-head--v520{margin-bottom:22px!important;align-items:center!important;} .section-head--v520 h2{font-size:clamp(1.8rem,2vw,2.35rem)!important;line-height:1.08!important;letter-spacing:-.035em!important;color:#111827!important;} .posts-grid--v520{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;} .posts-grid--v520 .post-card{border-radius:18px!important;overflow:hidden!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 16px 42px rgba(31,41,55,.08)!important;} .posts-grid--v520 .post-card__image{height:166px!important;display:block!important;overflow:hidden!important;} .posts-grid--v520 .post-card__image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;} .posts-grid--v520 .post-card__body{padding:18px!important;} .posts-grid--v520 .post-card h2{font-size:1.08rem!important;line-height:1.22!important;letter-spacing:-.02em!important;} .posts-grid--v520 .post-card p{font-size:.93rem!important;line-height:1.48!important;} .home-weekly-v520{background:linear-gradient(135deg,#fff6e6,#fffdf8)!important;} .home-weekly-v520 h2{font-size:1.55rem!important;line-height:1.13!important;letter-spacing:-.03em!important;color:#111827!important;margin:12px 0!important;} .home-weekly-v520 p{color:#475569!important;line-height:1.55!important;} .home-weekly-v520__links{display:grid!important;gap:10px!important;margin-top:22px!important;} .home-weekly-v520__links a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:44px!important;padding:0 14px!important;border-radius:14px!important;background:#fff!important;color:#111827!important;border:1px solid rgba(15,23,42,.08)!important;font-weight:900!important;text-decoration:none!important;} .home-weekly-v520__links .icon{width:16px;height:16px;} /* Rubric cards and starter guides */ .category-section--v520{padding-top:22px!important;} .category-grid--v520{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:18px!important;} .category-card--v520{min-height:190px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 16px 42px rgba(31,41,55,.07)!important;padding:18px!important;} .category-card--v520 strong{font-size:1rem!important;line-height:1.18!important;color:#111827!important;} .category-card--v520 small{font-size:.9rem!important;line-height:1.4!important;color:#475569!important;max-width:100%!important;} .home-guides-v520__grid{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr)!important;gap:28px!important;} .home-guides-v520__main,.home-method-v520{border-radius:24px!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 18px 50px rgba(31,41,55,.08)!important;padding:30px!important;} .home-guides-v520__main h2,.home-method-v520 h2{font-size:clamp(1.7rem,2vw,2.25rem)!important;line-height:1.1!important;letter-spacing:-.035em!important;color:#111827!important;} .home-guides-v520__main p,.home-method-v520 p{color:#475569!important;line-height:1.6!important;} .article-link-list--guides a{background:#f8f4ec!important;border-color:rgba(15,23,42,.08)!important;color:#111827!important;} @media(max-width:1280px){ .front-page--editorial-v520 :where(.container){width:min(calc(100% - 40px),1180px)!important;} .bg20-bar{grid-template-columns:200px minmax(0,1fr) auto!important;gap:12px!important;} .bg20-nav a{font-size:.82rem!important;padding:0 10px!important;} .bg20-cta--v520{padding:0 16px!important;font-size:.86rem!important;} .home-magazine-v520__grid{grid-template-columns:240px minmax(0,1fr)!important;} .home-weekly-v520{grid-column:1/-1!important;} .category-grid--v520{grid-template-columns:repeat(3,minmax(0,1fr))!important;} } @media(max-width:1100px){ .bg20-bar{display:flex!important;min-height:68px!important;} .bg20-nav,.bg20-cta--v520{display:none!important;} .bg20-menu-toggle{display:flex!important;} .home-hero-full-v520{min-height:650px!important;} .home-hero-full-v520__content.container{width:calc(100% - 48px)!important;padding:86px 0 118px!important;} .home-hero-full-v520 .home-hero-full-v503__media img{object-position:62% center!important;} .home-hero-full-v520 .home-hero-full-v503__shade{background:linear-gradient(90deg, rgba(5,12,22,.86) 0%, rgba(5,12,22,.58) 42%, rgba(5,12,22,.16) 100%)!important;} .home-hero-full-v520 .home-hero-full-v503__label--climate{left:86%!important;top:22%!important;} .home-hero-full-v520 .home-hero-full-v503__label--robot{display:none!important;} .journey-grid--v520{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .journey-card--v520:nth-child(2){border-right:0!important;} .journey-card--v520:nth-child(-n+2){border-bottom:1px solid rgba(15,23,42,.08)!important;} .home-magazine-v520__grid{grid-template-columns:1fr!important;} .posts-grid--v520{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .home-guides-v520__grid{grid-template-columns:1fr!important;} } @media(max-width:760px){ .front-page--editorial-v520 :where(.container){width:calc(100% - 24px)!important;} .front-page--editorial-v520 .section-pad-sm{padding:30px 0!important;} .bg20-header .container.bg20-bar{width:calc(100% - 18px)!important;} .bg20-logo__mark,.brand-logo{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:14px!important;} .bg20-logo__text strong{font-size:.94rem!important;max-width:100px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;} .bg20-logo__text small{display:none!important;} .bg20-header .bg20-actions .theme-toggle,.bg20-header .bg20-theme-toggle{width:52px!important;min-width:52px!important;max-width:52px!important;height:42px!important;min-height:42px!important;padding:0 6px!important;} .bg20-header .theme-toggle__icon{display:none!important;} .bg20-header .theme-toggle__track{width:38px!important;min-width:38px!important;flex-basis:38px!important;height:24px!important;} .bg20-header .theme-toggle.is-dark .theme-toggle__thumb,body.site-theme-dark .bg20-header .theme-toggle__thumb,html.site-theme-dark-init body .bg20-header .theme-toggle__thumb{transform:translateX(14px)!important;} .home-hero-full-v520{min-height:620px!important;display:block!important;} .home-hero-full-v520 .home-hero-full-v503__media img{object-position:67% center!important;} .home-hero-full-v520 .home-hero-full-v503__shade{background:linear-gradient(180deg, rgba(5,12,22,.15) 0%, rgba(5,12,22,.46) 45%, rgba(5,12,22,.86) 100%)!important;} .home-hero-full-v520__content.container{width:calc(100% - 24px)!important;padding:82px 0 92px!important;} .home-hero-full-v520 .home-hero-full-v503__badge{min-height:36px!important;padding:0 12px!important;font-size:.75rem!important;} .home-hero-full-v520 h1{margin-top:20px!important;font-size:clamp(36px,10.4vw,48px)!important;line-height:1.02!important;max-width:360px!important;} .home-hero-full-v520 .home-hero-full-v503__lead{max-width:31ch!important;font-size:.98rem!important;line-height:1.55!important;} .home-hero-full-v520__tags{gap:8px!important;margin-top:20px!important;} .home-hero-full-v520__tags span{min-height:32px!important;padding:0 10px!important;font-size:.76rem!important;gap:7px!important;} .home-hero-full-v520__tags .icon{width:15px!important;height:15px!important;} .home-hero-full-v520 .home-hero-full-v503__actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:24px!important;max-width:360px!important;} .home-hero-full-v520 .home-hero-full-v503__actions .btn{min-height:50px!important;padding:0 18px!important;font-size:.95rem!important;width:100%!important;} .home-hero-full-v520__labels{display:none!important;} .journey-section--v520{margin-top:-46px!important;padding-bottom:18px!important;} .journey-grid--v520{grid-template-columns:1fr!important;border-radius:22px!important;} .journey-card--v520{grid-template-columns:56px minmax(0,1fr) 20px!important;min-height:108px!important;padding:18px!important;border-right:0!important;border-bottom:1px solid rgba(15,23,42,.08)!important;gap:14px!important;} .journey-card--v520:last-child{border-bottom:0!important;} .journey-card--v520 .journey-card__icon{width:50px!important;height:50px!important;border-radius:15px!important;} .journey-card--v520 .journey-card__icon .icon{width:25px!important;height:25px!important;} .journey-card--v520 strong{font-size:1.02rem!important;} .journey-card--v520 small{font-size:.86rem!important;line-height:1.38!important;} .home-rubrics-v520,.home-weekly-v520,.home-guides-v520__main,.home-method-v520{padding:20px!important;border-radius:20px!important;} .posts-grid--v520{grid-template-columns:1fr!important;gap:16px!important;} .posts-grid--v520 .post-card__image{height:190px!important;} .category-grid--v520{grid-template-columns:1fr!important;gap:12px!important;} .category-card--v520{min-height:0!important;display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;grid-template-areas:"icon tag" "icon title" "icon desc"!important;gap:4px 12px!important;padding:16px!important;} .category-card--v520 .category-icon{grid-area:icon!important;width:56px!important;height:56px!important;} .category-card--v520 .category-icon-image{width:56px!important;height:56px!important;} .category-card--v520 .category-tag{grid-area:tag!important;position:static!important;justify-self:start!important;} .category-card--v520 strong{grid-area:title!important;} .category-card--v520 small{grid-area:desc!important;} } /* v5.3.0 — clean editorial hero rebuilt with new classes, no old v503 hero conflicts */ .front-page--editorial-v530{ background:#f7f3ea!important; } .front-page--editorial-v530 :where(.container){ width:min(calc(100% - 64px),1420px)!important; } /* Header polish: keep CTA neat and hide it before tablet layout breaks */ .bg20-cta--v520{ min-height:44px!important; padding:0 18px!important; border-radius:999px!important; background:#07111f!important; color:#fff!important; box-shadow:0 12px 28px rgba(7,17,31,.16)!important; font-size:.9rem!important; line-height:1!important; } .bg20-cta--v520 .icon{width:16px!important;height:16px!important;} .bg20-header .bg20-actions .theme-toggle, .bg20-header .bg20-theme-toggle{ flex:0 0 auto!important; transform:none!important; } /* New hero: separate class names so old .home-hero-full-v503 rules cannot override it */ .home-hero-editorial-v530{ position:relative!important; min-height:clamp(620px,72vh,760px)!important; display:flex!important; align-items:center!important; overflow:hidden!important; background:#07111f!important; isolation:isolate!important; } .home-hero-editorial-v530__media, .home-hero-editorial-v530__media img{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; display:block!important; } .home-hero-editorial-v530__media img{ object-fit:cover!important; object-position:center center!important; filter:saturate(1.04) contrast(1.02)!important; z-index:0!important; } .home-hero-editorial-v530__overlay{ position:absolute!important; inset:0!important; z-index:1!important; background: radial-gradient(circle at 78% 28%, rgba(245,158,11,.11), transparent 28%), linear-gradient(90deg, rgba(5,12,22,.90) 0%, rgba(5,12,22,.70) 34%, rgba(5,12,22,.24) 62%, rgba(5,12,22,.04) 100%)!important; } .home-hero-editorial-v530__content{ position:relative!important; z-index:2!important; padding:92px 0 130px!important; } .home-hero-editorial-v530__badge{ display:inline-flex!important; align-items:center!important; gap:9px!important; min-height:40px!important; padding:0 17px!important; border-radius:999px!important; color:#fff!important; background:rgba(8,15,26,.46)!important; border:1px solid rgba(255,255,255,.18)!important; font-weight:900!important; font-size:.9rem!important; letter-spacing:.01em!important; box-shadow:none!important; } .home-hero-editorial-v530__badge .icon{ width:17px!important; height:17px!important; color:#f59e0b!important; } .home-hero-editorial-v530 h1{ max-width:700px!important; margin:34px 0 20px!important; color:#fff!important; font-size:clamp(54px,5.4vw,88px)!important; line-height:.98!important; letter-spacing:-.065em!important; font-weight:950!important; text-shadow:0 10px 32px rgba(0,0,0,.22)!important; } .home-hero-editorial-v530 h1 span, .home-hero-editorial-v530 h1 strong{ display:block!important; line-height:.98!important; } .home-hero-editorial-v530 h1 strong{ color:#f59e0b!important; font-weight:950!important; } .home-hero-editorial-v530 p{ max-width:620px!important; margin:0!important; color:rgba(255,255,255,.92)!important; font-size:clamp(1.05rem,1.28vw,1.28rem)!important; line-height:1.52!important; font-weight:650!important; text-shadow:0 8px 24px rgba(0,0,0,.25)!important; } .home-hero-editorial-v530__tags{ display:flex!important; flex-wrap:wrap!important; gap:10px!important; margin-top:24px!important; max-width:680px!important; } .home-hero-editorial-v530__tags span{ display:inline-flex!important; align-items:center!important; min-height:auto!important; padding:7px 12px!important; border-radius:999px!important; color:rgba(255,255,255,.90)!important; background:rgba(255,255,255,.075)!important; border:1px solid rgba(255,255,255,.15)!important; box-shadow:none!important; font-size:.86rem!important; line-height:1.1!important; font-weight:800!important; letter-spacing:.01em!important; } .home-hero-editorial-v530__actions{ display:flex!important; gap:18px!important; flex-wrap:wrap!important; margin-top:34px!important; } .home-hero-editorial-v530__actions .btn{ min-height:60px!important; padding:0 32px!important; border-radius:999px!important; font-size:1.02rem!important; font-weight:950!important; } .home-hero-editorial-v530__actions .btn-primary{ background:#f59e0b!important; color:#fff!important; box-shadow:0 18px 40px rgba(245,158,11,.25)!important; border-color:#f59e0b!important; } .home-hero-editorial-v530__actions .btn-ghost{ background:#fff!important; color:#111827!important; border-color:#fff!important; } .home-hero-editorial-v530__actions .icon{ width:17px!important; height:17px!important; } /* Cards under hero: no clipping, no dependency on old journey-card styles */ .home-hero-cards-v530{ position:relative!important; z-index:4!important; margin-top:-62px!important; padding:0 0 32px!important; overflow:visible!important; } .home-hero-cards-v530__grid{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:0!important; border-radius:26px!important; overflow:visible!important; background:#fff!important; box-shadow:0 24px 70px rgba(31,41,55,.13)!important; } .home-hero-cards-v530__card{ display:grid!important; grid-template-columns:66px minmax(0,1fr) 22px!important; align-items:center!important; gap:18px!important; min-height:150px!important; height:auto!important; padding:26px!important; color:#111827!important; background:#fff!important; text-decoration:none!important; border:0!important; border-right:1px solid rgba(15,23,42,.08)!important; border-radius:0!important; box-shadow:none!important; overflow:visible!important; } .home-hero-cards-v530__card:first-child{border-radius:26px 0 0 26px!important;} .home-hero-cards-v530__card:last-child{border-right:0!important;border-radius:0 26px 26px 0!important;} .home-hero-cards-v530__icon{ width:58px!important; height:58px!important; border-radius:18px!important; display:flex!important; align-items:center!important; justify-content:center!important; } .home-hero-cards-v530__icon .icon{width:29px!important;height:29px!important;} .home-hero-cards-v530__icon--blue{background:#e8f3ff!important;color:#247ad9!important;} .home-hero-cards-v530__icon--amber{background:#fff0cf!important;color:#9b5a00!important;} .home-hero-cards-v530__icon--green{background:#eaf9dd!important;color:#237a19!important;} .home-hero-cards-v530__icon--purple{background:#efe5ff!important;color:#6832c4!important;} .home-hero-cards-v530__text{min-width:0!important;} .home-hero-cards-v530__text strong{ display:block!important; margin:0 0 7px!important; color:#111827!important; font-size:1.12rem!important; line-height:1.12!important; font-weight:950!important; letter-spacing:-.02em!important; } .home-hero-cards-v530__text small{ display:block!important; color:#334155!important; font-size:.92rem!important; line-height:1.4!important; font-weight:600!important; } .home-hero-cards-v530__arrow{ align-self:end!important; justify-self:end!important; color:#111827!important; opacity:.86!important; } .home-hero-cards-v530__arrow .icon{width:19px!important;height:19px!important;} /* Rubrics/editorial cleanup */ .home-rubrics-v520__list a{grid-template-columns:26px minmax(0,1fr)!important;} .home-rubrics-v520__list .icon{width:22px!important;height:22px!important;opacity:.82!important;} .home-weekly-v520__links{gap:9px!important;} .home-weekly-v520__links a{min-height:42px!important;} @media (max-width:1320px){ .front-page--editorial-v530 :where(.container){width:min(calc(100% - 44px),1180px)!important;} .bg20-bar{grid-template-columns:210px minmax(0,1fr) auto!important;gap:14px!important;} .bg20-nav a{font-size:.86rem!important;padding:0 10px!important;} .bg20-cta--v520{padding:0 15px!important;font-size:.84rem!important;} .home-hero-editorial-v530__content{padding-bottom:122px!important;} .home-hero-cards-v530__card{grid-template-columns:58px minmax(0,1fr) 20px!important;gap:14px!important;padding:22px!important;} .home-hero-cards-v530__text strong{font-size:1.02rem!important;} .home-hero-cards-v530__text small{font-size:.86rem!important;line-height:1.36!important;} } @media (max-width:1100px){ .bg20-nav,.bg20-cta--v520{display:none!important;} .home-hero-editorial-v530{min-height:640px!important;} .home-hero-editorial-v530__media img{object-position:62% center!important;} .home-hero-editorial-v530__overlay{ background:linear-gradient(90deg, rgba(5,12,22,.82) 0%, rgba(5,12,22,.56) 42%, rgba(5,12,22,.16) 100%)!important; } .home-hero-editorial-v530__content{padding:88px 0 112px!important;} .home-hero-editorial-v530 h1{font-size:clamp(46px,7.4vw,72px)!important;max-width:590px!important;} .home-hero-editorial-v530 p{max-width:560px!important;} .home-hero-cards-v530{margin-top:-50px!important;} .home-hero-cards-v530__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:24px!important;overflow:hidden!important;} .home-hero-cards-v530__card{min-height:132px!important;border-radius:0!important;} .home-hero-cards-v530__card:nth-child(2n){border-right:0!important;} .home-hero-cards-v530__card:nth-child(-n+2){border-bottom:1px solid rgba(15,23,42,.08)!important;} .home-magazine-v520__grid{grid-template-columns:1fr!important;} } @media (max-width:760px){ .front-page--editorial-v530 :where(.container){width:calc(100% - 24px)!important;} .home-hero-editorial-v530{min-height:600px!important;display:block!important;} .home-hero-editorial-v530__media img{object-position:64% center!important;filter:saturate(1.03) brightness(1.02)!important;} .home-hero-editorial-v530__overlay{ background: linear-gradient(180deg, rgba(5,12,22,.08) 0%, rgba(5,12,22,.28) 32%, rgba(5,12,22,.78) 100%), linear-gradient(90deg, rgba(5,12,22,.36) 0%, rgba(5,12,22,.08) 58%, rgba(5,12,22,.02) 100%)!important; } .home-hero-editorial-v530__content{width:calc(100% - 24px)!important;padding:78px 0 88px!important;margin-inline:auto!important;} .home-hero-editorial-v530__badge{min-height:34px!important;padding:0 12px!important;font-size:.74rem!important;max-width:100%!important;} .home-hero-editorial-v530 h1{font-size:clamp(34px,10vw,44px)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:18px 0 12px!important;max-width:360px!important;} .home-hero-editorial-v530 p{font-size:15px!important;line-height:1.55!important;max-width:31ch!important;} .home-hero-editorial-v530__tags{gap:7px!important;margin-top:16px!important;max-width:350px!important;} .home-hero-editorial-v530__tags span{padding:6px 9px!important;font-size:.72rem!important;} .home-hero-editorial-v530__actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:20px!important;max-width:350px!important;} .home-hero-editorial-v530__actions .btn{width:100%!important;min-height:48px!important;padding:0 16px!important;font-size:.94rem!important;} .home-hero-cards-v530{margin-top:-44px!important;padding-bottom:18px!important;} .home-hero-cards-v530__grid{grid-template-columns:1fr!important;border-radius:22px!important;overflow:hidden!important;} .home-hero-cards-v530__card{grid-template-columns:52px minmax(0,1fr) 18px!important;min-height:104px!important;padding:16px!important;gap:13px!important;border-right:0!important;border-bottom:1px solid rgba(15,23,42,.08)!important;} .home-hero-cards-v530__card:first-child,.home-hero-cards-v530__card:last-child{border-radius:0!important;} .home-hero-cards-v530__card:last-child{border-bottom:0!important;} .home-hero-cards-v530__icon{width:48px!important;height:48px!important;border-radius:14px!important;} .home-hero-cards-v530__icon .icon{width:24px!important;height:24px!important;} .home-hero-cards-v530__text strong{font-size:1rem!important;margin-bottom:4px!important;} .home-hero-cards-v530__text small{font-size:.84rem!important;line-height:1.34!important;} .posts-grid--v520{grid-template-columns:1fr!important;} .home-weekly-v520__links{grid-template-columns:1fr!important;} } @media (max-width:380px){ .home-hero-editorial-v530{min-height:580px!important;} .home-hero-editorial-v530__content{padding-bottom:82px!important;} .home-hero-editorial-v530 h1{font-size:clamp(31px,9.8vw,38px)!important;} .home-hero-editorial-v530__tags span{font-size:.7rem!important;} } /* v5.4.0 — cleanup after live review: better hero asset, no header CTA, clear theme toggle, static feature cards */ .bg20-cta, .bg20-cta--v520{display:none!important;} /* Clear theme switcher: one understandable icon button, no ambiguous slider */ .bg20-header .bg20-actions .theme-toggle, .bg20-header .bg20-theme-toggle{ width:42px!important; height:42px!important; min-width:42px!important; max-width:42px!important; min-height:42px!important; padding:0!important; border-radius:15px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; background:#fff7eb!important; border:1px solid rgba(245,158,11,.24)!important; box-shadow:0 10px 24px rgba(15,23,42,.10)!important; color:#f59e0b!important; overflow:hidden!important; } .bg20-header .theme-toggle__track, .bg20-header .theme-toggle__thumb{display:none!important;} .bg20-header .theme-toggle__icon{display:none!important;} .bg20-header .theme-toggle__icon--sun{ display:inline-flex!important; width:20px!important; height:20px!important; align-items:center!important; justify-content:center!important; font-size:18px!important; line-height:1!important; color:#f59e0b!important; } body.site-theme-dark .bg20-header .theme-toggle, html.site-theme-dark-init body .bg20-header .theme-toggle{ background:#111827!important; color:#e7eefc!important; border-color:rgba(255,255,255,.18)!important; } body.site-theme-dark .bg20-header .theme-toggle__icon--sun, html.site-theme-dark-init body .bg20-header .theme-toggle__icon--sun{display:none!important;} body.site-theme-dark .bg20-header .theme-toggle__icon--moon, html.site-theme-dark-init body .bg20-header .theme-toggle__icon--moon{ display:inline-flex!important; width:20px!important; height:20px!important; align-items:center!important; justify-content:center!important; font-size:18px!important; line-height:1!important; color:#dbeafe!important; } /* Hero: cleaner, brighter image with fewer artifacts */ .home-hero-editorial-v530{ min-height:clamp(600px,70vh,730px)!important; } .home-hero-editorial-v530__media img{ object-position:center center!important; filter:saturate(1.05) contrast(1.03) brightness(1.03)!important; } .home-hero-editorial-v530__overlay{ background: linear-gradient(90deg, rgba(5,12,22,.86) 0%, rgba(5,12,22,.64) 32%, rgba(5,12,22,.22) 58%, rgba(5,12,22,.04) 100%)!important; } .home-hero-editorial-v530__content{padding-bottom:112px!important;} .home-hero-editorial-v530__badge{background:rgba(8,15,26,.40)!important;} /* Hero tags are calm text markers, not buttons */ .home-hero-editorial-v530__tags{ gap:16px!important; row-gap:8px!important; margin-top:22px!important; } .home-hero-editorial-v530__tags span{ padding:0!important; min-height:0!important; background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; color:rgba(255,255,255,.88)!important; font-size:.88rem!important; font-weight:800!important; display:inline-flex!important; align-items:center!important; gap:7px!important; } .home-hero-editorial-v530__tags span::before{ content:""; width:6px; height:6px; border-radius:50%; background:#f59e0b; box-shadow:0 0 0 4px rgba(245,158,11,.14); flex:0 0 auto; } /* Feature cards are informational, not links/buttons */ .home-hero-cards-v530__grid{overflow:hidden!important;} .home-hero-cards-v530__card{ cursor:default!important; pointer-events:none!important; grid-template-columns:58px minmax(0,1fr)!important; min-height:138px!important; border-right:1px solid rgba(15,23,42,.08)!important; } .home-hero-cards-v530__card:hover{transform:none!important;box-shadow:none!important;} .home-hero-cards-v530__arrow{display:none!important;} .home-hero-cards-v530__text strong{font-size:1.05rem!important;line-height:1.18!important;} .home-hero-cards-v530__text small{font-size:.9rem!important;line-height:1.38!important;} /* Popular rubrics: make icons readable and category-like */ .home-rubrics-v520__list{gap:8px!important;} .home-rubrics-v520__list a{ grid-template-columns:36px minmax(0,1fr)!important; min-height:42px!important; align-items:center!important; padding:6px 8px!important; border-radius:14px!important; } .home-rubrics-v520__list a:hover{background:#fff7eb!important;} .home-rubrics-v520__list .icon{ width:32px!important; height:32px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:12px!important; background:#f7efe1!important; color:#bf6b00!important; opacity:1!important; } .home-rubrics-v520__list .icon svg{width:21px!important;height:21px!important;} /* Replace confusing rating/progress visual with editorial explanation cards */ .home-method-v540__list{ display:grid!important; gap:10px!important; margin-top:18px!important; } .home-method-v540__list div{ padding:13px 14px!important; border-radius:16px!important; background:#f7f0e3!important; border:1px solid rgba(183,151,95,.22)!important; } .home-method-v540__list strong{ display:block!important; color:#111827!important; font-size:.95rem!important; line-height:1.2!important; margin-bottom:4px!important; } .home-method-v540__list span{ display:block!important; color:#536174!important; font-size:.86rem!important; line-height:1.42!important; font-weight:650!important; } body.site-theme-dark .home-method-v540__list div, html.site-theme-dark-init body .home-method-v540__list div{ background:#132239!important; border-color:#304761!important; } body.site-theme-dark .home-method-v540__list strong, html.site-theme-dark-init body .home-method-v540__list strong{color:#fff!important;} body.site-theme-dark .home-method-v540__list span, html.site-theme-dark-init body .home-method-v540__list span{color:#cbd6e6!important;} @media(max-width:1100px){ .home-hero-editorial-v530__overlay{ background:linear-gradient(90deg, rgba(5,12,22,.80) 0%, rgba(5,12,22,.52) 42%, rgba(5,12,22,.12) 100%)!important; } .home-hero-cards-v530__grid{overflow:hidden!important;} .home-hero-cards-v530__card{grid-template-columns:54px minmax(0,1fr)!important;min-height:126px!important;} } @media(max-width:760px){ .home-hero-editorial-v530{min-height:590px!important;} .home-hero-editorial-v530__media img{object-position:54% center!important;} .home-hero-editorial-v530__overlay{ background: linear-gradient(180deg, rgba(5,12,22,.08) 0%, rgba(5,12,22,.32) 36%, rgba(5,12,22,.82) 100%), linear-gradient(90deg, rgba(5,12,22,.34) 0%, rgba(5,12,22,.06) 58%, rgba(5,12,22,.02) 100%)!important; } .home-hero-editorial-v530__content{padding:74px 0 78px!important;} .home-hero-editorial-v530__tags{gap:10px!important;} .home-hero-editorial-v530__tags span{font-size:.76rem!important;} .home-hero-cards-v530{margin-top:-36px!important;} .home-hero-cards-v530__card{grid-template-columns:48px minmax(0,1fr)!important;min-height:104px!important;pointer-events:none!important;} .home-rubrics-v520__list a{grid-template-columns:34px minmax(0,1fr)!important;} .home-rubrics-v520__list .icon{width:30px!important;height:30px!important;} } /* v5.5.0 — use final generated WebP hero and separate WebP benefit icons */ .home-hero-editorial-v530__media img{ object-position:center center!important; image-rendering:auto!important; filter:saturate(1.03) contrast(1.02) brightness(1.02)!important; } .home-hero-editorial-v530__overlay{ background: linear-gradient(90deg, rgba(5,12,22,.82) 0%, rgba(5,12,22,.56) 34%, rgba(5,12,22,.16) 58%, rgba(5,12,22,.02) 100%)!important; } .home-hero-cards-v530__card{ cursor:default!important; } .home-hero-cards-v530__icon--image{ width:76px!important; height:76px!important; flex:0 0 76px!important; padding:0!important; border-radius:22px!important; background:transparent!important; box-shadow:none!important; overflow:hidden!important; } .home-hero-cards-v530__icon--image img{ display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; border-radius:22px!important; } .home-hero-cards-v530__icon--image svg{display:none!important;} @media(max-width:1100px){ .home-hero-editorial-v530__media img{object-position:56% center!important;} } @media(max-width:760px){ .home-hero-editorial-v530__media img{object-position:center center!important;} .home-hero-editorial-v530__overlay{ background: linear-gradient(180deg, rgba(5,12,22,.14) 0%, rgba(5,12,22,.36) 48%, rgba(5,12,22,.78) 100%)!important; } .home-hero-cards-v530__icon--image{width:62px!important;height:62px!important;flex-basis:62px!important;border-radius:18px!important;} .home-hero-cards-v530__icon--image img{border-radius:18px!important;} } /* v5.6.0 — unified WebP icon set for popular rubrics and site sections */ .front-page--icons-v560 .home-rubrics-v520__list{ gap:10px!important; } .front-page--icons-v560 .home-rubrics-v520__list a{ grid-template-columns:52px minmax(0,1fr)!important; gap:13px!important; min-height:62px!important; padding:8px 10px!important; border-radius:18px!important; background:rgba(255,255,255,.58)!important; border:1px solid rgba(15,23,42,.06)!important; } .front-page--icons-v560 .home-rubrics-v520__list a:hover{ background:#fff7eb!important; border-color:rgba(245,158,11,.22)!important; } .front-page--icons-v560 .home-rubrics-v520__visual{ width:52px!important; height:52px!important; border-radius:16px!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; background:#fff8ea!important; box-shadow:0 10px 22px rgba(15,23,42,.08)!important; } .front-page--icons-v560 .home-rubrics-v520__visual img{ width:100%!important; height:100%!important; object-fit:cover!important; display:block!important; } .front-page--icons-v560 .home-rubrics-v520__list .icon{ display:none!important; } .front-page--icons-v560 .category-card--v520 .category-icon, .front-page--icons-v560 .category-card .category-icon{ width:78px!important; height:78px!important; border-radius:22px!important; background:#fff8ea!important; border:1px solid rgba(15,23,42,.06)!important; box-shadow:0 12px 28px rgba(15,23,42,.07)!important; overflow:hidden!important; } .front-page--icons-v560 .category-card--v520 .category-icon-image, .front-page--icons-v560 .category-card .category-icon-image, .front-page--icons-v560 .category-icon-image--v22{ width:100%!important; height:100%!important; object-fit:cover!important; display:block!important; } .front-page--icons-v560 .category-card--v520{ min-height:244px!important; } @media(max-width:1100px){ .front-page--icons-v560 .home-rubrics-v520__list a{grid-template-columns:50px minmax(0,1fr)!important;} .front-page--icons-v560 .home-rubrics-v520__visual{width:50px!important;height:50px!important;} } @media(max-width:760px){ .front-page--icons-v560 .home-rubrics-v520__list a{ grid-template-columns:46px minmax(0,1fr)!important; min-height:58px!important; padding:8px!important; } .front-page--icons-v560 .home-rubrics-v520__visual{width:46px!important;height:46px!important;border-radius:15px!important;} .front-page--icons-v560 .category-card--v520 .category-icon, .front-page--icons-v560 .category-card .category-icon{width:62px!important;height:62px!important;border-radius:18px!important;} .front-page--icons-v560 .category-card--v520{min-height:0!important;} } /* v5.6.1 — compact hero, calmer cards, readable rubrics and soft category accents */ @media (min-width:761px){ .home-hero-editorial-v530{ min-height:540px!important; } .home-hero-editorial-v530__content{ padding-top:72px!important; padding-bottom:86px!important; } .home-hero-cards-v530{ margin-top:-42px!important; } } @media (min-width:1101px){ .home-hero-editorial-v530{ min-height:540px!important; } } .home-hero-editorial-v530__tags span{ font-size:13px!important; font-weight:800!important; opacity:.95!important; color:rgba(255,255,255,.95)!important; letter-spacing:.01em!important; } .home-hero-cards-v530__card{ min-height:152px!important; padding:28px 24px!important; gap:18px!important; } .home-hero-cards-v530__text strong{ margin-bottom:8px!important; } .home-hero-cards-v530__text small{ line-height:1.46!important; } /* Popular rubrics: a little wider column and smaller WebP icons so long names breathe */ @media (min-width:1281px){ .home-magazine-v520__grid{ grid-template-columns:286px minmax(0,1fr) 316px!important; } } @media (min-width:761px) and (max-width:1280px){ .home-magazine-v520__grid{ grid-template-columns:270px minmax(0,1fr)!important; } } .front-page--icons-v560 .home-rubrics-v520__list a{ grid-template-columns:42px minmax(0,1fr)!important; gap:12px!important; min-height:56px!important; padding:8px 10px!important; } .front-page--icons-v560 .home-rubrics-v520__visual{ width:42px!important; height:42px!important; border-radius:14px!important; } .home-rubrics-v520__list a > span:last-child{ line-height:1.18!important; overflow-wrap:break-word!important; hyphens:auto!important; } /* Latest articles: enforce one calmer card format even when source thumbnails differ */ .posts-grid--v520 .post-card__image{ height:170px!important; aspect-ratio:16/10!important; padding:7px!important; background:linear-gradient(135deg,#f7f3ea,#fff8ee)!important; position:relative!important; } .posts-grid--v520 .post-card__image img{ border-radius:14px!important; filter:saturate(.94) contrast(.98) brightness(1.02)!important; } .posts-grid--v520 .post-card__image::after{ content:""; position:absolute; inset:7px; border-radius:14px; background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,248,234,.12)); pointer-events:none; } /* Category cards: very soft visual accents so sections scan differently */ .front-page--icons-v560 .category-card--v520{ position:relative!important; overflow:hidden!important; border-color:rgba(15,23,42,.07)!important; } .front-page--icons-v560 .category-card--v520::before{ content:""; position:absolute; inset:0; opacity:.78; pointer-events:none; z-index:0; } .front-page--icons-v560 .category-card--v520 > *{ position:relative; z-index:1; } .front-page--icons-v560 .category-card--robot_vacuum::before{ background:linear-gradient(135deg,rgba(219,238,255,.82),rgba(255,255,255,0) 62%)!important; } .front-page--icons-v560 .category-card--coffee::before{ background:linear-gradient(135deg,rgba(255,237,213,.86),rgba(255,255,255,0) 62%)!important; } .front-page--icons-v560 .category-card--wind::before{ background:linear-gradient(135deg,rgba(220,252,231,.82),rgba(255,255,255,0) 62%)!important; } .front-page--icons-v560 .category-card--fridge::before{ background:linear-gradient(135deg,rgba(226,232,240,.88),rgba(219,234,254,.30) 42%,rgba(255,255,255,0) 68%)!important; } .front-page--icons-v560 .category-card--upright_vacuum::before{ background:linear-gradient(135deg,rgba(237,233,254,.86),rgba(255,255,255,0) 62%)!important; } .front-page--icons-v560 .category-card--guide::before{ background:linear-gradient(135deg,rgba(254,249,195,.86),rgba(255,255,255,0) 62%)!important; } .front-page--icons-v560 .category-card--robot_vacuum .category-tag{background:#eaf4ff!important;color:#1d5f9f!important;} .front-page--icons-v560 .category-card--coffee .category-tag{background:#fff1dd!important;color:#9a5a12!important;} .front-page--icons-v560 .category-card--wind .category-tag{background:#e9f9ee!important;color:#227044!important;} .front-page--icons-v560 .category-card--fridge .category-tag{background:#eef4fb!important;color:#37526f!important;} .front-page--icons-v560 .category-card--upright_vacuum .category-tag{background:#f1ecff!important;color:#6840a8!important;} .front-page--icons-v560 .category-card--guide .category-tag{background:#fff8cc!important;color:#8a6411!important;} @media(max-width:1100px){ .home-hero-cards-v530__card{ min-height:140px!important; padding:24px!important; } } @media(max-width:760px){ .home-hero-editorial-v530{ min-height:555px!important; } .home-hero-editorial-v530__content{ padding:70px 0 72px!important; } .home-hero-editorial-v530__tags span{ font-size:12.5px!important; } .home-hero-cards-v530{ margin-top:-30px!important; } .home-hero-cards-v530__card{ min-height:114px!important; padding:18px!important; } .posts-grid--v520 .post-card__image{ height:186px!important; } .front-page--icons-v560 .home-rubrics-v520__list a{ grid-template-columns:42px minmax(0,1fr)!important; min-height:54px!important; } .front-page--icons-v560 .home-rubrics-v520__visual{ width:42px!important; height:42px!important; } } /* v5.6.2 — new generated WebP hero image */ .home-hero-editorial-v530__media img{ object-position:center center!important; filter:saturate(1.02) contrast(1.01) brightness(1.02)!important; } .home-hero-editorial-v530__overlay{ background: linear-gradient(90deg, rgba(5,12,22,.76) 0%, rgba(5,12,22,.50) 34%, rgba(5,12,22,.13) 58%, rgba(5,12,22,.02) 100%)!important; } @media(max-width:760px){ .home-hero-editorial-v530__media img{ object-position:56% center!important; } .home-hero-editorial-v530__overlay{ background: linear-gradient(180deg, rgba(5,12,22,.10) 0%, rgba(5,12,22,.34) 44%, rgba(5,12,22,.80) 100%), linear-gradient(90deg, rgba(5,12,22,.28) 0%, rgba(5,12,22,.06) 58%, rgba(5,12,22,.02) 100%)!important; } } /* v5.6.3 — softer hero, corrected dark home page, stronger rubrics, lighter footer */ @media (min-width:761px){ .home-hero-editorial-v530{ min-height:530px!important; } .home-hero-editorial-v530__content{ padding-top:68px!important; padding-bottom:78px!important; } .home-hero-cards-v530{ margin-top:-28px!important; padding-bottom:38px!important; } } .home-hero-editorial-v530__overlay{ background: linear-gradient(90deg, rgba(15,23,42,.72) 0%, rgba(15,23,42,.48) 42%, rgba(15,23,42,.18) 100% )!important; } .home-hero-editorial-v530 h1, .home-hero-editorial-v530__title{ max-width:650px!important; font-size:clamp(42px,5vw,72px)!important; line-height:1!important; letter-spacing:-.058em!important; margin-top:28px!important; margin-bottom:18px!important; } .home-hero-editorial-v530 p{ max-width:590px!important; font-size:clamp(1rem,1.12vw,1.16rem)!important; } .home-hero-cards-v530__card{ min-height:146px!important; } .front-page--icons-v560 .home-rubrics-v520{ padding:26px!important; } .front-page--icons-v560 .home-rubrics-v520 .section-kicker, .front-page--icons-v560 .home-rubrics-v520 h2, .front-page--icons-v560 .home-rubrics-v520__title{ font-size:.86rem!important; letter-spacing:.16em!important; font-weight:950!important; } .front-page--icons-v560 .home-rubrics-v520__list a{ min-height:60px!important; padding:9px 11px!important; font-weight:920!important; } .front-page--icons-v560 .home-rubrics-v520__all{ margin-top:16px!important; min-height:38px!important; padding:0 6px!important; color:#2563eb!important; font-weight:950!important; } .site-footer h3{ font-weight:850!important; letter-spacing:-.01em!important; } .site-footer a{ font-weight:760!important; } .footer-note, .affiliate-disclaimer, .footer-bottom{ font-weight:520!important; } /* Dark mode: make the home page consistently dark instead of mixing beige background with white text. */ body.site-theme-dark .front-page--editorial-v530, html.site-theme-dark-init body .front-page--editorial-v530{ background:#07111f!important; color:#eaf2ff!important; } body.site-theme-dark .front-page--editorial-v530 .site-bg, html.site-theme-dark-init body .front-page--editorial-v530 .site-bg{ background:radial-gradient(circle at 14% 10%,rgba(54,120,172,.14),transparent 34%),radial-gradient(circle at 82% 24%,rgba(245,158,11,.10),transparent 36%),linear-gradient(180deg,#07111f,#0a1423)!important; } body.site-theme-dark .front-page--editorial-v530 .section-kicker, html.site-theme-dark-init body .front-page--editorial-v530 .section-kicker{ color:#f6b44c!important; } body.site-theme-dark .front-page--editorial-v530 .section-head h2, body.site-theme-dark .front-page--editorial-v530 .content-box h2, body.site-theme-dark .front-page--editorial-v530 .dark-card h2, body.site-theme-dark .front-page--editorial-v530 .home-rubrics-v520 h2, html.site-theme-dark-init body .front-page--editorial-v530 .section-head h2, html.site-theme-dark-init body .front-page--editorial-v530 .content-box h2, html.site-theme-dark-init body .front-page--editorial-v530 .dark-card h2, html.site-theme-dark-init body .front-page--editorial-v530 .home-rubrics-v520 h2{ color:#ffffff!important; } body.site-theme-dark .home-hero-cards-v530__card, html.site-theme-dark-init body .home-hero-cards-v530__card, body.site-theme-dark .front-page--editorial-v530 .glass-card, body.site-theme-dark .front-page--editorial-v530 .post-card, body.site-theme-dark .front-page--editorial-v530 .category-card, body.site-theme-dark .front-page--editorial-v530 .content-box, body.site-theme-dark .front-page--editorial-v530 .dark-card, html.site-theme-dark-init body .home-hero-cards-v530__card, html.site-theme-dark-init body .front-page--editorial-v530 .glass-card, html.site-theme-dark-init body .front-page--editorial-v530 .post-card, html.site-theme-dark-init body .front-page--editorial-v530 .category-card, html.site-theme-dark-init body .front-page--editorial-v530 .content-box, html.site-theme-dark-init body .front-page--editorial-v530 .dark-card{ background:#101b2b!important; border-color:rgba(148,163,184,.22)!important; color:#eaf2ff!important; box-shadow:0 22px 56px rgba(0,0,0,.26)!important; } body.site-theme-dark .home-hero-cards-v530__text strong, body.site-theme-dark .front-page--editorial-v530 .post-card h2, body.site-theme-dark .front-page--editorial-v530 .category-card strong, body.site-theme-dark .front-page--editorial-v530 .home-rubrics-v520__list a, html.site-theme-dark-init body .home-hero-cards-v530__text strong, html.site-theme-dark-init body .front-page--editorial-v530 .post-card h2, html.site-theme-dark-init body .front-page--editorial-v530 .category-card strong, html.site-theme-dark-init body .front-page--editorial-v530 .home-rubrics-v520__list a{ color:#ffffff!important; } body.site-theme-dark .home-hero-cards-v530__text small, body.site-theme-dark .front-page--editorial-v530 .post-card p, body.site-theme-dark .front-page--editorial-v530 .category-card small, body.site-theme-dark .front-page--editorial-v530 .content-box p, body.site-theme-dark .front-page--editorial-v530 .dark-card p, html.site-theme-dark-init body .home-hero-cards-v530__text small, html.site-theme-dark-init body .front-page--editorial-v530 .post-card p, html.site-theme-dark-init body .front-page--editorial-v530 .category-card small, html.site-theme-dark-init body .front-page--editorial-v530 .content-box p, html.site-theme-dark-init body .front-page--editorial-v530 .dark-card p{ color:#cbd8ea!important; } body.site-theme-dark .front-page--icons-v560 .home-rubrics-v520__list a, html.site-theme-dark-init body .front-page--icons-v560 .home-rubrics-v520__list a{ background:#18263a!important; border-color:rgba(148,163,184,.24)!important; } body.site-theme-dark .front-page--icons-v560 .home-rubrics-v520__list a:hover, html.site-theme-dark-init body .front-page--icons-v560 .home-rubrics-v520__list a:hover{ background:#21324a!important; border-color:#f6b44c!important; } body.site-theme-dark .front-page--icons-v560 .home-rubrics-v520__visual, body.site-theme-dark .front-page--icons-v560 .category-card .category-icon, html.site-theme-dark-init body .front-page--icons-v560 .home-rubrics-v520__visual, html.site-theme-dark-init body .front-page--icons-v560 .category-card .category-icon{ background:#fff4de!important; border-color:rgba(255,255,255,.08)!important; } body.site-theme-dark .front-page--icons-v560 .category-card--v520::before, html.site-theme-dark-init body .front-page--icons-v560 .category-card--v520::before{ opacity:.16!important; } body.site-theme-dark .posts-grid--v520 .post-card__image, html.site-theme-dark-init body .posts-grid--v520 .post-card__image{ background:linear-gradient(135deg,#152235,#22314a)!important; } body.site-theme-dark .front-page--editorial-v530 .article-link-list--guides a, html.site-theme-dark-init body .front-page--editorial-v530 .article-link-list--guides a{ background:#f8f3e9!important; border-color:rgba(255,255,255,.10)!important; color:#0f172a!important; } body.site-theme-dark .front-page--editorial-v530 .dark-note, html.site-theme-dark-init body .front-page--editorial-v530 .dark-note{ background:#152236!important; border:1px solid rgba(148,163,184,.22)!important; color:#dbe7f8!important; } body.site-theme-dark .site-footer, html.site-theme-dark-init body .site-footer{ background:#0a1423!important; border-top-color:rgba(148,163,184,.20)!important; } body.site-theme-dark .site-footer a, html.site-theme-dark-init body .site-footer a{ color:#dce8f7!important; font-weight:720!important; } body.site-theme-dark .site-footer a:hover, html.site-theme-dark-init body .site-footer a:hover{ color:#f6b44c!important; } @media(max-width:760px){ .home-hero-editorial-v530__overlay{ background: linear-gradient(180deg, rgba(15,23,42,.08) 0%, rgba(15,23,42,.32) 45%, rgba(15,23,42,.74) 100%), linear-gradient(90deg, rgba(15,23,42,.38) 0%, rgba(15,23,42,.10) 62%, rgba(15,23,42,.04) 100%)!important; } .home-hero-editorial-v530 h1, .home-hero-editorial-v530__title{ font-size:clamp(31px,9.4vw,39px)!important; margin-top:18px!important; } .home-hero-cards-v530{ margin-top:-22px!important; } } /* v5.6.4 — article reading width, calmer dark articles, softer dark home */ body.single .single-layout, body.single .site-main.single-layout--editorial-v5{ padding-top:42px!important; padding-bottom:56px!important; } body.single .content-shell, body.single .content-shell--editorial-article{ display:block!important; width:min(calc(100% - 56px),1180px)!important; max-width:1180px!important; margin-left:auto!important; margin-right:auto!important; } body.single .content-shell>.breadcrumbs, body.single .content-shell--editorial-article>.breadcrumbs{ width:min(100%,920px)!important; max-width:920px!important; margin-left:auto!important; margin-right:auto!important; margin-bottom:16px!important; } body.single .content-shell>.single-article, body.single .single-article, body.single article.single-article--editorial-v5{ width:100%!important; max-width:920px!important; margin-left:auto!important; margin-right:auto!important; } body.single .single-sidebar{ display:none!important; } body.single .single-article{ padding:42px 48px!important; border-radius:30px!important; } body.single .entry-content, body.single .entry-content--editorial-v5{ width:100%!important; max-width:820px!important; margin-left:auto!important; margin-right:auto!important; font-size:18px!important; line-height:1.75!important; } body.single .entry-content p, body.single .entry-content li{ max-width:74ch!important; } body.single .entry-content h2{ margin-top:42px!important; margin-bottom:18px!important; font-size:30px!important; line-height:1.25!important; letter-spacing:-.03em!important; } body.single .entry-content h3{ margin-top:30px!important; margin-bottom:14px!important; font-size:23px!important; line-height:1.3!important; letter-spacing:-.02em!important; } body.single .single-featured-image, body.single .entry-content .wp-block-image, body.single .entry-content figure.wp-block-image{ margin-top:28px!important; margin-bottom:30px!important; } body.single .single-featured-image img, body.single .post-thumbnail img, body.single .entry-content img:not(.emoji):not(.wp-smiley){ border-radius:18px!important; box-shadow:0 18px 45px rgba(0,0,0,.22)!important; } body.single .entry-content .wp-block-table, body.single .entry-content .bytguide-table-scroll, body.single .entry-content figure.wp-block-table{ display:block!important; width:100%!important; max-width:100%!important; overflow-x:auto!important; -webkit-overflow-scrolling:touch!important; border-radius:16px!important; margin:26px 0!important; } body.single .entry-content table{ width:100%!important; min-width:680px!important; font-size:15px!important; line-height:1.5!important; border-collapse:separate!important; border-spacing:0!important; overflow:hidden!important; border-radius:16px!important; } body.single .entry-content table th, body.single .entry-content table td{ padding:14px 16px!important; vertical-align:top!important; } /* Calm single-post dark background: no decorative glowing blobs on article pages. */ body.site-theme-dark.single, html.site-theme-dark body.single, html.site-theme-dark-init body.single{ background:#07111f!important; } body.site-theme-dark.single::before, body.site-theme-dark.single::after, html.site-theme-dark body.single::before, html.site-theme-dark body.single::after, html.site-theme-dark-init body.single::before, html.site-theme-dark-init body.single::after{ display:none!important; opacity:0!important; content:none!important; } body.site-theme-dark.single .site-bg, html.site-theme-dark body.single .site-bg, html.site-theme-dark-init body.single .site-bg{ background:#07111f!important; } body.site-theme-dark.single .single-article, html.site-theme-dark body.single .single-article, html.site-theme-dark-init body.single .single-article{ background:#101d2e!important; border-color:rgba(255,255,255,.10)!important; color:#dbe7f5!important; box-shadow:0 24px 64px rgba(0,0,0,.28)!important; } body.site-theme-dark.single .entry-content, body.site-theme-dark.single .entry-content p, body.site-theme-dark.single .entry-content li, html.site-theme-dark body.single .entry-content, html.site-theme-dark body.single .entry-content p, html.site-theme-dark body.single .entry-content li, html.site-theme-dark-init body.single .entry-content, html.site-theme-dark-init body.single .entry-content p, html.site-theme-dark-init body.single .entry-content li{ color:#dbe7f5!important; -webkit-text-fill-color:#dbe7f5!important; } body.site-theme-dark.single .single-header h1, body.site-theme-dark.single .entry-content h2, body.site-theme-dark.single .entry-content h3, body.site-theme-dark.single .entry-content h4, html.site-theme-dark body.single .single-header h1, html.site-theme-dark body.single .entry-content h2, html.site-theme-dark body.single .entry-content h3, html.site-theme-dark body.single .entry-content h4, html.site-theme-dark-init body.single .single-header h1, html.site-theme-dark-init body.single .entry-content h2, html.site-theme-dark-init body.single .entry-content h3, html.site-theme-dark-init body.single .entry-content h4{ color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } body.site-theme-dark.single .entry-content a, html.site-theme-dark body.single .entry-content a, html.site-theme-dark-init body.single .entry-content a{ color:#f6b23c!important; -webkit-text-fill-color:#f6b23c!important; text-decoration-thickness:1px!important; text-underline-offset:3px!important; } body.site-theme-dark.single .entry-content table, html.site-theme-dark body.single .entry-content table, html.site-theme-dark-init body.single .entry-content table{ background:#0f1b2b!important; border-color:rgba(255,255,255,.12)!important; } body.site-theme-dark.single .entry-content table th, html.site-theme-dark body.single .entry-content table th, html.site-theme-dark-init body.single .entry-content table th{ background:#142236!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; border-color:rgba(255,255,255,.12)!important; } body.site-theme-dark.single .entry-content table td, html.site-theme-dark body.single .entry-content table td, html.site-theme-dark-init body.single .entry-content table td{ background:#0f1b2b!important; color:#dbe7f5!important; -webkit-text-fill-color:#dbe7f5!important; border-color:rgba(255,255,255,.10)!important; } body.site-theme-dark.single .entry-content :where(.wp-block-table,.bytguide-table-scroll,figure.wp-block-table), html.site-theme-dark body.single .entry-content :where(.wp-block-table,.bytguide-table-scroll,figure.wp-block-table), html.site-theme-dark-init body.single .entry-content :where(.wp-block-table,.bytguide-table-scroll,figure.wp-block-table){ background:#0f1b2b!important; border-color:rgba(255,255,255,.12)!important; } body.site-theme-dark.single .entry-content :where(.wp-block-group,.wp-block-columns,.wp-block-column,.wp-block-media-text,.wp-block-cover,.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents,.has-background,blockquote,.wp-block-quote,.wp-block-pullquote), html.site-theme-dark body.single .entry-content :where(.wp-block-group,.wp-block-columns,.wp-block-column,.wp-block-media-text,.wp-block-cover,.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents,.has-background,blockquote,.wp-block-quote,.wp-block-pullquote), html.site-theme-dark-init body.single .entry-content :where(.wp-block-group,.wp-block-columns,.wp-block-column,.wp-block-media-text,.wp-block-cover,.wp-block-rank-math-toc-block,.rank-math-toc,.toc,.table-of-contents,.contents,.has-background,blockquote,.wp-block-quote,.wp-block-pullquote){ background:#142236!important; border-color:rgba(255,255,255,.12)!important; color:#dbe7f5!important; } body.site-theme-dark.single .single-featured-image img, body.site-theme-dark.single .entry-content img:not(.emoji):not(.wp-smiley), html.site-theme-dark body.single .single-featured-image img, html.site-theme-dark body.single .entry-content img:not(.emoji):not(.wp-smiley), html.site-theme-dark-init body.single .single-featured-image img, html.site-theme-dark-init body.single .entry-content img:not(.emoji):not(.wp-smiley){ border-color:rgba(255,255,255,.12)!important; box-shadow:0 18px 45px rgba(0,0,0,.34)!important; } /* Dark home: lighter hero overlay and less heavy cards. */ body.site-theme-dark .home-hero-editorial-v530__overlay, html.site-theme-dark body .home-hero-editorial-v530__overlay, html.site-theme-dark-init body .home-hero-editorial-v530__overlay{ background:linear-gradient(90deg,rgba(7,17,31,.66) 0%,rgba(7,17,31,.40) 42%,rgba(7,17,31,.12) 100%)!important; } body.site-theme-dark, html.site-theme-dark body, html.site-theme-dark-init body{ background:#07111f!important; } body.site-theme-dark .front-page--editorial-v530 .post-card, body.site-theme-dark .front-page--editorial-v530 .category-card, body.site-theme-dark .front-page--editorial-v530 .home-rubrics-v520, body.site-theme-dark .front-page--editorial-v530 .weekly-card, body.site-theme-dark .front-page--editorial-v530 .glass-card, html.site-theme-dark body .front-page--editorial-v530 .post-card, html.site-theme-dark body .front-page--editorial-v530 .category-card, html.site-theme-dark body .front-page--editorial-v530 .home-rubrics-v520, html.site-theme-dark body .front-page--editorial-v530 .weekly-card, html.site-theme-dark body .front-page--editorial-v530 .glass-card, html.site-theme-dark-init body .front-page--editorial-v530 .post-card, html.site-theme-dark-init body .front-page--editorial-v530 .category-card, html.site-theme-dark-init body .front-page--editorial-v530 .home-rubrics-v520, html.site-theme-dark-init body .front-page--editorial-v530 .weekly-card, html.site-theme-dark-init body .front-page--editorial-v530 .glass-card{ background:#101d2e!important; border-color:rgba(255,255,255,.10)!important; } body.site-theme-dark .site-footer a, html.site-theme-dark body .site-footer a, html.site-theme-dark-init body .site-footer a{ font-weight:600!important; color:rgba(255,255,255,.82)!important; } body.site-theme-dark .site-footer p, body.site-theme-dark .site-footer li, body.site-theme-dark .site-footer small, html.site-theme-dark body .site-footer p, html.site-theme-dark body .site-footer li, html.site-theme-dark body .site-footer small, html.site-theme-dark-init body .site-footer p, html.site-theme-dark-init body .site-footer li, html.site-theme-dark-init body .site-footer small{ color:rgba(255,255,255,.68)!important; -webkit-text-fill-color:rgba(255,255,255,.68)!important; } @media (max-width:768px){ body.single .content-shell, body.single .content-shell--editorial-article{ width:min(calc(100% - 28px),100%)!important; max-width:100%!important; } body.single .single-article{ padding:22px!important; border-radius:24px!important; } body.single .entry-content, body.single .entry-content--editorial-v5{ max-width:100%!important; font-size:16.5px!important; line-height:1.7!important; } body.single .entry-content h2{ font-size:25px!important; margin-top:34px!important; } body.single .entry-content h3{ font-size:21px!important; margin-top:26px!important; } body.single .entry-content .wp-block-table, body.single .entry-content .bytguide-table-scroll, body.single .entry-content figure.wp-block-table{ max-width:calc(100vw - 44px)!important; } body.single .entry-content table{ min-width:640px!important; } } /* ========================================================== v5.6.5 — dark home polish: lighter hero, clearer sections, softer cards and footer rhythm. ========================================================== */ /* 1. Hero: remove the muddy dark veil without losing text contrast. */ body.site-theme-dark .home-hero-editorial-v530__overlay, html.site-theme-dark body .home-hero-editorial-v530__overlay, html.site-theme-dark-init body .home-hero-editorial-v530__overlay, body.dark-theme .home-hero-editorial-v530__overlay, body.dark-theme .home-hero-editorial-v530::before{ background:linear-gradient(90deg,rgba(7,17,31,.58) 0%,rgba(7,17,31,.34) 42%,rgba(7,17,31,.08) 100%)!important; } body.site-theme-dark .home-hero-editorial-v530__media img, html.site-theme-dark body .home-hero-editorial-v530__media img, html.site-theme-dark-init body .home-hero-editorial-v530__media img, body.dark-theme .home-hero-editorial-v530__media img{ filter:saturate(1.05) brightness(1.05)!important; } /* 2. Cards under hero: separate them from the page background. */ body.site-theme-dark .home-hero-cards-v530, html.site-theme-dark body .home-hero-cards-v530, html.site-theme-dark-init body .home-hero-cards-v530, body.dark-theme .home-hero-cards-v530, body.dark-theme .home-hero-steps-v530{ background:#101d2e!important; border-color:rgba(255,255,255,.12)!important; box-shadow:0 20px 54px rgba(0,0,0,.26)!important; } body.site-theme-dark .home-hero-cards-v530__card, html.site-theme-dark body .home-hero-cards-v530__card, html.site-theme-dark-init body .home-hero-cards-v530__card, body.dark-theme .home-hero-cards-v530__card, body.dark-theme .home-hero-steps-v530__item{ border-color:rgba(255,255,255,.08)!important; } body.site-theme-dark .home-hero-cards-v530__text small, html.site-theme-dark body .home-hero-cards-v530__text small, html.site-theme-dark-init body .home-hero-cards-v530__text small, body.dark-theme .home-hero-cards-v530__text small, body.dark-theme .home-hero-steps-v530__item p{ color:rgba(255,255,255,.72)!important; -webkit-text-fill-color:rgba(255,255,255,.72)!important; } /* 3. Home page layering: transparent sections + readable card levels. */ body.site-theme-dark, html.site-theme-dark body, html.site-theme-dark-init body, body.dark-theme{ background:#07111f!important; } body.site-theme-dark .home-magazine-v520, body.site-theme-dark .category-section, body.site-theme-dark .home-guides-v520, body.site-theme-dark .home-section, body.site-theme-dark .home-main-grid, body.site-theme-dark .home-category-section, html.site-theme-dark body .home-magazine-v520, html.site-theme-dark body .category-section, html.site-theme-dark body .home-guides-v520, html.site-theme-dark body .home-section, html.site-theme-dark body .home-main-grid, html.site-theme-dark body .home-category-section, html.site-theme-dark-init body .home-magazine-v520, html.site-theme-dark-init body .category-section, html.site-theme-dark-init body .home-guides-v520, html.site-theme-dark-init body .home-section, html.site-theme-dark-init body .home-main-grid, html.site-theme-dark-init body .home-category-section, body.dark-theme .home-section, body.dark-theme .home-main-grid, body.dark-theme .home-category-section{ background:transparent!important; } body.site-theme-dark .front-page--editorial-v530 .home-rubrics-v520, body.site-theme-dark .front-page--editorial-v530 .home-weekly-v520, body.site-theme-dark .front-page--editorial-v530 .post-card, body.site-theme-dark .front-page--editorial-v530 .category-card, body.site-theme-dark .front-page--editorial-v530 .home-guides-v520__main, body.site-theme-dark .front-page--editorial-v530 .home-method-v520, body.site-theme-dark .front-page--editorial-v530 .popular-rubrics, body.site-theme-dark .front-page--editorial-v530 .weekly-card, html.site-theme-dark body .front-page--editorial-v530 .home-rubrics-v520, html.site-theme-dark body .front-page--editorial-v530 .home-weekly-v520, html.site-theme-dark body .front-page--editorial-v530 .post-card, html.site-theme-dark body .front-page--editorial-v530 .category-card, html.site-theme-dark body .front-page--editorial-v530 .home-guides-v520__main, html.site-theme-dark body .front-page--editorial-v530 .home-method-v520, html.site-theme-dark body .front-page--editorial-v530 .popular-rubrics, html.site-theme-dark body .front-page--editorial-v530 .weekly-card, html.site-theme-dark-init body .front-page--editorial-v530 .home-rubrics-v520, html.site-theme-dark-init body .front-page--editorial-v530 .home-weekly-v520, html.site-theme-dark-init body .front-page--editorial-v530 .post-card, html.site-theme-dark-init body .front-page--editorial-v530 .category-card, html.site-theme-dark-init body .front-page--editorial-v530 .home-guides-v520__main, html.site-theme-dark-init body .front-page--editorial-v530 .home-method-v520, html.site-theme-dark-init body .front-page--editorial-v530 .popular-rubrics, html.site-theme-dark-init body .front-page--editorial-v530 .weekly-card, body.dark-theme .popular-rubrics, body.dark-theme .weekly-card, body.dark-theme .post-card, body.dark-theme .category-card{ background:#101d2e!important; border:1px solid rgba(255,255,255,.10)!important; } body.site-theme-dark .front-page--editorial-v530 .home-guides-v520__main, body.site-theme-dark .front-page--editorial-v530 .home-method-v520, html.site-theme-dark body .front-page--editorial-v530 .home-guides-v520__main, html.site-theme-dark body .front-page--editorial-v530 .home-method-v520, html.site-theme-dark-init body .front-page--editorial-v530 .home-guides-v520__main, html.site-theme-dark-init body .front-page--editorial-v530 .home-method-v520, body.dark-theme .home-before-buy, body.dark-theme .home-editorial-approach{ background:#101d2e!important; } /* 4. Section headings in dark theme. */ body.site-theme-dark .section-head h2, body.site-theme-dark .home-weekly-v520 h2, body.site-theme-dark .home-guides-v520 h2, body.site-theme-dark .home-section-title, body.site-theme-dark .home-section h2, html.site-theme-dark body .section-head h2, html.site-theme-dark body .home-weekly-v520 h2, html.site-theme-dark body .home-guides-v520 h2, html.site-theme-dark body .home-section-title, html.site-theme-dark body .home-section h2, html.site-theme-dark-init body .section-head h2, html.site-theme-dark-init body .home-weekly-v520 h2, html.site-theme-dark-init body .home-guides-v520 h2, html.site-theme-dark-init body .home-section-title, html.site-theme-dark-init body .home-section h2, body.dark-theme .home-section-title, body.dark-theme .home-section h2{ color:#f8fafc!important; -webkit-text-fill-color:#f8fafc!important; } body.site-theme-dark .section-kicker, body.site-theme-dark .home-section-kicker, html.site-theme-dark body .section-kicker, html.site-theme-dark body .home-section-kicker, html.site-theme-dark-init body .section-kicker, html.site-theme-dark-init body .home-section-kicker, body.dark-theme .home-section-kicker{ color:#f6b23c!important; -webkit-text-fill-color:#f6b23c!important; } /* 5. Softer article cards. */ body.site-theme-dark .front-page--editorial-v530 .post-card, html.site-theme-dark body .front-page--editorial-v530 .post-card, html.site-theme-dark-init body .front-page--editorial-v530 .post-card, body.dark-theme .post-card{ background:#111f32!important; box-shadow:0 18px 45px rgba(0,0,0,.22)!important; } body.site-theme-dark .front-page--editorial-v530 .post-card p, body.site-theme-dark .front-page--editorial-v530 .post-card .entry-summary, html.site-theme-dark body .front-page--editorial-v530 .post-card p, html.site-theme-dark body .front-page--editorial-v530 .post-card .entry-summary, html.site-theme-dark-init body .front-page--editorial-v530 .post-card p, html.site-theme-dark-init body .front-page--editorial-v530 .post-card .entry-summary, body.dark-theme .post-card p{ color:rgba(255,255,255,.70)!important; -webkit-text-fill-color:rgba(255,255,255,.70)!important; } /* 6. Popular rubrics: lighter, less chunky buttons. */ body.site-theme-dark .home-rubrics-v520__list a, body.site-theme-dark .popular-rubrics a, body.site-theme-dark .popular-rubrics li, html.site-theme-dark body .home-rubrics-v520__list a, html.site-theme-dark body .popular-rubrics a, html.site-theme-dark body .popular-rubrics li, html.site-theme-dark-init body .home-rubrics-v520__list a, html.site-theme-dark-init body .popular-rubrics a, html.site-theme-dark-init body .popular-rubrics li, body.dark-theme .popular-rubrics a, body.dark-theme .popular-rubrics li{ background:rgba(255,255,255,.06)!important; border-color:rgba(255,255,255,.08)!important; } body.site-theme-dark .home-rubrics-v520__list a, body.site-theme-dark .popular-rubrics a, html.site-theme-dark body .home-rubrics-v520__list a, html.site-theme-dark body .popular-rubrics a, html.site-theme-dark-init body .home-rubrics-v520__list a, html.site-theme-dark-init body .popular-rubrics a, body.dark-theme .popular-rubrics a{ color:rgba(255,255,255,.88)!important; -webkit-text-fill-color:rgba(255,255,255,.88)!important; } body.site-theme-dark .home-rubrics-v520__all, html.site-theme-dark body .home-rubrics-v520__all, html.site-theme-dark-init body .home-rubrics-v520__all{ color:#70a7ff!important; -webkit-text-fill-color:#70a7ff!important; } /* 7. Return subtle colored accents for category cards in dark mode. */ body.site-theme-dark .category-grid--v520 .category-card:nth-child(1), html.site-theme-dark body .category-grid--v520 .category-card:nth-child(1), html.site-theme-dark-init body .category-grid--v520 .category-card:nth-child(1), body.dark-theme .category-card:nth-child(1){background:linear-gradient(135deg,#12263a,#101d2e)!important;} body.site-theme-dark .category-grid--v520 .category-card:nth-child(2), html.site-theme-dark body .category-grid--v520 .category-card:nth-child(2), html.site-theme-dark-init body .category-grid--v520 .category-card:nth-child(2), body.dark-theme .category-card:nth-child(2){background:linear-gradient(135deg,#2b2417,#101d2e)!important;} body.site-theme-dark .category-grid--v520 .category-card:nth-child(3), html.site-theme-dark body .category-grid--v520 .category-card:nth-child(3), html.site-theme-dark-init body .category-grid--v520 .category-card:nth-child(3), body.dark-theme .category-card:nth-child(3){background:linear-gradient(135deg,#123026,#101d2e)!important;} body.site-theme-dark .category-grid--v520 .category-card:nth-child(4), html.site-theme-dark body .category-grid--v520 .category-card:nth-child(4), html.site-theme-dark-init body .category-grid--v520 .category-card:nth-child(4), body.dark-theme .category-card:nth-child(4){background:linear-gradient(135deg,#182637,#101d2e)!important;} body.site-theme-dark .category-grid--v520 .category-card:nth-child(5), html.site-theme-dark body .category-grid--v520 .category-card:nth-child(5), html.site-theme-dark-init body .category-grid--v520 .category-card:nth-child(5), body.dark-theme .category-card:nth-child(5){background:linear-gradient(135deg,#241d38,#101d2e)!important;} body.site-theme-dark .category-grid--v520 .category-card:nth-child(6), html.site-theme-dark body .category-grid--v520 .category-card:nth-child(6), html.site-theme-dark-init body .category-grid--v520 .category-card:nth-child(6), body.dark-theme .category-card:nth-child(6){background:linear-gradient(135deg,#302a16,#101d2e)!important;} /* 8. Milk-toned buttons instead of harsh white blocks. */ body.site-theme-dark .home-weekly-v520__links a, body.site-theme-dark .article-link-list--guides a, body.site-theme-dark .weekly-card a, body.site-theme-dark .home-accordion-row, html.site-theme-dark body .home-weekly-v520__links a, html.site-theme-dark body .article-link-list--guides a, html.site-theme-dark body .weekly-card a, html.site-theme-dark body .home-accordion-row, html.site-theme-dark-init body .home-weekly-v520__links a, html.site-theme-dark-init body .article-link-list--guides a, html.site-theme-dark-init body .weekly-card a, html.site-theme-dark-init body .home-accordion-row, body.dark-theme .weekly-card a, body.dark-theme .home-accordion-row{ background:#f4efe5!important; color:#07111f!important; -webkit-text-fill-color:#07111f!important; border-color:rgba(255,255,255,.16)!important; } body.site-theme-dark .home-weekly-v520__links a:hover, body.site-theme-dark .article-link-list--guides a:hover, body.site-theme-dark .weekly-card a:hover, body.site-theme-dark .home-accordion-row:hover, html.site-theme-dark body .home-weekly-v520__links a:hover, html.site-theme-dark body .article-link-list--guides a:hover, html.site-theme-dark body .weekly-card a:hover, html.site-theme-dark body .home-accordion-row:hover, html.site-theme-dark-init body .home-weekly-v520__links a:hover, html.site-theme-dark-init body .article-link-list--guides a:hover, html.site-theme-dark-init body .weekly-card a:hover, html.site-theme-dark-init body .home-accordion-row:hover, body.dark-theme .weekly-card a:hover, body.dark-theme .home-accordion-row:hover{ background:#fff7e8!important; } /* 9–10. Footer: less dense text and a calm top divider. */ body.site-theme-dark .site-footer, html.site-theme-dark body .site-footer, html.site-theme-dark-init body .site-footer, body.dark-theme .site-footer{ border-top:1px solid rgba(255,255,255,.10)!important; } body.site-theme-dark .site-footer a, html.site-theme-dark body .site-footer a, html.site-theme-dark-init body .site-footer a, body.dark-theme .site-footer a{ font-weight:600!important; line-height:1.9!important; color:rgba(255,255,255,.78)!important; -webkit-text-fill-color:rgba(255,255,255,.78)!important; } body.site-theme-dark .site-footer p, body.site-theme-dark .site-footer li, body.site-theme-dark .site-footer small, html.site-theme-dark body .site-footer p, html.site-theme-dark body .site-footer li, html.site-theme-dark body .site-footer small, html.site-theme-dark-init body .site-footer p, html.site-theme-dark-init body .site-footer li, html.site-theme-dark-init body .site-footer small, body.dark-theme .site-footer p, body.dark-theme .site-footer li{ line-height:1.75!important; color:rgba(255,255,255,.64)!important; -webkit-text-fill-color:rgba(255,255,255,.64)!important; } /* ========================================================= v5.6.6 — final dark home polish: lighter hero, more air, softer controls and calmer footer. ========================================================= */ /* 1. Hero: reduce the heavy dark overlay in the center/right. */ body.site-theme-dark .home-hero-editorial-v530::before, html.site-theme-dark body .home-hero-editorial-v530::before, html.site-theme-dark-init body .home-hero-editorial-v530::before, body.dark-theme .home-hero-editorial-v530::before{ background:linear-gradient( 90deg, rgba(7,17,31,.52) 0%, rgba(7,17,31,.28) 42%, rgba(7,17,31,.04) 100% )!important; } body.site-theme-dark .home-hero-editorial-v530__image, html.site-theme-dark body .home-hero-editorial-v530__image, html.site-theme-dark-init body .home-hero-editorial-v530__image{ filter:saturate(1.04) brightness(1.08)!important; } /* 2. Steps under hero: softer, a bit lighter, with more space below. */ body.site-theme-dark .home-hero-steps-v530, html.site-theme-dark body .home-hero-steps-v530, html.site-theme-dark-init body .home-hero-steps-v530, body.dark-theme .home-hero-steps-v530{ background:#132033!important; box-shadow:0 18px 45px rgba(0,0,0,.18)!important; border-color:rgba(255,255,255,.12)!important; margin-bottom:64px!important; } body.site-theme-dark .home-hero-steps-v530__item, html.site-theme-dark body .home-hero-steps-v530__item, html.site-theme-dark-init body .home-hero-steps-v530__item, body.dark-theme .home-hero-steps-v530__item{ border-color:rgba(255,255,255,.08)!important; } body.site-theme-dark .home-hero-steps-v530__item p, html.site-theme-dark body .home-hero-steps-v530__item p, html.site-theme-dark-init body .home-hero-steps-v530__item p, body.dark-theme .home-hero-steps-v530__item p{ color:rgba(255,255,255,.72)!important; -webkit-text-fill-color:rgba(255,255,255,.72)!important; } /* 3. More vertical air between home blocks in dark theme. */ body.site-theme-dark .home-main-grid, body.site-theme-dark .home-category-section, body.site-theme-dark .home-before-buy-wrap, html.site-theme-dark body .home-main-grid, html.site-theme-dark body .home-category-section, html.site-theme-dark body .home-before-buy-wrap, html.site-theme-dark-init body .home-main-grid, html.site-theme-dark-init body .home-category-section, html.site-theme-dark-init body .home-before-buy-wrap{ margin-top:72px!important; } body.site-theme-dark .front-page--editorial-v530 .section-head, html.site-theme-dark body .front-page--editorial-v530 .section-head, html.site-theme-dark-init body .front-page--editorial-v530 .section-head{ margin-bottom:24px!important; } /* 4. Article cards: more breathing room inside. */ body.site-theme-dark .front-page--editorial-v530 .post-card, html.site-theme-dark body .front-page--editorial-v530 .post-card, html.site-theme-dark-init body .front-page--editorial-v530 .post-card, body.dark-theme .post-card{ padding-bottom:22px!important; } body.site-theme-dark .front-page--editorial-v530 .post-card__content, body.site-theme-dark .front-page--editorial-v530 .post-card .card-body, body.site-theme-dark .front-page--editorial-v530 .post-card .entry-card__content, html.site-theme-dark body .front-page--editorial-v530 .post-card__content, html.site-theme-dark body .front-page--editorial-v530 .post-card .card-body, html.site-theme-dark body .front-page--editorial-v530 .post-card .entry-card__content, html.site-theme-dark-init body .front-page--editorial-v530 .post-card__content, html.site-theme-dark-init body .front-page--editorial-v530 .post-card .card-body, html.site-theme-dark-init body .front-page--editorial-v530 .post-card .entry-card__content, body.dark-theme .post-card__content{ padding:18px 18px 20px!important; } /* 5. Popular rubrics: less massive buttons. */ body.site-theme-dark .home-rubrics-v520__list a, body.site-theme-dark .popular-rubrics a, html.site-theme-dark body .home-rubrics-v520__list a, html.site-theme-dark body .popular-rubrics a, html.site-theme-dark-init body .home-rubrics-v520__list a, html.site-theme-dark-init body .popular-rubrics a, body.dark-theme .popular-rubrics a{ background:rgba(255,255,255,.045)!important; border-color:rgba(255,255,255,.07)!important; } body.site-theme-dark .home-rubrics-v520__list a:hover, body.site-theme-dark .popular-rubrics a:hover, html.site-theme-dark body .home-rubrics-v520__list a:hover, html.site-theme-dark body .popular-rubrics a:hover, html.site-theme-dark-init body .home-rubrics-v520__list a:hover, html.site-theme-dark-init body .popular-rubrics a:hover, body.dark-theme .popular-rubrics a:hover{ background:rgba(255,255,255,.085)!important; } /* 6. Category card text: clearer and slightly larger. */ body.site-theme-dark .category-card p, body.site-theme-dark .category-card__text, html.site-theme-dark body .category-card p, html.site-theme-dark body .category-card__text, html.site-theme-dark-init body .category-card p, html.site-theme-dark-init body .category-card__text, body.dark-theme .category-card p{ color:rgba(255,255,255,.76)!important; -webkit-text-fill-color:rgba(255,255,255,.76)!important; font-size:14px!important; line-height:1.45!important; } /* 7. Milk buttons: warmer and a little dimmer. */ body.site-theme-dark .home-weekly-v520__links a, body.site-theme-dark .article-link-list--guides a, body.site-theme-dark .weekly-card a, body.site-theme-dark .home-accordion-row, html.site-theme-dark body .home-weekly-v520__links a, html.site-theme-dark body .article-link-list--guides a, html.site-theme-dark body .weekly-card a, html.site-theme-dark body .home-accordion-row, html.site-theme-dark-init body .home-weekly-v520__links a, html.site-theme-dark-init body .article-link-list--guides a, html.site-theme-dark-init body .weekly-card a, html.site-theme-dark-init body .home-accordion-row, body.dark-theme .weekly-card a, body.dark-theme .home-accordion-row{ background:#eee5d6!important; color:#07111f!important; -webkit-text-fill-color:#07111f!important; } body.site-theme-dark .home-weekly-v520__links a:hover, body.site-theme-dark .article-link-list--guides a:hover, body.site-theme-dark .weekly-card a:hover, body.site-theme-dark .home-accordion-row:hover, html.site-theme-dark body .home-weekly-v520__links a:hover, html.site-theme-dark body .article-link-list--guides a:hover, html.site-theme-dark body .weekly-card a:hover, html.site-theme-dark body .home-accordion-row:hover, html.site-theme-dark-init body .home-weekly-v520__links a:hover, html.site-theme-dark-init body .article-link-list--guides a:hover, html.site-theme-dark-init body .weekly-card a:hover, html.site-theme-dark-init body .home-accordion-row:hover, body.dark-theme .weekly-card a:hover, body.dark-theme .home-accordion-row:hover{ background:#f7eedf!important; } /* 8. Footer: darker base, softer text hierarchy. */ body.site-theme-dark .site-footer, html.site-theme-dark body .site-footer, html.site-theme-dark-init body .site-footer, body.dark-theme .site-footer{ background:#07111f!important; border-top:1px solid rgba(255,255,255,.10)!important; } body.site-theme-dark .site-footer a, html.site-theme-dark body .site-footer a, html.site-theme-dark-init body .site-footer a, body.dark-theme .site-footer a{ color:rgba(255,255,255,.72)!important; -webkit-text-fill-color:rgba(255,255,255,.72)!important; } body.site-theme-dark .site-footer h3, body.site-theme-dark .site-footer h4, html.site-theme-dark body .site-footer h3, html.site-theme-dark body .site-footer h4, html.site-theme-dark-init body .site-footer h3, html.site-theme-dark-init body .site-footer h4, body.dark-theme .site-footer h3, body.dark-theme .site-footer h4{ color:rgba(255,255,255,.9)!important; -webkit-text-fill-color:rgba(255,255,255,.9)!important; } /* 9. Gradient divider before footer: thinner and calmer when present. */ body.site-theme-dark .footer-gradient, body.site-theme-dark .home-footer-gradient, body.site-theme-dark .home-footer-glow, html.site-theme-dark body .footer-gradient, html.site-theme-dark body .home-footer-gradient, html.site-theme-dark body .home-footer-glow, html.site-theme-dark-init body .footer-gradient, html.site-theme-dark-init body .home-footer-gradient, html.site-theme-dark-init body .home-footer-glow, body.dark-theme .footer-gradient, body.dark-theme .home-footer-gradient, body.dark-theme .home-footer-glow{ height:8px!important; opacity:.55!important; } @media (max-width:768px){ body.site-theme-dark .home-main-grid, body.site-theme-dark .home-category-section, body.site-theme-dark .home-before-buy-wrap, html.site-theme-dark body .home-main-grid, html.site-theme-dark body .home-category-section, html.site-theme-dark body .home-before-buy-wrap, html.site-theme-dark-init body .home-main-grid, html.site-theme-dark-init body .home-category-section, html.site-theme-dark-init body .home-before-buy-wrap{ margin-top:46px!important; } body.site-theme-dark .home-hero-steps-v530, html.site-theme-dark body .home-hero-steps-v530, html.site-theme-dark-init body .home-hero-steps-v530, body.dark-theme .home-hero-steps-v530{ margin-bottom:46px!important; } } /* ========================================================= v5.6.7 — final dark home fixes: reliable post thumbnails, lighter hero, more spacing and calmer footer divider. ========================================================= */ /* Reliable card image area and visible fallback thumbnails. */ .posts-grid--v520 .post-card__image, .post-card__image{ background:linear-gradient(135deg,#f7f3ea,#fff8ee)!important; } .posts-grid--v520 .post-card__image img, .post-card__image img, .post-card__placeholder-image{ width:100%!important; height:100%!important; object-fit:cover!important; display:block!important; opacity:1!important; visibility:visible!important; } body.site-theme-dark .posts-grid--v520 .post-card__image, html.site-theme-dark body .posts-grid--v520 .post-card__image, html.site-theme-dark-init body .posts-grid--v520 .post-card__image, body.dark-theme .posts-grid--v520 .post-card__image{ background:linear-gradient(135deg,#1b2a3f,#101d2e)!important; } body.site-theme-dark .post-card__placeholder-image, html.site-theme-dark body .post-card__placeholder-image, html.site-theme-dark-init body .post-card__placeholder-image, body.dark-theme .post-card__placeholder-image{ filter:saturate(1.02) brightness(1.02)!important; } /* 1. Hero: a touch lighter, especially in the center/right. */ body.site-theme-dark .home-hero-editorial-v530::before, html.site-theme-dark body .home-hero-editorial-v530::before, html.site-theme-dark-init body .home-hero-editorial-v530::before, body.dark-theme .home-hero-editorial-v530::before{ background:linear-gradient( 90deg, rgba(7,17,31,.48) 0%, rgba(7,17,31,.24) 42%, rgba(7,17,31,.02) 100% )!important; } /* 2–3. Actual hero cards class: more air below and lighter dark surface. */ body.site-theme-dark .home-hero-cards-v530__grid, html.site-theme-dark body .home-hero-cards-v530__grid, html.site-theme-dark-init body .home-hero-cards-v530__grid, body.dark-theme .home-hero-cards-v530__grid{ background:#132033!important; border-color:rgba(255,255,255,.12)!important; box-shadow:0 18px 45px rgba(0,0,0,.18)!important; } body.site-theme-dark .home-hero-cards-v530__card, html.site-theme-dark body .home-hero-cards-v530__card, html.site-theme-dark-init body .home-hero-cards-v530__card, body.dark-theme .home-hero-cards-v530__card{ border-color:rgba(255,255,255,.08)!important; } body.site-theme-dark .home-hero-cards-v530__card small, html.site-theme-dark body .home-hero-cards-v530__card small, html.site-theme-dark-init body .home-hero-cards-v530__card small, body.dark-theme .home-hero-cards-v530__card small{ color:rgba(255,255,255,.72)!important; -webkit-text-fill-color:rgba(255,255,255,.72)!important; } .home-hero-cards-v530, .home-hero-steps-v530{ margin-bottom:76px!important; } body.site-theme-dark .home-magazine-v520, html.site-theme-dark body .home-magazine-v520, html.site-theme-dark-init body .home-magazine-v520, body.dark-theme .home-magazine-v520{ padding-top:10px!important; } /* 4. Article cards: a little more room and calmer line lengths. */ body.site-theme-dark .front-page--editorial-v530 .post-card, html.site-theme-dark body .front-page--editorial-v530 .post-card, html.site-theme-dark-init body .front-page--editorial-v530 .post-card, body.dark-theme .post-card{ padding-bottom:24px!important; } body.site-theme-dark .front-page--editorial-v530 .post-card__body, html.site-theme-dark body .front-page--editorial-v530 .post-card__body, html.site-theme-dark-init body .front-page--editorial-v530 .post-card__body, body.dark-theme .post-card__body{ padding:18px 18px 20px!important; } body.site-theme-dark .front-page--editorial-v530 .post-card .entry-title, body.site-theme-dark .front-page--editorial-v530 .post-card h2, body.site-theme-dark .front-page--editorial-v530 .post-card h3, html.site-theme-dark body .front-page--editorial-v530 .post-card .entry-title, html.site-theme-dark body .front-page--editorial-v530 .post-card h2, html.site-theme-dark body .front-page--editorial-v530 .post-card h3, html.site-theme-dark-init body .front-page--editorial-v530 .post-card .entry-title, html.site-theme-dark-init body .front-page--editorial-v530 .post-card h2, html.site-theme-dark-init body .front-page--editorial-v530 .post-card h3, body.dark-theme .post-card .entry-title, body.dark-theme .post-card h2, body.dark-theme .post-card h3{ line-height:1.25!important; } body.site-theme-dark .front-page--editorial-v530 .post-card p, html.site-theme-dark body .front-page--editorial-v530 .post-card p, html.site-theme-dark-init body .front-page--editorial-v530 .post-card p, body.dark-theme .post-card p{ line-height:1.55!important; } /* 5. Popular rubrics: lighter, less massive buttons. */ body.site-theme-dark .home-rubrics-v520__list a, body.site-theme-dark .popular-rubrics a, html.site-theme-dark body .home-rubrics-v520__list a, html.site-theme-dark body .popular-rubrics a, html.site-theme-dark-init body .home-rubrics-v520__list a, html.site-theme-dark-init body .popular-rubrics a, body.dark-theme .popular-rubrics a{ background:rgba(255,255,255,.035)!important; border-color:rgba(255,255,255,.06)!important; } body.site-theme-dark .home-rubrics-v520__list a:hover, body.site-theme-dark .popular-rubrics a:hover, html.site-theme-dark body .home-rubrics-v520__list a:hover, html.site-theme-dark body .popular-rubrics a:hover, html.site-theme-dark-init body .home-rubrics-v520__list a:hover, html.site-theme-dark-init body .popular-rubrics a:hover, body.dark-theme .popular-rubrics a:hover{ background:rgba(255,255,255,.085)!important; } /* 6. Category descriptions: slightly clearer. */ body.site-theme-dark .category-card p, body.site-theme-dark .category-card small, body.site-theme-dark .category-card__text, html.site-theme-dark body .category-card p, html.site-theme-dark body .category-card small, html.site-theme-dark body .category-card__text, html.site-theme-dark-init body .category-card p, html.site-theme-dark-init body .category-card small, html.site-theme-dark-init body .category-card__text, body.dark-theme .category-card p, body.dark-theme .category-card small{ color:rgba(255,255,255,.78)!important; -webkit-text-fill-color:rgba(255,255,255,.78)!important; } /* 7. Footer divider: keep it almost invisible, not decorative. */ body.site-theme-dark .footer-gradient, body.site-theme-dark .home-footer-gradient, body.site-theme-dark .home-footer-glow, html.site-theme-dark body .footer-gradient, html.site-theme-dark body .home-footer-gradient, html.site-theme-dark body .home-footer-glow, html.site-theme-dark-init body .footer-gradient, html.site-theme-dark-init body .home-footer-gradient, html.site-theme-dark-init body .home-footer-glow, body.dark-theme .footer-gradient, body.dark-theme .home-footer-gradient, body.dark-theme .home-footer-glow{ opacity:.35!important; } @media (max-width:768px){ .home-hero-cards-v530, .home-hero-steps-v530{ margin-bottom:48px!important; } } /* ========================================================= v5.6.8 — visual polish for light and dark home page Based on the final visual review: calmer footer, better spacing, lighter typography, balanced cards and improved dark surfaces. ========================================================= */ /* 1 + 22. Different hero-card spacing for light and dark themes. */ body:not(.site-theme-dark):not(.dark-theme) .home-hero-cards-v530, html:not(.site-theme-dark):not(.site-theme-dark-init) body:not(.dark-theme) .home-hero-cards-v530{ margin-bottom:52px!important; } body.site-theme-dark .home-hero-cards-v530, html.site-theme-dark body .home-hero-cards-v530, html.site-theme-dark-init body .home-hero-cards-v530, body.dark-theme .home-hero-cards-v530{ margin-bottom:72px!important; } /* 2. Dark hero: reduce the grey film, mostly in the center/right. */ body.site-theme-dark .home-hero-editorial-v530::before, html.site-theme-dark body .home-hero-editorial-v530::before, html.site-theme-dark-init body .home-hero-editorial-v530::before, body.dark-theme .home-hero-editorial-v530::before{ background:linear-gradient( 90deg, rgba(7,17,31,.46) 0%, rgba(7,17,31,.22) 42%, rgba(7,17,31,.02) 100% )!important; } /* 3. Hero title: still strong, but not visually oppressive. */ .home-hero-editorial-v530__title{ font-size:clamp(42px,4.7vw,68px)!important; line-height:.95!important; } /* 4. Dark header: softer top bar and calmer menu border. */ body.site-theme-dark .bg20-header, html.site-theme-dark body .bg20-header, html.site-theme-dark-init body .bg20-header, body.dark-theme .bg20-header, body.site-theme-dark .site-header, html.site-theme-dark body .site-header, html.site-theme-dark-init body .site-header, body.dark-theme .site-header{ background:rgba(7,17,31,.88)!important; backdrop-filter:blur(14px)!important; -webkit-backdrop-filter:blur(14px)!important; } body.site-theme-dark .bg20-nav, html.site-theme-dark body .bg20-nav, html.site-theme-dark-init body .bg20-nav, body.dark-theme .bg20-nav, body.site-theme-dark .main-navigation, html.site-theme-dark body .main-navigation, html.site-theme-dark-init body .main-navigation, body.dark-theme .main-navigation{ border-color:rgba(255,255,255,.10)!important; } /* 5. Latest post cards: equal height and consistent content rhythm. */ .posts-grid--v520 .post-card, .post-card{ min-height:430px!important; display:flex!important; flex-direction:column!important; } .posts-grid--v520 .post-card__body, .post-card__body, .post-card__content{ flex:1!important; display:flex!important; flex-direction:column!important; } .post-card .read-link, .post-card .read-more, .post-card__link{ margin-top:auto!important; } /* 6. Article covers: one stable format and calmer dark images. */ .posts-grid--v520 .post-card__image, .post-card__image{ aspect-ratio:16 / 9!important; } .posts-grid--v520 .post-card__image img, .post-card__image img{ aspect-ratio:16 / 9!important; object-fit:cover!important; width:100%!important; height:100%!important; } body.site-theme-dark .posts-grid--v520 .post-card__image img, html.site-theme-dark body .posts-grid--v520 .post-card__image img, html.site-theme-dark-init body .posts-grid--v520 .post-card__image img, body.dark-theme .post-card__image img{ filter:brightness(.94) saturate(.96)!important; } /* 7. Dark “All posts” button: a little more visible near the heading. */ body.site-theme-dark .section-head--v520 .btn-light, html.site-theme-dark body .section-head--v520 .btn-light, html.site-theme-dark-init body .section-head--v520 .btn-light, body.dark-theme .section-head--v520 .btn-light, body.site-theme-dark .home-section-more, html.site-theme-dark body .home-section-more, html.site-theme-dark-init body .home-section-more, body.dark-theme .home-section-more, body.site-theme-dark .all-posts-link, html.site-theme-dark body .all-posts-link, html.site-theme-dark-init body .all-posts-link, body.dark-theme .all-posts-link{ background:rgba(255,255,255,.06)!important; border:1px solid rgba(255,255,255,.12)!important; color:#f8fafc!important; } /* 8. Light popular rubrics: less empty, stronger heading. */ .home-rubrics-v520__list a, .popular-rubrics a{ min-height:48px!important; } .home-rubrics-v520 .section-kicker, .popular-rubrics__title, .popular-rubrics h3{ font-size:13px!important; letter-spacing:.16em!important; } /* 9. Dark rubrics: still readable, but visually lighter. */ body.site-theme-dark .home-rubrics-v520__list a, body.site-theme-dark .popular-rubrics a, html.site-theme-dark body .home-rubrics-v520__list a, html.site-theme-dark body .popular-rubrics a, html.site-theme-dark-init body .home-rubrics-v520__list a, html.site-theme-dark-init body .popular-rubrics a, body.dark-theme .popular-rubrics a{ background:rgba(255,255,255,.03)!important; border-color:rgba(255,255,255,.055)!important; } /* 10. Light category cards: clearer cards on a warm background. */ body:not(.site-theme-dark):not(.dark-theme) .category-card, html:not(.site-theme-dark):not(.site-theme-dark-init) body:not(.dark-theme) .category-card{ border:1px solid rgba(15,23,42,.08)!important; box-shadow:0 12px 30px rgba(15,23,42,.06)!important; } /* 11. Dark categories: stronger separation and clearer descriptions. */ body.site-theme-dark .category-card, html.site-theme-dark body .category-card, html.site-theme-dark-init body .category-card, body.dark-theme .category-card{ border-color:rgba(255,255,255,.12)!important; } body.site-theme-dark .category-card p, body.site-theme-dark .category-card small, html.site-theme-dark body .category-card p, html.site-theme-dark body .category-card small, html.site-theme-dark-init body .category-card p, html.site-theme-dark-init body .category-card small, body.dark-theme .category-card p, body.dark-theme .category-card small{ color:rgba(255,255,255,.80)!important; -webkit-text-fill-color:rgba(255,255,255,.80)!important; } /* 12. Category badges: give labels breathing room. */ .category-card .badge, .category-card__badge, .category-card .category-tag, .category-tag{ margin-bottom:8px!important; } /* 13. Dark guide rows: calmer milk tone, less stark. */ body.site-theme-dark .article-link-list--guides a, body.site-theme-dark .home-accordion-row, html.site-theme-dark body .article-link-list--guides a, html.site-theme-dark body .home-accordion-row, html.site-theme-dark-init body .article-link-list--guides a, html.site-theme-dark-init body .home-accordion-row, body.dark-theme .home-accordion-row{ background:#e8dfcf!important; color:#07111f!important; } body.site-theme-dark .article-link-list--guides a:hover, body.site-theme-dark .home-accordion-row:hover, html.site-theme-dark body .article-link-list--guides a:hover, html.site-theme-dark body .home-accordion-row:hover, html.site-theme-dark-init body .article-link-list--guides a:hover, html.site-theme-dark-init body .home-accordion-row:hover, body.dark-theme .home-accordion-row:hover{ background:#f2eadc!important; } /* 14. Light guide rows: subtle border, less sterile. */ body:not(.site-theme-dark):not(.dark-theme) .article-link-list--guides a, body:not(.site-theme-dark):not(.dark-theme) .home-accordion-row, html:not(.site-theme-dark):not(.site-theme-dark-init) body:not(.dark-theme) .article-link-list--guides a, html:not(.site-theme-dark):not(.site-theme-dark-init) body:not(.dark-theme) .home-accordion-row{ border:1px solid rgba(15,23,42,.06)!important; } /* 15. Dark editorial approach cards: clearer internal blocks. */ body.site-theme-dark .home-method-v540__list > div, body.site-theme-dark .editorial-approach-card, body.site-theme-dark .home-editorial-approach li, html.site-theme-dark body .home-method-v540__list > div, html.site-theme-dark body .editorial-approach-card, html.site-theme-dark body .home-editorial-approach li, html.site-theme-dark-init body .home-method-v540__list > div, html.site-theme-dark-init body .editorial-approach-card, html.site-theme-dark-init body .home-editorial-approach li, body.dark-theme .home-method-v540__list > div, body.dark-theme .editorial-approach-card, body.dark-theme .home-editorial-approach li{ background:rgba(255,255,255,.045)!important; border-color:rgba(255,255,255,.10)!important; } /* 16. Light editorial approach cards: a cleaner warm-white surface. */ body:not(.site-theme-dark):not(.dark-theme) .home-method-v540__list > div, body:not(.site-theme-dark):not(.dark-theme) .home-editorial-approach li, html:not(.site-theme-dark):not(.site-theme-dark-init) body:not(.dark-theme) .home-method-v540__list > div, html:not(.site-theme-dark):not(.site-theme-dark-init) body:not(.dark-theme) .home-editorial-approach li{ background:#fffaf1!important; border-color:rgba(15,23,42,.06)!important; } /* 17–18. Remove the decorative gradient before footer everywhere. */ .home-footer-gradient, .footer-gradient, .home-footer-glow, .footer-glow, .site-footer::before{ display:none!important; } .site-footer{ border-top:1px solid rgba(15,23,42,.08)!important; } body.site-theme-dark .site-footer, html.site-theme-dark body .site-footer, html.site-theme-dark-init body .site-footer, body.dark-theme .site-footer{ border-top:1px solid rgba(255,255,255,.10)!important; } /* 19. Footer note: slightly more readable. */ .site-footer p, .footer-note{ font-size:14px!important; line-height:1.7!important; } /* 20. Calm down overly heavy navigation, card titles and footer links. */ .bg20-nav a, .main-navigation a, .site-footer a, .post-card h2, .post-card h3, .category-card strong, .category-card h3{ font-weight:700!important; } /* 21. More comfortable rhythm in small descriptions. */ .post-card p, .category-card p, .category-card small, .home-weekly-v520 p, .weekly-card p{ line-height:1.55!important; } /* 23. Dark home: warmer editorial tone, less “IT dashboard”. */ body.site-theme-dark, html.site-theme-dark body, html.site-theme-dark-init body, body.dark-theme{ background:#08111e!important; } body.site-theme-dark .front-page--editorial-v530 .post-card, body.site-theme-dark .home-rubrics-v520, body.site-theme-dark .home-weekly-v520, html.site-theme-dark body .front-page--editorial-v530 .post-card, html.site-theme-dark body .home-rubrics-v520, html.site-theme-dark body .home-weekly-v520, html.site-theme-dark-init body .front-page--editorial-v530 .post-card, html.site-theme-dark-init body .home-rubrics-v520, html.site-theme-dark-init body .home-weekly-v520, body.dark-theme .post-card, body.dark-theme .popular-rubrics, body.dark-theme .weekly-card{ background:#101d2e!important; } @media (max-width:768px){ .home-hero-editorial-v530__title{ font-size:clamp(36px,10vw,48px)!important; } body:not(.site-theme-dark):not(.dark-theme) .home-hero-cards-v530, html:not(.site-theme-dark):not(.site-theme-dark-init) body:not(.dark-theme) .home-hero-cards-v530, body.site-theme-dark .home-hero-cards-v530, html.site-theme-dark body .home-hero-cards-v530, html.site-theme-dark-init body .home-hero-cards-v530, body.dark-theme .home-hero-cards-v530{ margin-bottom:46px!important; } .posts-grid--v520 .post-card, .post-card{ min-height:0!important; } } /* v5.6.9 — header controls spacing, category badges and card polish */ .bg20-header .container.bg20-bar, .site-header .container, .site-header__inner{ padding-right:24px!important; } .bg20-actions, .header-actions, .site-header__actions{ display:flex!important; align-items:center!important; gap:10px!important; margin-right:18px!important; flex:0 0 auto!important; min-width:max-content!important; overflow:visible!important; } .bg20-actions button, .bg20-actions .theme-toggle, .bg20-actions .bg20-theme-toggle, .bg20-actions .search-toggle, .bg20-actions .bg21-search-toggle, .header-actions button, .site-header__actions button, .theme-toggle, .search-toggle{ width:38px!important; height:38px!important; min-width:38px!important; max-width:38px!important; min-height:38px!important; flex:0 0 38px!important; padding:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } .bg20-actions .icon, .bg20-actions svg, .header-actions svg, .site-header__actions svg{ width:18px!important; height:18px!important; } @media (min-width:1101px){ .bg20-header .container.bg20-bar{ width:min(calc(100% - 48px),1580px)!important; padding-left:14px!important; padding-right:24px!important; } } @media (max-width:1100px){ .bg20-header .container.bg20-bar, .site-header__inner{ padding-right:16px!important; padding-left:16px!important; } .bg20-actions, .header-actions, .site-header__actions{ gap:8px!important; margin-right:0!important; } .bg20-actions button, .bg20-actions .theme-toggle, .bg20-actions .bg20-theme-toggle, .bg20-actions .search-toggle, .bg20-actions .bg21-search-toggle, .theme-toggle, .search-toggle{ width:40px!important; height:40px!important; min-width:40px!important; max-width:40px!important; flex-basis:40px!important; } } @media (max-width:420px){ .bg20-header .container.bg20-bar, .site-header__inner{ padding-left:12px!important; padding-right:12px!important; } .bg20-actions{ gap:7px!important; } .bg20-actions button, .bg20-actions .theme-toggle, .bg20-actions .bg20-theme-toggle, .bg20-actions .search-toggle, .bg20-actions .bg21-search-toggle, .theme-toggle, .search-toggle{ width:38px!important; height:38px!important; min-width:38px!important; max-width:38px!important; flex-basis:38px!important; } } .category-card, .category-card--v20, .category-card--v520{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; } .category-card .badge, .category-card__badge, .category-card .category-tag, .category-tag{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:fit-content!important; max-width:100%!important; margin-top:0!important; margin-bottom:8px!important; position:static!important; z-index:2!important; line-height:1.1!important; white-space:nowrap!important; align-self:flex-start!important; } .category-card h3, .category-card__title, .category-card strong{ margin-top:0!important; line-height:1.25!important; position:relative!important; z-index:1!important; } .category-card .category-icon, .category-card__icon{ margin-bottom:14px!important; } body.site-theme-dark .home-hero-cards-v530__text small, html.site-theme-dark body .home-hero-cards-v530__text small, html.site-theme-dark-init body .home-hero-cards-v530__text small, body.dark-theme .home-hero-cards-v530__text small, body.dark-theme .home-hero-cards-v530 p{ color:rgba(255,255,255,.76)!important; -webkit-text-fill-color:rgba(255,255,255,.76)!important; } .post-card__content, .post-card__body, .post-card .card-content, .posts-grid--v520 .post-card__body{ padding:18px 18px 22px!important; } .post-card p, .posts-grid--v520 .post-card p{ line-height:1.55!important; } .post-card h2, .post-card h3, .post-card .entry-title{ line-height:1.25!important; } /* v5.7.0 — header controls fix: no duplicate desktop menu, visible search and theme slider, clearer hero cards */ /* Desktop: hide hamburger menu; keep only search + theme switcher */ @media (min-width:1101px){ .bg20-header .bg20-menu-toggle, .bg20-actions .bg20-menu-toggle, button.bg20-menu-toggle, .menu-toggle.bg20-menu-toggle{ display:none!important; visibility:hidden!important; pointer-events:none!important; } .bg20-actions{ gap:12px!important; margin-right:12px!important; } } /* Mobile/tablet: hamburger is allowed, but controls remain separated */ @media (max-width:1100px){ .bg20-header .bg20-menu-toggle, .bg20-actions .bg20-menu-toggle, button.bg20-menu-toggle, .menu-toggle.bg20-menu-toggle{ display:inline-flex!important; visibility:visible!important; pointer-events:auto!important; } } /* Search button: make the icon visible in dark theme, not a vague spot */ .bg20-header .search-toggle, .bg20-header .bg21-search-toggle{ width:40px!important; height:40px!important; min-width:40px!important; flex:0 0 40px!important; border-radius:999px!important; background:#fffaf0!important; border:1px solid rgba(245,158,11,.22)!important; color:#0b1626!important; box-shadow:0 10px 24px rgba(0,0,0,.14)!important; opacity:1!important; } .bg20-header .search-toggle svg, .bg20-header .bg21-search-toggle svg, .bg20-header .search-toggle .icon, .bg20-header .bg21-search-toggle .icon{ width:18px!important; height:18px!important; color:#0b1626!important; stroke:#0b1626!important; opacity:1!important; } body.site-theme-dark .bg20-header .search-toggle, html.site-theme-dark-init body .bg20-header .search-toggle, body.dark-theme .bg20-header .search-toggle, body.site-theme-dark .bg20-header .bg21-search-toggle, html.site-theme-dark-init body .bg20-header .bg21-search-toggle, body.dark-theme .bg20-header .bg21-search-toggle{ background:#fffaf0!important; border-color:rgba(255,255,255,.28)!important; color:#0b1626!important; } /* Theme switcher: restore a clear slider/pill instead of a barely visible icon */ .bg20-header .bg20-theme-toggle, .bg20-header .theme-toggle{ width:62px!important; min-width:62px!important; max-width:62px!important; height:40px!important; min-height:40px!important; flex:0 0 62px!important; padding:0 6px!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:0!important; background:#fffaf0!important; border:1px solid rgba(245,158,11,.24)!important; box-shadow:0 10px 24px rgba(0,0,0,.14)!important; overflow:visible!important; } .bg20-header .theme-toggle__icon{ display:none!important; } .bg20-header .theme-toggle__track{ display:block!important; position:relative!important; width:48px!important; min-width:48px!important; flex:0 0 48px!important; height:26px!important; padding:3px!important; border-radius:999px!important; background:#ffe7bd!important; border:1px solid rgba(245,158,11,.34)!important; box-shadow:inset 0 1px 4px rgba(15,23,42,.12)!important; } .bg20-header .theme-toggle__thumb{ display:block!important; position:absolute!important; left:3px!important; top:3px!important; width:18px!important; height:18px!important; border-radius:999px!important; background:#f59e0b!important; box-shadow:0 3px 8px rgba(15,23,42,.25)!important; transform:translateX(0)!important; transition:transform .22s ease, background .22s ease!important; } body.site-theme-dark .bg20-header .theme-toggle, html.site-theme-dark-init body .bg20-header .theme-toggle, body.dark-theme .bg20-header .theme-toggle{ background:#152238!important; border-color:rgba(255,255,255,.24)!important; } body.site-theme-dark .bg20-header .theme-toggle__track, html.site-theme-dark-init body .bg20-header .theme-toggle__track, body.dark-theme .bg20-header .theme-toggle__track{ background:#24324b!important; border-color:rgba(255,255,255,.20)!important; } .bg20-header .theme-toggle.is-dark .theme-toggle__thumb, body.site-theme-dark .bg20-header .theme-toggle__thumb, html.site-theme-dark-init body .bg20-header .theme-toggle__thumb, body.dark-theme .bg20-header .theme-toggle__thumb{ transform:translateX(22px)!important; background:#e7eefc!important; } /* Hero task cards: separate icon tile from text and improve contrast */ body.site-theme-dark .home-hero-cards-v530, html.site-theme-dark-init body .home-hero-cards-v530, body.dark-theme .home-hero-cards-v530{ background:#132033!important; border-color:rgba(255,255,255,.13)!important; } body.site-theme-dark .home-hero-cards-v530__card, html.site-theme-dark-init body .home-hero-cards-v530__card, body.dark-theme .home-hero-cards-v530__card{ gap:18px!important; padding:22px 24px!important; border-color:rgba(255,255,255,.09)!important; } body.site-theme-dark .home-hero-cards-v530__icon, html.site-theme-dark-init body .home-hero-cards-v530__icon, body.dark-theme .home-hero-cards-v530__icon{ width:58px!important; height:58px!important; flex:0 0 58px!important; border-radius:18px!important; background:#fff8ea!important; box-shadow:0 10px 24px rgba(0,0,0,.20)!important; } body.site-theme-dark .home-hero-cards-v530__icon img, html.site-theme-dark-init body .home-hero-cards-v530__icon img, body.dark-theme .home-hero-cards-v530__icon img, body.site-theme-dark .home-hero-cards-v530__icon svg, html.site-theme-dark-init body .home-hero-cards-v530__icon svg, body.dark-theme .home-hero-cards-v530__icon svg, body.site-theme-dark .home-hero-cards-v530__icon .icon, html.site-theme-dark-init body .home-hero-cards-v530__icon .icon, body.dark-theme .home-hero-cards-v530__icon .icon{ width:30px!important; height:30px!important; max-width:30px!important; max-height:30px!important; opacity:1!important; filter:none!important; } body.site-theme-dark .home-hero-cards-v530__text strong, html.site-theme-dark-init body .home-hero-cards-v530__text strong, body.dark-theme .home-hero-cards-v530__text strong{ color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; font-weight:800!important; } body.site-theme-dark .home-hero-cards-v530__text small, html.site-theme-dark-init body .home-hero-cards-v530__text small, body.dark-theme .home-hero-cards-v530__text small, body.dark-theme .home-hero-cards-v530 p{ color:rgba(255,255,255,.82)!important; -webkit-text-fill-color:rgba(255,255,255,.82)!important; line-height:1.42!important; } @media (max-width:760px){ .bg20-header .bg20-theme-toggle, .bg20-header .theme-toggle{width:58px!important;min-width:58px!important;max-width:58px!important;flex-basis:58px!important;height:38px!important;} .bg20-header .theme-toggle__track{width:44px!important;min-width:44px!important;flex-basis:44px!important;height:24px!important;} .bg20-header .theme-toggle__thumb{width:16px!important;height:16px!important;} .bg20-header .theme-toggle.is-dark .theme-toggle__thumb, body.site-theme-dark .bg20-header .theme-toggle__thumb, html.site-theme-dark-init body .bg20-header .theme-toggle__thumb, body.dark-theme .bg20-header .theme-toggle__thumb{transform:translateX(20px)!important;} body.site-theme-dark .home-hero-cards-v530__card, html.site-theme-dark-init body .home-hero-cards-v530__card, body.dark-theme .home-hero-cards-v530__card{padding:18px!important;gap:15px!important;} } /* v5.7.1 — precise header switch/search + hero card icon readability */ /* Header right controls: real compact switch and visible search button */ .bg20-header .bg20-actions{ display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:10px!important; margin-right:14px!important; min-width:max-content!important; } .bg20-header .search-toggle, .bg20-header .bg21-search-toggle{ width:38px!important; height:38px!important; min-width:38px!important; flex:0 0 38px!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0!important; background:#fff!important; border:1px solid rgba(15,23,42,.10)!important; color:#0f172a!important; box-shadow:0 10px 24px rgba(15,23,42,.08)!important; opacity:1!important; } .bg20-header .search-toggle svg, .bg20-header .bg21-search-toggle svg, .bg20-header .search-toggle .icon, .bg20-header .bg21-search-toggle .icon{ width:18px!important; height:18px!important; color:currentColor!important; stroke:currentColor!important; opacity:1!important; display:block!important; } body.site-theme-dark .bg20-header .search-toggle, html.site-theme-dark-init body .bg20-header .search-toggle, body.dark-theme .bg20-header .search-toggle, body.site-theme-dark .bg20-header .bg21-search-toggle, html.site-theme-dark-init body .bg20-header .bg21-search-toggle, body.dark-theme .bg20-header .bg21-search-toggle{ background:rgba(255,255,255,.08)!important; border:1px solid rgba(255,255,255,.14)!important; color:#f8fafc!important; box-shadow:0 10px 24px rgba(0,0,0,.18)!important; } .bg20-header .theme-toggle, .bg20-header .bg20-theme-toggle{ width:46px!important; height:26px!important; min-width:46px!important; max-width:46px!important; min-height:26px!important; flex:0 0 46px!important; border-radius:999px!important; padding:3px!important; background:#f3ead8!important; border:1px solid rgba(15,23,42,.10)!important; box-shadow:0 8px 18px rgba(15,23,42,.08)!important; display:inline-flex!important; align-items:center!important; justify-content:flex-start!important; gap:0!important; color:transparent!important; overflow:hidden!important; } .bg20-header .theme-toggle__icon{ display:none!important; } .bg20-header .theme-toggle__track{ display:block!important; width:100%!important; height:100%!important; min-width:0!important; flex:1 1 auto!important; border:0!important; background:transparent!important; box-shadow:none!important; padding:0!important; position:relative!important; border-radius:999px!important; } .bg20-header .theme-toggle__thumb{ display:block!important; width:20px!important; height:20px!important; border-radius:50%!important; background:#f6a600!important; box-shadow:0 2px 6px rgba(15,23,42,.18)!important; position:absolute!important; left:0!important; top:0!important; transform:translateX(0)!important; transition:transform .22s ease, background .22s ease!important; } body.site-theme-dark .bg20-header .theme-toggle, html.site-theme-dark-init body .bg20-header .theme-toggle, body.dark-theme .bg20-header .theme-toggle{ background:#172437!important; border-color:rgba(255,255,255,.16)!important; justify-content:flex-start!important; box-shadow:0 10px 24px rgba(0,0,0,.18)!important; } .bg20-header .theme-toggle.is-dark .theme-toggle__thumb, body.site-theme-dark .bg20-header .theme-toggle__thumb, html.site-theme-dark-init body .bg20-header .theme-toggle__thumb, body.dark-theme .bg20-header .theme-toggle__thumb{ transform:translateX(20px)!important; background:#dbeafe!important; } @media (min-width:1101px){ .bg20-header .bg20-menu-toggle{display:none!important;} } @media (max-width:1100px){ .bg20-header .bg20-actions{gap:8px!important;margin-right:8px!important;} .bg20-header .search-toggle,.bg20-header .bg21-search-toggle{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;} .bg20-header .theme-toggle,.bg20-header .bg20-theme-toggle{width:46px!important;height:26px!important;min-width:46px!important;max-width:46px!important;flex-basis:46px!important;} } /* Hero task cards: icons should be readable, not tiny, and text should not merge with them */ .home-hero-cards-v530{ padding-bottom:0!important; } body:not(.site-theme-dark):not(.dark-theme) .home-hero-cards-v530{ margin-bottom:42px!important; } body.site-theme-dark .home-hero-cards-v530, html.site-theme-dark-init body .home-hero-cards-v530, body.dark-theme .home-hero-cards-v530{ margin-bottom:64px!important; } .home-hero-cards-v530__card, .home-hero-card{ display:grid!important; grid-template-columns:52px minmax(0,1fr)!important; align-items:center!important; gap:18px!important; } .home-hero-cards-v530__icon, .home-hero-card__icon{ width:52px!important; height:52px!important; flex:0 0 52px!important; border-radius:16px!important; background:#fff7e8!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; box-shadow:0 8px 22px rgba(15,23,42,.08)!important; } .home-hero-cards-v530__icon img, .home-hero-card__icon img, .home-hero-cards-v530__icon svg, .home-hero-card__icon svg, .home-hero-cards-v530__icon .icon, .home-hero-card__icon .icon{ width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important; max-width:32px!important; max-height:32px!important; object-fit:contain!important; opacity:1!important; filter:none!important; transform:none!important; } body.site-theme-dark .home-hero-cards-v530__icon, html.site-theme-dark-init body .home-hero-cards-v530__icon, body.dark-theme .home-hero-cards-v530__icon, body.site-theme-dark .home-hero-card__icon, html.site-theme-dark-init body .home-hero-card__icon, body.dark-theme .home-hero-card__icon{ background:#f7efe2!important; box-shadow:0 8px 22px rgba(0,0,0,.18)!important; } .home-hero-cards-v530__text small, .home-hero-cards-v530 p, .home-hero-card p{ line-height:1.45!important; } body.site-theme-dark .home-hero-cards-v530__text small, html.site-theme-dark-init body .home-hero-cards-v530__text small, body.dark-theme .home-hero-cards-v530__text small, body.dark-theme .home-hero-cards-v530 p, body.dark-theme .home-hero-card p{ color:rgba(255,255,255,.76)!important; -webkit-text-fill-color:rgba(255,255,255,.76)!important; } /* Article cards and category cards: small final polish */ .post-card__content, .post-card__body, .post-card .card-content, .posts-grid--v520 .post-card__body{ padding:18px 18px 22px!important; } .post-card h2, .post-card h3, .post-card .entry-title, .posts-grid--v520 .post-card h2{ font-weight:700!important; line-height:1.25!important; } body.site-theme-dark .post-card p, html.site-theme-dark-init body .post-card p, body.dark-theme .post-card p{ color:rgba(255,255,255,.72)!important; } body:not(.site-theme-dark):not(.dark-theme) .category-card, body:not(.site-theme-dark):not(.dark-theme) .category-card--v520{ box-shadow:0 14px 34px rgba(15,23,42,.075)!important; } /* v5.7.2 — final visual fixes: real theme switch, visible search, readable hero cards */ /* Header controls */ .bg20-header .bg20-actions{ display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:12px!important; margin-right:18px!important; padding-right:6px!important; min-width:max-content!important; } .bg20-header .bg20-menu-toggle{display:none!important;} @media (max-width:1100px){ .bg20-header .bg20-menu-toggle{display:inline-flex!important;} .bg20-header .bg20-actions{gap:10px!important;margin-right:10px!important;padding-right:2px!important;} } .bg20-header .search-toggle, .bg20-header .bg21-search-toggle{ width:38px!important; height:38px!important; min-width:38px!important; max-width:38px!important; flex:0 0 38px!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0!important; background:#ffffff!important; border:1px solid rgba(15,23,42,.10)!important; color:#0f172a!important; box-shadow:0 10px 24px rgba(15,23,42,.08)!important; opacity:1!important; overflow:hidden!important; } .bg20-header .search-toggle svg, .bg20-header .bg21-search-toggle svg, .bg20-header .search-toggle .icon, .bg20-header .bg21-search-toggle .icon{ width:18px!important; height:18px!important; min-width:18px!important; min-height:18px!important; stroke:currentColor!important; color:currentColor!important; opacity:1!important; display:block!important; } body.site-theme-dark .bg20-header .search-toggle, html.site-theme-dark-init body .bg20-header .search-toggle, body.dark-theme .bg20-header .search-toggle, body.site-theme-dark .bg20-header .bg21-search-toggle, html.site-theme-dark-init body .bg20-header .bg21-search-toggle, body.dark-theme .bg20-header .bg21-search-toggle{ background:rgba(255,255,255,.09)!important; border:1px solid rgba(255,255,255,.18)!important; color:#f8fafc!important; box-shadow:0 10px 24px rgba(0,0,0,.20)!important; } body.site-theme-dark .bg20-header .search-toggle svg, html.site-theme-dark-init body .bg20-header .search-toggle svg, body.dark-theme .bg20-header .search-toggle svg, body.site-theme-dark .bg20-header .bg21-search-toggle svg, html.site-theme-dark-init body .bg20-header .bg21-search-toggle svg, body.dark-theme .bg20-header .bg21-search-toggle svg{ width:18px!important; height:18px!important; stroke-width:2.2!important; } /* A real theme switch: the button is the capsule, ::before is the thumb. */ .bg20-header .theme-toggle, .bg20-header .bg20-theme-toggle{ width:48px!important; height:28px!important; min-width:48px!important; max-width:48px!important; min-height:28px!important; max-height:28px!important; flex:0 0 48px!important; border-radius:999px!important; padding:3px!important; background:#f3ead8!important; border:1px solid rgba(15,23,42,.14)!important; box-shadow:0 8px 18px rgba(15,23,42,.10)!important; display:inline-flex!important; align-items:center!important; justify-content:flex-start!important; gap:0!important; position:relative!important; overflow:hidden!important; color:transparent!important; line-height:1!important; } .bg20-header .theme-toggle__icon, .bg20-header .theme-toggle__track, .bg20-header .theme-toggle__thumb, .bg20-header .theme-toggle svg, .bg20-header .theme-toggle span:not(.screen-reader-text), .bg20-header .bg20-theme-toggle svg, .bg20-header .bg20-theme-toggle span:not(.screen-reader-text){ display:none!important; } .bg20-header .theme-toggle::before, .bg20-header .bg20-theme-toggle::before{ content:""!important; display:block!important; width:22px!important; height:22px!important; border-radius:50%!important; background:#f6a600!important; box-shadow:0 2px 7px rgba(15,23,42,.22)!important; transform:translateX(0)!important; transition:transform .22s ease,background .22s ease,box-shadow .22s ease!important; } body.site-theme-dark .bg20-header .theme-toggle, html.site-theme-dark-init body .bg20-header .theme-toggle, body.dark-theme .bg20-header .theme-toggle, body.site-theme-dark .bg20-header .bg20-theme-toggle, html.site-theme-dark-init body .bg20-header .bg20-theme-toggle, body.dark-theme .bg20-header .bg20-theme-toggle{ background:#172437!important; border-color:rgba(255,255,255,.18)!important; box-shadow:0 10px 24px rgba(0,0,0,.20)!important; } .bg20-header .theme-toggle.is-dark::before, body.site-theme-dark .bg20-header .theme-toggle::before, html.site-theme-dark-init body .bg20-header .theme-toggle::before, body.dark-theme .bg20-header .theme-toggle::before, body.site-theme-dark .bg20-header .bg20-theme-toggle::before, html.site-theme-dark-init body .bg20-header .bg20-theme-toggle::before, body.dark-theme .bg20-header .bg20-theme-toggle::before{ transform:translateX(20px)!important; background:#dbeafe!important; box-shadow:0 2px 7px rgba(0,0,0,.28)!important; } /* Hero overlay: softer in both themes */ body:not(.site-theme-dark):not(.dark-theme) .home-hero-editorial-v530::before{ background:linear-gradient(90deg,rgba(15,23,42,.58) 0%,rgba(15,23,42,.34) 42%,rgba(15,23,42,.06) 100%)!important; } body.site-theme-dark .home-hero-editorial-v530::before, html.site-theme-dark-init body .home-hero-editorial-v530::before, body.dark-theme .home-hero-editorial-v530::before{ background:linear-gradient(90deg,rgba(7,17,31,.48) 0%,rgba(7,17,31,.24) 42%,rgba(7,17,31,.04) 100%)!important; } /* Hero cards: bigger visible icons, more gap, stronger readability */ .home-hero-cards-v530{ padding-bottom:0!important; } body:not(.site-theme-dark):not(.dark-theme) .home-hero-cards-v530{ margin-bottom:36px!important; } body.site-theme-dark .home-hero-cards-v530, html.site-theme-dark-init body .home-hero-cards-v530, body.dark-theme .home-hero-cards-v530{ margin-bottom:60px!important; } .home-hero-cards-v530__card, .home-hero-card{ display:grid!important; grid-template-columns:54px minmax(0,1fr)!important; align-items:center!important; gap:18px!important; } .home-hero-cards-v530__icon, .home-hero-card__icon{ width:54px!important; height:54px!important; min-width:54px!important; min-height:54px!important; flex:0 0 54px!important; border-radius:16px!important; background:#fff7e8!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; box-shadow:0 8px 22px rgba(15,23,42,.08)!important; } .home-hero-cards-v530__icon img, .home-hero-card__icon img, .home-hero-cards-v530__icon svg, .home-hero-card__icon svg, .home-hero-cards-v530__icon .icon, .home-hero-card__icon .icon{ width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important; max-width:32px!important; max-height:32px!important; object-fit:contain!important; opacity:1!important; filter:none!important; transform:none!important; } body.site-theme-dark .home-hero-cards-v530__icon, html.site-theme-dark-init body .home-hero-cards-v530__icon, body.dark-theme .home-hero-cards-v530__icon, body.site-theme-dark .home-hero-card__icon, html.site-theme-dark-init body .home-hero-card__icon, body.dark-theme .home-hero-card__icon{ background:#f7efe2!important; box-shadow:0 8px 22px rgba(0,0,0,.18)!important; } .home-hero-cards-v530__text strong, .home-hero-card h3, .home-hero-card strong{ margin-bottom:4px!important; font-weight:800!important; line-height:1.18!important; } .home-hero-cards-v530__text small, .home-hero-cards-v530 p, .home-hero-card p{ line-height:1.45!important; } body.site-theme-dark .home-hero-cards-v530__text small, html.site-theme-dark-init body .home-hero-cards-v530__text small, body.dark-theme .home-hero-cards-v530__text small, body.site-theme-dark .home-hero-cards-v530 p, html.site-theme-dark-init body .home-hero-cards-v530 p, body.dark-theme .home-hero-cards-v530 p, body.dark-theme .home-hero-card p{ color:rgba(255,255,255,.78)!important; -webkit-text-fill-color:rgba(255,255,255,.78)!important; } /* Post cards: softer, roomier text in dark theme */ .post-card__content, .post-card__body, .post-card .card-content, .posts-grid--v520 .post-card__body{ padding:20px 20px 24px!important; } .post-card h2, .post-card h3, .post-card .entry-title, .posts-grid--v520 .post-card h2{ font-weight:700!important; line-height:1.28!important; } body.site-theme-dark .post-card p, html.site-theme-dark-init body .post-card p, body.dark-theme .post-card p{ color:rgba(255,255,255,.74)!important; line-height:1.58!important; } /* Rubrics and category cards */ body.site-theme-dark .popular-rubrics a, html.site-theme-dark-init body .popular-rubrics a, body.dark-theme .popular-rubrics a{ background:rgba(255,255,255,.028)!important; border-color:rgba(255,255,255,.055)!important; } body.site-theme-dark .popular-rubrics a:hover, html.site-theme-dark-init body .popular-rubrics a:hover, body.dark-theme .popular-rubrics a:hover{ background:rgba(255,255,255,.07)!important; } .category-card .badge, .category-card__badge, .category-card .category-tag, .category-card--v520 .category-tag{ font-size:11px!important; line-height:1!important; padding:5px 8px!important; margin-bottom:10px!important; border-radius:999px!important; } body.site-theme-dark .category-card p, html.site-theme-dark-init body .category-card p, body.dark-theme .category-card p, body.site-theme-dark .category-card small, html.site-theme-dark-init body .category-card small, body.dark-theme .category-card small{ color:rgba(255,255,255,.82)!important; line-height:1.55!important; } body:not(.site-theme-dark):not(.dark-theme) .category-card, body:not(.site-theme-dark):not(.dark-theme) .category-card--v520{ border:1px solid rgba(15,23,42,.09)!important; box-shadow:0 16px 36px rgba(15,23,42,.075)!important; } /* Remove footer gradient completely; keep calm divider */ .home-footer-gradient, .footer-gradient{ display:none!important; } .site-footer{ border-top:1px solid rgba(15,23,42,.08)!important; } body.site-theme-dark .site-footer, html.site-theme-dark-init body .site-footer, body.dark-theme .site-footer{ border-top:1px solid rgba(255,255,255,.10)!important; } @media (max-width:760px){ .home-hero-cards-v530__card, .home-hero-card{ grid-template-columns:54px minmax(0,1fr)!important; gap:16px!important; } .home-hero-cards-v530__icon, .home-hero-card__icon{ width:54px!important; height:54px!important; min-width:54px!important; min-height:54px!important; } } /* ========================================================== v5.7.3 FINAL CONTROL + HERO CARD PATCH Fixes switch visibility, search contrast, hero-card icons, footer divider leftovers and light-theme spacing. ========================================================== */ /* Header controls: show a real switch track + thumb, not a single dot */ .bg20-header .theme-toggle, .bg20-header .bg20-theme-toggle, .site-header .theme-toggle, .site-header .bg20-theme-toggle{ width:52px!important; min-width:52px!important; max-width:52px!important; height:30px!important; min-height:30px!important; padding:0!important; border-radius:999px!important; background:#f3ead8!important; border:1px solid rgba(15,23,42,.16)!important; box-shadow:0 8px 18px rgba(15,23,42,.10)!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; position:relative!important; overflow:visible!important; gap:0!important; color:transparent!important; } .bg20-header .theme-toggle::before, .bg20-header .bg20-theme-toggle::before, .site-header .theme-toggle::before, .site-header .bg20-theme-toggle::before{ content:none!important; display:none!important; } .bg20-header .theme-toggle__icon, .site-header .theme-toggle__icon, .bg20-header .theme-toggle > svg, .site-header .theme-toggle > svg{ display:none!important; } .bg20-header .theme-toggle__track, .site-header .theme-toggle__track{ display:flex!important; align-items:center!important; width:52px!important; height:30px!important; padding:3px!important; border-radius:999px!important; background:#f3ead8!important; border:1px solid rgba(15,23,42,.16)!important; box-shadow:inset 0 1px 2px rgba(15,23,42,.08)!important; position:relative!important; } .bg20-header .theme-toggle__thumb, .site-header .theme-toggle__thumb{ display:block!important; width:22px!important; height:22px!important; min-width:22px!important; min-height:22px!important; border-radius:50%!important; background:#f6a600!important; box-shadow:0 2px 7px rgba(15,23,42,.22)!important; transform:translateX(0)!important; transition:transform .22s ease,background .22s ease,box-shadow .22s ease!important; } body.site-theme-dark .bg20-header .theme-toggle, html.site-theme-dark-init body .bg20-header .theme-toggle, body.dark-theme .bg20-header .theme-toggle, body.site-theme-dark .site-header .theme-toggle, html.site-theme-dark-init body .site-header .theme-toggle, body.dark-theme .site-header .theme-toggle{ background:#172437!important; border-color:rgba(255,255,255,.20)!important; box-shadow:0 8px 18px rgba(0,0,0,.22)!important; } body.site-theme-dark .bg20-header .theme-toggle__track, html.site-theme-dark-init body .bg20-header .theme-toggle__track, body.dark-theme .bg20-header .theme-toggle__track, body.site-theme-dark .site-header .theme-toggle__track, html.site-theme-dark-init body .site-header .theme-toggle__track, body.dark-theme .site-header .theme-toggle__track{ background:#172437!important; border-color:rgba(255,255,255,.20)!important; } .bg20-header .theme-toggle.is-dark .theme-toggle__thumb, .site-header .theme-toggle.is-dark .theme-toggle__thumb, body.site-theme-dark .bg20-header .theme-toggle__thumb, html.site-theme-dark-init body .bg20-header .theme-toggle__thumb, body.dark-theme .bg20-header .theme-toggle__thumb, body.site-theme-dark .site-header .theme-toggle__thumb, html.site-theme-dark-init body .site-header .theme-toggle__thumb, body.dark-theme .site-header .theme-toggle__thumb{ transform:translateX(22px)!important; background:#dbeafe!important; box-shadow:0 2px 7px rgba(0,0,0,.30)!important; } /* Header search: make the icon readable in dark mode */ .bg20-header .search-toggle, .bg20-header .bg21-search-toggle, .site-header .search-toggle, .site-header .bg21-search-toggle{ width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; flex:0 0 38px!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } body.site-theme-dark .bg20-header .search-toggle, html.site-theme-dark-init body .bg20-header .search-toggle, body.dark-theme .bg20-header .search-toggle, body.site-theme-dark .site-header .search-toggle, html.site-theme-dark-init body .site-header .search-toggle, body.dark-theme .site-header .search-toggle{ background:rgba(255,255,255,.10)!important; border:1px solid rgba(255,255,255,.20)!important; color:#f8fafc!important; box-shadow:0 8px 18px rgba(0,0,0,.18)!important; } body.site-theme-dark .bg20-header .search-toggle svg, html.site-theme-dark-init body .bg20-header .search-toggle svg, body.dark-theme .bg20-header .search-toggle svg, body.site-theme-dark .site-header .search-toggle svg, html.site-theme-dark-init body .site-header .search-toggle svg, body.dark-theme .site-header .search-toggle svg{ width:18px!important; height:18px!important; stroke-width:2.3!important; opacity:1!important; } /* Hero cards: target the real markup and enlarge the visible icon image */ .home-hero-cards-v530__grid{ align-items:stretch!important; } .home-hero-cards-v530__card{ display:grid!important; grid-template-columns:58px minmax(0,1fr)!important; gap:18px!important; align-items:center!important; min-height:98px!important; padding:20px 28px!important; } .home-hero-cards-v530__icon, .home-hero-cards-v530__icon--image{ width:58px!important; height:58px!important; min-width:58px!important; min-height:58px!important; flex:0 0 58px!important; border-radius:18px!important; background:#fff7e8!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; box-shadow:0 8px 22px rgba(15,23,42,.10)!important; } .home-hero-cards-v530__icon > img, .home-hero-cards-v530__icon--image > img{ width:42px!important; height:42px!important; min-width:42px!important; min-height:42px!important; max-width:42px!important; max-height:42px!important; object-fit:contain!important; opacity:1!important; transform:none!important; filter:none!important; } body.site-theme-dark .home-hero-cards-v530, html.site-theme-dark-init body .home-hero-cards-v530, body.dark-theme .home-hero-cards-v530{ background:#121f32!important; border-color:rgba(255,255,255,.12)!important; } body.site-theme-dark .home-hero-cards-v530__card, html.site-theme-dark-init body .home-hero-cards-v530__card, body.dark-theme .home-hero-cards-v530__card{ border-color:rgba(255,255,255,.07)!important; } body.site-theme-dark .home-hero-cards-v530__icon, html.site-theme-dark-init body .home-hero-cards-v530__icon, body.dark-theme .home-hero-cards-v530__icon{ background:#f7efe2!important; box-shadow:0 8px 22px rgba(0,0,0,.20)!important; } body.site-theme-dark .home-hero-cards-v530__text small, html.site-theme-dark-init body .home-hero-cards-v530__text small, body.dark-theme .home-hero-cards-v530__text small{ color:rgba(255,255,255,.78)!important; -webkit-text-fill-color:rgba(255,255,255,.78)!important; } /* Hero overlay and light-theme spacing */ body:not(.site-theme-dark):not(.dark-theme) .home-hero-editorial-v530::before{ background:linear-gradient(90deg,rgba(15,23,42,.54) 0%,rgba(15,23,42,.30) 42%,rgba(15,23,42,.04) 100%)!important; } body:not(.site-theme-dark):not(.dark-theme) .home-hero-cards-v530{ margin-bottom:30px!important; } /* Dark cards: slight readability improvement */ body.site-theme-dark .post-card p, html.site-theme-dark-init body .post-card p, body.dark-theme .post-card p{ color:rgba(255,255,255,.76)!important; line-height:1.6!important; } body.site-theme-dark .popular-rubrics a, html.site-theme-dark-init body .popular-rubrics a, body.dark-theme .popular-rubrics a{ background:rgba(255,255,255,.025)!important; border-color:rgba(255,255,255,.055)!important; } /* Kill all remaining decorative pre-footer gradient/glow variants */ .home-footer-gradient, .footer-gradient, .pre-footer-gradient, .home-footer-glow, .footer-glow, .footer-gradient-v530, .footer-accent-gradient, .site-footer::before, .site-footer::after, body::after{ display:none!important; content:none!important; height:0!important; min-height:0!important; opacity:0!important; background:none!important; } .site-footer{ border-top:1px solid rgba(15,23,42,.08)!important; box-shadow:none!important; } body.site-theme-dark .site-footer, html.site-theme-dark-init body .site-footer, body.dark-theme .site-footer{ border-top:1px solid rgba(255,255,255,.10)!important; } @media (max-width:760px){ .bg20-header .theme-toggle, .site-header .theme-toggle{ width:50px!important; min-width:50px!important; } .home-hero-cards-v530__card{ grid-template-columns:54px minmax(0,1fr)!important; padding:18px 20px!important; } .home-hero-cards-v530__icon, .home-hero-cards-v530__icon--image{ width:54px!important; height:54px!important; min-width:54px!important; min-height:54px!important; } .home-hero-cards-v530__icon > img, .home-hero-cards-v530__icon--image > img{ width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; } } /* v5.7.4 — final header switch/search, hero icon and footer band fix */ /* Header controls: real switch, not a dot. Target the actual bg20 markup and possible aliases. */ .bg20-header .theme-toggle, .bg20-header .bg20-theme-toggle, .theme-toggle, .theme-switch, .color-mode-toggle, .header-theme-toggle{ width:50px!important; height:28px!important; min-width:50px!important; max-width:50px!important; min-height:28px!important; padding:3px!important; border-radius:999px!important; background:#f3ead8!important; border:1px solid rgba(15,23,42,.16)!important; display:inline-flex!important; align-items:center!important; justify-content:flex-start!important; gap:0!important; position:relative!important; overflow:hidden!important; box-shadow:0 6px 16px rgba(15,23,42,.08)!important; color:transparent!important; } .bg20-header .theme-toggle::before, .bg20-header .bg20-theme-toggle::before, .theme-toggle::before, .theme-switch::before, .color-mode-toggle::before, .header-theme-toggle::before{ content:""!important; width:22px!important; height:22px!important; min-width:22px!important; min-height:22px!important; flex:0 0 22px!important; border-radius:50%!important; background:#f6a600!important; box-shadow:0 2px 7px rgba(15,23,42,.22)!important; display:block!important; position:relative!important; z-index:2!important; transform:none!important; } /* Hide decorative internals that previously made the control look like a yellow spot. */ .bg20-header .theme-toggle__icon, .bg20-header .theme-toggle__track, .bg20-header .theme-toggle__thumb, .bg20-header .theme-toggle svg, .bg20-header .theme-toggle > span:not(.screen-reader-text), .theme-switch svg, .theme-switch > span:not(.screen-reader-text), .color-mode-toggle svg, .color-mode-toggle > span:not(.screen-reader-text), .header-theme-toggle svg, .header-theme-toggle > span:not(.screen-reader-text){ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; margin:0!important; padding:0!important; } body.site-theme-dark .bg20-header .theme-toggle, html.site-theme-dark body .bg20-header .theme-toggle, html.site-theme-dark-init body .bg20-header .theme-toggle, body.dark-theme .bg20-header .theme-toggle, body.site-theme-dark .bg20-header .bg20-theme-toggle, html.site-theme-dark-init body .bg20-header .bg20-theme-toggle, body.dark-theme .bg20-header .bg20-theme-toggle, body.site-theme-dark .theme-switch, body.site-theme-dark .color-mode-toggle, body.site-theme-dark .header-theme-toggle, body.dark-theme .theme-switch, body.dark-theme .color-mode-toggle, body.dark-theme .header-theme-toggle{ background:#172437!important; border-color:rgba(255,255,255,.22)!important; justify-content:flex-end!important; box-shadow:0 7px 18px rgba(0,0,0,.22)!important; } body.site-theme-dark .bg20-header .theme-toggle::before, html.site-theme-dark body .bg20-header .theme-toggle::before, html.site-theme-dark-init body .bg20-header .theme-toggle::before, body.dark-theme .bg20-header .theme-toggle::before, body.site-theme-dark .bg20-header .bg20-theme-toggle::before, html.site-theme-dark-init body .bg20-header .bg20-theme-toggle::before, body.dark-theme .bg20-header .bg20-theme-toggle::before, body.site-theme-dark .theme-switch::before, body.site-theme-dark .color-mode-toggle::before, body.site-theme-dark .header-theme-toggle::before, body.dark-theme .theme-switch::before, body.dark-theme .color-mode-toggle::before, body.dark-theme .header-theme-toggle::before{ background:#dbeafe!important; box-shadow:0 2px 7px rgba(0,0,0,.32)!important; } /* Header search: stronger button in dark mode. */ .bg20-header .search-toggle, .bg20-header .bg21-search-toggle, .search-toggle, .header-search-toggle, .site-search-toggle{ width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; flex:0 0 38px!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } body.site-theme-dark .bg20-header .search-toggle, html.site-theme-dark body .bg20-header .search-toggle, html.site-theme-dark-init body .bg20-header .search-toggle, body.dark-theme .bg20-header .search-toggle, body.site-theme-dark .bg20-header .bg21-search-toggle, html.site-theme-dark-init body .bg20-header .bg21-search-toggle, body.dark-theme .bg20-header .bg21-search-toggle, body.site-theme-dark .header-search-toggle, body.site-theme-dark .site-search-toggle, body.dark-theme .header-search-toggle, body.dark-theme .site-search-toggle{ background:rgba(255,255,255,.11)!important; border:1px solid rgba(255,255,255,.22)!important; color:#f8fafc!important; box-shadow:0 8px 18px rgba(0,0,0,.18)!important; } body.site-theme-dark .bg20-header .search-toggle svg, html.site-theme-dark-init body .bg20-header .search-toggle svg, body.dark-theme .bg20-header .search-toggle svg, body.site-theme-dark .bg20-header .bg21-search-toggle svg, html.site-theme-dark-init body .bg20-header .bg21-search-toggle svg, body.dark-theme .bg20-header .bg21-search-toggle svg, body.site-theme-dark .header-search-toggle svg, body.site-theme-dark .site-search-toggle svg, body.dark-theme .header-search-toggle svg, body.dark-theme .site-search-toggle svg{ width:18px!important; height:18px!important; stroke-width:2.4!important; opacity:1!important; } /* Hero cards: larger real image icons and lighter dark bar. */ .home-hero-cards-v530__card, .home-hero-card{ grid-template-columns:56px minmax(0,1fr)!important; gap:18px!important; align-items:center!important; } .home-hero-cards-v530__icon, .home-hero-card__icon, .home-hero-cards-v530 .icon, .home-hero-card .icon, .home-hero-cards-v530__icon--image{ width:56px!important; height:56px!important; min-width:56px!important; min-height:56px!important; flex:0 0 56px!important; border-radius:16px!important; background:#fff7e8!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; } .home-hero-cards-v530__icon img, .home-hero-card__icon img, .home-hero-cards-v530__icon svg, .home-hero-card__icon svg, .home-hero-cards-v530 .icon img, .home-hero-card .icon img, .home-hero-cards-v530 .icon svg, .home-hero-card .icon svg, .home-hero-cards-v530__icon--image img{ width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; max-width:34px!important; max-height:34px!important; object-fit:contain!important; opacity:1!important; filter:none!important; transform:none!important; } body.site-theme-dark .home-hero-cards-v530, html.site-theme-dark body .home-hero-cards-v530, html.site-theme-dark-init body .home-hero-cards-v530, body.dark-theme .home-hero-cards-v530{ background:#132033!important; border-color:rgba(255,255,255,.13)!important; } body.site-theme-dark .home-hero-cards-v530__grid, html.site-theme-dark body .home-hero-cards-v530__grid, html.site-theme-dark-init body .home-hero-cards-v530__grid, body.dark-theme .home-hero-cards-v530__grid{ background:#132033!important; } body.site-theme-dark .home-hero-cards-v530__icon, html.site-theme-dark-init body .home-hero-cards-v530__icon, body.dark-theme .home-hero-cards-v530__icon{ background:#f7efe2!important; } /* Lighter hero image overlay in light theme and tighter spacing after hero cards. */ body:not(.site-theme-dark):not(.dark-theme) .home-hero-editorial-v530::before{ background:linear-gradient(90deg,rgba(15,23,42,.50) 0%,rgba(15,23,42,.26) 42%,rgba(15,23,42,.03) 100%)!important; } body:not(.site-theme-dark):not(.dark-theme) .home-hero-cards-v530{ margin-bottom:24px!important; } /* Remove the remaining coloured band before the footer. It comes from page/bg pseudo layers, not only footer-gradient classes. */ .home-footer-gradient, .footer-gradient, .pre-footer-gradient, .footer-before, .home-prefooter, .home-prefooter-gradient, .site-footer-gradient, .home-footer-glow, .footer-glow, .footer-gradient-v530, .footer-accent-gradient, .site-footer::before, .site-footer::after, .main-footer::before, .main-footer::after{ display:none!important; content:none!important; height:0!important; min-height:0!important; opacity:0!important; background:none!important; } .front-page--editorial-v530 .site-footer, .site-footer{ background:var(--bg-soft)!important; border-top:1px solid rgba(15,23,42,.08)!important; margin-top:0!important; box-shadow:none!important; } body.site-theme-dark .front-page--editorial-v530 .site-footer, html.site-theme-dark body .front-page--editorial-v530 .site-footer, html.site-theme-dark-init body .front-page--editorial-v530 .site-footer, body.dark-theme .front-page--editorial-v530 .site-footer, body.site-theme-dark .site-footer, html.site-theme-dark-init body .site-footer, body.dark-theme .site-footer{ background:#08111e!important; border-top:1px solid rgba(255,255,255,.10)!important; } @media (max-width:760px){ .bg20-header .theme-toggle, .bg20-header .bg20-theme-toggle, .theme-toggle, .theme-switch, .color-mode-toggle, .header-theme-toggle{ width:50px!important; min-width:50px!important; height:28px!important; min-height:28px!important; } .home-hero-cards-v530__card, .home-hero-card{ grid-template-columns:56px minmax(0,1fr)!important; gap:16px!important; } } /* v5.7.5 — actual markup switch, stronger dark search, bigger hero icons, remove footer band */ /* Header theme control: use the real inner track/knob so it cannot collapse into a dot. */ .bg20-header .bg20-actions{ gap:12px!important; align-items:center!important; } .bg20-header button.theme-toggle, .bg20-header .theme-toggle.bg20-theme-toggle, .site-header button.theme-toggle, .site-header .theme-toggle, button[data-site-theme-toggle]{ width:56px!important; height:34px!important; min-width:56px!important; max-width:56px!important; min-height:34px!important; max-height:34px!important; padding:0!important; margin:0!important; border:0!important; border-radius:999px!important; background:transparent!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; box-shadow:none!important; color:transparent!important; line-height:1!important; } .bg20-header button.theme-toggle::before, .bg20-header .theme-toggle.bg20-theme-toggle::before, .site-header button.theme-toggle::before, .site-header .theme-toggle::before, button[data-site-theme-toggle]::before{ content:none!important; display:none!important; } .bg20-header .theme-toggle__visual, .site-header .theme-toggle__visual, button[data-site-theme-toggle] .theme-toggle__visual{ width:54px!important; height:30px!important; min-width:54px!important; min-height:30px!important; padding:3px!important; border-radius:999px!important; background:#f4ead8!important; border:1px solid rgba(15,23,42,.20)!important; display:block!important; visibility:visible!important; opacity:1!important; position:relative!important; box-sizing:border-box!important; overflow:hidden!important; box-shadow:inset 0 1px 2px rgba(15,23,42,.06),0 5px 14px rgba(15,23,42,.10)!important; } .bg20-header .theme-toggle__knob, .site-header .theme-toggle__knob, button[data-site-theme-toggle] .theme-toggle__knob{ width:22px!important; height:22px!important; min-width:22px!important; min-height:22px!important; border-radius:50%!important; background:#f6a600!important; display:block!important; visibility:visible!important; opacity:1!important; position:absolute!important; left:3px!important; top:3px!important; transform:translateX(0)!important; box-shadow:0 2px 8px rgba(15,23,42,.24)!important; transition:transform .22s ease,background .22s ease!important; } .bg20-header .theme-toggle__icon, .bg20-header .theme-toggle__track, .bg20-header .theme-toggle__thumb, .bg20-header button.theme-toggle > span:not(.theme-toggle__visual):not(.screen-reader-text), .site-header button.theme-toggle > span:not(.theme-toggle__visual):not(.screen-reader-text){ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; margin:0!important; padding:0!important; } body.site-theme-dark .bg20-header .theme-toggle__visual, html.site-theme-dark body .bg20-header .theme-toggle__visual, html.site-theme-dark-init body .bg20-header .theme-toggle__visual, body.dark-theme .bg20-header .theme-toggle__visual, body.site-theme-dark button[data-site-theme-toggle] .theme-toggle__visual, html.site-theme-dark-init body button[data-site-theme-toggle] .theme-toggle__visual, body.dark-theme button[data-site-theme-toggle] .theme-toggle__visual{ background:#1b2a40!important; border-color:rgba(255,255,255,.25)!important; box-shadow:inset 0 1px 2px rgba(0,0,0,.24),0 7px 18px rgba(0,0,0,.22)!important; } body.site-theme-dark .bg20-header .theme-toggle__knob, html.site-theme-dark body .bg20-header .theme-toggle__knob, html.site-theme-dark-init body .bg20-header .theme-toggle__knob, body.dark-theme .bg20-header .theme-toggle__knob, body.site-theme-dark button[data-site-theme-toggle] .theme-toggle__knob, html.site-theme-dark-init body button[data-site-theme-toggle] .theme-toggle__knob, body.dark-theme button[data-site-theme-toggle] .theme-toggle__knob{ background:#e8f1ff!important; transform:translateX(24px)!important; box-shadow:0 2px 8px rgba(0,0,0,.34)!important; } /* Search button: more visible in dark header. */ .bg20-header .search-toggle, .bg20-header .bg21-search-toggle, .site-header .search-toggle, .site-header .header-search-toggle, .site-header .site-search-toggle{ width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; flex:0 0 38px!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } body.site-theme-dark .bg20-header .search-toggle, html.site-theme-dark body .bg20-header .search-toggle, html.site-theme-dark-init body .bg20-header .search-toggle, body.dark-theme .bg20-header .search-toggle, body.site-theme-dark .bg20-header .bg21-search-toggle, html.site-theme-dark-init body .bg20-header .bg21-search-toggle, body.dark-theme .bg20-header .bg21-search-toggle{ background:rgba(255,255,255,.12)!important; border:1px solid rgba(255,255,255,.24)!important; color:#f8fafc!important; box-shadow:0 8px 18px rgba(0,0,0,.20)!important; } body.site-theme-dark .bg20-header .search-toggle svg, html.site-theme-dark body .bg20-header .search-toggle svg, html.site-theme-dark-init body .bg20-header .search-toggle svg, body.dark-theme .bg20-header .search-toggle svg, body.site-theme-dark .bg20-header .bg21-search-toggle svg, html.site-theme-dark-init body .bg20-header .bg21-search-toggle svg, body.dark-theme .bg20-header .bg21-search-toggle svg{ width:18px!important; height:18px!important; stroke-width:2.4!important; opacity:1!important; } /* Hero cards: stronger visible icons and slightly lighter dark strip. */ .home-hero-cards-v530__card, .home-hero-card{ grid-template-columns:58px minmax(0,1fr)!important; gap:18px!important; } .home-hero-cards-v530__icon, .home-hero-card__icon, .home-hero-cards-v530 .icon, .home-hero-card .icon, .home-hero-cards-v530__icon--image{ width:58px!important; height:58px!important; min-width:58px!important; min-height:58px!important; flex:0 0 58px!important; border-radius:17px!important; background:#fff7e8!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; } .home-hero-cards-v530__icon img, .home-hero-card__icon img, .home-hero-cards-v530__icon svg, .home-hero-card__icon svg, .home-hero-cards-v530 .icon img, .home-hero-card .icon img, .home-hero-cards-v530 .icon svg, .home-hero-card .icon svg, .home-hero-cards-v530__icon--image img{ width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important; max-width:36px!important; max-height:36px!important; object-fit:contain!important; opacity:1!important; } body.site-theme-dark .home-hero-cards-v530, html.site-theme-dark body .home-hero-cards-v530, html.site-theme-dark-init body .home-hero-cards-v530, body.dark-theme .home-hero-cards-v530, body.site-theme-dark .home-hero-cards-v530__grid, html.site-theme-dark body .home-hero-cards-v530__grid, html.site-theme-dark-init body .home-hero-cards-v530__grid, body.dark-theme .home-hero-cards-v530__grid{ background:#142236!important; border-color:rgba(255,255,255,.13)!important; } /* Remove the remaining colour band by covering the page background between content and footer. */ .home-guides-v520.section-last, .front-page--editorial-v530 .section-last{ padding-bottom:54px!important; margin-bottom:0!important; background:#f7f3ea!important; } .front-page--editorial-v530 + .site-footer, .site-footer{ margin-top:0!important; background:#f7f3ea!important; border-top:1px solid rgba(15,23,42,.08)!important; } body.site-theme-dark .home-guides-v520.section-last, html.site-theme-dark body .home-guides-v520.section-last, html.site-theme-dark-init body .home-guides-v520.section-last, body.dark-theme .home-guides-v520.section-last, body.site-theme-dark .front-page--editorial-v530 .section-last, html.site-theme-dark body .front-page--editorial-v530 .section-last, html.site-theme-dark-init body .front-page--editorial-v530 .section-last, body.dark-theme .front-page--editorial-v530 .section-last, body.site-theme-dark .site-footer, html.site-theme-dark body .site-footer, html.site-theme-dark-init body .site-footer, body.dark-theme .site-footer{ background:#08111e!important; border-top:1px solid rgba(255,255,255,.10)!important; } .home-footer-gradient, .footer-gradient, .pre-footer-gradient, .footer-before, .home-prefooter, .home-prefooter-gradient, .site-footer-gradient, .home-footer-glow, .footer-glow, .footer-gradient-v530, .footer-accent-gradient, .site-footer::before, .site-footer::after, .main-footer::before, .main-footer::after, .front-page--editorial-v530::after, .front-page--editorial-v530::before{ display:none!important; content:none!important; height:0!important; min-height:0!important; opacity:0!important; background:none!important; background-image:none!important; } @media (max-width:760px){ .bg20-header button.theme-toggle, .bg20-header .theme-toggle.bg20-theme-toggle, button[data-site-theme-toggle]{width:54px!important;min-width:54px!important;height:32px!important;} .bg20-header .theme-toggle__visual, button[data-site-theme-toggle] .theme-toggle__visual{width:52px!important;height:30px!important;} .home-hero-cards-v530__card, .home-hero-card{grid-template-columns:58px minmax(0,1fr)!important;} } /* ========================================================= v5.7.6 — final visible header switch/search and footer band fix ========================================================= */ /* Theme switch: render the capsule on the real button and the thumb with ::after, so the control does not collapse into a single orange dot if inner spans are hidden. */ .bg20-header button.theme-toggle, .bg20-header .theme-toggle.bg20-theme-toggle, .bg20-header button[data-site-theme-toggle], .site-header button.theme-toggle, .site-header .theme-toggle, .site-header button[data-site-theme-toggle], button[data-site-theme-toggle].theme-toggle{ width:54px!important; height:30px!important; min-width:54px!important; max-width:54px!important; min-height:30px!important; max-height:30px!important; padding:3px!important; margin:0!important; border-radius:999px!important; background:#fff3d8!important; border:1px solid rgba(15,23,42,.18)!important; box-shadow:inset 0 1px 2px rgba(15,23,42,.08),0 4px 10px rgba(15,23,42,.08)!important; display:inline-flex!important; align-items:center!important; justify-content:flex-start!important; position:relative!important; overflow:hidden!important; color:transparent!important; line-height:1!important; box-sizing:border-box!important; } .bg20-header button.theme-toggle::before, .bg20-header .theme-toggle.bg20-theme-toggle::before, .bg20-header button[data-site-theme-toggle]::before, .site-header button.theme-toggle::before, .site-header .theme-toggle::before, .site-header button[data-site-theme-toggle]::before, button[data-site-theme-toggle].theme-toggle::before{ content:none!important; display:none!important; } .bg20-header button.theme-toggle::after, .bg20-header .theme-toggle.bg20-theme-toggle::after, .bg20-header button[data-site-theme-toggle]::after, .site-header button.theme-toggle::after, .site-header .theme-toggle::after, .site-header button[data-site-theme-toggle]::after, button[data-site-theme-toggle].theme-toggle::after{ content:""!important; width:24px!important; height:24px!important; min-width:24px!important; min-height:24px!important; border-radius:50%!important; background:#f6a600!important; position:absolute!important; left:2px!important; top:2px!important; display:block!important; opacity:1!important; visibility:visible!important; transform:translateX(0)!important; box-shadow:0 2px 7px rgba(15,23,42,.24)!important; z-index:3!important; transition:transform .22s ease,background .22s ease,box-shadow .22s ease!important; } .bg20-header .theme-toggle__visual, .site-header .theme-toggle__visual, button[data-site-theme-toggle] .theme-toggle__visual, .bg20-header .theme-toggle__knob, .site-header .theme-toggle__knob, button[data-site-theme-toggle] .theme-toggle__knob, .bg20-header button.theme-toggle svg, .bg20-header button.theme-toggle > span:not(.screen-reader-text), .site-header button.theme-toggle svg, .site-header button.theme-toggle > span:not(.screen-reader-text){ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; pointer-events:none!important; } body.site-theme-dark .bg20-header button.theme-toggle, html.site-theme-dark body .bg20-header button.theme-toggle, html.site-theme-dark-init body .bg20-header button.theme-toggle, body.dark-theme .bg20-header button.theme-toggle, body.site-theme-dark .bg20-header .theme-toggle.bg20-theme-toggle, html.site-theme-dark-init body .bg20-header .theme-toggle.bg20-theme-toggle, body.dark-theme .bg20-header .theme-toggle.bg20-theme-toggle, body.site-theme-dark .site-header button.theme-toggle, html.site-theme-dark-init body .site-header button.theme-toggle, body.dark-theme .site-header button.theme-toggle, body.site-theme-dark button[data-site-theme-toggle].theme-toggle, html.site-theme-dark-init body button[data-site-theme-toggle].theme-toggle, body.dark-theme button[data-site-theme-toggle].theme-toggle{ background:#1b2a40!important; border-color:rgba(255,255,255,.28)!important; box-shadow:inset 0 1px 2px rgba(0,0,0,.28),0 4px 10px rgba(0,0,0,.18)!important; } body.site-theme-dark .bg20-header button.theme-toggle::after, html.site-theme-dark body .bg20-header button.theme-toggle::after, html.site-theme-dark-init body .bg20-header button.theme-toggle::after, body.dark-theme .bg20-header button.theme-toggle::after, body.site-theme-dark .bg20-header .theme-toggle.bg20-theme-toggle::after, html.site-theme-dark-init body .bg20-header .theme-toggle.bg20-theme-toggle::after, body.dark-theme .bg20-header .theme-toggle.bg20-theme-toggle::after, body.site-theme-dark .site-header button.theme-toggle::after, html.site-theme-dark-init body .site-header button.theme-toggle::after, body.dark-theme .site-header button.theme-toggle::after, body.site-theme-dark button[data-site-theme-toggle].theme-toggle::after, html.site-theme-dark-init body button[data-site-theme-toggle].theme-toggle::after, body.dark-theme button[data-site-theme-toggle].theme-toggle::after{ background:#eaf2ff!important; transform:translateX(24px)!important; box-shadow:0 0 0 1px rgba(255,255,255,.35),0 2px 8px rgba(0,0,0,.35)!important; } /* Dark header search: make the button read as a real control. */ body.site-theme-dark .site-header .search-toggle, html.site-theme-dark body .site-header .search-toggle, html.site-theme-dark-init body .site-header .search-toggle, body.dark-theme .site-header .search-toggle, body.site-theme-dark .bg20-header .search-toggle, html.site-theme-dark body .bg20-header .search-toggle, html.site-theme-dark-init body .bg20-header .search-toggle, body.dark-theme .bg20-header .search-toggle, body.site-theme-dark .bg20-header .bg21-search-toggle, html.site-theme-dark-init body .bg20-header .bg21-search-toggle, body.dark-theme .bg20-header .bg21-search-toggle{ width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; background:rgba(255,255,255,.13)!important; border:1px solid rgba(255,255,255,.26)!important; color:#fff!important; box-shadow:0 8px 18px rgba(0,0,0,.22)!important; } body.site-theme-dark .site-header .search-toggle svg, html.site-theme-dark body .site-header .search-toggle svg, html.site-theme-dark-init body .site-header .search-toggle svg, body.dark-theme .site-header .search-toggle svg, body.site-theme-dark .bg20-header .search-toggle svg, html.site-theme-dark-init body .bg20-header .search-toggle svg, body.dark-theme .bg20-header .search-toggle svg{ width:18px!important; height:18px!important; stroke-width:2.4!important; opacity:1!important; } /* Footer band: remove the fixed decorative page gradient showing through the gap. */ body.home, body.home .site-main.front-page, body.home .front-page--editorial-v530, body.home .home-guides-v520.section-last, body.home .site-footer{ background:#f7f3ea!important; background-image:none!important; } body.home.site-theme-dark, html.site-theme-dark body.home, html.site-theme-dark-init body.home, body.home.dark-theme, body.home.site-theme-dark .site-main.front-page, html.site-theme-dark body.home .site-main.front-page, html.site-theme-dark-init body.home .site-main.front-page, body.home.dark-theme .site-main.front-page, body.home.site-theme-dark .front-page--editorial-v530, html.site-theme-dark-init body.home .front-page--editorial-v530, body.home.dark-theme .front-page--editorial-v530, body.home.site-theme-dark .home-guides-v520.section-last, html.site-theme-dark-init body.home .home-guides-v520.section-last, body.home.dark-theme .home-guides-v520.section-last, body.home.site-theme-dark .site-footer, html.site-theme-dark-init body.home .site-footer, body.home.dark-theme .site-footer{ background:#08111e!important; background-image:none!important; } body.home .site-bg{ opacity:0!important; display:none!important; } body.home.site-theme-dark .site-bg, html.site-theme-dark-init body.home .site-bg, body.home.dark-theme .site-bg{ opacity:0!important; display:none!important; } .site-footer::before, .site-footer::after, .main-footer::before, .main-footer::after, .footer-gradient, .home-footer-gradient, .pre-footer-gradient, .footer-before, .home-prefooter, .home-prefooter-gradient, .site-footer-gradient, .home-footer-glow, .footer-glow, .footer-gradient-v530, .footer-accent-gradient, .home::before, .home::after, .site-main::before, .site-main::after, .front-page::before, .front-page::after, .home-main::before, .home-main::after{ display:none!important; content:none!important; height:0!important; min-height:0!important; opacity:0!important; background:none!important; background-image:none!important; } /* Final small dark-top polish. */ body.site-theme-dark .home-hero-cards-v530, html.site-theme-dark-init body .home-hero-cards-v530, body.dark-theme .home-hero-cards-v530, body.site-theme-dark .home-hero-cards-v530__grid, html.site-theme-dark-init body .home-hero-cards-v530__grid, body.dark-theme .home-hero-cards-v530__grid{ background:#142236!important; border-color:rgba(255,255,255,.13)!important; } /* ========================================================= v5.7.7 — final header switch contrast only ========================================================= */ .site-header .theme-toggle, .site-header button.theme-toggle, .bg20-header .theme-toggle.bg20-theme-toggle, .bg20-header button.theme-toggle, .bg20-header button[data-site-theme-toggle], button[data-site-theme-toggle].theme-toggle{ width:54px!important; height:30px!important; min-width:54px!important; max-width:54px!important; min-height:30px!important; max-height:30px!important; padding:3px!important; border-radius:999px!important; background:#ffe9bd!important; border:1px solid rgba(15,23,42,.22)!important; box-shadow:inset 0 1px 2px rgba(15,23,42,.08),0 4px 10px rgba(15,23,42,.08)!important; display:inline-flex!important; align-items:center!important; justify-content:flex-start!important; position:relative!important; overflow:hidden!important; box-sizing:border-box!important; } .site-header .theme-toggle::before, .site-header button.theme-toggle::before, .bg20-header .theme-toggle.bg20-theme-toggle::before, .bg20-header button.theme-toggle::before, .bg20-header button[data-site-theme-toggle]::before, button[data-site-theme-toggle].theme-toggle::before{ content:none!important; display:none!important; } .site-header .theme-toggle::after, .site-header button.theme-toggle::after, .bg20-header .theme-toggle.bg20-theme-toggle::after, .bg20-header button.theme-toggle::after, .bg20-header button[data-site-theme-toggle]::after, button[data-site-theme-toggle].theme-toggle::after{ content:""!important; width:20px!important; height:20px!important; min-width:20px!important; min-height:20px!important; border-radius:50%!important; background:#f6a600!important; position:absolute!important; left:4px!important; top:4px!important; display:block!important; opacity:1!important; visibility:visible!important; transform:translateX(0)!important; box-shadow:0 2px 7px rgba(15,23,42,.24)!important; z-index:3!important; } .site-header .theme-toggle svg, .site-header button.theme-toggle svg, .site-header .theme-toggle > span:not(.screen-reader-text), .site-header button.theme-toggle > span:not(.screen-reader-text), .bg20-header .theme-toggle svg, .bg20-header button.theme-toggle svg, .bg20-header .theme-toggle > span:not(.screen-reader-text), .bg20-header button.theme-toggle > span:not(.screen-reader-text){ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; pointer-events:none!important; } body.site-theme-dark .site-header .theme-toggle, html.site-theme-dark body .site-header .theme-toggle, html.site-theme-dark-init body .site-header .theme-toggle, body.dark-theme .site-header .theme-toggle, body.site-theme-dark .site-header button.theme-toggle, html.site-theme-dark body .site-header button.theme-toggle, html.site-theme-dark-init body .site-header button.theme-toggle, body.dark-theme .site-header button.theme-toggle, body.site-theme-dark .bg20-header .theme-toggle.bg20-theme-toggle, html.site-theme-dark-init body .bg20-header .theme-toggle.bg20-theme-toggle, body.dark-theme .bg20-header .theme-toggle.bg20-theme-toggle, body.site-theme-dark button[data-site-theme-toggle].theme-toggle, html.site-theme-dark-init body button[data-site-theme-toggle].theme-toggle, body.dark-theme button[data-site-theme-toggle].theme-toggle{ background:#1b2a40!important; border-color:rgba(255,255,255,.28)!important; box-shadow:inset 0 1px 2px rgba(0,0,0,.28),0 4px 10px rgba(0,0,0,.18)!important; } body.site-theme-dark .site-header .theme-toggle::after, html.site-theme-dark body .site-header .theme-toggle::after, html.site-theme-dark-init body .site-header .theme-toggle::after, body.dark-theme .site-header .theme-toggle::after, body.site-theme-dark .site-header button.theme-toggle::after, html.site-theme-dark body .site-header button.theme-toggle::after, html.site-theme-dark-init body .site-header button.theme-toggle::after, body.dark-theme .site-header button.theme-toggle::after, body.site-theme-dark .bg20-header .theme-toggle.bg20-theme-toggle::after, html.site-theme-dark-init body .bg20-header .theme-toggle.bg20-theme-toggle::after, body.dark-theme .bg20-header .theme-toggle.bg20-theme-toggle::after, body.site-theme-dark button[data-site-theme-toggle].theme-toggle::after, html.site-theme-dark-init body button[data-site-theme-toggle].theme-toggle::after, body.dark-theme button[data-site-theme-toggle].theme-toggle::after{ background:#ffffff!important; transform:translateX(24px)!important; box-shadow:0 0 0 1px rgba(255,255,255,.45),0 2px 8px rgba(0,0,0,.35)!important; } body.site-theme-dark .site-header .search-toggle, html.site-theme-dark body .site-header .search-toggle, html.site-theme-dark-init body .site-header .search-toggle, body.dark-theme .site-header .search-toggle, body.site-theme-dark .site-header button.search-toggle, html.site-theme-dark body .site-header button.search-toggle, html.site-theme-dark-init body .site-header button.search-toggle, body.dark-theme .site-header button.search-toggle, body.site-theme-dark .bg20-header .search-toggle, html.site-theme-dark body .bg20-header .search-toggle, html.site-theme-dark-init body .bg20-header .search-toggle, body.dark-theme .bg20-header .search-toggle, body.site-theme-dark .bg20-header .bg21-search-toggle, html.site-theme-dark-init body .bg20-header .bg21-search-toggle, body.dark-theme .bg20-header .bg21-search-toggle{ background:rgba(255,255,255,.15)!important; border-color:rgba(255,255,255,.28)!important; color:#fff!important; } /* v5.7.8 — финальная полировка switch/search и светлой главной */ .site-header .theme-toggle, .site-header button.theme-toggle, .bg20-header .theme-toggle.bg20-theme-toggle, .bg20-header button.theme-toggle, .bg20-header button[data-site-theme-toggle], button[data-site-theme-toggle].theme-toggle{ width:54px!important; height:30px!important; min-width:54px!important; max-width:54px!important; padding:3px!important; border-radius:999px!important; background:#ffe9bd!important; border:1px solid rgba(15,23,42,.22)!important; box-shadow:inset 0 1px 2px rgba(15,23,42,.08),0 4px 10px rgba(15,23,42,.08)!important; display:inline-flex!important; align-items:center!important; justify-content:flex-start!important; position:relative!important; overflow:hidden!important; box-sizing:border-box!important; } .site-header .theme-toggle::before, .site-header button.theme-toggle::before, .bg20-header .theme-toggle.bg20-theme-toggle::before, .bg20-header button.theme-toggle::before, .bg20-header button[data-site-theme-toggle]::before, button[data-site-theme-toggle].theme-toggle::before{ content:none!important; display:none!important; } .site-header .theme-toggle::after, .site-header button.theme-toggle::after, .bg20-header .theme-toggle.bg20-theme-toggle::after, .bg20-header button.theme-toggle::after, .bg20-header button[data-site-theme-toggle]::after, button[data-site-theme-toggle].theme-toggle::after{ content:""!important; width:20px!important; height:20px!important; min-width:20px!important; min-height:20px!important; border-radius:50%!important; background:#f6a600!important; position:absolute!important; left:4px!important; top:4px!important; display:block!important; opacity:1!important; visibility:visible!important; transform:translateX(0)!important; box-shadow:0 2px 7px rgba(15,23,42,.24)!important; z-index:3!important; } body.site-theme-dark .site-header .theme-toggle, html.site-theme-dark body .site-header .theme-toggle, html.site-theme-dark-init body .site-header .theme-toggle, body.dark-theme .site-header .theme-toggle, body.site-theme-dark .site-header button.theme-toggle, html.site-theme-dark body .site-header button.theme-toggle, html.site-theme-dark-init body .site-header button.theme-toggle, body.dark-theme .site-header button.theme-toggle, body.site-theme-dark .bg20-header .theme-toggle.bg20-theme-toggle, html.site-theme-dark-init body .bg20-header .theme-toggle.bg20-theme-toggle, body.dark-theme .bg20-header .theme-toggle.bg20-theme-toggle, body.site-theme-dark button[data-site-theme-toggle].theme-toggle, html.site-theme-dark-init body button[data-site-theme-toggle].theme-toggle, body.dark-theme button[data-site-theme-toggle].theme-toggle{ background:#1b2a40!important; border-color:rgba(255,255,255,.28)!important; box-shadow:inset 0 1px 2px rgba(0,0,0,.28),0 4px 10px rgba(0,0,0,.18)!important; } body.site-theme-dark .site-header .theme-toggle::after, html.site-theme-dark body .site-header .theme-toggle::after, html.site-theme-dark-init body .site-header .theme-toggle::after, body.dark-theme .site-header .theme-toggle::after, body.site-theme-dark .site-header button.theme-toggle::after, html.site-theme-dark body .site-header button.theme-toggle::after, html.site-theme-dark-init body .site-header button.theme-toggle::after, body.dark-theme .site-header button.theme-toggle::after, body.site-theme-dark .bg20-header .theme-toggle.bg20-theme-toggle::after, html.site-theme-dark-init body .bg20-header .theme-toggle.bg20-theme-toggle::after, body.dark-theme .bg20-header .theme-toggle.bg20-theme-toggle::after, body.site-theme-dark button[data-site-theme-toggle].theme-toggle::after, html.site-theme-dark-init body button[data-site-theme-toggle].theme-toggle::after, body.dark-theme button[data-site-theme-toggle].theme-toggle::after{ background:#ffffff!important; transform:translateX(24px)!important; box-shadow:0 0 0 1px rgba(255,255,255,.45),0 2px 8px rgba(0,0,0,.35)!important; } body.site-theme-dark .site-header .search-toggle, html.site-theme-dark body .site-header .search-toggle, html.site-theme-dark-init body .site-header .search-toggle, body.dark-theme .site-header .search-toggle, body.site-theme-dark .site-header button.search-toggle, html.site-theme-dark body .site-header button.search-toggle, html.site-theme-dark-init body .site-header button.search-toggle, body.dark-theme .site-header button.search-toggle, body.site-theme-dark .bg20-header .search-toggle, html.site-theme-dark body .bg20-header .search-toggle, html.site-theme-dark-init body .bg20-header .search-toggle, body.dark-theme .bg20-header .search-toggle, body.site-theme-dark .bg20-header .bg21-search-toggle, html.site-theme-dark-init body .bg20-header .bg21-search-toggle, body.dark-theme .bg20-header .bg21-search-toggle{ background:rgba(255,255,255,.15)!important; border-color:rgba(255,255,255,.28)!important; color:#fff!important; } body:not(.dark-theme):not(.site-theme-dark) .home-hero-editorial-v530::before{ background:linear-gradient(90deg,rgba(15,23,42,.46) 0%,rgba(15,23,42,.24) 42%,rgba(15,23,42,.02) 100%)!important; } body:not(.dark-theme):not(.site-theme-dark) .home-hero-cards-v530{ margin-bottom:18px!important; } body:not(.dark-theme):not(.site-theme-dark) .category-card{ box-shadow:0 18px 40px rgba(15,23,42,.085)!important; }