/* Opening chapter: the same antique-gold frame as the remembrance cards. */
.chapter-tabs [data-chapter="prologue"]>span{font-size:12px;margin-left:6px;color:var(--gold)}
.prologue-card{position:relative;display:grid;grid-template-columns:27% 1fr;margin-top:28px;border:1px solid #af955f99;border-radius:8px;background:radial-gradient(ellipse at 5% 30%,#b5975420,transparent 53%),linear-gradient(135deg,#1b1e16,#10140f 75%);box-shadow:0 16px 50px #0004;overflow:hidden}
.prologue-card:before,.prologue-card:after{content:"";position:absolute;pointer-events:none;border-radius:4px;z-index:2}
.prologue-card:before{inset:8px;border:1px solid #bd9e625e}
.prologue-card:after{inset:14px;border:1px solid #af955f25;border-radius:2px}
.prologue-corner{position:absolute;color:#b59a62;z-index:3;font:16px/1 var(--serif);pointer-events:none;background:#191d15;padding:0 3px}
.corner-tl{top:9px;left:9px}.corner-tr{top:9px;right:9px}.corner-bl{bottom:9px;left:9px}.corner-br{bottom:9px;right:9px}
.prologue-seal{border-right:1px solid #b09b5e25;padding:43px 24px 35px;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative}
.prologue-seal>.eyebrow{font-size:8px;letter-spacing:2.5px;margin:0;color:#bdab7a}
.prologue-card .eyebrow>span{display:inline;width:auto;height:auto;background:none}
.prologue-rune{position:relative;width:176px;height:213px;display:grid;place-items:center;margin:34px 0 20px}
.prologue-rune:before,.prologue-rune:after{content:"";position:absolute;border:1px solid #bd9e6224;border-radius:50%;width:173px;height:173px;transform:rotate(-20deg)}
.prologue-rune:after{width:144px;height:204px;border-color:#bd9e6214}
.prologue-rune>img{width:101px;height:135px;opacity:.86;filter:drop-shadow(0 0 22px #bd9e6240)}
.prologue-inscription{font:20px/1.9 var(--serif);letter-spacing:2px;color:#c8bd9b;margin:0 0 34px}
.prologue-timeline{list-style:none;padding:0;margin:0 0 38px;text-align:left;color:#8e957f;font-size:11px;letter-spacing:2px}
.prologue-timeline li{position:relative;padding:0 0 21px 22px;line-height:1.5}
.prologue-timeline li:before{content:"";position:absolute;left:2px;top:5px;width:4px;height:4px;border:1px solid #b99d61;transform:rotate(45deg)}
.prologue-timeline li:not(:last-child):after{content:"";position:absolute;left:4px;top:14px;bottom:4px;border-left:1px solid #b99d6133}
.prologue-timeline li:last-child{padding-bottom:0}
.prologue-seal-foot{font:7px/1.8 Georgia,serif;letter-spacing:1.8px;color:#696f5c;margin-top:auto}
.prologue-content{padding:41px 48px 37px;min-width:0}
.prologue-content>.eyebrow{font-size:9px;letter-spacing:2px;margin:0 0 16px;gap:13px;color:#ad9a6c}
.prologue-content>h3{font:30px/1.6 var(--serif);letter-spacing:3px;font-weight:500;margin:0 0 25px;color:#e2d8bd}
.prologue-story>p{font-size:13px;line-height:2.1;color:#b3b9a7;text-align:justify;margin:0 0 15px}
.prologue-story>.story-turn{margin:23px 0 17px;padding:14px 18px;background:#bd9e6208}
.prologue-story>.story-turn p{font-size:12px;color:#c5bc9e}
.prologue-story>p:last-child{margin-bottom:0;line-height:1.7}
.prologue-story a{font-size:9px;color:#8f937b;text-decoration:underline;text-decoration-color:#8f937b44;text-underline-offset:4px}
.prologue-story a:hover{color:var(--gold)}
.prologue-next{border-top:1px solid #bd9e6225;padding-top:23px;margin-top:24px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.prologue-next>button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:44px;padding:10px 21px;border:1px solid #b89d64a6;background:linear-gradient(120deg,#b89d641a,#b89d6408);color:#dfc890;font-size:12px;letter-spacing:2px;transition:background .2s,border-color .2s}
.prologue-next>button:hover{background:#b89d6425;border-color:#d2ba7e}
.prologue-next>button>span{font-size:19px;font-weight:400;line-height:1}
.prologue-next>p{font:10px/1.8 var(--serif);color:#7d856e;margin:0;letter-spacing:.5px}
@media(max-width:1150px){.prologue-content{padding:36px}.prologue-inscription{font-size:18px;letter-spacing:1px}.prologue-seal{padding-inline:18px}.prologue-rune{width:150px}.prologue-rune:before{width:145px;height:145px}.prologue-seal-foot{font-size:6px;letter-spacing:1px}.chapter-tabs{gap:22px}}
@media(max-width:900px){.prologue-card{grid-template-columns:25% 1fr}.prologue-content{padding:35px 30px}.prologue-content>h3{font-size:26px;letter-spacing:2px}.prologue-story>p{font-size:12px}.prologue-rune{width:128px;height:180px}.prologue-rune:before{width:123px;height:123px}.prologue-rune:after{width:100px;height:164px}.prologue-rune>img{width:80px;height:107px}.prologue-inscription{font-size:16px}.prologue-timeline{font-size:10px;letter-spacing:1px}.prologue-seal>.eyebrow{font-size:7px;letter-spacing:1.5px}.prologue-next{gap:12px}.prologue-next>button{font-size:11px}}
@media(max-width:650px){.site-header nav button:last-child{display:flex}.prologue-card{grid-template-columns:1fr;margin-top:22px}.prologue-seal{display:grid;grid-template-columns:72px 1fr;gap:0 20px;border-right:0;border-bottom:1px solid #b09b5e25;padding:29px 26px 23px;text-align:left}.prologue-seal>.eyebrow{grid-column:2;grid-row:1;font-size:7px;letter-spacing:2px;align-self:end;margin:0 0 8px}.prologue-rune{grid-column:1;grid-row:1/3;width:72px;height:104px;margin:0}.prologue-rune>img{width:58px;height:78px}.prologue-rune:before{width:78px;height:78px}.prologue-rune:after{width:62px;height:98px}.prologue-inscription{grid-column:2;grid-row:2;font-size:17px;line-height:1.8;margin:0;align-self:start;letter-spacing:1.5px}.prologue-timeline{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px;margin:20px 0 0;font-size:9px;letter-spacing:.5px}.prologue-timeline li{padding:0 0 0 13px}.prologue-timeline li:before{left:1px;top:4px;width:3px;height:3px}.prologue-timeline li:after{display:none}.prologue-seal-foot{display:none}.prologue-content{padding:27px 25px 30px}.prologue-content>.eyebrow{font-size:7px;letter-spacing:1px;gap:10px;margin-bottom:12px}.prologue-content>h3{font-size:24px;letter-spacing:1px;margin-bottom:20px}.prologue-story>p{font-size:12px;line-height:2.05;margin-bottom:15px}.prologue-story>.story-turn{padding:14px;margin:22px 0 15px}.prologue-story>.story-turn p{font-size:11px;line-height:1.9}.prologue-next{margin-top:22px;padding-top:20px;display:block}.prologue-next>button{width:100%;font-size:12px;gap:35px;min-height:46px}.prologue-next>p{text-align:center;margin:13px 0 0;font-size:10px}.prologue-story a{font-size:8px}}
@media(prefers-reduced-motion:reduce){.prologue-next>button{transition:none}}
