/* Blog page styles */
body.page-blog .footer-brand p,
body.page-article .footer-brand p{max-width:310px}

body.page-blog{--ink:#153c31;
  --ink2:#244b40;
  --gold:#d99a08;
  --gold2:#b97800;
  --cream:#f8f1e7;
  --cream2:#fffaf3;
  --muted:#687871;
  --border:#e8e1d7;
  --shadow:0 20px 48px rgba(28,44,37,.09);}

html:has(body.page-blog){scroll-behavior:smooth;overflow-x:clip}

body.page-blog{margin:0;color:var(--ink);background:#fff;font-family:"DM Sans",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip}

body.page-blog h1,
body.page-blog h2,
body.page-blog h3,
body.page-blog h4,
body.page-blog .brand strong{font-family:"Manrope",sans-serif;letter-spacing:-.035em}

body.page-blog h1,
body.page-blog h2,
body.page-blog h3,
body.page-blog h4,
body.page-blog p{margin-top:0}

body.page-blog h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08}

body.page-blog .section{padding:100px 0}

body.page-blog .eyebrow{margin-bottom:12px;color:var(--gold2);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}

body.page-blog .site-header{height:76px;background:rgba(255,255,255,.96);border-top:4px solid #333;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:150;backdrop-filter:blur(14px)}

body.page-blog .nav-wrap{height:72px;display:flex;align-items:center;gap:26px}

body.page-blog .brand{display:inline-flex;align-items:center;gap:10px;flex:none}

body.page-blog .brand-mark{width:43px;height:43px;color:#b97800;display:grid;place-items:center}

body.page-blog .brand span:last-child{display:flex;flex-direction:column;line-height:1}

body.page-blog .brand strong{font-size:1.25rem}

body.page-blog .brand small{margin-top:5px;font-size:.65rem;font-weight:600;letter-spacing:.15em}

body.page-blog .primary-nav{display:flex;align-items:center;justify-content:center;gap:21px;margin-left:auto}

body.page-blog .primary-nav>a{position:relative;padding:24px 0}

body.page-blog .primary-nav>a::after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:var(--gold);transform:scaleX(0);transition:.2s}

body.page-blog .menu-button{display:none;margin-left:auto;border:0;background:none;padding:6px}

body.page-blog .button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:1px solid #b97800;border-radius:10px;background:#b97800;color:#fff;box-shadow:0 9px 24px rgba(211,148,0,.2);transition:.2s}

body.page-blog .button:hover{transform:translateY(-2px)}


body.page-blog .blog-hero{padding:72px 0 66px;background:linear-gradient(180deg,#fffaf3 0,#fff 100%)}

body.page-blog .hero-grid{display:grid;grid-template-columns:minmax(0,900px);justify-content:center;gap:30px;text-align:center}

body.page-blog .blog-hero h1{max-width:880px;margin:0 auto 18px;font-size:clamp(2.8rem,5vw,4.7rem);line-height:1.02}

body.page-blog .blog-hero p:not(.eyebrow){max-width:750px;margin-inline:auto;font-size:1.05rem}

body.page-blog .search-card{width:min(100%,760px);margin:0 auto;padding:18px;border-radius:14px;box-shadow:0 14px 36px rgba(28,44,37,.07);text-align:left}

body.page-blog .search-card label{margin-bottom:9px}

body.page-blog .search-card>div{gap:10px}

body.page-blog .search-card input,
body.page-blog .search-card button{border-radius:8px}

body.page-blog .search-card small{margin-top:8px}

body.page-blog .article-section{padding-top:72px}

body.page-blog .section-heading{max-width:720px;margin-bottom:34px}

body.page-blog .section-heading h2{font-size:clamp(2rem,3.5vw,3rem)}

body.page-blog .article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}

body.page-blog .recently-updated{margin:0 0 74px;padding:28px;border:1px solid var(--border);border-radius:18px;background:var(--cream2)}

body.page-blog .recently-updated .technology-heading{margin-bottom:20px}

body.page-blog .technology-group{margin-top:82px;scroll-margin-top:116px}

body.page-blog .technology-group:first-of-type{margin-top:0}

body.page-blog .technology-heading{max-width:760px;margin-bottom:28px}

body.page-blog .technology-heading h3{margin-bottom:10px;font-size:clamp(1.75rem,3vw,2.45rem);line-height:1.12}

body.page-blog .technology-heading>p:last-child{max-width:680px;margin-bottom:0;color:var(--muted)}

body.page-blog .recent-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}

body.page-blog .recent-links a{display:flex;min-height:104px;flex-direction:column;justify-content:center;padding:18px 20px;border:1px solid var(--border);border-radius:12px;background:#fff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}

body.page-blog .recent-links a:hover{transform:translateY(-3px);border-color:#ddcdaf;box-shadow:0 12px 28px rgba(28,44,37,.07)}

body.page-blog .recent-links strong{font-family:"Manrope",sans-serif;font-size:1rem;font-weight:600;line-height:1.35}

body.page-blog .recent-links span{margin-top:7px;color:var(--muted);font-size:.85rem}

body.page-blog .article-card{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}

body.page-blog .article-card:hover{transform:translateY(-4px);border-color:#ddcdaF;box-shadow:0 18px 38px rgba(28,44,37,.08)}

body.page-blog .article-card>a{display:grid;grid-template-columns:112px minmax(0,1fr);height:100%}

body.page-blog .card-visual{min-height:100%;border-radius:0;display:grid;place-items:center}

body.page-blog .card-visual span{width:68px;height:68px;padding:8px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.92);font-size:.83rem;text-align:center}

body.page-blog .card-body{display:flex;flex-direction:column;padding:26px 28px}

body.page-blog .card-body h3,
body.page-blog .card-body h4{margin-bottom:12px;font-size:1.18rem;line-height:1.32;letter-spacing:-.025em}

body.page-blog .card-body>p:not(.category){font-size:.94rem;line-height:1.58}

body.page-blog .card-body .read-link{margin-top:auto;padding-top:9px}

body.page-blog .resource-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}

@media (max-width:850px){
body.page-blog .resource-grid{grid-template-columns:1fr;gap:40px}

body.page-blog .article-grid{grid-template-columns:1fr}

body.page-blog .recent-links{grid-template-columns:1fr}
}

@media (max-width:560px){
body.page-blog .section{padding:74px 0}

body.page-blog .blog-hero{padding:54px 0 48px}

body.page-blog .blog-hero h1{font-size:2.55rem}

body.page-blog .search-card{padding:14px}

body.page-blog .article-card>a{grid-template-columns:84px minmax(0,1fr)}

body.page-blog .card-visual span{width:56px;height:56px;font-size:.72rem}

body.page-blog .card-body{padding:22px 19px}

body.page-blog .recently-updated{margin-bottom:58px;padding:20px}

body.page-blog .technology-group{margin-top:64px}
}