/*
Theme Name: Lestari Digital Modern
Theme URI: https://lestaridigital.com/
Author: LESTARI DIGITAL
Author URI: https://lestaridigital.com/
Description: Tema WordPress moden dan responsif untuk LESTARI DIGITAL – Celik IT, Bijak Digital. Reka bentuk halaman utama menyerupai portal teknologi moden dengan hero, kad topik, grid artikel dan sidebar.
Version: 2.5.2
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: lestari-digital-modern
*/

:root{
  --ld-primary:#0f766e;
  --ld-primary-dark:#0b5f59;
  --ld-teal:#0f8b7f;
  --ld-mint:#e8fbf7;
  --ld-ink:#101a30;
  --ld-text:#3c4c63;
  --ld-muted:#6b7a91;
  --ld-line:#e1e8ef;
  --ld-bg:#ffffff;
  --ld-soft:#f7fafc;
  --ld-navy:#0c1830;
  --ld-radius:14px;
  --ld-shadow:0 10px 28px rgba(15,23,42,.07);
  --ld-max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ld-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--ld-primary);text-decoration:none;transition:.18s ease}
a:hover{color:var(--ld-primary-dark)}
img{max-width:100%;height:auto;display:block}
button,input,textarea,select{font:inherit}
.container{width:min(calc(100% - 40px),var(--ld-max));margin-inline:auto}
.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;left:16px;top:16px;width:auto;height:auto;padding:10px 14px;margin:0;clip:auto;background:#fff;z-index:10000;border:1px solid var(--ld-line);border-radius:8px}

