/* DALEELAK V37 — safe responsive resource cards */
.v37-shell{max-width:1180px;margin:auto;padding:26px 16px 70px}.v37-hero{background:linear-gradient(125deg,#062b38,#07665f);color:white;padding:30px;border-radius:24px}.v37-hero h1{color:white;margin:0 0 6px}.v37-hero p{margin:0;color:#d6eeeb}.v37-tools{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.v37-tools input{flex:1;min-width:190px}.v37-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.v37-tab{border:1px solid #bfd9d5;background:white;color:#0a4950;border-radius:999px;padding:9px 14px;white-space:nowrap;font-weight:700}.v37-tab[aria-pressed="true"]{background:#075e60;color:white}.v37-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.v37-card{border:1px solid #d7e6e2;background:white;border-radius:18px;padding:18px;box-shadow:0 8px 22px #163b3810;min-width:0}.v37-card h3{margin:0 0 5px;font-size:17px}.v37-card p{color:#587075;font-size:13px}.v37-card a{display:inline-flex;padding:10px 12px;background:#09615d;border-radius:10px;color:white;font-weight:700}.v37-card a:hover{background:#064a48;color:white}.v37-control{padding:20px;border:1px solid #d7e6e2;background:white;border-radius:20px;margin:22px 0}.v37-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v37-form label{font-weight:700;font-size:13px}.v37-form input:not([type=checkbox]),.v37-form textarea,.v37-form select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #c8dcda;border-radius:10px}.v37-full{grid-column:1/-1}.v37-admin-list{display:grid;gap:8px;margin-top:15px}.v37-admin-item{border:1px solid #d9e6e3;border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.v37-admin-item button{margin-inline-start:7px}.v37-muted{color:#6b7c80}.v37-message{min-height:20px;margin:8px 0}.v37-message.error{color:#b91c1c}@media(max-width:800px){.v37-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.v37-grid,.v37-form{grid-template-columns:1fr}.v37-hero{padding:20px}.v37-control{padding:15px}.v37-shell{padding:16px 12px 80px}}

/* V37.1: readable, app-style directory header across legacy themes */
body[data-page="resources"] .v37-shell{max-width:1120px;padding-top:clamp(16px,3vw,32px);min-width:0}
body[data-page="resources"] .v37-shell .v37-hero{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  min-height:160px;gap:10px;padding:clamp(22px,4vw,40px);
  background:linear-gradient(125deg,#082c39,#075e62) !important;
  color:#fff !important;border:1px solid rgba(255,255,255,.14);
  box-shadow:0 14px 34px rgba(5,31,41,.15);border-radius:24px;
}
body[data-page="resources"] .v37-hero h1{
  display:block;visibility:visible;opacity:1;color:#fff !important;
  font-size:clamp(23px,3.1vw,37px);line-height:1.45;
  font-weight:900;letter-spacing:0;margin:0;
}
body[data-page="resources"] .v37-hero p{
  display:block;visibility:visible;opacity:1;color:#e2f3f1 !important;
  font-size:clamp(13px,1.6vw,16px);line-height:1.85;max-width:720px;margin:0;
}
body[data-page="resources"] .v37-tools{margin-top:22px}
body[data-page="resources"] .v37-tools input{min-height:52px;background:#fff;color:#153139}
body[data-page="resources"] .v37-tab{min-height:44px}
body[data-page="resources"] .v37-tab:focus-visible,
body[data-page="resources"] .v37-card a:focus-visible{outline:3px solid #e7ae46;outline-offset:3px}
body[data-page="resources"] .v37-card{display:flex;flex-direction:column;gap:8px}
body[data-page="resources"] .v37-card p{flex:1;margin:0 0 8px}
body[data-page="resources"] .v37-card a{justify-content:center;text-align:center}
@media(max-width:600px){
 body[data-page="resources"] .v37-shell .v37-hero{border-radius:18px;min-height:140px;padding:22px 18px}
 body[data-page="resources"] .v37-grid{grid-template-columns:1fr}
}