/* Shared Didar navigation, with each contribution's own visual language retained. */
:root{--hub-paper:#f6f2e9;--hub-ink:#183b50;--hub-line:#a6b7b4}
.hub-menu{position:relative;flex-shrink:0;color:var(--hub-ink);font:500 13px/1.8 Vazirmatn,Tahoma,sans-serif}
.site-header>.hub-menu{display:none}
.hub-menu summary{cursor:pointer;list-style:none;white-space:nowrap;border:1px solid var(--hub-line);padding:7px 12px;background:var(--hub-paper);color:var(--hub-ink);min-height:40px}
.hub-menu summary::-webkit-details-marker{display:none}.hub-menu summary::after{content:'＋';margin-inline-start:9px}.hub-menu[open] summary::after{content:'−'}
.hub-menu nav,.site-header .hub-menu nav{position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:min(280px,calc(100vw - 32px));max-height:70svh;overflow:auto;display:flex!important;flex-direction:column;align-items:stretch;gap:0;padding:8px;border:1px solid var(--hub-line);background:var(--hub-paper);color:var(--hub-ink);box-shadow:0 12px 32px #102b3b22;z-index:100}
.hub-menu nav a,.site-header .hub-menu nav a{display:block!important;text-decoration:none;text-align:start;font:500 14px/1.8 Vazirmatn,Tahoma,sans-serif;padding:10px 13px;border:0;border-inline-start:2px solid transparent;white-space:normal}
.hub-menu nav a:hover{background:#226b7010;border-inline-start-color:currentColor}.hub-menu summary:focus-visible,.hub-menu a:focus-visible,.hub-end a:focus-visible,.hub-skip-quiz:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.reading-edition-page{--hub-paper:#142a33;--hub-ink:#f4ecd9;--hub-line:#75858a}
.reading-edition-page .hub-menu nav a:hover{background:#ffffff12}.reading-edition-page .hub-menu summary{border-color:#75858a}.reading-edition-page .top-meta{gap:16px}
body[data-hub-key="watercolor"] .masthead{background:#f7f5f0}
.masthead .wordmark span{display:block;margin:0;font-size:11px;line-height:1.6}.masthead .hub-menu{margin-inline-start:auto;margin-inline-end:25px}
.hub-skip-quiz{display:block;width:fit-content;font-size:14px;margin-top:20px;text-decoration:none;border-bottom:1px solid currentColor}
.hub-end{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:24px;max-width:1200px;margin:50px auto 0;padding:30px 0;border-top:1px solid var(--hub-line);direction:rtl;color:var(--hub-ink);font-family:Vazirmatn,Tahoma,sans-serif}
.hub-end>a{display:flex;flex-direction:column;gap:7px;justify-content:center;text-decoration:none;min-width:0}.hub-end>a:nth-child(2){text-align:center}.hub-end>a:nth-child(3){text-align:end}.hub-end span{font-size:12px;line-height:1.7;opacity:.9}.hub-end strong{font-size:17px;line-height:1.8;font-weight:500}.hub-end-single{display:flex;justify-content:center}.masthead~main .hub-end{margin-inline:6vw}
.hub-end-map{position:absolute;bottom:12px;right:18px;left:18px;z-index:520;max-width:none;margin:0;padding:10px 15px 7px;border:1px solid #75858a;background:#0c171cf2;gap:8px;color:#f4ecd9;backdrop-filter:blur(8px)}
.hub-end-map strong{font-size:14px}.hub-end-map span{font-size:11px}.hub-end-map .hub-start-again{grid-column:1/-1;display:block;text-align:center;font-size:11px;padding-top:4px;border-top:1px solid #75858a66}
.reading-edition-page .locator-legend{bottom:135px}.hub-return-target{outline:2px solid #226b70;outline-offset:8px;scroll-margin-top:calc(var(--header,88px) + 24px)}
.hub-map-tools{display:none}.hub-map-dialog{width:calc(100% - 24px);max-width:1200px;max-height:calc(100svh - 24px);padding:18px;border:1px solid #75858a;background:#101e23;color:#f4ecd9;font-family:Vazirmatn,Tahoma,sans-serif}
.hub-map-dialog::backdrop{background:#071116ed}.hub-map-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.hub-map-dialog h2{font-size:20px;font-weight:500}.hub-map-dialog button{border:1px solid #75858a;background:#142a33;color:#f4ecd9;font:inherit;font-size:14px;padding:6px 12px}.hub-map-dialog img{display:block;width:100%;height:auto;max-height:72svh;object-fit:contain}.hub-map-dialog figcaption{font-size:13px;line-height:1.9;margin-top:12px}
@media(max-width:900px){.reading-edition-page .topbar{gap:10px}.reading-edition-page .top-meta{gap:9px}.reading-edition-page .presentation-link{display:none}.reading-edition-page .hub-menu summary{font-size:12px;padding:6px 9px}.reading-edition-page .brand{font-size:17px}.reading-edition-page .hub-menu summary::after{margin-inline-start:6px}.masthead .chapter-label{display:none}.masthead .hub-menu{margin-inline-end:0}.hub-end{gap:16px;margin-top:35px;padding-top:25px}.hub-end strong{font-size:14px}.hub-end span{font-size:11px}.hub-end-map{gap:8px;margin:0;padding:9px 10px 6px;right:12px;left:12px}.hub-end-map strong{font-size:12px}.hub-end-map span{font-size:10px}.reading-edition-page .locator-legend{bottom:143px}.hub-skip-quiz{font-size:13px}.reading-edition-page .hub-map-docked .hub-map-tools{display:flex;justify-content:center;gap:14px;margin-top:6px}.hub-map-tools button{font:500 12px/1.7 Vazirmatn,Tahoma,sans-serif;min-height:36px;color:#f4ecd9;background:#142a33;border:1px solid #75858a;padding:5px 10px}.reading-edition-page.hub-maps-collapsed{--mobile-map:108px}.hub-maps-collapsed .hub-map-docked .map-stage,.hub-maps-collapsed .hub-map-docked .map-period,.hub-maps-collapsed .hub-map-docked .map-intro{display:none}.hub-maps-collapsed .hub-map-docked .map-heading{margin-bottom:0}}
@media(max-width:800px){.site-header>nav{display:none!important}.site-header>.hub-menu{display:block}.contribution-page .back-link{display:none}.site-header .hub-menu summary{font-size:12px;padding:6px 10px}.site-header .hub-menu nav{font-size:14px}.site-header{gap:12px}.masthead .wordmark{font-size:17px}.hub-end{margin-inline:0}}
@media(max-width:420px){.masthead{padding-inline:16px}.reading-edition-page .topbar{padding-inline:10px}.reading-edition-page .brand{font-size:15px}.reading-edition-page .chapter-menu summary{font-size:12px;padding-inline:7px}.reading-edition-page .chapter-menu summary::after{margin-inline-start:6px}.reading-edition-page .top-meta{gap:7px}.hub-end{gap:10px}.hub-end strong{font-size:13px}.hub-end-map strong{font-size:12px}.hub-map-dialog{padding:12px}.hub-map-dialog h2{font-size:17px}}
@media print{.hub-menu,.hub-end,.hub-skip-quiz,.hub-map-tools,.hub-map-dialog{display:none!important}}
