.induk-directory{max-width:1240px;margin:auto;padding:56px 32px 48px}
.induk-directory>header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}
.induk-directory>header small{color:#0b7189;font-size:10px;letter-spacing:.16em;font-weight:700}
.induk-directory h2{margin:10px 0 0;color:#073b4c;font:500 clamp(28px,4vw,42px) Georgia,serif}
.induk-directory>header p{max-width:300px;color:#576e72;font-size:13px;line-height:1.7}
.induk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.induk-card{display:flex;flex-direction:column;overflow:hidden;background:white;border:1px solid #dbe6e4;border-radius:12px;color:#073b4c;text-decoration:none;box-shadow:0 6px 22px #073b4c08;transition:transform .2s,box-shadow .2s}
.induk-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #073b4c18}
.induk-card:focus-visible{outline:3px solid #0b7189;outline-offset:5px}
.induk-card>img{width:100%;height:180px;object-fit:cover}
.induk-card>div{display:flex;flex:1;flex-direction:column;padding:24px}
.induk-card small{font-size:9px;letter-spacing:.1em;font-weight:700;color:#0b7189}
.induk-card h3{margin:12px 0 9px;font:500 27px Georgia,serif}
.induk-card p{margin:0 0 22px;color:#576e72;font-size:13px;line-height:1.75}
.induk-card span{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid #e5eeeb;font-size:12px;font-weight:700}
.induk-card span b{font-size:22px;color:#0b7189}
.induk-card-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid #e5eeeb}
.induk-card-actions a{font-size:12px;font-weight:700;color:#073b4c}
.induk-card-actions button,.hub-sector-actions [data-sector-login]{border:1px solid #0b7189;border-radius:5px;background:#0b7189;color:white;padding:12px 14px;font:700 12px Arial,sans-serif;cursor:pointer}
[data-sector-login]:disabled{opacity:.65;cursor:wait}
[data-sector-login]:focus-visible,.induk-card-actions a:focus-visible{outline:3px solid #e6b953;outline-offset:3px}
.sector-login-status{max-width:1176px;margin:16px auto;padding:0 24px;color:#073b4c;font-size:14px}
@media(max-width:900px){.induk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.induk-directory{padding:34px 20px}.induk-directory>header{display:block}.induk-grid{grid-template-columns:1fr;gap:18px}.induk-card>img{height:190px}}
@media(prefers-reduced-motion:reduce){.induk-card{transition:none}.induk-card:hover{transform:none}}