/* Decorative layers are static, non-interactive, and separate from the artwork. */
:root{--paper:#f5f1e8;--muted:#626b5c;--line:#d8d0bf;--copper:#9d773f}
body{background-color:var(--paper);background-image:url('./assets/paper-grain.svg'),radial-gradient(ellipse at 6% 0,rgba(198,158,88,.16),transparent 52%),linear-gradient(110deg,#f3edde,#f8f5ee 58%,#f0eee3);background-size:180px 180px,100% 1400px,100% 100%;background-repeat:repeat,no-repeat,no-repeat}
.header{border-bottom-color:#c9b791}
.header::after{content:"";position:absolute;bottom:-3px;left:50%;width:5px;height:5px;transform:rotate(45deg);background:#b18d51;pointer-events:none}
.brand-mark{border-color:#9d895d;box-shadow:0 0 0 4px #c3a1650b}
.homepage-hero{position:relative;isolation:isolate}
.homepage-hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:50%;right:-24px;width:min(780px,70vw);aspect-ratio:1;transform:translateY(-50%);background:url('./assets/recognition-ornament.svg') center/contain no-repeat;opacity:.48}
.hero-poster{position:relative;padding:7px;background:#faf7ef;border:1px solid #c7ad77;box-shadow:0 18px 45px #483d2522,0 3px 10px #5f4f2c0c}
.hero-poster img{box-shadow:none;border-radius:0}
.entry-strip{position:relative;border-top-color:#c9b791}
.entry-strip::before{content:"";position:absolute;pointer-events:none;top:-4px;left:50%;width:7px;height:7px;transform:rotate(45deg);background:#b18d51;box-shadow:0 0 0 6px var(--paper)}
.reader-scenario{position:relative;border-top-color:#c9b791;background:linear-gradient(180deg,#f8f5ed66,transparent 80%)}
.reader-scenario::before{content:"";position:absolute;top:-1px;left:0;width:34px;height:2px;background:#b08a4f;pointer-events:none}
.section-top{position:relative}
.section-top::after{content:"";position:absolute;left:0;bottom:-15px;width:80px;height:1px;background:linear-gradient(90deg,#ad8650,transparent);pointer-events:none}
.system{position:relative;isolation:isolate;background-color:#303b31;background-image:url('./assets/paper-grain.svg'),linear-gradient(120deg,#263b33,#354333 60%,#3e4935);background-size:180px 180px,100% 100%;background-repeat:repeat,no-repeat}
.system::before{content:"";position:absolute;z-index:-1;pointer-events:none;right:0;top:0;width:65%;height:100%;background:url('./assets/recognition-ornament.svg') left center/850px 850px no-repeat;opacity:.2}
.system .section-top::after{background:linear-gradient(90deg,#d0b178,transparent)}
.dimension-panel{background-color:#efebdf;background-image:url('./assets/paper-grain.svg'),radial-gradient(ellipse at 100% 0,#d4bd8c30,transparent 65%);border-color:#cfc3a7;box-shadow:0 8px 24px #4b483509}
.book{background-color:#eae6da;background-image:url('./assets/paper-grain.svg'),radial-gradient(ellipse at 0 10%,#cfaf7440,transparent 60%),linear-gradient(125deg,#e9e4d6,#f3efe5 50%,#e6e7dc);background-size:180px 180px,100% 100%,100% 100%;background-repeat:repeat,no-repeat,no-repeat;border-top:1px solid #d3c7ad;border-bottom:1px solid #d3c7ad}
.book-photo img,.book-feature img{box-shadow:0 14px 32px #51482e16;outline:1px solid #d3c6a8;outline-offset:5px}
.book-feature{border-top-color:#c9b791}
.practice-section{position:relative;isolation:isolate}
.practice-section::before{content:"";position:absolute;z-index:-1;pointer-events:none;right:0;top:50%;width:58%;aspect-ratio:1;transform:translateY(-50%);background:url('./assets/recognition-ornament.svg') center/contain no-repeat;opacity:.28}
.practice-paper{border-color:#d7c6a3;box-shadow:0 16px 38px #5c4a2614;background-image:url('./assets/paper-grain.svg')}
.author{background-color:#eae8dc;background-image:url('./assets/paper-grain.svg'),radial-gradient(ellipse at 100% 80%,#d4ba8238,transparent 60%),linear-gradient(100deg,#e9e8dc,#f0ede1);background-size:180px 180px,100% 100%,100% 100%;background-repeat:repeat,no-repeat,no-repeat;border-top:1px solid #d3c7ad;border-bottom:1px solid #d3c7ad}
.author-portrait img{outline:1px solid #bba77c;outline-offset:7px;box-shadow:0 12px 30px #4a442317}
.closing-quote{border-top-color:#c8b991}
.closing-quote>span{color:#ad8a4e}
.reading-next{border:1px solid #cdbb94;background:linear-gradient(110deg,#e8d8b744,#faf7ef66 70%);padding:32px;position:relative}
.reading-next::before{content:"";position:absolute;top:-1px;left:32px;width:64px;height:2px;background:#b08a4f;pointer-events:none}
.reading-entry,.chapter-reflection{background-color:#f7f3e8;background-image:url('./assets/paper-grain.svg')}
.footer-bottom{border-top-color:#c9b791}
@media(max-width:1000px){.homepage-hero::before{width:70vw;right:-16px;opacity:.38}}
@media(max-width:680px){.homepage-hero::before{width:100%;right:0;top:30%;opacity:.3}.hero-poster{padding:5px}.entry-strip::before{left:50%;width:5px;height:5px;top:-3px}.system::before{width:100%;background-position:80px 40px;background-size:640px 640px;opacity:.13}.practice-section::before{width:100%;top:65%;opacity:.18}.book-photo img,.book-feature img{outline-offset:3px}.author-portrait img{outline-offset:4px}.reading-next{padding:25px 22px}.reading-next::before{left:22px}.section-top::after{width:54px}}
@media(prefers-contrast:more){body,.system,.book,.author,.dimension-panel,.practice-paper,.reading-entry,.chapter-reflection{background-image:none}.homepage-hero::before,.system::before,.practice-section::before{display:none}}
@media print{body,.system,.book,.author,.dimension-panel,.practice-paper,.reading-entry,.chapter-reflection{background-image:none}.homepage-hero::before,.system::before,.practice-section::before{display:none}.hero-poster,.book-photo img,.book-feature img{box-shadow:none}}