/* ==========================================================================
   Kishoreganj University — Additional Duties  (/additional-duty)

   Loaded after employee.css, which supplies the shared card tokens. Only the
   duty-specific palette and layout live here.
   main.css sets `html { font-size: 10px }`, so 1rem = 10px sitewide — sizes
   below are px on purpose.

   Office headings can be Bengali (প্রক্টর অফিস, ছাত্র হল, স্কাউট …), which
   renders in Kalpurush via the font stack in main.css. Bengali glyphs are
   taller than Latin, so nothing here is given a fixed height and line-height
   stays generous. See docs/decisions_sazid.md D-S7 and D-S8.
   ========================================================================== */

.kiu-duty-page {

    color: var(--kiu-body);
}

.kiu-duty-page .kiu-section {
    padding: 56px 0 72px;
}

/* The hero supplies this page's clearance under the fixed navbar; it must sit
   flush against the card section rather than adding a second gap. */
.kiu-duty-page .kiu-page-hero + .kiu-section {
    margin-top: 0;
}

/* ---------- office group ---------- */

.kiu-duty-office {
    margin-bottom: 48px;
}

.kiu-duty-office:last-child {
    margin-bottom: 0;
}

.kiu-duty-office__title {
    font-size: 19px;
    font-weight: 800;
    line-height: 1.7;
    color: var(--kiu-ink);
    padding-bottom: 12px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--kiu-border);
    position: relative;
}

.kiu-duty-office__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 56px;
    height: 3px;
    background: var(--kiu-accent);
}

/* The cards themselves are the shared .kiu-employee-card from employee.css,
   which this page loads first — only the office grouping above is local. */

.kiu-duty-page .kiu-section {
    background: var(--kiu-surface);
}