/* Native article archive; approved Smart charcoal, lime and mint. */
.smart-blog{--blog-line:rgba(165,238,224,.18);--blog-soft:rgba(165,238,224,.055)}
.smart-blog .blog-crumb{padding-block:20px 10px}
.smart-blog .blog-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:56px;padding-block:26px 56px}
.smart-blog .blog-hero h1{font-size:clamp(36px,5.3vw,64px);letter-spacing:-2px;line-height:1.08;font-weight:600;margin:0;max-width:620px}
.smart-blog .blog-hero h1>span{display:block;font-size:.55em;color:var(--muted);margin-top:12px;letter-spacing:-.7px}
.smart-blog .blog-lead{font-size:18px;line-height:1.75;margin:22px 0;max-width:600px;color:var(--muted)}
.smart-blog .blog-hero-image{margin:0;border-radius:24px;overflow:hidden;transform:rotate(2deg);border:1px solid var(--blog-line)}
.smart-blog .blog-hero-image img{display:block;width:100%;height:auto;aspect-ratio:1.45;object-fit:cover}
.smart-blog .text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--lime);font-size:15px;font-weight:600}
.smart-blog .text-link:hover{text-decoration:underline;text-underline-offset:5px}
.smart-blog .blog-articles{padding-block:46px 24px}
.smart-blog .blog-articles>h2,.smart-blog .blog-section-heading h2{font-size:clamp(27px,3vw,38px);line-height:1.2;font-weight:600;letter-spacing:-.8px;margin:0 0 24px}
.smart-blog .blog-empty{display:flex;gap:26px;align-items:center;border:1px solid var(--blog-line);border-radius:16px;background:var(--blog-soft);padding:30px 34px}
.smart-blog .blog-empty-icon{width:64px;flex:0 0 64px;color:var(--mint)}
.smart-blog .blog-empty-icon svg{display:block;width:100%;height:auto}
.smart-blog .blog-empty h3{font-size:24px;font-weight:600;line-height:1.3;margin:0 0 10px}
.smart-blog .blog-empty p{font-size:16px;line-height:1.8;color:var(--muted);max-width:800px;margin:0}
.smart-blog .blog-guides{padding-block:40px 20px;scroll-margin-top:25px}
.smart-blog .blog-section-heading{max-width:740px;margin-bottom:28px}
.smart-blog .blog-section-heading h2{margin-bottom:14px}
.smart-blog .blog-section-heading p{font-size:16px;line-height:1.8;color:var(--muted)}
.smart-blog .blog-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.smart-blog .blog-guide{display:grid;grid-template-columns:155px minmax(0,1fr);overflow:hidden;border:1px solid var(--blog-line);border-radius:16px;background:var(--blog-soft);min-width:0}
.smart-blog .blog-guide>div:first-child{min-width:0;height:100%}
.smart-blog .blog-guide img{display:block;width:100%;height:100%;object-fit:cover;min-height:250px}
.smart-blog .blog-guide-copy{padding:24px;min-width:0}
.smart-blog .blog-guide h3{font-size:23px;line-height:1.25;letter-spacing:-.4px;font-weight:600;margin:0 0 14px;overflow-wrap:anywhere}
.smart-blog .blog-guide h3 a:hover,.smart-blog .blog-post h3 a:hover{color:var(--mint)}
.smart-blog .blog-guide p{font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 14px}
.smart-blog .blog-guide:nth-child(2){background:rgba(192,237,84,.035)}
.smart-blog .blog-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.smart-blog .blog-post{min-width:0;overflow:hidden;border-bottom:1px solid var(--blog-line);padding-bottom:26px}
.smart-blog .blog-post-image{display:block;overflow:hidden;border-radius:16px}
.smart-blog .blog-post-image img{display:block;aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}
.smart-blog .blog-post-copy{padding-top:22px;min-width:0}
.smart-blog .blog-post h3{font-size:clamp(24px,2.5vw,32px);font-weight:600;line-height:1.2;letter-spacing:-.7px;margin:14px 0;overflow-wrap:anywhere}
.smart-blog .blog-post p{font-size:16px;line-height:1.8;margin:0 0 14px;color:var(--muted)}
.smart-blog .blog-post-featured{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;padding-bottom:32px}
.smart-blog .blog-post-featured .blog-post-copy{padding-top:0}
.smart-blog .blog-post-featured:not(:has(.blog-post-image)){display:block;max-width:800px}
.smart-blog .blog-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;line-height:1.65;color:var(--muted)}
.smart-blog .blog-meta>span:first-child{color:var(--mint)}
.smart-blog .pagination{margin-top:36px}
.smart-blog .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.smart-blog .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:10px 16px;border:1px solid var(--blog-line);border-radius:12px}
.smart-blog .page-numbers.current{background:var(--lime);color:var(--bg)}
.smart-blog :is(a,button):focus-visible{outline:2px solid var(--lime);outline-offset:5px}
@media(max-width:1050px){.smart-blog .blog-guide{grid-template-columns:1fr}.smart-blog .blog-guide img{min-height:0;height:auto;aspect-ratio:2;object-fit:cover}.smart-blog .blog-hero{gap:32px}}
@media(max-width:700px){.smart-blog .blog-hero{grid-template-columns:1fr;gap:28px;padding-block:20px 34px}.smart-blog .blog-hero h1{font-size:42px;letter-spacing:-1.4px}.smart-blog .blog-hero-image{transform:none;border-radius:16px}.smart-blog .blog-hero-image img{aspect-ratio:1.9}.smart-blog .blog-lead{font-size:17px;margin:18px 0 10px}.smart-blog .page-eyebrow{font-size:10px;letter-spacing:1.5px;padding:8px 13px}.smart-blog .blog-articles{padding-top:30px}.smart-blog .blog-empty{align-items:flex-start;padding:22px;gap:18px}.smart-blog .blog-empty-icon{width:42px;flex-basis:42px}.smart-blog .blog-empty h3{font-size:21px}.smart-blog .blog-guide-grid,.smart-blog .blog-post-grid,.smart-blog .blog-post-featured{grid-template-columns:1fr}.smart-blog .blog-post-featured{gap:0}.smart-blog .blog-post-featured .blog-post-copy{padding-top:22px}.smart-blog .blog-guide-copy{padding:22px}.smart-blog .blog-guide img{aspect-ratio:2.2}.smart-blog .blog-guides{padding-top:26px}.smart-blog .blog-hero-image{max-height:230px}}
@media(max-width:380px){.smart-blog .blog-empty{display:block}.smart-blog .blog-empty-icon{display:block;margin-bottom:16px}.smart-blog .blog-hero h1{font-size:36px}}