/* Header */
.site-header{position:sticky;top:0;z-index:500;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid #e8eef3}
.admin-bar .site-header{top:32px}
.header-inner{height:72px;display:flex;align-items:center;gap:30px}
.site-branding{display:flex;align-items:center;gap:12px;flex:0 0 auto;color:var(--ld-ink)}
.brand-mark,.footer-mark{width:27px;height:27px;border-radius:7px;background:linear-gradient(145deg,#159689,#0a665f);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.site-title{font-size:1.17rem;font-weight:850;letter-spacing:-.025em;color:#111c33;white-space:nowrap}
.brand-custom-logo{display:flex;align-items:center}
.brand-custom-logo .custom-logo{display:block;max-height:42px;width:auto;max-width:230px}
.main-navigation{margin-left:auto}
.main-navigation ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px}
.main-navigation li{position:relative}
.main-navigation a{display:block;padding:10px 10px;color:#405069;font-size:.86rem;font-weight:600;border-radius:8px;white-space:nowrap}
.main-navigation a:hover,.main-navigation .current-menu-item>a,.main-navigation .current-menu-ancestor>a{color:var(--ld-primary);background:#f0fbf9}
.main-navigation .current-menu-item>a:after{content:"";display:block;height:2px;background:var(--ld-primary);border-radius:2px;margin-top:6px}
.main-navigation ul ul{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#fff;padding:7px;border:1px solid var(--ld-line);border-radius:12px;box-shadow:var(--ld-shadow)}
.main-navigation li:hover>ul,.main-navigation li:focus-within>ul{display:block}
.main-navigation ul ul a{padding:9px 11px}
.main-navigation ul ul ul{left:100%;top:0}
.header-actions{display:flex;align-items:center;gap:7px}
.icon-button,.menu-toggle{border:0;background:transparent;color:#26364e;display:grid;place-items:center;cursor:pointer;padding:0}
.icon-button{width:38px;height:38px;border-radius:50%}
.icon-button:hover{background:#f1f6f8;color:var(--ld-primary)}
.menu-toggle{display:none;height:40px;padding:0 11px;border:1px solid var(--ld-line);border-radius:9px;grid-auto-flow:column;gap:7px;font-weight:700}

/* Hero */
.ld-hero{position:relative;overflow:hidden;border-bottom:1px solid #e6edef;background:linear-gradient(110deg,#f5fffd 0%,#f9fffe 48%,#eefcfa 100%)}
.hero-grid{min-height:265px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:56px;padding-top:30px;padding-bottom:30px;position:relative;z-index:2}
.hero-copy{padding-left:4px}
.hero-label{display:inline-flex;align-items:center;padding:5px 11px;border:1px solid #a9ded6;border-radius:999px;background:rgba(255,255,255,.7);color:#217c73;font-size:.68rem;font-weight:700;letter-spacing:.01em}
.hero-copy h1{margin:12px 0 8px;font-size:clamp(2.7rem,4.3vw,4.15rem);line-height:.98;letter-spacing:-.055em;font-weight:860}
.hero-copy h1 span{display:block}
.hero-line-dark{color:#111b32}
.hero-line-accent{color:#118075}
.hero-copy p{max-width:590px;margin:0;color:#4e5c72;font-size:.94rem;line-height:1.5}
.hero-actions{display:flex;gap:12px;margin-top:17px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 19px;border-radius:8px;font-size:.82rem;font-weight:750;border:1px solid transparent;line-height:1.3}
.button-primary{background:linear-gradient(180deg,#12877c,#0d756c);color:#fff;box-shadow:0 6px 16px rgba(15,118,110,.18)}
.button-primary:hover{background:#0b675f;color:#fff;transform:translateY(-1px)}
.button-secondary{background:#fff;color:#24324a;border-color:#cad5df;box-shadow:0 2px 5px rgba(15,23,42,.03)}
.button-secondary:hover{border-color:#9eb0bf;color:#132239;background:#fbfcfd}
.quiz-hero-card{min-height:205px;border-radius:18px;background:linear-gradient(135deg,#07172d 0%,#0b2440 55%,#0c3144 100%);position:relative;overflow:hidden;box-shadow:0 16px 34px rgba(11,31,53,.14);display:flex;align-items:center;padding:27px 28px;color:#fff;border:1px solid rgba(63,218,195,.18);isolation:isolate}
.quiz-hero-card:after{content:"";position:absolute;right:-8px;bottom:-9px;width:100%;height:100%;border-radius:18px;border:8px solid rgba(23,202,184,.48);z-index:-2;pointer-events:none}
.quiz-hero-card:hover{color:#fff;transform:translateY(-2px);box-shadow:0 20px 42px rgba(11,31,53,.2)}
.quiz-hero-copy{width:62%;position:relative;z-index:3}
.quiz-kicker{display:inline-flex;align-items:center;gap:7px;color:#58e3cd;font-size:.61rem;font-weight:800;letter-spacing:.09em;margin-bottom:9px}
.quiz-kicker-dot{width:6px;height:6px;border-radius:50%;background:#6cf2a0;box-shadow:0 0 0 4px rgba(108,242,160,.11)}
.quiz-hero-card h2{font-size:1.36rem;line-height:1.08;margin:0 0 10px;letter-spacing:-.03em;color:#fff}
.quiz-hero-card p{margin:0;color:#d8e6ed;font-size:.72rem;line-height:1.45;max-width:290px}
.quiz-cta{display:inline-flex;align-items:center;gap:8px;margin-top:15px;padding:8px 12px;border-radius:8px;background:#16bfa8;color:#061b2b;font-size:.65rem;font-weight:850;box-shadow:0 8px 20px rgba(22,191,168,.16)}
.quiz-hero-card:hover .quiz-cta{background:#55e3bd;transform:translateX(2px)}
.quiz-visual{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:39%;max-width:190px;z-index:2;filter:drop-shadow(0 14px 18px rgba(0,0,0,.22))}
.quiz-visual svg{width:100%;height:auto;display:block}
.quiz-card-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:0}
.quiz-card-glow-one{width:190px;height:190px;right:-35px;top:-70px;background:radial-gradient(circle,rgba(42,226,197,.28),rgba(42,226,197,0) 68%)}
.quiz-card-glow-two{width:125px;height:125px;left:42%;bottom:-86px;background:radial-gradient(circle,rgba(122,240,107,.15),rgba(122,240,107,0) 70%)}

/* Home layout */
.home-content-section{padding:14px 0 0;background:#fff}
.home-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 246px;gap:24px;align-items:start}
.home-primary{min-width:0}
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.topic-card{min-height:93px;position:relative;border-radius:15px;padding:12px 46px 12px 94px;display:flex;align-items:center;border:1px solid transparent;overflow:hidden;color:var(--ld-ink);box-shadow:0 9px 22px rgba(15,23,42,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,filter .22s ease;isolation:isolate}
.topic-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;z-index:3;border-radius:15px 0 0 15px}
.topic-card:after{content:"";position:absolute;inset:auto -26px -36px auto;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.26);pointer-events:none;z-index:1;filter:blur(.4px)}
.topic-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,23,42,.12);color:var(--ld-ink);filter:saturate(1.03)}
.topic-card:hover:after{background:rgba(255,255,255,.34)}
.topic-ai{background:radial-gradient(circle at right top,rgba(255,255,255,.42) 0,rgba(255,255,255,0) 28%),linear-gradient(135deg,#21d4d1 0%,#7de8f4 28%,#d4fbff 58%,#9beff4 100%);border-color:#6fdcdd}.topic-ai:before{background:linear-gradient(180deg,#12a593,#36ead7)}
.topic-cyber{background:radial-gradient(circle at right top,rgba(255,255,255,.40) 0,rgba(255,255,255,0) 28%),linear-gradient(135deg,#2fd161 0%,#8ced88 26%,#e3ffd1 58%,#95e9c6 100%);border-color:#74d993}.topic-cyber:before{background:linear-gradient(180deg,#18a84f,#69ea84)}
.topic-digital{background:radial-gradient(circle at right top,rgba(255,255,255,.42) 0,rgba(255,255,255,0) 28%),linear-gradient(135deg,#4589ff 0%,#82b4ff 28%,#e0ebff 58%,#8e9dff 100%);border-color:#8ab0ff}.topic-digital:before{background:linear-gradient(180deg,#326fde,#5fa2ff)}
.topic-art{position:absolute;left:8px;bottom:0;width:80px;height:100%;display:flex;align-items:center;justify-content:center;filter:saturate(1.2) contrast(1.04) drop-shadow(0 5px 10px rgba(15,23,42,.11));z-index:2}
.topic-art img{width:100%;height:100%;object-fit:contain;transform:scale(.96)}
.topic-copy{display:flex;flex-direction:column;gap:2px;position:relative;z-index:4;max-width:280px}
.topic-copy strong{font-size:.9rem;line-height:1.18;color:#0f1d35;font-weight:900;letter-spacing:-.015em}
.topic-copy small{font-size:.69rem;line-height:1.32;color:#24425d;font-weight:560;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.topic-arrow{position:absolute;right:11px;bottom:50%;transform:translateY(50%);width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.88);box-shadow:0 6px 13px rgba(15,23,42,.11);font-size:.9rem;font-weight:900;color:#145b8b;z-index:4;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.topic-ai .topic-arrow{color:#118a88}
.topic-cyber .topic-arrow{color:#198f57}
.topic-digital .topic-arrow{color:#355de4}
.topic-card:hover .topic-arrow{transform:translate(3px,50%);background:#fff;color:#0d1b34;box-shadow:0 9px 18px rgba(15,23,42,.15)}
.home-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:3px 0 11px}
.home-section-heading h2{font-size:1.34rem;line-height:1.1;margin:0;color:#101c33;letter-spacing:-.03em}
.heading-accent{display:block;width:24px;height:2px;background:#169182;margin-top:8px}
.home-section-heading>a{font-size:.69rem;font-weight:700;color:#1f6f91;padding-bottom:3px}
.home-section-heading>a:hover{color:var(--ld-primary)}
.all-articles-link{display:inline-flex;align-items:center;gap:5px;font-weight:800;color:#176d8d}
.all-articles-link:hover{color:var(--ld-primary);gap:8px}
.home-all-articles-bottom{display:flex;justify-content:flex-end;margin-top:14px;padding-top:11px;border-top:1px solid #edf1f4}
.home-all-articles-bottom .all-articles-link{font-size:.71rem}
.archive-eyebrow{display:inline-block;margin-bottom:8px;color:var(--ld-primary);font-size:.7rem;font-weight:850;letter-spacing:.09em}
.all-articles-header p{max-width:720px;margin:0;color:var(--ld-muted)}
.all-articles-section{padding-top:24px}

/* Post cards */
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.post-card{background:#fff;border:1px solid #dfe7ed;border-radius:9px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.025);transition:transform .18s ease,box-shadow .18s ease}
.post-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(15,23,42,.07)}
.post-thumb{display:block;position:relative;aspect-ratio:1.74/1;background:linear-gradient(135deg,#d9f9f4,#dceefc);overflow:hidden}
.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.post-card:hover .post-thumb img{transform:scale(1.025)}
.post-thumb-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-weight:900;font-size:2rem;color:#178b80;background:linear-gradient(135deg,#e7fbf7,#eaf5ff)}
.post-category-badge{position:absolute;left:8px;bottom:7px;max-width:calc(100% - 16px);padding:3px 7px;border-radius:999px;background:#d9f8e9;color:#0d705e;font-size:.52rem;line-height:1.1;font-weight:850;text-transform:uppercase;letter-spacing:.015em;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.post-card-body{padding:10px 10px 9px}
.post-card h3{font-size:.82rem;line-height:1.22;margin:0 0 6px;letter-spacing:-.018em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.post-card h3 a{color:#111d34}
.post-card h3 a:hover{color:var(--ld-primary)}
.post-excerpt{font-size:.65rem;line-height:1.38;color:#59677c;min-height:37px}
.post-excerpt p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.post-meta-bottom{border-top:1px solid #edf1f4;margin-top:8px;padding-top:7px;display:flex;align-items:center;justify-content:space-between;gap:6px;color:#78859a;font-size:.56rem}
.meta-item{white-space:nowrap;display:flex;gap:4px;align-items:center}
.empty-state{grid-column:1/-1;background:#f7fbfc;border:1px dashed #cddde0;border-radius:10px;padding:28px;text-align:center;color:#607087}
.empty-state strong{color:#19263d}
.empty-state p{margin:6px 0 0}

/* Sidebar */
.home-sidebar{padding-top:0;min-width:0}
.sidebar-card{background:#fff;border:1px solid #dde6ec;border-radius:9px;padding:11px 11px;margin:0 0 8px;box-shadow:0 1px 2px rgba(15,23,42,.018)}
.sidebar-card h2,.sidebar-card h3{font-size:.76rem;line-height:1.2;color:#18253d;margin:0 0 9px}
.search-form{display:flex;gap:0;width:100%}
.search-field{width:100%;min-width:0;height:32px;padding:0 9px;border:1px solid #d6e0e7;border-right:0;border-radius:6px 0 0 6px;color:#334155;background:#fff;font-size:.61rem;outline:none}
.search-field:focus{border-color:#7fc5bb;box-shadow:0 0 0 2px rgba(15,118,110,.08)}
.search-submit{width:34px;height:32px;display:grid;place-items:center;border:0;border-radius:0 6px 6px 0;background:#0d8378;color:#fff;cursor:pointer}
.search-submit:hover{background:#0a6f66}
.category-widget-card ul{list-style:none;margin:0;padding:0}
.category-widget-card li{display:flex;align-items:center;position:relative;padding:4px 27px 4px 17px;border-bottom:1px solid #edf1f3;font-size:.61rem;line-height:1.25;color:#5b687b}
.category-widget-card li:last-child{border-bottom:0}
.category-widget-card li:before{content:"▧";position:absolute;left:0;color:#7b8798;font-size:.63rem}
.category-widget-card li a{color:#506078;flex:1;min-width:0}
.category-widget-card li a:hover{color:var(--ld-primary)}
.category-widget-card .count,.category-widget-card li{font-variant-numeric:tabular-nums}
.category-widget-card li{counter-reset:item}
.category-widget-card li>.post-count{margin-left:auto}
.category-widget-card li::marker{display:none}
/* WordPress prints count as text, push it visually right */
.category-widget-card li{white-space:normal}
.recent-list{display:flex;flex-direction:column;gap:8px}
.recent-item{display:grid;grid-template-columns:45px minmax(0,1fr);gap:8px;color:#18253d;align-items:start}
.recent-thumb{display:block;width:45px;height:38px;border-radius:5px;overflow:hidden;background:#e9f6f4}
.recent-thumb img{width:100%;height:100%;object-fit:cover}
.recent-thumb-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:.6rem;font-weight:850;color:#0d786f}
.recent-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.recent-copy strong{font-size:.58rem;line-height:1.25;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#17233a}
.recent-copy small{font-size:.52rem;color:#8a96a7}
.newsletter-card{background:linear-gradient(145deg,#e7faf6,#e8fcf8);border-color:#d2eee9;padding:13px}
.newsletter-title{display:grid;grid-template-columns:27px 1fr;gap:8px;align-items:start}
.newsletter-icon{width:26px;height:26px;border:1.5px solid #139083;border-radius:5px;display:grid;place-items:center;color:#0e8579;font-size:.8rem}
.newsletter-card h2{margin:1px 0 4px;font-size:.7rem}
.newsletter-card p{margin:0;font-size:.55rem;line-height:1.35;color:#526a72}
.newsletter-form{margin-top:9px;display:flex;flex-direction:column;gap:5px}
.newsletter-form input{height:28px;border:1px solid #c8dce0;border-radius:4px;background:#fff;padding:0 8px;font-size:.56rem;outline:none}
.newsletter-form button{height:28px;border:0;border-radius:4px;background:#0e8579;color:#fff;font-size:.57rem;font-weight:750;cursor:pointer}
.newsletter-note{display:none}

/* Generic content / inner pages */
.section{padding:42px 0}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}
.content-area{min-width:0}
.article{background:#fff;border:1px solid var(--ld-line);border-radius:16px;padding:clamp(22px,4vw,42px);box-shadow:0 2px 10px rgba(15,23,42,.035)}
.article-header{margin-bottom:24px}
.article-header h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.08;letter-spacing:-.045em;margin:10px 0 15px}
.article-meta{color:var(--ld-muted);font-size:.85rem;display:flex;gap:12px;flex-wrap:wrap}
.article-featured{margin:0 0 28px;border-radius:14px;overflow:hidden}
.article-content{font-size:1.02rem;color:#2e3c52;line-height:1.75}
.article-content h2,.article-content h3{color:var(--ld-ink);letter-spacing:-.025em;line-height:1.25;margin-top:1.7em}
.article-content h2{font-size:1.65rem}.article-content h3{font-size:1.3rem}
.article-content a{text-decoration:underline;text-underline-offset:3px}
.article-content blockquote{margin:28px 0;padding:17px 20px;border-left:4px solid var(--ld-primary);background:#f0fdfa;border-radius:0 12px 12px 0}
.article-content table{width:100%;border-collapse:collapse;display:block;overflow:auto}
.article-content th,.article-content td{border:1px solid var(--ld-line);padding:10px}
.article-content pre{overflow:auto;padding:18px;background:#0f172a;color:#e2e8f0;border-radius:12px}
.article-footer{border-top:1px solid var(--ld-line);margin-top:30px;padding-top:20px}
.tags-links a{display:inline-block;background:#f1f5f9;color:#475569;padding:5px 10px;margin:4px 4px 0 0;border-radius:999px;font-size:.75rem;font-weight:700}
.archive-header{padding:34px 0 9px}
.archive-header h1{font-size:2.15rem;letter-spacing:-.04em;margin:0 0 7px}
.archive-header p{color:var(--ld-muted)}
.pagination,.nav-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}
.page-numbers{padding:8px 12px;border:1px solid var(--ld-line);border-radius:8px;background:#fff}
.page-numbers.current{background:var(--ld-primary);color:#fff;border-color:var(--ld-primary)}
.widget.sidebar-card ul{list-style:none;margin:0;padding:0}
.widget.sidebar-card li{padding:7px 0;border-bottom:1px solid #edf1f4;font-size:.85rem}
.widget.sidebar-card li:last-child{border-bottom:0}

/* Search overlay */
.search-overlay{position:fixed;inset:0;background:rgba(12,24,48,.76);z-index:9999;display:none;align-items:flex-start;justify-content:center;padding:14vh 16px 20px}
.search-overlay.is-open{display:flex}
.search-panel{width:min(640px,100%);background:#fff;border-radius:16px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.26)}
.search-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}
.search-panel .search-field{height:43px;font-size:.85rem;padding-left:13px}
.search-panel .search-submit{height:43px;width:45px}

/* Footer - 3 widget columns */
.site-footer{background:#0a1830;color:#c7d1df;margin-top:10px}
.footer-widgets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;padding-top:38px;padding-bottom:34px}
.footer-column{min-width:0}
.footer-widget{color:#b9c7d8;font-size:.78rem;line-height:1.65}
.footer-widget+.footer-widget{margin-top:22px}
.footer-widget h2,.footer-widget h3,.footer-widget .wp-block-heading{color:#fff;font-size:.9rem;line-height:1.25;margin:0 0 13px;letter-spacing:-.015em}
.footer-widget p{margin:0 0 12px;color:#aebdd0}
.footer-widget a{color:#c9d5e3}
.footer-widget a:hover{color:#63dfcc}
.footer-widget ul,.footer-widget-menu{list-style:none;margin:0;padding:0}
.footer-widget li{margin:0;padding:5px 0;border:0}
.footer-widget-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
.footer-widget-menu a{font-size:.74rem}
.footer-default-brand{margin-bottom:12px}
.footer-brand-row{display:flex;align-items:center;gap:9px}
.footer-brand-row strong{color:#fff;font-size:.9rem;letter-spacing:.01em}
.footer-mark{width:27px;height:27px;border-radius:7px;background:linear-gradient(145deg,#18ceb4,#7be84f)}
.footer-custom-logo .custom-logo-link{display:inline-flex}
.footer-custom-logo .custom-logo{width:auto;max-width:210px;max-height:48px;object-fit:contain}
.site-footer .wp-block-search__inside-wrapper{display:flex;gap:6px}
.site-footer .wp-block-search__input,.site-footer input[type="text"],.site-footer input[type="email"]{width:100%;min-height:36px;border:1px solid #33455e;border-radius:7px;background:#10233e;color:#fff;padding:7px 9px}
.site-footer .wp-block-search__button,.site-footer button,.site-footer input[type="submit"]{border:0;border-radius:7px;background:#16a797;color:#fff;padding:7px 11px;cursor:pointer;font-weight:700}
.footer-bottom-wrap{border-top:1px solid #1f2b42}
.footer-bottom{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.62rem;color:#91a0b4}

.alignwide{max-width:1100px;margin-left:auto;margin-right:auto}.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
.wp-caption,.gallery-caption{color:var(--ld-muted);font-size:.82rem}.sticky{outline:2px solid rgba(15,118,110,.12)}.bypostauthor{font-weight:inherit}



/* =========================================================
   Topic banner replacement - v2.5.2
   Replace three topic cards with one 6.4:1 banner and hotspots
   ========================================================= */
.topic-banner-wrap{margin-bottom:26px}
.topic-banner-card{position:relative;overflow:hidden;border-radius:22px;border:1px solid #d8edf0;background:#eff9fb;box-shadow:0 14px 32px rgba(15,23,42,.08)}
.topic-banner-image{display:block;width:100%;height:auto}
.topic-banner-link{position:absolute;top:20%;height:56%;border-radius:22px;z-index:3;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
.topic-banner-link:hover{background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 2px rgba(27,154,173,.18);transform:translateY(-1px)}
.topic-banner-link:focus-visible{outline:3px solid rgba(15,118,110,.85);outline-offset:3px;background:rgba(255,255,255,.18)}
.topic-banner-link-ai{left:65.0%;width:9.2%}
.topic-banner-link-cyber{left:74.7%;width:10.0%}
.topic-banner-link-digital{left:85.4%;width:10.2%}
.topic-banner-mobile-links{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.topic-mobile-link{display:flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:14px;background:#f3fafb;border:1px solid #d9ecef;color:#11344a;font-weight:800;font-size:.88rem;line-height:1.3;text-align:center;box-shadow:0 6px 14px rgba(15,23,42,.04)}
.topic-mobile-link:hover{background:#ffffff;color:var(--ld-primary);border-color:#bfe2e4}

@media (min-width:1150px){
  .home-post-grid .post-card:nth-child(4) .post-thumb,.home-post-grid .post-card:nth-child(5) .post-thumb,.home-post-grid .post-card:nth-child(6) .post-thumb{aspect-ratio:1.9/1}
}
@media (max-width:1050px){
  .container{width:min(calc(100% - 32px),var(--ld-max))}
  .main-navigation a{padding-inline:8px;font-size:.82rem}
  .home-content-grid{grid-template-columns:minmax(0,1fr) 225px;gap:18px}
  .topic-card{padding-left:90px;padding-right:44px}.topic-art{width:76px}
  .topic-copy strong{font-size:.86rem}.topic-copy small{font-size:.68rem}
}
@media (max-width:920px){
  .topic-banner-link{top:18%;height:60%}
  .topic-banner-link-ai{left:64.8%;width:9.5%}
  .topic-banner-link-cyber{left:74.5%;width:10.2%}
  .topic-banner-link-digital{left:85.2%;width:10.4%}
  .admin-bar .site-header{top:46px}
  .main-navigation{position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--ld-line);display:none;padding:8px 16px 14px;box-shadow:0 12px 20px rgba(15,23,42,.06)}
  .main-navigation.is-open{display:block}
  .main-navigation ul{display:block}
  .main-navigation a{font-size:.88rem;padding:9px 8px}
  .main-navigation ul ul{position:static;box-shadow:none;border:0;padding-left:12px;display:block;background:transparent}
  .menu-toggle{display:grid}
  .header-actions{margin-left:auto}
  .hero-grid{grid-template-columns:1fr 1fr;gap:24px}
  .home-content-grid{grid-template-columns:1fr}
  .home-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .sidebar-card{margin:0}
  .recent-widget,.newsletter-card{min-height:100%}
}
@media (max-width:730px){
  .topic-banner-link{display:none}
  .topic-banner-mobile-links{display:grid}
  .header-inner{height:64px}.main-navigation{top:64px}
  .menu-toggle-label{display:none}.menu-toggle{width:40px;padding:0}
  .hero-grid{grid-template-columns:1fr;padding-top:34px;padding-bottom:34px}
  .quiz-hero-card{min-height:195px}
  .hero-copy h1{font-size:clamp(2.6rem,12vw,4rem)}
  .topic-grid{grid-template-columns:1fr}
  .topic-card{min-height:103px;padding:12px 46px 12px 94px}.topic-art{width:80px}
  .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .content-layout{grid-template-columns:1fr}
  .footer-widgets-grid{grid-template-columns:1fr;gap:26px;padding-top:30px;padding-bottom:28px}
  .footer-widget-menu{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
  .topic-banner-card{border-radius:18px}
  .topic-banner-mobile-links{grid-template-columns:1fr}
  .topic-mobile-link{min-height:40px;font-size:.86rem}
  .container{width:min(calc(100% - 24px),var(--ld-max))}
  .brand-custom-logo .custom-logo{max-width:180px}.site-title{font-size:1rem}
  .hero-grid{padding-top:28px;padding-bottom:28px}
  .hero-copy p{font-size:.88rem}
  .quiz-hero-card{padding:22px 18px;min-height:188px}
  .quiz-hero-copy{width:68%}.quiz-hero-card h2{font-size:1.12rem}.quiz-hero-card p{font-size:.68rem}.quiz-visual{width:42%;right:-20px}.quiz-cta{font-size:.62rem;padding:7px 10px}
  .home-content-section{padding-top:12px}
  .post-grid{grid-template-columns:1fr}
  .post-card h3{font-size:.95rem}.post-excerpt{font-size:.75rem}.post-meta-bottom{font-size:.65rem}.post-category-badge{font-size:.57rem}
  .home-sidebar{grid-template-columns:1fr}
  .home-section-heading{align-items:center}.home-section-heading>a{font-size:.62rem}
  .footer-bottom{flex-direction:column;justify-content:center;text-align:center;padding:11px 0;gap:4px}
}
.home .main-navigation>ul>li:first-child>a{color:var(--ld-primary)}
.home .main-navigation>ul>li:first-child>a:after{content:"";display:block;height:2px;background:var(--ld-primary);border-radius:2px;margin-top:6px}
.category-list{list-style:none;margin:0;padding:0}
.category-list li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:5px;align-items:center;padding:4px 0;border-bottom:1px solid #edf1f3;font-size:.61rem;line-height:1.25}
.category-list li:last-child{border-bottom:0}
.category-icon{color:#7b8798;font-size:.63rem}
.category-list a{color:#506078;min-width:0}
.category-list a:hover{color:var(--ld-primary)}
.category-count{min-width:19px;text-align:center;padding:1px 5px;border-radius:999px;background:#f3f7f9;color:#8390a0;font-size:.51rem;font-variant-numeric:tabular-nums}

/* =========================================================
   Typography & readability improvements - v2.5.0
   Larger, clearer type for visitors of all ages while keeping
   the compact portal layout of LESTARI DIGITAL.
   ========================================================= */
body{
  font-size:16px;
  line-height:1.62;
}
.main-navigation a{font-size:.93rem;line-height:1.35}
.hero-label{font-size:.78rem}
.hero-copy p{font-size:1.03rem;line-height:1.62}
.button{font-size:.9rem;padding:10px 19px}
.quiz-kicker{font-size:.72rem;line-height:1.35}
.quiz-hero-card h2{font-size:1.5rem;line-height:1.14}
.quiz-hero-card p{font-size:.85rem;line-height:1.55}
.quiz-cta{font-size:.78rem;padding:9px 13px}

.topic-copy strong{font-size:.9rem;line-height:1.2}
.topic-copy small{font-size:.69rem;line-height:1.34;color:#394d67}
.home-section-heading h2{font-size:1.52rem;line-height:1.2}
.home-section-heading>a,
.home-all-articles-bottom .all-articles-link{font-size:.84rem;line-height:1.4}
.archive-eyebrow{font-size:.78rem}
.all-articles-header p,.archive-header p{font-size:.98rem;line-height:1.6}

/* Post cards on home, category, archive, search and all-articles pages */
.post-category-badge{font-size:.65rem;line-height:1.2;padding:4px 8px}
.post-card-body{padding:13px 13px 11px}
.post-card h3{font-size:1rem;line-height:1.35;margin-bottom:8px}
.post-excerpt{font-size:.83rem;line-height:1.55;min-height:42px;color:#4c5c72}
.post-meta-bottom{font-size:.7rem;line-height:1.35;margin-top:10px;padding-top:9px}
.empty-state{font-size:.95rem}

/* Category/archive lists get wider cards for easier scanning */
@media (min-width:921px){
  .archive .content-area>.post-grid,
  .search .content-area>.post-grid,
  .blog .content-area>.post-grid,
  .all-articles-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }
}

/* Sidebar */
.sidebar-card{padding:14px 14px;margin-bottom:11px}
.sidebar-card h2,.sidebar-card h3{font-size:.93rem;line-height:1.35;margin-bottom:11px}
.search-field{height:38px;font-size:.78rem;line-height:1.3;padding:0 10px}
.search-submit{width:40px;height:38px}
.category-widget-card li,
.category-list li{font-size:.76rem;line-height:1.45;padding-top:6px;padding-bottom:6px}
.category-widget-card li:before,.category-icon{font-size:.72rem}
.category-count{font-size:.67rem;min-width:24px;padding:2px 6px}
.recent-list{gap:10px}
.recent-item{grid-template-columns:54px minmax(0,1fr);gap:9px}
.recent-thumb{width:54px;height:46px}
.recent-thumb-fallback{font-size:.72rem}
.recent-copy{gap:4px}
.recent-copy strong{font-size:.74rem;line-height:1.38}
.recent-copy small{font-size:.66rem;line-height:1.3}
.newsletter-card{padding:15px}
.newsletter-card h2{font-size:.88rem;line-height:1.35}
.newsletter-card p{font-size:.74rem;line-height:1.5}
.newsletter-form{gap:7px}
.newsletter-form input{height:36px;font-size:.76rem;padding:0 10px}
.newsletter-form button{height:36px;font-size:.76rem}

/* Inner pages / individual posts */
.article-header h1{font-size:clamp(2rem,4.5vw,3.15rem);line-height:1.12}
.article-meta{font-size:.92rem;line-height:1.5}
.article-content{font-size:1.08rem;line-height:1.82;color:#29394f}
.article-content h2{font-size:1.72rem;line-height:1.3}
.article-content h3{font-size:1.38rem;line-height:1.35}
.article-content li{margin-bottom:.35em}
.tags-links a{font-size:.82rem}
.archive-header h1{font-size:2.25rem;line-height:1.15}
.widget.sidebar-card li{font-size:.9rem;line-height:1.5;padding:8px 0}
.page-numbers{font-size:.9rem;padding:9px 13px}

/* Footer */
.footer-widget{font-size:.86rem;line-height:1.7}
.footer-widget h2,.footer-widget h3,.footer-widget .wp-block-heading{font-size:1rem;line-height:1.35}
.footer-widget-menu a{font-size:.83rem}
.footer-brand-row strong{font-size:1rem}
.footer-bottom{font-size:.73rem;line-height:1.45}
.wp-caption,.gallery-caption{font-size:.88rem}

/* Comfortable tablet/mobile reading: never shrink important copy too far */
@media (max-width:1050px){
  .main-navigation a{font-size:.88rem}
  .topic-copy strong{font-size:.96rem}
  .topic-copy small{font-size:.77rem}
}
@media (max-width:920px){
  .main-navigation a{font-size:1rem;line-height:1.4;padding:11px 9px}
  .home-sidebar{font-size:1rem}
}
@media (max-width:730px){
  .hero-copy p{font-size:1rem}
  .topic-copy strong{font-size:1rem}
  .topic-copy small{font-size:.82rem}
  .post-card h3{font-size:1.04rem}
  .post-excerpt{font-size:.88rem}
  .post-meta-bottom{font-size:.74rem}
  .post-category-badge{font-size:.68rem}
  .home-section-heading>a,.home-all-articles-bottom .all-articles-link{font-size:.82rem}
  .sidebar-card h2,.sidebar-card h3{font-size:1rem}
  .category-widget-card li,.category-list li{font-size:.82rem}
  .recent-copy strong{font-size:.8rem}
  .recent-copy small{font-size:.7rem}
  .newsletter-card p{font-size:.78rem}
  .newsletter-form input,.newsletter-form button{font-size:.8rem}
}
@media (max-width:520px){
  .hero-copy p{font-size:1rem;line-height:1.65}
  .quiz-hero-card h2{font-size:1.22rem}
  .quiz-hero-card p{font-size:.78rem;line-height:1.5}
  .quiz-cta{font-size:.74rem}
  .post-card h3{font-size:1.06rem}
  .post-excerpt{font-size:.9rem;line-height:1.6}
  .post-meta-bottom{font-size:.75rem}
  .home-section-heading>a{font-size:.8rem}
  .article-content{font-size:1.05rem;line-height:1.78}
  .footer-widget{font-size:.9rem}
  .footer-bottom{font-size:.76rem}
}