/* HomeSky Insights — blog styles. Loads after /homesky.css (tokens, nav, buttons, footer). */
.blog-hero{padding:56px 0 34px;text-align:center;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,var(--sky) 100%)}
.blog-hero h1{font-size:clamp(30px,4vw,48px)}
.blog-hero h1 .l1{color:var(--navy)}.blog-hero h1 .l2{color:var(--green)}
.blog-hero p{color:var(--muted);font-size:17px;max-width:62ch;margin:14px auto 0}
.cats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:22px}
.cats a{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;border:1.5px solid var(--line);color:var(--navy);background:#fff}
.cats a.on,.cats a:hover{border-color:var(--green);color:var(--green)}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:34px 0 60px}
.post-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.post-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(7,33,59,.14)}
.post-card .cover{position:relative;aspect-ratio:1200/630;background:var(--navy) center/cover no-repeat;display:block}
.post-card .cover img{width:100%;height:100%;object-fit:cover;display:block}
.post-card .cat{position:absolute;left:12px;top:12px;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--green);padding:4px 9px;border-radius:999px}
.post-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.post-card-date{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;color:var(--muted);letter-spacing:.04em}
.post-card h2{font-size:18px;font-weight:800;line-height:1.3;margin:8px 0 8px;text-transform:none;letter-spacing:-.01em}
.post-card h2 a{color:var(--navy)}.post-card h2 a:hover{color:var(--green)}
.post-card p{color:var(--muted);font-size:14px;line-height:1.55;flex:1}
.read-more{margin-top:14px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;font-weight:700;color:var(--green)}
.featured{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr}
.featured .cover{aspect-ratio:auto;min-height:300px}
.featured .post-card-body{padding:28px 30px}
.featured h2{font-size:26px}

/* post */
.post-wrap{max-width:820px;margin:0 auto;padding:0 28px}
.back{display:inline-block;margin:26px 0 18px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;font-weight:700;color:var(--green)}
.post-hero{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--navy);box-shadow:var(--shadow)}
.post-hero img{width:100%;aspect-ratio:1200/630;object-fit:cover;display:block}
.post-meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--muted);margin:22px 0 10px}
.post-meta .cat{color:var(--green);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.post-title{font-size:clamp(28px,3.6vw,40px);line-height:1.12;text-transform:none;letter-spacing:-.015em;color:var(--navy);margin:0 0 14px}
.post-lead{font-size:18px;line-height:1.6;color:var(--muted);margin:0 0 26px}
.takeaways{background:#fff;border:1px solid var(--line);border-left:5px solid var(--green);border-radius:10px;padding:18px 22px;margin:0 0 30px;box-shadow:var(--shadow)}
.takeaways b{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-bottom:8px}
.takeaways ul{margin:0;padding-left:20px;font-size:15px;line-height:1.6}
.takeaways li{margin:5px 0}
.post-body{font-size:17px;line-height:1.75;color:var(--ink)}
.post-body h2{font-size:24px;text-transform:none;letter-spacing:-.01em;color:var(--navy);margin:38px 0 12px;line-height:1.25}
.post-body h3{font-size:18px;text-transform:none;color:var(--navy);margin:26px 0 8px}
.post-body p{margin:0 0 18px}
.post-body ul,.post-body ol{margin:0 0 18px;padding-left:24px}
.post-body li{margin:6px 0}
.post-body a{color:var(--green);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.post-body blockquote{margin:0 0 18px;padding:14px 20px;border-left:4px solid var(--navy);background:var(--sky-2);border-radius:0 10px 10px 0;color:var(--navy);font-weight:600}
.post-body table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 20px}
.post-body th{background:var(--sky-2);color:var(--navy);text-align:left;padding:9px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.post-body td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.cta-inline{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;background:var(--navy);color:#fff;border-radius:12px;padding:18px 22px;margin:28px 0}
.cta-inline b{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--green-bright);margin-bottom:4px}
.cta-inline p{margin:0;color:#D6E3F0;font-size:15px;line-height:1.5}
.cta-inline .btn{border-color:#fff;color:#fff}.cta-inline .btn:hover{background:#fff;color:var(--navy)}
.faq{margin:36px 0 0}
.faq h2{font-size:24px;text-transform:none;color:var(--navy);margin-bottom:8px}
.faq details{border-top:1px solid var(--line);padding:14px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:800;font-size:16px;color:var(--navy);list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--green);font-weight:800}
.faq details[open] summary::after{content:"–"}
.faq p{margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.65}
.share{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:34px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.share a,.share button{font:inherit;font-weight:700;font-size:13px;padding:7px 12px;border-radius:8px;border:1.5px solid var(--line);background:#fff;color:var(--navy);cursor:pointer}
.share a:hover,.share button:hover{border-color:var(--green);color:var(--green)}
.signoff{margin:30px 0 0;padding:18px 22px;background:var(--green-soft);border-radius:12px;color:var(--navy);font-weight:600;font-size:15px}
.signoff small{display:block;font-weight:400;color:var(--muted);margin-top:4px}
.related{padding:48px 0 70px;border-top:1px solid var(--line);margin-top:40px}
.related h2{font-size:22px;text-transform:none;color:var(--navy);margin-bottom:18px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.related-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow)}
.related-card .date{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--muted);margin-bottom:6px}
.related-card h3{font-size:15px;line-height:1.4;text-transform:none;margin:0 0 6px}
.related-card h3 a{color:var(--navy)}.related-card h3 a:hover{color:var(--green)}
.related-card p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}
@media(max-width:960px){.post-grid{grid-template-columns:1fr 1fr}.featured{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}}
@media(max-width:640px){.post-grid{grid-template-columns:1fr}.cta-inline{grid-template-columns:1fr}.post-wrap{padding:0 18px}.post-body{font-size:16px}}