/* Uses the site's existing typography, colors and neumorphic components. */
.resource-hero{padding:145px 20px 65px;text-align:center;background:linear-gradient(130deg,var(--primary,#4d77ff),#7156d9);color:#fff}
/* Override the legacy header .container flex layout on this page only. */
.resource-hero > .container{display:block}
.resource-eyebrow{display:inline-flex;gap:10px;align-items:center;background:#ffffff20;border:1px solid #ffffff35;border-radius:30px;padding:8px 20px;margin-bottom:18px}
.resource-hero h1{font-size:clamp(2rem,5vw,3.3rem);font-weight:900;margin-bottom:14px}.resource-hero p{font-size:1.2rem;margin-bottom:12px}.resource-hero-note{opacity:.85;font-size:.95rem}
.resource-main{max-width:1200px;padding-bottom:65px}.resource-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;padding:26px 0;color:var(--muted,#718096);font-size:.9rem}.resource-breadcrumb a:hover{color:var(--primary)}
.resource-form label{display:block;font-weight:700;margin-bottom:8px}.resource-form input:not([type=hidden]),.resource-form select,.resource-form textarea{width:100%;min-width:0;padding:12px 14px;border:1px solid #dce2ec;border-radius:12px;background:var(--background,#f0f4f8);color:var(--foreground,#1a202c);font:inherit}.resource-form textarea{resize:vertical}.resource-form input:focus,.resource-form select:focus,.resource-form textarea:focus{outline:2px solid var(--primary,#4d77ff);outline-offset:2px}.resource-form .neu-btn:focus-visible,.resource-main a:focus-visible{outline:3px solid var(--primary);outline-offset:4px}
.resource-filters{display:grid;grid-template-columns:1fr .85fr 1.2fr auto;align-items:end;gap:18px;padding:25px}.resource-filter-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.resource-reset{color:var(--primary,#4d77ff);font-weight:700;white-space:nowrap}
.resource-results-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:40px 0 24px}.resource-results-heading h2{font-size:1.4rem}.resource-results-heading>span{color:var(--muted,#718096)}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.resource-card{padding:0;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s}.resource-card:hover{transform:translateY(-4px)}.resource-card-cover{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;background:linear-gradient(140deg,#e3eaff,#eee8ff);color:#526ac1;min-height:165px}.resource-card-cover i{font-size:3rem}.resource-card-cover span{font-weight:700;font-size:.9rem}.resource-card-body{padding:25px;display:flex;flex-direction:column;flex:1;gap:18px;min-width:0}.resource-badges{display:flex;flex-wrap:wrap;gap:8px}.resource-badges span{font-size:.8rem;border-radius:20px;padding:5px 12px;background:#4d77ff12;color:var(--primary,#4d77ff);font-weight:700}.resource-card h2{font-size:1.2rem;line-height:1.8;overflow-wrap:anywhere}.resource-excerpt{color:var(--muted,#718096);line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.resource-read{margin-top:auto;font-weight:700;color:var(--primary,#4d77ff);display:flex;align-items:center;justify-content:space-between;gap:10px}
.resource-empty{text-align:center;padding:55px 25px}.resource-empty>i{font-size:3rem;color:var(--muted);margin-bottom:18px}.resource-empty h2,.resource-empty h1{font-size:1.5rem;margin-bottom:15px}.resource-empty p{margin-bottom:25px;color:var(--muted)}.resource-pagination{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:35px}.resource-pagination .neu-btn{padding:10px 16px}
.resource-detail,.resource-not-found{padding-top:110px;max-width:1000px}.resource-article{padding:clamp(24px,5vw,55px)}.resource-article h1{font-size:clamp(1.6rem,4vw,2.5rem);line-height:1.7;margin:25px 0 15px;overflow-wrap:anywhere}.resource-article-intro{color:var(--muted);padding-bottom:25px;border-bottom:1px solid #80808025}.resource-article-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.1rem;line-height:2.2;padding:35px 0}.resource-download{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;background:#4d77ff0d;border:1px solid #4d77ff30;border-radius:20px;padding:25px}.resource-download h2{font-size:1.3rem;margin-bottom:8px}.resource-download p{color:var(--muted)}.resource-detail-back{display:flex;gap:22px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:30px}
.resource-admin .resource-form{display:grid;gap:22px}.resource-admin .resource-filters{grid-template-columns:1fr .85fr 1fr auto}.resource-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px}.resource-admin th,.resource-admin td{min-width:120px}.resource-alert{padding:16px 20px;border-radius:12px;background:#fff7de;color:#835e0c;margin-bottom:20px}.resource-error{background:#fff0f0;color:#a52222}.resource-success{background:#e7f7ee;color:#176d3b}
[data-theme=dark] .resource-card-cover{background:linear-gradient(135deg,#263356,#343057);color:#a4b5ff}[data-theme=dark] .resource-form input:not([type=hidden]),[data-theme=dark] .resource-form select,[data-theme=dark] .resource-form textarea{border-color:#475569;background:#1e293b;color:#e2e8f0}[data-theme=dark] .resource-badges span{color:#a4b5ff;background:#818cf820}[data-theme=dark] .resource-download{background:#818cf810}[data-theme=dark] .resource-error{background:#461f29;color:#fecaca}[data-theme=dark] .resource-success{background:#173b30;color:#a7f3d0}
@media(max-width:1024px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-filters,.resource-admin .resource-filters{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.resource-hero{padding:120px 5px 45px}.resource-grid{grid-template-columns:1fr;gap:25px}.resource-filters,.resource-admin .resource-filters{grid-template-columns:1fr;padding:22px}.resource-results-heading h2{font-size:1.1rem}.resource-results-heading>span{font-size:.85rem}.resource-article{border-radius:20px}.resource-download{padding:20px}.resource-download .neu-btn{width:100%}.resource-detail{padding-top:90px}.resource-fields{grid-template-columns:1fr}}

/* Let the RTL admin flex/grid layout shrink instead of clipping form controls. */
.resource-admin{min-width:0;overflow-wrap:anywhere}
.resource-form>div,.resource-fields>div{min-width:0}