/* School sections (school-sections.js): facilities, co-curricular, extra-curricular, innovation, government orders, feedback. */
.ss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:16px 0}
.ss-card{border:1px solid #d3e1da;border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 2px 8px #15543e14}
.ss-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#eef3f0}
.ss-card-body{padding:12px 14px 14px}
.ss-card h3{margin:0 0 6px;font-size:17px;line-height:1.35;color:#164b3c}
.ss-card p{margin:0;font-size:14px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
.ss-subject{display:inline-block;margin-bottom:6px;padding:2px 8px;border-radius:999px;background:#e6f2ec;color:#164b3c;font-size:12px;font-weight:700}
.ss-subject-title{margin:24px 0 4px;padding-bottom:6px;border-bottom:2px solid #15543e;color:#164b3c;font-size:20px}
.ss-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.ss-chips a{padding:6px 12px;border:1px solid #15543e;border-radius:999px;color:#15543e;text-decoration:none;font-size:14px;font-weight:600}
.ss-chips a:hover,.ss-chips a:focus-visible{background:#15543e;color:#fff}
.ss-facilities{margin-top:28px}
.ss-facilities>h3{color:#164b3c;font-size:22px}
.ss-empty{padding:18px;border:1px dashed #b8cfc3;border-radius:10px;background:#f6faf8;color:#3d5a4d}
.ss-go-table{width:100%;border-collapse:collapse}
.ss-go-table th,.ss-go-table td{padding:10px 12px;border-bottom:1px solid #d3e1da;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.ss-go-table th{background:#e6f2ec;color:#164b3c}
.ss-go-link{display:inline-block;padding:6px 12px;border-radius:8px;background:#15543e;color:#fff;text-decoration:none;font-weight:700;white-space:nowrap}
.ss-form{display:grid;gap:14px;max-width:640px;margin:16px 0}
.ss-form label{display:grid;gap:6px;font-weight:600;color:#164b3c}
.ss-form input,.ss-form select,.ss-form textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #9fb9ab;border-radius:8px;font:inherit;background:#fff;color:#1b2b24}
.ss-form textarea{resize:vertical;min-height:130px}
.ss-form .ss-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ss-note{margin:0;font-size:13px;color:#4f6377}
.ss-status{min-height:1.4em;margin:0;color:#a63d3d;font-weight:600}
.ss-thanks{max-width:640px;margin:16px 0;padding:18px;border:1px solid #9fcdb4;border-radius:12px;background:#eaf7ef}
.ss-thanks h3{margin:0 0 6px;color:#164b3c}
.ss-feedback-link{display:inline-block;margin-top:18px}
@media(max-width:600px){.ss-grid{grid-template-columns:1fr}}

/* administration editors (school-sections-admin.js) */
.admin-form .sa-rows{display:grid;gap:12px}
.admin-form .sa-row{display:grid;gap:8px;padding:12px;border:1px solid #d3e1da;border-radius:10px;background:#fbfdfc}
.admin-form .sa-row input[type=text],.admin-form .sa-row input[type=url],.admin-form .sa-row textarea{width:100%;box-sizing:border-box}
.admin-form .sa-photo{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.admin-form .sa-thumb{width:96px;height:72px;object-fit:cover;border-radius:6px;border:1px solid #cfe0d6}
.admin-form .sa-controls,.admin-form .sa-adders{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}
.admin-form .sa-feedback{padding:12px;margin:10px 0;border:1px solid #d3e1da;border-radius:10px;background:#fbfdfc}
.admin-form .sa-feedback-head{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}
.admin-form .sa-feedback-message{white-space:pre-line;overflow-wrap:anywhere}
.admin-form .sa-preview-table{width:100%;border-collapse:collapse;margin:8px 0}
.admin-form .sa-preview-table th,.admin-form .sa-preview-table td{padding:6px 8px;border:1px solid #d3e1da;text-align:left}

/* The word "Principal" under the principal photo on the home page: double size (user request 19 Oct 2026) */
body.model-home .principal-card>span{font-size:24px;line-height:1.3}
/* the principal's name under the photo: a little larger (user request 19 Oct 2026) */
body.model-home .principal-card h3{font-size:24px;line-height:1.25;overflow-wrap:anywhere}