@font-face{font-family:'Noto Sans Arabic';font-style:normal;font-weight:400 700;font-display:swap;src:url("media/noto-sans-arabic-400-700.855d659e40bb.woff2") format('woff2')}
:root{color-scheme:light;--ink:#193b31;--muted:#67766f;--line:#dbe1d7;--paper:#f7f7ef}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.9 "Noto Sans Arabic",Tahoma,Arial,sans-serif}header,main,footer{max-width:1080px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}a{color:inherit;text-underline-offset:5px}a:hover{color:#985b26}a:focus-visible{outline:3px solid #c68b42;outline-offset:5px}.brand{font-size:36px;font-weight:bold;text-decoration:none}.brand span{display:block;font-size:12px;font-weight:normal;letter-spacing:1px}nav{display:flex;gap:24px}main{max-width:860px;min-height:70vh}h1{font-size:clamp(32px,5vw,55px);line-height:1.45;margin:28px 0}h2{font-size:25px;line-height:1.6}.lead{font-size:23px;color:#4a6257}.eyebrow{color:#8c662b;font-size:14px;margin-top:40px}.notice{font-size:12px;color:var(--muted);border-inline-start:3px solid #bda46c;padding-inline-start:12px}.muted{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.panel{display:block;border:1px solid var(--line);border-radius:12px;background:#fff;padding:24px;margin:24px 0}.panel>a{display:block;margin:12px 0}article p{margin:24px 0}footer{border-top:1px solid var(--line);color:var(--muted);font-size:13px}.skip{position:absolute;inset-inline-start:12px;top:-100px}.skip:focus{top:10px;background:white;padding:12px;z-index:10}@media(max-width:480px){header,main,footer{padding:18px}.panel{padding:18px}.lead{font-size:20px}nav{gap:15px}}

figure{margin:24px 0}figure img{display:block;width:100%;height:auto;border-radius:10px}figcaption{font-size:12px;color:var(--muted);line-height:1.8;margin-top:8px}
.club-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.club-card{margin:0;text-decoration:none}.club-card h2{margin-top:0}.roster{list-style:none;padding:0}.roster li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;padding:12px 0;border-bottom:1px solid var(--line)}.roster li:last-child{border:0}.roster span{font-size:14px;color:var(--muted)}.roster a{overflow-wrap:anywhere}

header nav{flex-wrap:wrap;justify-content:flex-end}.match-list{list-style:none;padding:0}.match-list li{padding:18px 0;border-bottom:1px solid var(--line)}.match-list p{margin:4px 0}.filters{display:flex;gap:16px;flex-wrap:wrap}.filters label{display:grid;gap:6px;min-width:0;flex:1 1 180px}select,button{font:inherit;max-width:100%;padding:8px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}button{cursor:pointer}.score{font-size:42px;font-weight:700;text-align:center}

.entity-media{margin:1rem 0;max-width:320px}.entity-media img{display:block;max-width:100%;height:auto;border-radius:12px}.entity-media figcaption{font-size:.8rem;color:var(--muted,#59646a);margin-top:.4rem}.entity-media details{margin-top:.4rem}.media-source{overflow-wrap:anywhere;font-size:.7rem}.entity-placeholder{width:128px;height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;border:1px solid #dce3df;background:#f1f5f2;border-radius:12px;margin:1rem 0;color:#59646a}.entity-placeholder span{font-size:2rem}.entity-placeholder small{font-size:.75rem}

/* Render long lists as they approach the viewport; retain all semantic HTML. */
.defer-panel,.club-grid>.panel,.roster li,.match-list li{content-visibility:auto;contain-intrinsic-size:auto 180px}
@media print{.defer-panel,.club-grid>.panel,.roster li,.match-list li{content-visibility:visible;contain-intrinsic-size:none}}

.search-form{display:grid;gap:10px;margin:24px 0;max-width:640px}.search-controls{display:flex;gap:8px}.search-form input{min-width:0;width:100%;font:inherit;padding:10px;border:1px solid var(--line);border-radius:6px}.search-controls input{flex:1}.browse-links,.pagination{display:flex;flex-wrap:wrap;gap:18px;margin:24px 0}.search-results{list-style:none;padding:0}.search-results li{padding:16px 0;border-bottom:1px solid var(--line)}.search-results p{margin:0}.search-results a{overflow-wrap:anywhere}

input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #193b31;outline-offset:3px}footer nav{flex-wrap:wrap}