/* Inherit the existing typography, brand and seasonal variables. */
.skip-link{position:absolute;top:-100px;right:20px;z-index:1000;background:var(--ink);color:var(--white);padding:14px}.skip-link:focus{top:10px}
.compact-hero,.discovery-section,.topic-heading,.breadcrumbs,.topic-content,.page-return{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.compact-hero{padding:52px 0 22px;text-align:center;max-width:830px}.compact-hero h1{font-family:"Noto Naskh Arabic",serif;font-size:clamp(2rem,5vw,3.3rem);line-height:1.4;margin:12px 0;color:var(--ink)}.compact-hero>p:not(.section-label){max-width:690px;margin:10px auto;color:var(--muted)}.hero-role{font-weight:700}.hero-signature{display:inline-block;border-top:1px solid var(--line);padding:12px 26px 0;margin-top:12px;font-family:"Noto Naskh Arabic",serif;font-size:1.35rem;color:var(--ink)}
.discovery-section{margin-block:32px 58px}.discovery-section h2,.topic-heading h1{font-family:"Noto Naskh Arabic",serif;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.5;margin:8px 0 14px}.discovery-section>p,.topic-heading>p{color:var(--muted)}
.search-section{max-width:900px;margin-top:12px}.site-search{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.site-search label{display:block;font-weight:700;margin-bottom:12px}.site-search>div{display:flex;gap:12px}.site-search input{min-width:0;width:100%;font:inherit;padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink-deep)}.site-search button{font:inherit;white-space:nowrap;cursor:pointer;border:0}.site-search>p{margin:12px 0 0;color:var(--muted);font-size:.8rem}
.discovery-section .topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.topic-tile{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--white);transition:transform .18s,border-color .18s}.topic-tile:hover{transform:translateY(-3px);border-color:var(--ink)}.topic-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;background:var(--cream);color:var(--ink);border-radius:14px;font-size:1.6rem}.topic-tile h3{font-size:1.05rem;line-height:1.8;margin:18px 0 8px}.topic-tile p{color:var(--muted);font-size:.88rem;line-height:1.95;margin:0 0 20px}.tile-open{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;margin-top:auto;font-size:.82rem;font-weight:700;color:var(--ink);padding-top:14px;border-top:1px solid var(--line)}.tile-open b{font-size:1.3rem}.topic-blood .topic-icon{color:#793044;background:#f5e7eb}.topic-blood .tile-open{color:#793044}
.discovery-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.text-link{display:inline-block;text-decoration:underline;text-underline-offset:5px;color:var(--ink);padding:12px 0;font-size:.88rem}.recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.recent-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--white);min-width:0}.recent-card>a{display:flex;flex-direction:column;height:100%}.recent-card img{width:100%;height:190px;object-fit:contain;background:var(--cream)}.recent-card>a>div{padding:22px;display:flex;flex-direction:column;flex:1}.recent-card h3{font-size:1.05rem;line-height:1.85;margin:8px 0}.recent-card p{font-size:.83rem;color:var(--muted);overflow-wrap:anywhere}.recent-card time,.undated{font-size:.75rem;color:var(--muted);margin:8px 0 16px}.quiz-entry{display:flex;gap:24px;align-items:center;padding:28px;border-radius:20px;background:var(--cream);border:1px solid var(--line)}.quiz-entry>div{flex:1}.quiz-entry p{font-size:.9rem}.quiz-entry .primary-btn{flex-shrink:0}.home-about{text-align:center;border-top:1px solid var(--line);padding-top:32px;max-width:900px}.home-about .text-link{margin:0 12px}
.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;margin-block:24px 10px;font-size:.8rem}.breadcrumbs a{text-decoration:underline}.topic-heading{padding-block:16px 24px}.topic-heading>p{max-width:780px}.topic-content{margin-bottom:50px}.topic-content .safety-section,.topic-content #blood-donation{width:100%;margin-inline:0}.topic-content #health-quiz{width:100%;max-width:none}.topic-content .topic-tile{margin-block:20px}.page-return{margin-block:24px 55px}.search-summary{margin:24px 0;padding:16px;background:var(--cream);border-radius:12px}.discovery-section>h2:not(:first-child){margin-top:32px}
.related-posts{margin:45px 0 20px;border-top:1px solid var(--line);padding-top:24px}.related-posts h2{font-size:1.5rem}.related-posts .recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-breadcrumbs{font-size:.82rem;display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.article-breadcrumbs a{text-decoration:underline}.home-visible{display:flex;align-items:center;gap:12px}.home-visible input{width:22px;height:22px;accent-color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.site-header nav a,.site-header .brand{min-height:44px;display:inline-flex;align-items:center}.topic-tile,.recent-card{scroll-margin-top:24px}.article-page .recent-card figure{margin:0}
@media(max-width:900px){.discovery-section .topic-grid,.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-entry{flex-wrap:wrap}.quiz-entry .primary-btn{margin-inline-start:72px}}
@media(max-width:550px){.compact-hero,.discovery-section,.topic-heading,.breadcrumbs,.topic-content,.page-return{width:calc(100% - 28px)}.compact-hero{padding-top:32px}.discovery-section{margin-bottom:40px}.discovery-section .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.topic-tile{padding:18px 14px}.topic-tile h3{font-size:.92rem}.topic-tile p{font-size:.78rem}.topic-icon{width:42px;height:42px}.tile-open{font-size:.74rem;gap:8px}.recent-grid,.related-posts .recent-grid{grid-template-columns:minmax(0,1fr)}.site-search{padding:18px}.site-search>div{gap:8px}.site-search input{padding:12px;font-size:.85rem}.site-search .primary-btn{padding:12px 16px}.discovery-heading{align-items:flex-start;flex-direction:column;gap:0}.quiz-entry{padding:22px;gap:16px}.quiz-entry>div{flex-basis:calc(100% - 65px)}.quiz-entry .primary-btn{margin-inline-start:0;width:100%;justify-content:center}.recent-card img{height:210px}.topic-content .posts-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){.discovery-section .topic-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.topic-tile{transition:none}.topic-tile:hover{transform:none}}
.october-badge{display:none}.october-pink .october-badge{display:inline-block;background:var(--cream);color:var(--ink);padding:4px 10px;border-radius:20px;font-size:.75rem;margin-top:12px}.related-posts .topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:550px){.related-posts .topic-grid{grid-template-columns:minmax(0,1fr)}}
.all-topics-button{display:flex;justify-content:center;align-items:center;gap:24px;width:fit-content;min-width:min(100%,320px);min-height:54px;margin:26px auto 0;font-size:1rem;text-align:center}
.recent-card img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:contain;padding:8px;background:var(--white)}
.mobile-menu-button{display:none}
@media(max-width:900px){.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-block:14px}.site-header .brand{font-size:.9rem}.site-header>.header-cta{display:none}.mobile-menu-button{display:inline-flex;align-items:center;gap:9px;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font:inherit;font-size:.9rem;color:var(--ink);background:var(--white);cursor:pointer}.site-header #main-navigation{grid-column:1/-1;display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;padding-block:8px;border-top:1px solid var(--line)}.site-header #main-navigation a{padding:10px 14px;min-height:46px;border-radius:8px}.site-header #main-navigation a:hover,.site-header #main-navigation a:focus-visible{background:var(--cream)}.navigation-ready .mobile-menu-button[aria-expanded=false]+#main-navigation{display:none}}
@media(max-width:550px){.recent-card img{height:auto;aspect-ratio:1200/630}.all-topics-button{width:100%}}
.nav-group{position:relative}.nav-group summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;list-style:none;white-space:nowrap}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary::after{content:'⌄';font-size:.8rem}.nav-group[open] summary::after{content:'⌃'}.nav-dropdown{position:absolute;inset-inline-start:0;top:100%;z-index:50;min-width:235px;padding:10px;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.08)}.site-header .nav-dropdown a{display:flex;padding:10px 14px;border-radius:8px;white-space:normal}.nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:var(--cream)}
@media(max-width:900px){.site-header .nav-group summary{padding:10px 14px;min-height:46px;justify-content:space-between}.site-header .nav-dropdown{position:static;min-width:0;margin:0 12px 8px;box-shadow:none}.site-header .nav-dropdown a{padding:10px 16px}}