/* غلاف ux-thinking-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-ux-thinking-book{--space-8:2rem;--color-text-muted:#85918e;--color-primary:#4f46e5;--font-sans:var(--font-family);--font-family:'Cairo', -apple-system, BlinkMacSystemFont, sans-serif;font-family:var(--font-sans,'Cairo',system-ui,sans-serif);direction:rtl}
.qtc-ux-thinking-book .landing__cover{display: flex; justify-content: center; margin-bottom: var(--space-8);}
.qtc-ux-thinking-book .landing__cover{margin: 0 auto 1.75rem; display: flex; flex-direction: column; align-items: center; gap: .9rem;}
.qtc-ux-thinking-book .cover{--cover-w: 214px; --cover-h: 296px; position: relative; width: var(--cover-w); height: var(--cover-h); perspective: 1100px;}
.qtc-ux-thinking-book .cover__book{position: relative; width: 100%; height: 100%; transform: rotateY(15deg) rotateX(4deg); transform-style: preserve-3d; transition: transform .7s cubic-bezier(.22,1,.36,1);}
.qtc-ux-thinking-book .cover:hover .cover__book{transform: rotateY(0) rotateX(0) translateY(-6px);}
.qtc-ux-thinking-book .cover__spine{position: absolute; top: 0; right: -12px; width: 13px; height: 100%; border-radius: 0 4px 4px 0; background: linear-gradient(180deg,#3730a3,#312e81 60%,#25226b); box-shadow: inset 3px 0 7px rgba(0,0,0,.4);}
.qtc-ux-thinking-book .cover__face{position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 10px 3px 3px 10px; background: linear-gradient(155deg,#ffffff 0%,#eef0fd 100%); box-shadow: 0 20px 42px -14px rgba(30,27,75,.4), inset 0 0 0 1px rgba(79,70,229,.28); padding: 1.3rem 1.1rem 1.1rem; display: flex; flex-direction: column; color: #1e1b4b;}
.qtc-ux-thinking-book .cover__door{--door-h: 112px;}
.qtc-ux-thinking-book .cover__face > .cover__title{margin-top: calc(var(--door-h, 112px) + 18px);}
.qtc-ux-thinking-book .cover__door{position: absolute; top: 26px; left: 50%; transform: translateX(-50%); width: 84px; height: 112px; border-radius: 5px 5px 2px 2px; background: linear-gradient(160deg,#4f46e5,#4338ca 55%,#3730a3); box-shadow: 0 10px 22px -8px rgba(30,27,75,.55), inset 0 0 0 1px rgba(255,255,255,.14);}
.qtc-ux-thinking-book .cover__door::before{content: ""; position: absolute; inset: 11px 10px 30px; border-radius: 3px; border: 1px solid rgba(255,255,255,.22);}
.qtc-ux-thinking-book .cover__door::after{content: ""; position: absolute; left: -9px; right: -9px; bottom: -7px; height: 7px; border-radius: 2px; background: rgba(30,27,75,.18);}
.qtc-ux-thinking-book .cover__handle{position: absolute; top: 42px; right: 10px; width: 5px; height: 30px; border-radius: 3px; background: linear-gradient(180deg,#fde68a,#f59e0b); box-shadow: 0 2px 5px rgba(0,0,0,.35);}
.qtc-ux-thinking-book .cover__plate{position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); background: #fff; color: #3730a3; font-size: .52rem; font-weight: 800; padding: 3px 9px; border-radius: 3px; letter-spacing: .04em; box-shadow: 0 2px 6px rgba(0,0,0,.25);}
.qtc-ux-thinking-book .cover__jamb{position: absolute; inset: -6px -8px -7px; border: 2px solid rgba(79,70,229,.18); border-radius: 7px;}
.qtc-ux-thinking-book .cover__title{font-size: 1.72rem; font-weight: 800; line-height: 1.15; letter-spacing: -.02em; margin: 0 0 .3rem; color: #1e1b4b;}
.qtc-ux-thinking-book .cover__sub{font-size: .72rem; color: #5b5a78; line-height: 1.7; margin-bottom: .7rem;}
.qtc-ux-thinking-book .cover__tag{align-self: flex-start; margin-top: auto; background: #4f46e5; color: #fff; font-size: .6rem; font-weight: 700; padding: 4px 10px; border-radius: 999px;}
.qtc-ux-thinking-book .cover__shadow{position: absolute; bottom: -16px; left: 8%; width: 84%; height: 20px; border-radius: 50%; background: rgba(30,27,75,.22); filter: blur(13px); transition: transform .7s cubic-bezier(.22,1,.36,1), opacity .7s;}
.qtc-ux-thinking-book .cover:hover .cover__shadow{transform: scale(.92); opacity: .7;}
.qtc-ux-thinking-book .cover__note{font-size: .78rem; color: var(--color-text-muted); display: flex; align-items: center; gap: .4rem;}
.qtc-ux-thinking-book .cover__note i{color: var(--color-primary);}
@media (prefers-reduced-motion: reduce){.qtc-ux-thinking-book .cover__book{transition: none;}}