
.atu-tod{--green:#10483b;--line:#dce7e0;--ink:#132e27;--muted:#64736f;direction:rtl;font-family:Cairo,Tajawal,Arial,sans-serif;color:var(--ink);max-width:1250px;margin:20px auto 40px;padding:0 12px;box-sizing:border-box}
.atu-tod *{box-sizing:border-box}.atu-tod-hero{border-radius:24px;background:linear-gradient(120deg,#10483b,#075943);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:36px 38px;margin-bottom:26px}
.atu-tod-hero-text{flex:1}.atu-tod-eyebrow{font-size:13px;color:#e0c16f;font-weight:700}.atu-tod-hero h2{color:#fff;font-size:36px;margin:12px 0;font-weight:800}.atu-tod-hero p{color:#eef6f1;margin:0;line-height:1.9;font-size:16px}
.atu-tod-logos{display:flex;gap:15px;align-items:center}.atu-tod-logos img{object-fit:contain;background:white;border-radius:18px;padding:12px;width:124px;height:124px}
.atu-tod-search{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;border:1px solid var(--line);border-radius:20px;padding:22px;background:white;box-shadow:0 8px 25px #163b2e0c;margin-bottom:26px}
.atu-tod-search label{display:flex;flex-direction:column;gap:7px;font-size:14px;color:#526861;font-weight:600}
.atu-tod-search input,.atu-tod-search select{height:48px;width:100%;border:1px solid #ccd9d3;border-radius:9px;padding:8px 12px;background:#fff;color:var(--ink);font:inherit;font-size:15px}
.atu-tod-actions{display:flex;gap:16px;align-items:center;grid-column:1/-1;justify-content:flex-start}.atu-tod-actions button,.atu-tod-btn{background:var(--green);color:white;border:0;border-radius:10px;padding:12px 20px;text-decoration:none;font-weight:700;cursor:pointer;font-size:14px;text-align:center}.atu-tod-actions a{color:var(--green);text-decoration:none}
.atu-tod-count{text-align:right;margin:20px 0;color:var(--muted)}.atu-tod-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.atu-tod-card{border:1px solid var(--line);border-radius:20px;background:#fff;text-align:center;padding:23px 20px 18px;display:flex;flex-direction:column;align-items:stretch;min-height:330px;box-shadow:0 7px 22px rgba(0,40,30,.04);transition:transform .2s ease,box-shadow .2s ease}
.atu-tod-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,40,30,.10)}
.atu-tod-building{border:2px solid #e5eee9;color:var(--green);background:#f1f7f4;border-radius:18px;height:88px;width:88px;display:flex;align-items:center;justify-content:center;font-size:45px;margin:0 auto 14px}
.atu-tod-card h3{margin:0 0 5px;font-size:18px;line-height:1.5;color:var(--ink)}.atu-tod-en{font-size:13px;color:var(--muted);margin:2px 0 10px}.atu-tod-pill{font-size:12px;display:inline-flex;align-self:center;padding:4px 10px;border-radius:30px;background:#e6f5ea;color:#155d39;font-weight:700}
.atu-tod-number{margin:12px auto;font-weight:800;color:#0b4b40;font-size:14px}.atu-tod-line{display:flex;justify-content:space-between;gap:10px;text-align:right;border-bottom:1px solid #eef2ee;padding:6px 0;font-size:13px}.atu-tod-line span{color:var(--muted)}.atu-tod-line strong{font-weight:700}
.atu-tod-accreditation{font-size:12px;color:#687973;margin:10px 0 16px}.atu-tod-card .atu-tod-btn{display:block;margin-top:auto}
.atu-tod-paging{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:22px 0}.atu-tod-paging a{padding:8px 14px;border:1px solid var(--line);border-radius:9px;text-decoration:none}.atu-tod-paging .is-current{background:var(--green);color:white}.atu-tod-note,.atu-tod-empty{background:#f3f7f4;border:1px solid var(--line);border-radius:12px;padding:15px;margin:22px 0;font-size:13px;color:#50665c}
.atu-tod-profile{padding:25px;background:#fff;border:1px solid var(--line);border-radius:18px}.atu-tod-profile-header{display:flex;gap:20px;align-items:center;margin:25px 0}.atu-tod-profile-header .atu-tod-building{margin:0}.atu-tod-profile h2{font-size:30px;margin:0}.atu-tod-profile-header p{margin:0;color:var(--muted)}
.atu-tod-back{color:var(--green);font-weight:800;text-decoration:none}.atu-tod-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.atu-tod-info-grid>div{background:#f8faf9;border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}.atu-tod-info-grid small{color:var(--muted)}.atu-tod-info-grid strong{font-size:16px}.atu-tod-btn-secondary{display:inline-block}
@media(max-width:1100px){.atu-tod-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.atu-tod-grid{grid-template-columns:repeat(2,1fr)}.atu-tod-search{grid-template-columns:1fr 1fr}.atu-tod-hero{padding:22px}.atu-tod-logos img{width:90px;height:90px}}
@media(max-width:560px){.atu-tod-grid,.atu-tod-search,.atu-tod-info-grid{grid-template-columns:1fr}.atu-tod-hero{flex-direction:column;align-items:flex-start}.atu-tod-hero h2{font-size:28px}.atu-tod-logos img{width:86px;height:86px}.atu-tod-search{padding:15px}}
@media(prefers-reduced-motion:reduce){.atu-tod-card{transition:none}.atu-tod-card:hover{transform:none}}

/* Organisation logos and optional public contacts — v0.1.1 */
.atu-tod .atu-tod-building--logo{overflow:hidden;background:#fff;padding:8px}
.atu-tod .atu-tod-logo{display:block;width:100%;height:100%;object-fit:contain;max-width:100%}
.atu-tod .atu-tod-public-contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.atu-tod .atu-tod-public-contacts>div{display:flex;flex-direction:column;gap:4px;background:#f8faf9;border:1px solid var(--line);padding:14px 16px;border-radius:12px;min-width:0}
.atu-tod .atu-tod-public-contacts small{color:var(--muted)}
.atu-tod .atu-tod-public-contacts a{color:var(--green);overflow-wrap:anywhere;font-weight:700;text-decoration:underline}
@media(max-width:560px){.atu-tod .atu-tod-public-contacts{grid-template-columns:1fr}}

/* v0.1.2: readability of three-column institution cards */
.atu-tod-card{min-height:350px;padding:26px 24px 20px}
.atu-tod-card h3{font-size:20px}
.atu-tod-en{font-size:14px}
.atu-tod-line{font-size:14px}

/* v0.1.3: larger organisation identity and explicit accreditation levels */
.atu-tod .atu-tod-card .atu-tod-building {width:132px;height:118px;margin:0 auto 17px;border-radius:18px;flex-shrink:0}
.atu-tod .atu-tod-card .atu-tod-building--logo{padding:8px}
.atu-tod .atu-tod-card .atu-tod-logo{object-fit:contain;width:100%;height:100%}
.atu-tod .atu-tod-profile-header .atu-tod-building{width:160px;height:145px;flex-shrink:0;border-radius:20px}
.atu-tod .atu-tod-profile-header .atu-tod-building--logo{padding:10px}
.atu-tod .atu-tod-accreditation{min-height:2.9em;line-height:1.65}
.atu-tod .atu-tod-accreditation.is-approved{color:#0a5743;font-weight:800;font-size:13px}
.atu-tod .atu-tod-approval-no{display:block;font-weight:700;margin-top:3px;color:#24453b;direction:ltr;unicode-bidi:isolate}
.atu-tod .atu-tod-search{grid-template-columns:2fr 1fr 1fr 1fr}
@media(max-width:1000px){.atu-tod .atu-tod-search{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.atu-tod .atu-tod-search{grid-template-columns:1fr}.atu-tod .atu-tod-profile-header .atu-tod-building{width:116px;height:108px}}

/* v0.1.4: increase effective organisation-logo viewing area without cropping. */
.atu-tod .atu-tod-card .atu-tod-building{width:188px;height:150px;margin:0 auto 18px;border-radius:17px;max-width:100%;}
.atu-tod .atu-tod-card .atu-tod-building--logo{padding:2px;overflow:hidden;background:#fff;}
.atu-tod .atu-tod-card .atu-tod-building--logo .atu-tod-logo{display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-width:none;max-height:none;}
.atu-tod .atu-tod-profile-header .atu-tod-building{width:220px;height:185px;max-width:100%;border-radius:20px;}
.atu-tod .atu-tod-profile-header .atu-tod-building--logo{padding:3px;overflow:hidden;background:#fff;}
.atu-tod .atu-tod-profile-header .atu-tod-building--logo .atu-tod-logo{width:100%;height:100%;object-fit:contain;object-position:center;max-width:none;max-height:none;}
@media(max-width:560px){.atu-tod .atu-tod-card .atu-tod-building{width:165px;height:137px}.atu-tod .atu-tod-profile-header .atu-tod-building{width:155px;height:135px}}
