/* Kairos blog styles. Shared by blog.html and every blog post. */
    .blog-head{max-width:1120px;margin:0 auto;padding:96px 48px 40px}
    .blog-label{font-size:11px;font-weight:600;color:var(--emerald);letter-spacing:3px;text-transform:uppercase;margin-bottom:16px}
    .blog-head h1{font-size:clamp(36px,5vw,56px);line-height:1.15;max-width:720px}
    .blog-head p{color:var(--steel);margin-top:16px;max-width:560px}
    .post-list{max-width:1120px;margin:0 auto;padding:0 48px 96px}
    .post-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:#141414;border-bottom:3px solid transparent;transition:border-color .3s,transform .25s;text-decoration:none;color:inherit}
    .post-card:hover{border-bottom-color:var(--volt);transform:translateY(-4px)}
    .post-card img{width:100%;height:auto;display:block}
    .post-card .pc-text{padding:40px 40px 40px 0}
    .post-meta{font-size:12px;color:var(--steel);letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}
    .post-card h2{font-size:clamp(24px,2.6vw,32px);line-height:1.25;margin-bottom:14px}
    .post-card p{color:rgba(250,250,250,.68);font-size:16px}
    .post-card .more{display:inline-block;margin-top:20px;color:var(--volt);font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px}
    .article{max-width:720px;margin:0 auto;padding:88px 24px 48px}
    .article .post-meta{margin-bottom:20px}
    .article h1{font-size:clamp(34px,5vw,52px);line-height:1.15;margin-bottom:12px}
    .article h1 span{color:var(--volt);white-space:nowrap}
    .article .rule{width:120px;height:6px;background:var(--volt);margin:28px 0 40px}
    .article p{font-size:18px;line-height:1.8;color:rgba(250,250,250,.88);margin-bottom:26px}
    .article a{color:var(--white);text-decoration:underline;text-decoration-color:var(--volt);text-underline-offset:3px}
    .article a:hover{color:var(--volt)}
    .article .ask{font-family:'Montserrat',sans-serif;font-weight:700;font-size:24px;line-height:1.35;color:var(--white);margin-top:40px}
    .hero-img{max-width:960px;margin:0 auto;padding:0 24px}.hero-img img{width:100%;display:block}
    .sources{max-width:720px;margin:0 auto;padding:0 24px 96px}
    .sources h2{font-size:12px;font-weight:600;color:var(--emerald);letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;font-family:'Inter',sans-serif}
    .sources li{font-size:14px;color:var(--steel);margin-bottom:8px;list-style:none}
    .sources a{color:var(--metallic);text-decoration:underline;text-underline-offset:3px}.sources a:hover{color:var(--white)}
    .download{max-width:720px;margin:8px auto 0;padding:0 24px 56px}
    .download-box{background:var(--hunter);padding:32px}
    .download-box h3{font-size:20px;margin-bottom:8px}.download-box p{color:rgba(250,250,250,.75);font-size:15px;margin-bottom:20px}
    .hp{position:absolute;left:-9999px}
    .fl{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
    .fi{width:100%;padding:14px 16px;font-size:16px;font-family:'Inter',sans-serif;background:var(--carbon);color:var(--white);border:1px solid rgba(255,255,255,.25);margin-bottom:16px}
    .fi:focus{outline:2px solid var(--volt);outline-offset:1px}
    .chk{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;color:rgba(250,250,250,.85);margin-bottom:22px;cursor:pointer}
    .chk input{width:20px;height:20px;margin-top:2px;flex-shrink:0;accent-color:#7ED321}
    .download-box .fine{font-size:12px;color:rgba(250,250,250,.65);margin:18px 0 0}
    .download-box .fine a{color:var(--white);text-decoration:underline}
    .btn-primary{border:0;cursor:pointer;background:var(--volt);color:var(--carbon);padding:16px 40px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;text-decoration:none;display:inline-block;transition:opacity .2s}.btn-primary:hover{opacity:.88}
    @media(max-width:900px){nav{padding:0 24px;height:68px}.nav-links{display:none}.hamburger{display:flex}
      .blog-head{padding:56px 24px 24px}.post-list{padding:0 24px 64px}.post-card{grid-template-columns:1fr;gap:0}.post-card .pc-text{padding:28px 24px 32px}
      .article{padding:56px 24px 32px}.article p{font-size:17px}footer{padding:48px 24px 36px}.footer-inner{flex-direction:column;gap:36px}}

  
    .hero{position:relative;min-height:62vh;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.04)}
    .hero picture,.hero img.bg{position:absolute;inset:0;width:100%;height:100%;z-index:0}
    .hero img.bg{object-fit:cover;object-position:50% 40%}
    .hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(13,13,13,.92) 0%,rgba(13,13,13,.55) 45%,rgba(13,13,13,.1) 100%)}
    .hero-inner{position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:80px 48px;width:100%}
    .hero h1{font-size:clamp(34px,5vw,60px);line-height:1.15;max-width:760px}
    .hero h1 span{color:var(--volt);white-space:nowrap}
    .hero .post-meta{color:var(--metallic)}
    .hero p.sub{color:rgba(250,250,250,.8);margin-top:16px;max-width:560px}
    .pc-img{position:relative;display:block}
    @media(max-width:900px){.hero{min-height:52vh}.hero-inner{padding:48px 24px}}
  
    .post-head{padding:32px 24px 0}
    .post-image{max-width:1040px;margin:0 auto}
    .post-image img{width:100%;height:auto;display:block}
    .post-title{max-width:720px;margin:0 auto;padding:48px 24px 40px}
    .post-title .post-meta{margin-bottom:20px}
    .post-title h1{font-size:clamp(34px,5vw,52px);line-height:1.15}
    .post-title h1 span{color:var(--volt);white-space:nowrap}
    .post-title .rule{width:120px;height:6px;background:var(--volt);margin:28px 0 0}
    @media(max-width:900px){.post-head{padding:16px 0 0}.post-title{padding:32px 24px 32px}}
  
    /* ── PANEL: reading area used by every blog post ───────── */
    .panelwrap{padding:0 24px 72px}
    .panel{max-width:960px;margin:0 auto;background:#1A1A1A;border-top:3px solid var(--volt);padding:24px 0 32px}
    .panel .article{padding-top:32px}
    .panel .download{padding-bottom:40px}
    .panel .download-box{background:var(--hunter)}
    .panel .sources{padding-bottom:24px}
    @media(max-width:900px){.panelwrap{padding:0 0 48px}.panel{padding:8px 0 24px}}

    /* ── BLOG HOMEPAGE HERO: text left, portrait right ─────── */
    .hero-split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:560px;background:var(--carbon);border-bottom:1px solid rgba(255,255,255,.04);overflow:hidden}
    .hs-text{display:flex;flex-direction:column;justify-content:center;padding:80px 48px 80px max(48px,calc((100vw - 1120px)/2));}
    .hs-text h1{font-size:clamp(36px,5vw,60px);line-height:1.15}
    .hs-text .sub{color:rgba(250,250,250,.8);margin-top:16px;max-width:460px}
    .hs-photo{position:relative;min-height:560px}
    .hs-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
    .hs-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(13,13,13,.9) 0%,rgba(13,13,13,0) 28%)}
    @media(max-width:900px){.hero-split{grid-template-columns:1fr;min-height:0}.hs-photo{order:-1;min-height:0;height:340px}.hs-photo::after{background:linear-gradient(to top,rgba(13,13,13,.9) 0%,rgba(13,13,13,0) 35%)}.hs-text{padding:32px 24px 48px}}