/* Editorial layout for Karotto Blog. Shared colors and header live in site.css. */
.blog-shell{max-width:1180px;margin:0 auto;padding:76px 24px 96px}
.eyebrow{margin:0 0 14px;color:var(--indigo);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.blog-hero{max-width:780px;margin-bottom:50px}.blog-hero h1{margin:0 0 20px;color:var(--navy);font-size:clamp(42px,6vw,68px);font-weight:800;line-height:1.04;letter-spacing:-.05em}.blog-hero p{margin:0;color:var(--ink-soft);font-size:clamp(18px,2.2vw,21px);line-height:1.65}
.featured{display:grid;grid-template-columns:1.08fr .92fr;min-height:390px;margin:0 0 50px;background:var(--navy);color:#fff;border-radius:18px;overflow:hidden;text-decoration:none;box-shadow:0 24px 60px rgba(28,35,52,.14)}.featured img{width:100%;height:100%;object-fit:cover}.featured-copy{padding:clamp(30px,4vw,50px);display:flex;flex-direction:column;justify-content:center}.featured-copy .chip{align-self:flex-start;margin-bottom:18px;color:#A9A9FF;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.featured h2{margin:0 0 16px;font-size:clamp(28px,3.5vw,40px);line-height:1.15;letter-spacing:-.035em}.featured p{margin:0 0 24px;color:#C4CAD6;line-height:1.65}.read-more{color:#CACAFF;font-size:14px;font-weight:800}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 22px}.post-card{background:transparent;border:0;border-radius:0;overflow:visible;text-decoration:none;box-shadow:none;transition:transform .16s ease}.post-card:hover{transform:translateY(-3px)}.post-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.post-card-copy{padding:17px 2px 0}.post-card.no-image{display:flex;align-items:flex-end;min-height:260px;padding:26px;background:#EEEEFF;border:0;border-radius:10px}.post-card.no-image:nth-child(even){background:#ECEEF3}.post-card.no-image .post-card-copy{padding:0}.post-card.no-image h2{font-size:24px}.post-card .meta{margin-bottom:8px;color:var(--indigo);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.post-card h2{margin:0 0 9px;color:var(--navy);font-size:20px;line-height:1.3;letter-spacing:-.018em}.post-card p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.55}
.article{max-width:900px;margin:0 auto;padding:42px 24px 110px}.breadcrumbs{margin-bottom:48px;color:var(--ink-faint);font-size:13px}.breadcrumbs a{color:var(--indigo);font-weight:750;text-decoration:none}.article-header{text-align:left;margin-bottom:38px}.article-header h1{max-width:820px;margin:8px 0 20px;color:var(--navy);font-size:clamp(40px,6vw,62px);font-weight:800;line-height:1.08;letter-spacing:-.045em}.dek{max-width:750px;margin:0 0 22px;color:var(--ink-soft);font-size:20px;line-height:1.6}.byline{color:var(--ink-faint);font-size:13px}.article-cover{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;box-shadow:none;margin-bottom:50px}.image-note{max-width:720px;margin:-34px auto 44px;color:var(--ink-faint);font-size:12px;line-height:1.55}
.article-body{max-width:720px;margin:0 auto;color:#313847}.article-body p{margin:0 0 23px}.article-body h2{margin:54px 0 18px;color:var(--navy);font-size:30px;line-height:1.25;letter-spacing:-.025em}.article-body h3{margin:34px 0 11px;color:var(--navy);font-size:20px;line-height:1.4}.article-body ul,.article-body ol{padding-left:24px;margin:0 0 26px}.article-body li{margin-bottom:10px;padding-left:4px}.article-body strong{color:var(--navy)}
.callout{margin:34px 0;padding:22px 24px;background:var(--indigo-soft);border-left:3px solid var(--indigo);border-radius:0 8px 8px 0}.callout p:last-child{margin-bottom:0}.route{display:grid;gap:10px;margin:26px 0 34px;counter-reset:route}.route div{counter-increment:route;position:relative;padding:18px 18px 18px 58px;background:#fff;border:1px solid var(--line);border-radius:8px}.route div::before{content:counter(route);position:absolute;left:17px;top:17px;width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:var(--indigo);color:#fff;font-size:13px;font-weight:800}.takeaway{margin:44px 0;padding:28px;background:var(--navy);color:#D0D5DF;border-radius:10px}.takeaway h2{margin:0 0 10px;color:#fff;font-size:23px}.takeaway p:last-child{margin-bottom:0}.article-cta{margin-top:46px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:10px;text-align:left}.article-cta h2{margin:0 0 8px;font-size:23px}.article-cta p{margin:0 0 20px;color:var(--ink-soft)}.button{display:inline-flex;min-height:44px;align-items:center;padding:0 18px;background:var(--indigo);color:#fff;border-radius:8px;text-decoration:none;font-size:14px;font-weight:800}.button:hover{background:var(--indigo-dark)}
.site-footer{padding:34px 24px;background:var(--navy);color:#AEB5C3;text-align:center;font-size:13px}.site-footer a{color:#fff;font-weight:700;text-decoration:none}
@media(max-width:860px){.featured{grid-template-columns:1fr}.featured img{aspect-ratio:16/9}.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.blog-shell{padding:52px 18px 72px}.blog-hero{margin-bottom:34px}.featured{margin-bottom:38px;border-radius:12px}.featured-copy{padding:28px 24px}.post-grid{grid-template-columns:1fr}.post-card.no-image{min-height:220px}.article{padding:30px 18px 80px}.breadcrumbs{margin-bottom:34px}.article-header h1{font-size:39px}.dek{font-size:18px}.article-cover{border-radius:8px;margin-bottom:38px}.article-body h2{font-size:26px}.image-note{margin-top:-24px}.article-cta{text-align:left}}