/* dog-life-expectancy.css | prefix: le- | accent: #A78BFA | bg: #0D0A1A */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=IBM+Plex+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&display=swap');

.le-wrap{width:100%;max-width:100%;overflow-x:hidden;font-family:'DM Sans',sans-serif;color:#EDE9FE;background:#0D0A1A;}
.le-inner{max-width:960px;margin:0 auto;padding:0 20px;}

/* Hero */
.le-hero{background:#0D0A1A;padding:52px 20px 40px;}
.le-hero-kicker{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.15em;color:#A78BFA;text-transform:uppercase;margin-bottom:14px;}
.le-hero h1{font-family:'Fraunces',serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#F5F3FF;margin:0 0 14px;line-height:1.15;}
.le-hero-sub{font-size:1.05rem;color:#C4B5FD;max-width:640px;line-height:1.6;margin-bottom:24px;}
.le-formula-strip{display:flex;flex-wrap:wrap;gap:8px;}
.le-formula-chip{font-family:'IBM Plex Mono',monospace;font-size:11px;background:rgba(167,139,250,0.12);border:1px solid rgba(167,139,250,0.3);color:#C4B5FD;padding:6px 14px;border-radius:4px;}

/* Intake */
.le-intake{background:#F5EFE0;padding:44px 20px;color:#0D0A1A;}
.le-intake h2{font-family:'Fraunces',serif;font-size:1.3rem;font-weight:600;color:#0D0A1A;margin:0 0 22px;}
.le-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media(max-width:600px){.le-grid{grid-template-columns:1fr;}}
.le-field label{display:block;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#6D28D9;margin-bottom:6px;font-weight:500;}
.le-field input,.le-field select{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid #C8B89A;border-radius:6px;font-size:1rem;font-family:'DM Sans',sans-serif;background:#FDF8F0;color:#0D0A1A;transition:border-color .2s;}
.le-field input:focus,.le-field select:focus{outline:none;border-color:#A78BFA;}
.le-field-wide{grid-column:1/-1;}
.le-hint{font-size:.82rem;color:#6A5A3A;margin-top:5px;line-height:1.4;}
.le-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;}
@media(max-width:480px){.le-check-grid{grid-template-columns:1fr;}}
.le-check-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#0D0A1A;cursor:pointer;}
.le-check-item input[type=checkbox]{accent-color:#A78BFA;width:16px;height:16px;}
.le-btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.le-btn{padding:11px 26px;border:none;border-radius:6px;font-family:'DM Sans',sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;transition:opacity .2s;}
.le-btn-primary{background:#A78BFA;color:#0D0A1A;}
.le-btn-secondary{background:transparent;border:1.5px solid #A78BFA;color:#6D28D9;}
.le-btn:hover{opacity:.85;}

/* Readout */
.le-readout{background:#130F24;padding:44px 20px;}

/* Life expectancy cards */
.le-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:22px;}
.le-stat-card{background:rgba(167,139,250,0.07);border:1px solid rgba(167,139,250,0.2);border-radius:8px;padding:16px 18px;}
.le-stat-label{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#A78BFA;margin-bottom:6px;}
.le-stat-val{font-family:'Fraunces',serif;font-size:1.8rem;font-weight:700;color:#F5F3FF;line-height:1.1;}
.le-stat-unit{font-family:'IBM Plex Mono',monospace;font-size:.8rem;color:#C4B5FD;margin-top:3px;}

/* Life stage banner */
.le-stage-banner{border-radius:8px;padding:16px 20px;margin-bottom:22px;border-left:4px solid #A78BFA;background:rgba(167,139,250,0.08);}
.le-stage-label{font-family:'IBM Plex Mono',monospace;font-size:.88rem;font-weight:500;color:#A78BFA;margin-bottom:5px;}
.le-stage-msg{font-size:.9rem;color:#C4B5FD;line-height:1.6;}

/* Factor breakdown */
.le-factor-list{margin-bottom:22px;}
.le-factor-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(167,139,250,0.1);}
.le-factor-name{flex:1;font-size:.88rem;color:#EDE9FE;}
.le-factor-val{font-family:'IBM Plex Mono',monospace;font-size:.85rem;font-weight:500;min-width:60px;text-align:right;}
.le-factor-val.pos{color:#34D399;}
.le-factor-val.neg{color:#F87171;}
.le-factor-val.neu{color:#A78BFA;}

/* Life stages chart */
.le-chart-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:22px;}
.le-chart-wrap svg{width:100%;height:auto;min-width:340px;display:block;}

/* Human age box */
.le-human-box{background:rgba(167,139,250,0.06);border:1px solid rgba(167,139,250,0.2);border-radius:8px;padding:18px 20px;margin-bottom:22px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;}
.le-human-age{font-family:'Fraunces',serif;font-size:2.4rem;font-weight:700;color:#A78BFA;}
.le-human-txt{font-size:.9rem;color:#C4B5FD;line-height:1.5;}

.le-share-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;}
.le-share-btn{padding:9px 20px;border:none;border-radius:5px;font-family:'DM Sans',sans-serif;font-weight:600;font-size:.88rem;cursor:pointer;transition:opacity .2s;}
.le-share-btn:hover{opacity:.82;}
.le-pdf-btn{background:#A78BFA;color:#0D0A1A;}
.le-wa-btn{background:#25D366;color:#fff;}

/* Article */
.le-article{background:#F5EFE0;padding:52px 20px;color:#0D0A1A;}
.le-article h2{font-family:'Fraunces',serif;font-size:1.55rem;font-weight:700;color:#0D0A1A;margin:0 0 14px;}
.le-article h3{font-family:'Fraunces',serif;font-size:1.15rem;font-weight:600;color:#6D28D9;margin:28px 0 10px;}
.le-article p{font-size:.97rem;line-height:1.72;color:#0A1A2A;margin-bottom:14px;}
.le-article ul,.le-article ol{font-size:.97rem;line-height:1.7;color:#0A1A2A;padding-left:22px;margin-bottom:14px;}
.le-article li{margin-bottom:6px;}
.le-data-table{width:100%;border-collapse:collapse;font-size:.88rem;margin:18px 0;}
.le-data-table th{background:#A78BFA;color:#0D0A1A;padding:9px 12px;text-align:left;font-family:'IBM Plex Mono',monospace;font-size:.78rem;letter-spacing:.05em;}
.le-data-table td{padding:8px 12px;border-bottom:1px solid #D4C8A8;color:#0A1A2A;}
.le-data-table tr:nth-child(even) td{background:rgba(167,139,250,0.05);}
.le-callout{background:rgba(167,139,250,0.07);border-left:3px solid #A78BFA;padding:14px 18px;border-radius:0 6px 6px 0;margin:18px 0;}
.le-callout p{margin:0;font-size:.92rem;}
.le-callout.warn{background:rgba(239,68,68,0.07);border-color:#EF4444;}

/* FAQ */
.le-faq{background:#0D0A1A;padding:44px 20px;}
.le-faq h2{font-family:'Fraunces',serif;font-size:1.4rem;font-weight:700;color:#F5F3FF;margin:0 0 24px;}
.le-faq-item{border-bottom:1px solid rgba(167,139,250,0.18);padding:16px 0;}
.le-faq-q{font-family:'DM Sans',sans-serif;font-weight:600;font-size:1rem;color:#F5F3FF;margin-bottom:8px;}
.le-faq-a{font-size:.92rem;color:#C4B5FD;line-height:1.6;}

/* Related */
.le-related{background:#100D20;padding:40px 20px;}
.le-related h2{font-family:'Fraunces',serif;font-size:1.3rem;font-weight:700;color:#F5F3FF;margin:0 0 18px;}
.le-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;}
.le-related-card{background:rgba(167,139,250,0.07);border:1px solid rgba(167,139,250,0.2);border-radius:7px;padding:14px 16px;text-decoration:none;color:#F5F3FF;transition:border-color .2s;}
.le-related-card:hover{border-color:#A78BFA;}
.le-related-card-title{font-family:'DM Sans',sans-serif;font-weight:600;font-size:.9rem;color:#F5F3FF;}
.le-related-card-sub{font-size:.8rem;color:#A78BFA;margin-top:4px;}

/* Disclaimer */
.le-disclaimer{background:#080614;padding:28px 20px;}
.le-disclaimer-text{font-size:.8rem;color:#3B2F6E;line-height:1.6;text-align:center;}
.le-disclaimer-text a{color:#A78BFA;}