/* غلاف html-learning-journal — مستخرج آليًّا من 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-html-learning-journal{--font-mono:'Fira Code', 'Courier New', monospace;--color-text-muted:#9ca3af;--color-primary:#e67e22;--font-sans:'Cairo', system-ui, sans-serif;font-family:var(--font-sans,'Cairo',system-ui,sans-serif);direction:rtl}
.qtc-html-learning-journal .landing__cover{margin: 0 auto 1.75rem; display: flex; flex-direction: column; align-items: center; gap: .9rem;}
.qtc-html-learning-journal .cover{--cover-w: 210px; --cover-h: 285px; position: relative; width: var(--cover-w); height: var(--cover-h); perspective: 1100px;}
.qtc-html-learning-journal .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-html-learning-journal .cover:hover .cover__book{transform: rotateY(0deg) rotateX(0deg) translateY(-6px);}
.qtc-html-learning-journal .cover__spine{position: absolute; top: 0; right: -13px; width: 14px; height: 100%; border-radius: 0 5px 5px 0; background: linear-gradient(180deg, #a3520f, #7a3d0a 55%, #5c2d06); box-shadow: inset 3px 0 6px rgba(0, 0, 0, .35);}
.qtc-html-learning-journal .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, .25), transparent 60%), linear-gradient(155deg, #f39c3d 0%, #e67e22 50%, #c9601a 100%); box-shadow: 0 22px 45px -12px rgba(120, 50, 0, .45), 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-html-learning-journal .cover__lines{position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, .14) 1px, transparent 1px); background-size: 100% 22px; background-position: 0 14px; pointer-events: none;}
.qtc-html-learning-journal .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-html-learning-journal-cover-sheen 7s ease-in-out infinite; pointer-events: none;}
.qtc-html-learning-journal .cover__tagline{font-family: var(--font-mono); font-size: .72rem; direction: ltr; text-align: left; color: rgba(255, 255, 255, .85); letter-spacing: .03em;}
.qtc-html-learning-journal .cover__tagline--close{margin-top: auto;}
.qtc-html-learning-journal .cover__skeleton{margin: .6rem 0 .5rem; display: grid; gap: .32rem; direction: ltr;}
.qtc-html-learning-journal .cover__bar{display: block; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .55);}
.qtc-html-learning-journal .cover__bar--img{width: 34px; height: 34px; border-radius: 8px; background: rgba(255, 255, 255, .3); border: 1.5px dashed rgba(255, 255, 255, .8); margin-bottom: .2rem;}
.qtc-html-learning-journal .cover__bar--h1{width: 70%; height: 9px; background: rgba(255, 255, 255, .9); animation: qtc-html-learning-journal-cover-type 4s ease-in-out infinite;}
.qtc-html-learning-journal .cover__bar--short{width: 55%;}
.qtc-html-learning-journal .cover__title{font-size: 1.85rem; font-weight: 800; line-height: 1.2; margin: 0 0 .35rem; text-shadow: 0 2px 12px rgba(90, 40, 0, .3);}
.qtc-html-learning-journal .cover__tag{align-self: flex-start; font-family: var(--font-mono); font-size: .68rem; font-weight: 700; letter-spacing: .1em; padding: .2rem .6rem; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .5); background: rgba(255, 255, 255, .14); direction: ltr;}
.qtc-html-learning-journal .cover__shadow{position: absolute; bottom: -16px; left: 8%; width: 84%; height: 22px; border-radius: 50%; background: rgba(120, 50, 0, .3); filter: blur(13px); transition: transform .7s cubic-bezier(.22, 1, .36, 1), opacity .7s;}
.qtc-html-learning-journal .cover:hover .cover__shadow{transform: scale(.92); opacity: .75;}
.qtc-html-learning-journal .cover__note{font-size: .78rem; color: var(--color-text-muted); display: flex; align-items: center; gap: .4rem;}
.qtc-html-learning-journal .cover__note i{color: var(--color-primary);}
@media (prefers-reduced-motion: reduce){.qtc-html-learning-journal .cover__sheen, .qtc-html-learning-journal .cover__bar--h1, .qtc-html-learning-journal .page{animation: none !important;}.qtc-html-learning-journal .cover__book, .qtc-html-learning-journal .cover__shadow, .qtc-html-learning-journal .progress-bar__fill{transition: none !important;}}
@keyframes qtc-html-learning-journal-cover-sheen{0%, 62% { left: -70%; } 88%, 100% { left: 130%; }}
@keyframes qtc-html-learning-journal-cover-type{0%, 15% { width: 0; } 55%, 100% { width: 70%; }}