/* pet-insurance.css | prefix: pi- | accent: #10B981 | bg: #0A1628 */
@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');

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

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

/* ── Intake ── */
.pi-intake{background:#F5EFE0;padding:44px 20px;color:#051510;}
.pi-intake h2{font-family:'Fraunces',serif;font-size:1.3rem;font-weight:600;color:#051510;margin:0 0 22px;}
.pi-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media(max-width:600px){.pi-grid{grid-template-columns:1fr;}}
.pi-field label{display:block;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#059669;margin-bottom:6px;font-weight:500;}
.pi-field input,.pi-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:#051510;transition:border-color .2s;}
.pi-field input:focus,.pi-field select:focus{outline:none;border-color:#10B981;}
.pi-field-wide{grid-column:1/-1;}
.pi-hint{font-size:.82rem;color:#6A5A3A;margin-top:5px;line-height:1.4;}
.pi-btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.pi-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;}
.pi-btn-primary{background:#10B981;color:#fff;}
.pi-btn-secondary{background:transparent;border:1.5px solid #10B981;color:#10B981;}
.pi-btn:hover{opacity:.85;}

/* ── Readout ── */
.pi-readout{background:#071F12;padding:44px 20px;}
.pi-rbox{border-radius:8px;padding:14px 18px;margin-bottom:22px;border-left:4px solid #10B981;}
.pi-rbox.low{border-color:#10B981;background:rgba(16,185,129,0.08);}
.pi-rbox.mid{border-color:#F59E0B;background:rgba(245,158,11,0.08);}
.pi-rbox.high{border-color:#EF4444;background:rgba(239,68,68,0.09);}
.pi-rlevel{font-family:'IBM Plex Mono',monospace;font-size:.88rem;font-weight:500;color:#34D399;margin-bottom:8px;}
.pi-raction{font-size:.9rem;color:#6EE7B7;line-height:1.6;}
.pi-cost-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;}
@media(max-width:500px){.pi-cost-row{grid-template-columns:1fr;}}
.pi-cost-card{background:rgba(16,185,129,0.07);border:1px solid rgba(16,185,129,0.22);border-radius:6px;padding:16px;text-align:center;}
.pi-cost-label{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#34D399;margin-bottom:6px;}
.pi-cost-val{font-family:'Fraunces',serif;font-size:1.35rem;font-weight:700;color:#ECFDF5;}
.pi-cost-sub{font-size:.8rem;color:#6EE7B7;margin-top:3px;}
.pi-out-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px;}
@media(max-width:600px){.pi-out-grid{grid-template-columns:1fr;}}
.pi-out-card{background:rgba(16,185,129,0.05);border:1px solid rgba(16,185,129,0.18);border-radius:6px;padding:14px 16px;}
.pi-out-label{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#34D399;margin-bottom:5px;}
.pi-out-val{font-size:.92rem;color:#A7F3D0;line-height:1.5;}
.pi-breakdown-card{background:rgba(16,185,129,0.05);border:1px solid rgba(16,185,129,0.18);border-radius:6px;padding:14px 16px;margin-bottom:22px;}
.pi-breakdown-label{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#34D399;margin-bottom:10px;}
.pi-factor-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid rgba(16,185,129,0.1);font-size:.88rem;}
.pi-factor-row:last-child{border:none;}
.pi-factor-name{color:#A7F3D0;}
.pi-factor-val{font-family:'IBM Plex Mono',monospace;color:#34D399;font-size:.85rem;}

/* Chart */
.pi-chart-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px;}
.pi-chart-wrap svg{width:100%;height:auto;min-width:320px;display:block;}
.pi-share-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;}
.pi-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;}
.pi-share-btn:hover{opacity:.82;}
.pi-pdf-btn{background:#10B981;color:#fff;}
.pi-wa-btn{background:#25D366;color:#fff;}

/* ── Article ── */
.pi-article{background:#F5EFE0;padding:52px 20px;color:#051510;}
.pi-article h2{font-family:'Fraunces',serif;font-size:1.55rem;font-weight:700;color:#051510;margin:0 0 14px;}
.pi-article h3{font-family:'Fraunces',serif;font-size:1.15rem;font-weight:600;color:#065F46;margin:28px 0 10px;}
.pi-article p{font-size:.97rem;line-height:1.72;color:#1A2E1A;margin-bottom:14px;}
.pi-article ul,.pi-article ol{font-size:.97rem;line-height:1.7;color:#1A2E1A;padding-left:22px;margin-bottom:14px;}
.pi-article li{margin-bottom:6px;}
.pi-data-table{width:100%;border-collapse:collapse;font-size:.88rem;margin:18px 0;}
.pi-data-table th{background:#10B981;color:#fff;padding:9px 12px;text-align:left;font-family:'IBM Plex Mono',monospace;font-size:.78rem;letter-spacing:.05em;}
.pi-data-table td{padding:8px 12px;border-bottom:1px solid #D4C8A8;color:#1A2E1A;}
.pi-data-table tr:nth-child(even) td{background:rgba(16,185,129,0.05);}
.pi-callout{background:rgba(16,185,129,0.07);border-left:3px solid #10B981;padding:14px 18px;border-radius:0 6px 6px 0;margin:18px 0;}
.pi-callout p{margin:0;font-size:.92rem;}
.pi-callout.warn{background:rgba(245,158,11,0.07);border-color:#F59E0B;}

/* ── FAQ ── */
.pi-faq{background:#071F12;padding:44px 20px;}
.pi-faq h2{font-family:'Fraunces',serif;font-size:1.4rem;font-weight:700;color:#ECFDF5;margin:0 0 24px;}
.pi-faq-item{border-bottom:1px solid rgba(16,185,129,0.18);padding:16px 0;}
.pi-faq-q{font-family:'DM Sans',sans-serif;font-weight:600;font-size:1rem;color:#ECFDF5;margin-bottom:8px;}
.pi-faq-a{font-size:.92rem;color:#6EE7B7;line-height:1.6;}

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

/* ── Disclaimer ── */
.pi-disclaimer{background:#030E08;padding:28px 20px;}
.pi-disclaimer-text{font-size:.8rem;color:#3A6A4A;line-height:1.6;text-align:center;}
.pi-disclaimer-text a{color:#34D399;}