/* PCTI modern homepage shell — scoped to .pcti-home-modern */
.pcti-home-modern {
    --pcti-blue: #0b4f86;
    --pcti-blue-dark: #07385f;
    --pcti-red: #e33145;
    --pcti-ink: #173047;
    --pcti-muted: #617486;
    --pcti-line: #dce5ec;
    --pcti-soft: #f3f7fa;
    --pcti-white: #fff;
}
.pcti-home-modern *, .pcti-home-modern *::before, .pcti-home-modern *::after { box-sizing: border-box; }
.pcti-home-modern .pcti-home-hero { overflow: visible; margin-bottom: 0; }
.pcti-home-modern .pcti-home-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; max-width: 1280px; margin: 20px auto 48px; }
.pcti-home-modern .pcti-home-actions > a { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 13px; align-items: center; min-height: 96px; padding: 20px; border: 1px solid var(--pcti-line); border-radius: 10px; background: var(--pcti-white); color: var(--pcti-ink); text-align: left; text-decoration: none; box-shadow: 0 8px 24px rgba(7,56,95,.055); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.pcti-home-modern .pcti-home-actions > a:hover { transform: translateY(-2px); border-color: #a9c8dd; box-shadow: 0 12px 30px rgba(7,56,95,.11); }
.pcti-home-modern .pcti-home-action-icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: #e9f4fb; color: var(--pcti-blue); font-size: 11px; font-weight: 900; }
.pcti-home-modern .pcti-home-actions > a:nth-child(4) .pcti-home-action-icon { background: #ffe9ec; color: var(--pcti-red); }
.pcti-home-modern .pcti-home-actions strong, .pcti-home-modern .pcti-home-actions small { display: block; }
.pcti-home-modern .pcti-home-actions strong { margin-bottom: 3px; color: var(--pcti-blue-dark); font-size: 15px; line-height: 1.25; }
.pcti-home-modern .pcti-home-actions small { color: var(--pcti-muted); font-size: 12px; line-height: 1.4; }
.pcti-home-modern .pcti-home-action-arrow { color: var(--pcti-red); font-size: 19px; }
.pcti-home-modern .title strong, .pcti-home-modern .page-title h1 { color: var(--pcti-blue-dark); }
@media (max-width: 1100px) {
    .pcti-home-modern .pcti-home-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .pcti-home-modern .pcti-home-actions { grid-template-columns: 1fr; gap: 9px; margin: 14px 10px 38px; }
    .pcti-home-modern .pcti-home-actions > a { min-height: 82px; padding: 15px; }
}