/* Page-specific layout */
.calc-page-hero{background:linear-gradient(135deg,var(--primary-navy) 0%,#0d3a5c 100%);color:var(--white)}
.calc-page-hero h1{color:var(--white);font-size:2.25rem;margin-bottom:.75rem}
.calc-page-hero p{color:rgba(255,255,255,.85);font-size:1.1rem;max-width:700px}
.calc-page-hero .badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.15);padding:.375rem 1rem;border-radius:20px;font-size:.85rem;margin-top:1rem}

/* DAF Calculator Styles — standalone, embeddable */
.daf-calc-container {
 max-width: 760px;
 margin: 2rem auto;
 background: var(--white);
 border: 1px solid var(--border-gray);
 border-radius: 16px;
 padding: 2.5rem;
 box-shadow: var(--shadow-md);
}

.daf-calc-header h3 {
 margin: 0 0 .25rem;
 font-size: 1.5rem;
 color: var(--primary-navy);
}

.daf-calc-header p {
 margin: 0 0 1.5rem;
 color: var(--text-medium);
 font-size: .95rem;
}

.daf-calc-form {
 display: flex;
 flex-direction: column;
 gap: 1.25rem;
}

.daf-calc-row {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 1.25rem;
}

@media (max-width: 640px) {
 .daf-calc-row { grid-template-columns: 1fr; }
 .daf-calc-container { padding: 1rem; }
}

.daf-calc-field {
 display: flex;
 flex-direction: column;
 gap: .35rem;
}

.daf-calc-field label {
 font-size: .875rem;
 font-weight: 600;
 color: var(--primary-navy);
}

.daf-calc-field .unit,
.daf-calc-field .hint {
 font-weight: 400;
 color: var(--text-light);
 font-size: .8rem;
}

.daf-calc-field input,
.daf-calc-field select {
 padding: .65rem .875rem;
 border: 1px solid var(--border-gray);
 border-radius: 8px;
 font-size: 1rem;
 background: var(--white);
 transition: border-color .2s, box-shadow .2s;
 font-family: inherit;
}

.daf-calc-field input:focus,
.daf-calc-field select:focus {
 outline: none;
 border-color: var(--primary-blue);
 box-shadow: 0 0 0 3px rgba(0,102,204,.1);
}

.daf-calc-toggle {
 background: none;
 border: none;
 color: var(--primary-blue);
 font-size: .875rem;
 font-weight: 600;
 cursor: pointer;
 padding: .5rem 0;
 text-align: left;
 font-family: inherit;
}

.daf-calc-advanced-content {
 padding: 1.25rem;
 background: var(--light-gray);
 border-radius: 10px;
 margin-top: .5rem;
 display: flex;
 flex-direction: column;
 gap: 1.25rem;
}

.daf-calc-submit {
 margin-top: .5rem;
 padding: .875rem 1.5rem;
 background: var(--primary-blue);
 color: var(--white);
 border: none;
 border-radius: 8px;
 font-size: 1rem;
 font-weight: 600;
 cursor: pointer;
 transition: background .2s;
 font-family: inherit;
}

.daf-calc-submit:hover { background: var(--primary-navy); }

.daf-calc-results {
 margin-top: 2rem;
 padding-top: 2rem;
 border-top: 2px solid var(--border-gray);
}

.daf-calc-results h4 {
 margin: 0 0 1rem;
 font-size: 1.25rem;
 color: var(--primary-navy);
}

.daf-calc-results-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
 gap: 1rem;
 margin-bottom: 0.75rem;
}

.result-card {
 background: var(--light-gray);
 border: 1px solid var(--border-gray);
 border-radius: 10px;
 padding: 1.25rem 1rem;
 text-align: center;
 transition: transform .2s;
}

.result-card:hover { transform: translateY(-2px); }

.result-card.highlight {
 background: #f0f7ff;
 border-color: var(--primary-blue);
 grid-column: 1 / -1;
}

.result-label {
 display: block;
 font-size: .7rem;
 text-transform: uppercase;
 letter-spacing: .04em;
 color: var(--text-light);
 margin-bottom: .5rem;
 font-weight: 600;
}

.result-value {
 display: block;
 font-size: 1.35rem;
 font-weight: 700;
 color: var(--primary-navy);
}

.result-value .unit {
 font-size: .875rem;
 font-weight: 400;
 color: var(--text-light);
}

.daf-calc-disclaimer {
 background: #fff8e1;
 border: 1px solid #f0d878;
 border-radius: 10px;
 padding: 1.25rem;
 font-size: .875rem;
 color: #7c5c10;
}

.daf-calc-disclaimer p { margin: 0 0 1rem; }

