.is-lore-cover{padding:28px 28px 30px;background:#0a1320}
.is-lore-cover .article-meta{margin-bottom:24px;padding-bottom:19px}
.is-lore-cover #reading-kicker{display:none}
.is-lore-cover #reading-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}
.book-cover{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding:42px 45px 27px;border:1px solid #bc945d9c;border-left:9px solid #433426;border-radius:3px 10px 10px 3px;background:radial-gradient(ellipse at 95% 0,#67283f44,transparent 50%),radial-gradient(ellipse at 0 20%,#16405b5e,transparent 55%),#091220;box-shadow:inset 5px 0 8px #0008,inset -2px 0 5px #e2c28a25,8px 9px 0 -5px #b8a07d55,10px 12px 0 -5px #09111e,0 20px 40px #0005}
.book-cover:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#07101f2e,#07101f45 20%,#091220e6 52%,#091220 79%),url('assets/hero-background.png') left top/auto 580px no-repeat;opacity:.75;pointer-events:none}
.book-cover:after{content:'';position:absolute;inset:12px;z-index:-1;border:1px solid #b58d514d;box-shadow:inset 0 0 0 4px #0a142455,inset 0 0 0 5px #b58d511a;pointer-events:none}
.book-corners{position:absolute;inset:22px;pointer-events:none;color:#d2ac6d}
.book-corners span{position:absolute;width:36px;height:36px;border-top:1px solid currentColor;border-left:1px solid currentColor}
.book-corners span:after{content:'✧';position:absolute;left:4px;top:0;font-size:23px;line-height:1.3}
.book-corners span:nth-child(1){left:0;top:0}.book-corners span:nth-child(2){right:0;top:0;transform:rotate(90deg)}.book-corners span:nth-child(3){right:0;bottom:0;transform:rotate(180deg)}.book-corners span:nth-child(4){left:0;bottom:0;transform:rotate(270deg)}
#reading-body .book-school p{margin:0;color:#dfcfad;text-shadow:0 2px 8px #000}
.book-institution{font-family:var(--sans);font-size:7px;letter-spacing:2.1px;line-height:1.7}
.book-hogwarts{font-family:var(--serif);font-size:18px;letter-spacing:4px;line-height:1.9}
.book-year{font-family:var(--serif);font-size:13px;letter-spacing:3px;color:#ecd39c;border-block:1px solid #d5ae665e;padding:4px 14px;margin:17px 0 22px;line-height:1.6}
.book-title{display:flex;flex-direction:column;align-items:center;font-family:var(--serif);line-height:1.1;color:#e8c17c;text-shadow:0 3px 18px #0009}
.book-title-top{font-size:15px;letter-spacing:6px;text-transform:uppercase}
.book-title-main{position:relative;font-size:clamp(72px,7.5vw,112px);line-height:1.15;letter-spacing:1px;background:linear-gradient(115deg,#b87b37 0%,#f8e8b3 30%,#d3a65e 48%,#fff3c4 57%,#bd8542 80%,#f7d899 100%);background-size:210% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 3px 1px #211709);animation:book-gilding 12s ease-in-out infinite;text-shadow:none}
.book-title-bottom{font-size:14px;letter-spacing:5px;text-transform:uppercase}
#reading-body .book-subtitle{max-width:340px;font-family:var(--prose);font-size:16px;line-height:1.65;color:#efe2c6;margin:25px 0 0;text-wrap:balance}
.book-divider{display:flex;align-items:center;gap:14px;width:min(230px,80%);color:#cda761;font-size:17px;margin:23px 0 16px;line-height:1}
.book-divider:before,.book-divider:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#bd9559)}.book-divider:after{transform:rotate(180deg)}
#reading-body .book-teaser{font-size:15px;font-family:var(--prose);line-height:1.8;max-width:350px;color:#c5cbd6;margin:0;text-wrap:balance}
.book-topics{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 15px;padding:0;list-style:none;margin:23px -12px 0;font-family:var(--sans);font-size:7px;letter-spacing:1px;line-height:1.7;color:#d8bc87;text-transform:uppercase}
.book-topics li+li:before{content:'◆';font-size:4px;vertical-align:middle;margin-right:15px;color:#957341}
.book-quote{font-family:var(--prose);font-size:13px;font-style:italic;line-height:1.85;color:#b5bdcd;border-top:1px solid #b59a5f35;max-width:410px;margin:27px 0 0;padding:21px 4px 0;text-wrap:balance}
#reading-body .book-notice{font-family:var(--sans);font-size:7px;font-weight:500;letter-spacing:1.3px;line-height:1.8;margin:26px 0 14px;color:#b6a98d}
.book-open{font-family:var(--sans);min-width:248px;font-size:9px;gap:26px;box-shadow:0 5px 27px #b38c4430;border-color:#e5c783}
.book-open span:first-child{font-size:inherit;line-height:1.7}.book-open .book-open-arrow{font-size:21px;transition:transform .25s}.book-open:hover .book-open-arrow{transform:translateX(5px)}
.book-monogram{width:48px;height:48px;object-fit:contain;margin-top:23px;opacity:.75}
@keyframes book-gilding{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(max-width:1100px) and (min-width:801px){.is-lore-cover{padding:24px 19px}.book-cover{padding:40px 30px 27px}.book-title-main{font-size:84px}.book-topics{display:grid;gap:7px}.book-topics li+li:before{display:none}}
@media(max-width:800px){.book-cover{max-width:650px;margin:auto}.book-title-main{font-size:100px}}
@media(max-width:480px){.is-lore-cover{padding:22px 12px}.is-lore-cover .article-meta{font-size:7px;margin-inline:8px}.book-cover{padding:35px 21px 25px;border-left-width:6px}.book-cover:after{inset:9px}.book-corners{inset:17px}.book-corners span{width:24px;height:24px}.book-corners span:after{font-size:18px;left:1px}.book-institution{font-size:6px;letter-spacing:1.1px}.book-hogwarts{font-size:16px;letter-spacing:3px}.book-year{font-size:11px;margin:14px 0 20px}.book-title-top{font-size:12px;letter-spacing:4px}.book-title-main{font-size:76px}.book-title-bottom{font-size:11px;letter-spacing:4px}#reading-body .book-subtitle{font-size:14px;margin-top:23px}.book-divider{margin-block:20px 16px}#reading-body .book-teaser{font-size:13px}.book-topics{display:grid;gap:7px;margin:20px 0 0;font-size:6px;letter-spacing:.8px}.book-topics li+li:before{display:none}.book-quote{font-size:12px;line-height:1.9;margin-top:23px;padding-top:19px}#reading-body .book-notice{font-size:6px;letter-spacing:1px;margin-top:24px}.book-open{min-width:0;width:100%;font-size:8px;padding-inline:10px;gap:15px}.book-monogram{width:42px;height:42px;margin-top:20px}}
@media(prefers-reduced-motion:reduce){.book-title-main{animation:none}}