/* ExamNotesPDF — shared Teacher-Exam Age Calculator engine (CSS)
   Built once (2026-09-04), reused by every enp_tool / Page that drops in
   a <div class="enp-age-engine" data-...> container — see
   enp-age-engine.js for the markup this styles and the config it reads.
   Do not fork this file per tool; add exam entries to EXAM_DATA in the JS
   instead. */

.enp-age-engine{
    max-width:500px;
    margin:0 auto;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans Devanagari",sans-serif;
    box-sizing:border-box;
}
.enp-age-engine *{box-sizing:border-box;}

.enp-age-engine-title{margin:0 0 5px;font-size:24px;font-weight:800;color:#0f172a;line-height:1.3;}
.enp-age-engine-sub{margin:0 0 20px;font-size:15px;color:#64748b;line-height:1.5;}

.enp-age-engine-field{margin-bottom:16px;}
.enp-age-engine-label{display:block;margin-bottom:6px;font-size:14px;font-weight:700;color:#1e293b;}

.enp-age-engine-input,
.enp-age-engine-select{
    width:100%;min-height:48px;padding:10px 12px;font-size:16px;line-height:1.4;
    border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;
    font-family:inherit;-webkit-appearance:none;appearance:none;
}
.enp-age-engine-input:focus,
.enp-age-engine-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15);}

.enp-age-engine-hint{margin:6px 0 0;font-size:12px;color:#94a3b8;line-height:1.4;}

.enp-age-engine-btn{
    display:block;width:100%;min-height:50px;margin-top:10px;background:#2563eb;color:#fff;
    font-size:16px;font-weight:800;border:none;border-radius:8px;cursor:pointer;font-family:inherit;
    transition:.2s ease;
}
.enp-age-engine-btn:hover{background:#1d4ed8;}

.enp-age-engine-result{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb;}
.enp-age-engine-result[hidden]{display:none;}

.enp-age-engine-status{text-align:left;padding:12px 16px;border-radius:8px;font-size:15px;font-weight:800;margin-bottom:16px;}
.enp-age-engine-status-ok{background:#dcfce7;color:#166534;border-left:4px solid #22c55e;}
.enp-age-engine-status-over{background:#fee2e2;color:#991b1b;border-left:4px solid #dc2626;}
.enp-age-engine-status-low{background:#fef3c7;color:#92400e;border-left:4px solid #f59e0b;}
.enp-age-engine-status-info{background:#eff6ff;color:#1d4ed8;}

.enp-age-engine-age-card{margin-bottom:16px;}
.enp-age-engine-age-label{display:block;font-size:13px;color:#64748b;font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em;}
.enp-age-engine-age{font-size:28px;font-weight:850;color:#2563eb;margin:0;line-height:1.35;}
.enp-age-engine.status-ok .enp-age-engine-age{color:#16a34a;}
.enp-age-engine.status-over .enp-age-engine-age{color:#dc2626;}
.enp-age-engine.status-low .enp-age-engine-age{color:#d97706;}

.enp-age-engine-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.enp-age-engine-info-label{display:block;font-size:12px;color:#64748b;margin-bottom:4px;font-weight:600;}
.enp-age-engine-info-value{display:block;font-size:16px;color:#0f172a;font-weight:800;}
.enp-age-engine-category{display:inline-flex;align-items:center;color:#1d4ed8;font-size:15px;font-weight:800;}

.enp-age-engine-rule{
    font-size:14px;line-height:1.6;color:#334155;background:#f8fafc;
    border-left:3px solid #cbd5e1;border-radius:0 8px 8px 0;padding:12px 16px;
}
.enp-age-engine-disclaimer{margin:16px 0 0;font-size:12px;line-height:1.5;color:#94a3b8;}

@media(max-width:420px){
    .enp-age-engine-info-grid{grid-template-columns:1fr;gap:12px;}
}

/* Compact vertical rhythm on phones (2026-09-04): fit as much of the form
   as possible into one 6.5" screen without scrolling, on top of the
   edge-to-edge chrome fix in the theme's style.css. */
@media(max-width:560px){
    .enp-age-engine-title{font-size:19px;margin:0 0 3px;}
    .enp-age-engine-sub{font-size:12.5px;margin:0 0 12px;line-height:1.4;}
    .enp-age-engine-field{margin-bottom:10px;}
    .enp-age-engine-label{font-size:12.5px;margin-bottom:4px;}
    .enp-age-engine-input,
    .enp-age-engine-select{min-height:42px;padding:7px 10px;font-size:14.5px;}
    .enp-age-engine-hint{font-size:10.5px;margin:4px 0 0;}
    .enp-age-engine-btn{min-height:44px;margin-top:6px;font-size:14.5px;}
    .enp-age-engine-result{margin-top:14px;padding-top:14px;}
    .enp-age-engine-status{padding:9px 12px;font-size:13.5px;margin-bottom:10px;}
    .enp-age-engine-age-card{margin-bottom:10px;}
    .enp-age-engine-age{font-size:22px;}
    .enp-age-engine-info-grid{gap:10px;margin-bottom:10px;}
    .enp-age-engine-rule{font-size:12.5px;padding:9px 12px;}
    .enp-age-engine-disclaimer{font-size:10.5px;margin-top:10px;}
}