/* غلاف access-map-book — مستخرج آليًّا من styles.css الكاتب بـimport-standalone-book.php. لا يُحرَّر يدويًّا. */
@font-face{font-family:'Fira Code';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/FiraCode-latin.woff2') format('woff2');unicode-range:U+0000-00FF}
.qtc-access-map-book{--font-sans:'Cairo', system-ui, sans-serif;--font-mono:'Fira Code', 'Courier New', monospace;--color-text-muted:#94a3b8;--color-primary:#2563eb;font-family:var(--font-sans,'Cairo',system-ui,sans-serif);direction:rtl}
.qtc-access-map-book .landing__cover{margin: 0 auto 1.75rem; display: flex; flex-direction: column; align-items: center; gap: .9rem;}
.qtc-access-map-book .cover{--cover-w: 210px; --cover-h: 285px; position: relative; width: var(--cover-w); height: var(--cover-h); perspective: 1100px;}
.qtc-access-map-book .cover__book{position: relative; width: 100%; height: 100%; transform: rotateY(16deg) rotateX(4deg); transform-style: preserve-3d; transition: transform .7s cubic-bezier(.22, 1, .36, 1);}
.qtc-access-map-book .cover:hover .cover__book{transform: rotateY(0deg) rotateX(0deg) translateY(-6px);}
.qtc-access-map-book .cover__spine{position: absolute; top: 0; right: -13px; width: 14px; height: 100%; border-radius: 0 5px 5px 0; background: linear-gradient(180deg, #1e3a8a, #172554 55%, #0f1d3f); box-shadow: inset 3px 0 6px rgba(0, 0, 0, .35);}
.qtc-access-map-book .cover__face{position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 12px 4px 4px 12px; background: radial-gradient(120% 90% at 15% 0%, rgba(255, 255, 255, .22), transparent 60%), linear-gradient(155deg, #3b82f6 0%, #2563eb 50%, #0e7490 100%); box-shadow: 0 22px 45px -12px rgba(30, 58, 138, .5), 0 3px 10px rgba(15, 23, 42, .18), inset 0 0 0 1px rgba(255, 255, 255, .18); padding: .9rem 1rem; display: flex; flex-direction: column; color: #fff;}
.qtc-access-map-book .cover__grid{position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .12) 1px, transparent 1px); background-size: 22px 22px; mask-image: radial-gradient(120% 80% at 50% 40%, #000, transparent 75%); -webkit-mask-image: radial-gradient(120% 80% at 50% 40%, #000, transparent 75%); pointer-events: none;}
.qtc-access-map-book .cover__sheen{position: absolute; top: -60%; left: -70%; width: 55%; height: 220%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .35), transparent); transform: rotate(18deg); animation: qtc-access-map-book-cover-sheen 7s ease-in-out infinite; pointer-events: none;}
.qtc-access-map-book .cover__map{width: 100%; height: auto; margin: .2rem 0 auto; position: relative; z-index: 1; overflow: visible;}
.qtc-access-map-book .cover__route{fill: none; stroke: rgba(255, 255, 255, .9); stroke-width: 2.2; stroke-dasharray: 6 5; stroke-linecap: round; animation: qtc-access-map-book-cover-route 3s linear infinite;}
.qtc-access-map-book .cover__pin{fill: #fbbf24; stroke: #fff; stroke-width: 2; animation: qtc-access-map-book-cover-pin 2.4s ease-in-out infinite;}
.qtc-access-map-book .cover__pin--2{animation-delay: .8s; fill: #f472b6;}
.qtc-access-map-book .cover__pin--3{animation-delay: 1.6s; fill: #34d399;}
.qtc-access-map-book .cover__lbl{fill: rgba(255, 255, 255, .95); font-family: var(--font-sans); font-size: 9px; font-weight: 700; text-anchor: middle;}
.qtc-access-map-book .cover__title{font-size: 1.85rem; font-weight: 800; line-height: 1.2; margin: 0 0 .35rem; text-shadow: 0 2px 12px rgba(15, 30, 80, .35); position: relative; z-index: 1;}
.qtc-access-map-book .cover__tag{align-self: flex-start; font-family: var(--font-mono); font-size: .68rem; font-weight: 700; letter-spacing: .12em; padding: .2rem .6rem; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .5); background: rgba(255, 255, 255, .14); direction: ltr; position: relative; z-index: 1;}
.qtc-access-map-book .cover__shadow{position: absolute; bottom: -16px; left: 8%; width: 84%; height: 22px; border-radius: 50%; background: rgba(30, 58, 138, .35); filter: blur(13px); transition: transform .7s cubic-bezier(.22, 1, .36, 1), opacity .7s;}
.qtc-access-map-book .cover:hover .cover__shadow{transform: scale(.92); opacity: .75;}
.qtc-access-map-book .cover__note{font-size: .78rem; color: var(--color-text-muted); display: flex; align-items: center; gap: .4rem;}
.qtc-access-map-book .cover__note i{color: var(--color-primary);}
@media (prefers-reduced-motion: reduce){.qtc-access-map-book .cover__sheen, .qtc-access-map-book .cover__route, .qtc-access-map-book .cover__pin, .qtc-access-map-book .page{animation: none !important;}.qtc-access-map-book .cover__book, .qtc-access-map-book .cover__shadow, .qtc-access-map-book .progress-bar__fill{transition: none !important;}}
@keyframes qtc-access-map-book-cover-sheen{0%, 62% { left: -70%; } 88%, 100% { left: 130%; }}
@keyframes qtc-access-map-book-cover-route{to { stroke-dashoffset: -22; }}
@keyframes qtc-access-map-book-cover-pin{0%, 100% { r: 6; } 50% { r: 8; }}