:root{--ink:#0f172a;--ink-soft:#52607a;--ink-faint:#8592a8;--surface:#fff;--surface-soft:#f6f8fb;--surface-tint:#eef6f2;--border:#e6eaf1;--accent:#0f9d68;--accent-dark:#0a7c52;--accent-contrast:#fff;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 1px #0f172a0a;--shadow-md:0 12px 28px -8px #0f172a29;--shadow-lg:0 24px 48px -12px #0f172a38;--max-width:1180px;--content-width:760px;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrapper{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.narrow{max-width:var(--content-width);margin:0 auto;padding:0 1.5rem}.site-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#ffffffd9;position:sticky;top:0}.site-header .wrapper{justify-content:space-between;align-items:center;gap:1.5rem;height:68px;display:flex}.brand{letter-spacing:0;color:var(--ink);align-items:center;gap:.65rem;font-size:1.15rem;font-weight:800;display:flex}.brand__mark{color:#0000;background:url(/logo-mark.svg) 50%/cover no-repeat;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:0;display:inline-flex;overflow:hidden;box-shadow:0 10px 24px -12px #047857cc}.site-nav{align-items:center;gap:1.75rem;font-size:.92rem;font-weight:550;display:flex}.site-nav a{color:var(--ink-soft);transition:color .15s}.site-nav a:hover{color:var(--accent-dark)}.site-nav a.rss-link{color:var(--accent-dark);align-items:center;gap:.35rem;display:inline-flex}@media (width<=640px){.site-nav{gap:1rem;font-size:.85rem}}.site-footer{border-top:1px solid var(--border);background:var(--surface-soft);margin-top:5rem;padding:2.5rem 0}.site-footer .wrapper{color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;display:flex}.site-footer nav{gap:1.25rem;display:flex}.site-footer a{color:var(--ink-soft)}.home-hero{text-align:center;padding:3.5rem 0 2.5rem}.home-hero__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-dark);background:var(--surface-tint);border-radius:999px;margin-bottom:1rem;padding:.35rem .85rem;font-size:.78rem;font-weight:700;display:inline-block}.home-hero h1{letter-spacing:-.02em;margin:0 0 .85rem;font-size:clamp(2rem,4.5vw,3.1rem);line-height:1.1}.home-hero p{color:var(--ink-soft);max-width:620px;margin:0 auto;font-size:1.1rem}.topic-row{flex-wrap:wrap;justify-content:center;gap:.6rem;margin:1.75rem 0 0;display:flex}.topic-chip{color:var(--ink-soft);background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;padding:.4rem .95rem;font-size:.85rem;font-weight:550;transition:all .15s}.topic-chip:hover{color:var(--accent-dark);border-color:var(--accent);background:var(--surface-tint)}.section-heading{justify-content:space-between;align-items:baseline;margin:3rem 0 1.5rem;display:flex}.section-heading h2{letter-spacing:-.01em;margin:0;font-size:1.4rem}.section-heading a{color:var(--accent-dark);font-size:.9rem;font-weight:600}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width<=960px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.post-grid{grid-template-columns:1fr}}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;height:100%;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden}.post-card:hover{box-shadow:var(--shadow-md);border-color:#d8dfe9;transform:translateY(-4px)}.post-card__media{aspect-ratio:16/10;background:var(--surface-soft);display:block;position:relative;overflow:hidden}.post-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.post-card:hover .post-card__media img{transform:scale(1.04)}.post-card__media-fallback{background:var(--surface-tint);justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;display:flex}.post-card__body{flex-direction:column;flex:1;padding:1.35rem 1.4rem 1.5rem;display:flex}.post-card__category{letter-spacing:.03em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:.6rem;font-size:.72rem;font-weight:700;display:inline-block}.post-card__title{letter-spacing:-.005em;margin:0 0 .55rem;font-size:1.08rem;line-height:1.4}.post-card__title a{color:var(--ink)}.post-card:hover .post-card__title a{color:var(--accent-dark)}.post-card__excerpt{color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0 0 .9rem;font-size:.9rem;line-height:1.55;display:-webkit-box;overflow:hidden}.post-card__meta{color:var(--ink-faint);margin:0;font-size:.78rem}.post-card--featured{flex-direction:row;grid-column:1/-1}.post-card--featured .post-card__media{aspect-ratio:auto;flex-shrink:0;width:52%}.post-card--featured .post-card__body{justify-content:center;padding:2rem 2.5rem}.post-card--featured .post-card__title{font-size:1.65rem;line-height:1.25}.post-card--featured .post-card__excerpt{-webkit-line-clamp:3;font-size:1rem}@media (width<=760px){.post-card--featured{flex-direction:column}.post-card--featured .post-card__media{aspect-ratio:16/10;width:100%}.post-card--featured .post-card__body{padding:1.35rem 1.4rem 1.5rem}.post-card--featured .post-card__title{font-size:1.2rem}}.post-hero-wrap{background:var(--surface-soft)}.breadcrumb{color:var(--ink-faint);flex-wrap:wrap;gap:.4rem;padding-top:1.75rem;font-size:.85rem;display:flex}.breadcrumb a{color:var(--ink-soft)}.breadcrumb a:hover{color:var(--accent-dark)}.post-header{text-align:left;padding:1rem 0 2rem}.post-header__category{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-dark);background:var(--surface-tint);border-radius:999px;margin-bottom:1rem;padding:.3rem .8rem;font-size:.78rem;font-weight:700;display:inline-block}.post-header h1{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.18}.post-byline{color:var(--ink-soft);align-items:center;gap:.6rem;font-size:.9rem;display:flex}.post-byline__avatar{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex}.post-byline__meta{color:var(--ink-faint);flex-wrap:wrap;gap:0 .5rem;display:flex}.post-byline__meta .dot:before{content:"·";margin-right:.5rem}.post-hero{aspect-ratio:16/8;object-fit:cover;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);margin-bottom:2.5rem}.post-body-wrap{padding-bottom:3rem}.post-content{font-size:1.08rem}.post-content>p:first-of-type{color:var(--ink-soft);font-size:1.18rem}.post-content h2{letter-spacing:-.01em;margin:2.75rem 0 1rem;scroll-margin-top:90px;font-size:1.55rem}.post-content h3{margin:2rem 0 .85rem;scroll-margin-top:90px;font-size:1.22rem}.post-content p,.post-content ul,.post-content ol{margin:0 0 1.15rem}.post-content ul,.post-content ol{padding-left:1.4rem}.post-content li{margin-bottom:.5rem}.post-content strong{color:var(--ink)}.post-content a{color:var(--accent-dark);text-underline-offset:2px;-webkit-text-decoration:underline #0f9d6859;text-decoration:underline #0f9d6859}.post-content a:hover{text-decoration-color:currentColor}.post-content figure{margin:2rem 0}.post-content figure img{border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);margin:0 auto}.post-content figcaption{text-align:center;color:var(--ink-faint);margin-top:.6rem;font-size:.85rem}.post-content blockquote{border-left:3px solid var(--accent);background:var(--surface-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink-soft);margin:1.75rem 0;padding:1rem 1.35rem}.post-content blockquote p:last-child{margin-bottom:0}.post-content table{border-collapse:collapse;width:100%;margin:1.75rem 0;font-size:.94rem}.post-content th,.post-content td{border:1px solid var(--border);text-align:left;padding:.6rem .85rem}.post-content th{background:var(--surface-soft)}.post-content p.related{background:var(--surface-tint);border-radius:var(--radius-md);border:1px solid #d7ecdf;padding:.85rem 1.15rem;font-size:.95rem}.post-content iframe{border-radius:var(--radius-md);max-width:100%}.post-tags{border-top:1px solid var(--border);flex-wrap:wrap;gap:.5rem;margin-top:3rem;padding-top:1.75rem;display:flex}.tag-pill{color:var(--ink-soft);background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;padding:.35rem .85rem;font-size:.78rem;font-weight:550;transition:all .15s;display:inline-block}.tag-pill:hover{color:var(--accent-dark);border-color:var(--accent);background:var(--surface-tint)}.wp-block-rank-math-faq-block,.wp-block-rank-math-howto-block{gap:.85rem;margin:2rem 0;display:grid}.rank-math-faq-item,.rank-math-howto-step{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);padding:1.15rem 1.35rem}.rank-math-question,.rank-math-howto-title{margin:0 0 .5rem;font-size:1rem}.rank-math-answer,.rank-math-howto-content{color:var(--ink-soft);font-size:.95rem}.cr-table-wrap{margin:1.75rem 0;overflow-x:auto}.cr-blog-figure{margin:2rem 0}.cr-card-guide__lead{color:var(--ink-soft);font-size:1.15rem}.cr-card-guide__ctas{border-radius:var(--radius-md);background:var(--surface-tint);border:1px solid #d7ecdf;margin:2rem 0;padding:1.15rem 1.35rem}.cr-btn{border-radius:var(--radius-sm);margin:.25rem .5rem .25rem 0;padding:.55rem 1rem;font-size:.9rem;font-weight:600;display:inline-block;text-decoration:none!important}.cr-btn--primary{background:var(--accent);color:var(--accent-contrast)!important}.cr-btn--outline{border:1px solid var(--border);background:var(--surface);color:var(--ink)!important}.cr-card-faq details{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);margin-bottom:.75rem;padding:.9rem 1.15rem}.cr-card-faq summary{cursor:pointer;font-weight:650}.cr-card-faq summary::marker{color:var(--accent)}.related-posts{border-top:1px solid var(--border);margin-top:4rem;padding-top:2.5rem}.archive-header{padding:2.5rem 0 1rem}.archive-header__eyebrow{color:var(--ink-faint);margin-bottom:.4rem;font-size:.85rem;font-weight:600}.archive-header h1{letter-spacing:-.02em;margin:0;font-size:2rem}.error-page{text-align:center;padding:5rem 0}.error-page h1{font-size:3rem}
