@import url("theme.css");

.blog-home{border-top:1px solid #deded8}
.blog-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}
.blog-card{min-height:330px;border:1px solid #deded8;border-radius:18px;background:#fff;transition:transform .2s,box-shadow .2s}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #29222d12}
.blog-card.featured{background:#7454e9;color:#fff}
.blog-card a{height:100%;padding:32px;display:flex;flex-direction:column}
.blog-kicker{font-size:10px;letter-spacing:1.5px;font-weight:700;opacity:.72}
.blog-card h3{font-size:28px;line-height:1.1;margin:34px 0 18px}
.blog-card p{color:#686864;line-height:1.65}
.blog-card.featured p{color:#f1ecff}
.blog-card b{margin-top:auto;padding-top:25px;font-size:13px}
.blog-more{display:flex;justify-content:center;margin-top:32px}
.blog-page{max-width:1060px}
.blog-hero{padding:90px 0 55px}
.blog-hero h1{font-size:clamp(50px,7vw,88px);line-height:1;letter-spacing:-5px;margin:22px 0}
.blog-hero p{font-size:18px;color:#686864;max-width:650px;line-height:1.7}
.article-list{display:grid;gap:18px;padding-bottom:100px}
.article-row{background:#fff;border:1px solid #deded8;border-radius:16px;padding:30px;display:grid;grid-template-columns:180px 1fr auto;gap:28px;align-items:center}
.article-row h2{font-size:30px;letter-spacing:-1.5px}
.article-row p{color:#686864;line-height:1.6;margin-top:10px}
.article-page{max-width:780px;padding:80px 0 120px}
.article-page h1{font-size:clamp(44px,6vw,74px);line-height:1.02;letter-spacing:-4px;margin:22px 0}
.article-meta{color:#777;font-size:13px;margin-bottom:45px}
.article-page h2{font-size:32px;margin:48px 0 16px;letter-spacing:-1.4px}
.article-page p,.article-page li{font-size:18px;line-height:1.8;color:#4f4f4c}
.article-page ul,.article-page ol{padding-left:24px}
.article-page .article-lead{font-size:22px;color:#323230}
.article-cta{margin-top:60px;padding:30px;border-radius:16px;background:#e7dcff}
.article-cta p{margin:10px 0 20px}
.blog-header{height:88px}
.blog-footer{padding:35px 0}
.blog-footer .footer-bottom{margin-top:0}

/* Dark product-theme refinements. */
.blog-home{border-color:var(--line)}
.blog-card,.article-row{background:var(--surface);border-color:var(--line)}
.blog-card:hover{box-shadow:0 18px 50px rgba(0,0,0,.32);border-color:#3b4c35}
.blog-card.featured{background:linear-gradient(145deg,#1f2d19,#10170f);color:var(--text);border-color:#3d542f}
.blog-card p,.blog-card.featured p,.article-row p{color:var(--muted)}
.blog-card b{color:var(--lime)}
.blog-header{height:72px}
.blog-hero{padding-top:100px}
.blog-hero h1,.article-page h1{color:var(--text)}
.blog-hero p,.article-page p,.article-page li{color:#a6aea7}
.article-row{transition:border-color .2s,transform .2s}
.article-row:hover{border-color:#40523a;transform:translateY(-2px)}
.article-cta{background:linear-gradient(145deg,#1a2616,#10170f);border:1px solid #35492d}
.article-meta{color:#717a72!important}

@media(max-width:900px){.blog-grid{grid-template-columns:1fr}.blog-card{min-height:250px}.article-row{grid-template-columns:1fr}.article-row>a:last-child{justify-self:start}}
@media(max-width:560px){.blog-hero{padding:55px 0 35px}.blog-hero h1,.article-page h1{letter-spacing:-3px}.article-page{padding:50px 0 80px}.article-page p,.article-page li{font-size:16px}}