.daf-calc-cta {
 padding: .625rem 1.25rem;
 background: var(--accent-gold);
 color: var(--primary-navy);
 border: none;
 border-radius: 6px;
 font-size: .875rem;
 font-weight: 600;
 cursor: pointer;
 transition: background .2s;
 font-family: inherit;
 text-decoration: none;
 display: inline-block;
}

.daf-calc-cta:hover { background: #b8941f; }

.daf-calc-error {
 color: #dc2626;
 font-size: .875rem;
 margin-top: .5rem;
 padding: .75rem 1rem;
 background: #fef2f2;
 border: 1px solid #fecaca;
 border-radius: 6px;
}

/* Embed helper */
.embed-section{background:var(--light-gray);border-radius:12px;padding: 1rem;margin:2rem 0}
.embed-section h4{color:var(--primary-navy);margin-bottom:.75rem}
.embed-section code{background:var(--white);padding:.75rem 1rem;border-radius:6px;display:block;font-size:.8rem;color:var(--text-medium);border:1px solid var(--border-gray);font-family:'Courier New',monospace}



.calc-page-hero{background:linear-gradient(135deg,var(--primary-navy) 0%,#0d3a5c 100%);color:var(--white)}
.calc-page-hero h1{color:var(--white);font-size:2.25rem;margin-bottom:.75rem}
.calc-page-hero p{color:rgba(255,255,255,.85);font-size:1.1rem;max-width:700px}
.calc-page-hero .badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.15);padding:.375rem 1rem;border-radius:20px;font-size:.85rem;margin-top:1rem}

.calc-container{max-width:760px;margin:2rem auto;background:var(--white);border:1px solid var(--border-gray);border-radius:16px;padding:2.5rem;box-shadow:var(--shadow-md);}
.calc-header h3{margin:0 0 .25rem;font-size:1.5rem;color:var(--primary-navy);}
.calc-header p{margin:0 0 1.5rem;color:var(--text-medium);font-size:.95rem;}
.calc-form{display:flex;flex-direction:column;gap:1.25rem;}
.calc-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;}
@media(max-width:640px){.calc-row{grid-template-columns:1fr;}.calc-container{padding:1rem;}}
.calc-field{display:flex;flex-direction:column;gap:.35rem;}
.calc-field label{font-size:.875rem;font-weight:600;color:var(--primary-navy);}
.calc-field .unit,.calc-field .hint{font-weight:400;color:var(--text-light);font-size:.8rem;}
.calc-field input,.calc-field select{padding:.65rem .875rem;border:1px solid var(--border-gray);border-radius:8px;font-size:1rem;background:var(--white);transition:border-color .2s,box-shadow .2s;font-family:inherit;}
.calc-field input:focus,.calc-field select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(0,102,204,.1);}
.calc-submit{margin-top:.5rem;padding:.875rem 1.5rem;background:var(--primary-blue);color:var(--white);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;font-family:inherit;}
.calc-submit:hover{background:var(--primary-navy);}
.calc-results{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-gray);}
.calc-results h4{margin:0 0 1rem;font-size:1.25rem;color:var(--primary-navy);}
.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:.75rem;}
.result-card{background:var(--light-gray);border:1px solid var(--border-gray);border-radius:10px;padding:1.25rem 1rem;text-align:center;transition:transform .2s;}
.result-card:hover{transform:translateY(-3px);}
.result-card .value{font-size:1.75rem;font-weight:700;color:var(--primary-blue);display:block;margin-bottom:.25rem;}
.result-card .label{font-size:.8rem;color:var(--text-medium);}
.result-highlight{background:linear-gradient(135deg,#0a2540,#1e3a5f);color:#fff;border:none;}
.result-highlight .value{color:#c9a227;}
.result-highlight .label{color:rgba(255,255,255,.85);}
.calc-explanation{background:var(--light-gray);border-radius:10px;padding:1.25rem;margin-top:1rem;}
.calc-explanation h5{margin:0 0 .75rem;font-size:1rem;color:var(--primary-navy);}
.calc-explanation p{margin:0;font-size:.9rem;color:var(--text-medium);line-height:1.6;}
.calc-explanation code{background:rgba(201,162,39,.1);padding:.15rem .4rem;border-radius:4px;color:#8a6d1c;font-size:.85rem;}

.info-section{background:var(--white);border:1px solid var(--border-gray);border-radius:16px;padding:2rem;margin:2rem auto;max-width:760px;}
.info-section h3{color:var(--primary-navy);margin-bottom:1rem;font-size:1.25rem;}
.info-section p{color:var(--text-medium);font-size:.95rem;line-height:1.6;}
.info-section ul{margin:0;padding-left:1.25rem;color:var(--text-medium);font-size:.9rem;line-height:1.7;}