@font-face{font-family:Manuscript;src:url('fonts/UnifrakturMaguntia.ttf') format('truetype');font-display:swap;font-weight:400}
:root{--ink:#35281e;--rubric:#762b27;--gold:#ad8844;--paper:#f0e3c6}body{background:#241b19;color:var(--ink);font-family:Georgia,'Times New Roman',serif}header{background:#251b1b;border-bottom:4px double #927140;padding:24px 5%;color:#f0e1bb}.brand{gap:20px}.brand .cross{color:#c4a469;font-size:45px}.brand .latin{font-family:Manuscript,Georgia,serif;font-size:48px;line-height:1.1;font-weight:400;letter-spacing:0}.brand .translation{display:block;font-family:Georgia,serif;font-size:12px;letter-spacing:3px;color:#cbb791;margin-top:7px}.header-note{color:#ceb891;font-family:Georgia,serif;letter-spacing:2px}.layout{max-width:1320px;grid-template-columns:310px 1fr;margin:26px auto 40px;border:1px solid #987b4c;box-shadow:0 10px 60px #0005;background:var(--paper)}aside{background:#e4d3ac;color:var(--ink);border-right:4px double #b8a075;padding:38px 24px}aside .eyebrow{color:#783e2e}aside h2{font-family:Manuscript,Georgia,serif;font-size:39px;color:#623127;line-height:1.15}aside h2 br{display:none}aside h2 br:after{content:' '}.intro,.progress-label,.aside-bottom p,.aside-bottom .local{color:#6b563d}.progress-label{font-size:14px}progress,progress::-webkit-progress-bar{background:#c9b48c}progress::-webkit-progress-value{background:#802f2b}progress::-moz-progress-bar{background:#802f2b}.step{border-radius:0;color:#553f2c;padding:14px 9px}.step:hover{background:#d6c194}.step[aria-current="step"]{background:#f5e9cd;border-color:#ac8a4a;box-shadow:inset 3px 0 #82352c;color:#602c23}.step-number{border-radius:1px;border:1px solid #a8864c;color:#794530;font-family:Georgia,serif;font-size:14px}.step[aria-current="step"] .step-number,.step.done .step-number{background:#772c28;border-color:#772c28;color:#f4e2bc}.step-name{font-family:Georgia,serif;font-size:16px;font-weight:400}.step small{color:#775e41;font-size:13px}.aside-bottom{border-top:4px double #b79e70}main{position:relative;background:linear-gradient(90deg,#dbc7a65c,transparent 5%,transparent 95%,#dbc7a659),#f4e8ce;padding:42px clamp(25px,5vw,72px)}.breadcrumb{color:#7d4933;font-family:Georgia,serif;font-size:12px;border-bottom:4px double #b99b61;padding-bottom:18px;margin-bottom:32px;letter-spacing:2px}.breadcrumb span{color:#a38853}.pill{background:transparent;padding:0;color:#87392b;border-radius:0;font-family:Georgia,serif;font-size:14px;font-variant:small-caps;letter-spacing:2px}.duration{color:#7b674c;font-size:14px;font-style:italic}h1{font-family:Manuscript,Georgia,serif;font-size:clamp(40px,4.7vw,62px);color:#672d24;line-height:1.12;letter-spacing:0;margin:22px 0}.lede{color:#514130;font-size:19px;font-style:italic}.lede:first-letter{float:left;font-family:Manuscript,Georgia,serif;font-style:normal;font-size:68px;line-height:.85;padding:8px 12px 0 0;color:#822f28}.sources{border-top:4px double #b99b61;border-bottom:4px double #b99b61}.sources>div{border-color:#c9b184}.eyebrow{color:#8a4c34;font-family:Georgia,serif;font-size:12px;letter-spacing:1.5px}.sources strong{color:#4b3424;font-size:22px}.source-action,.sources a .source-action{color:#744c2d;font-size:14px}.reading h2,.notes label{color:#72372b;font-variant:small-caps;font-size:27px}.reading>p{color:#4b3c2b;font-size:18px}.focus{border-left:3px solid #973f31}.focus p{color:#665036;font-size:17px}.reflection{background:#702a27;border:5px double #c6a66a;border-radius:0;padding:27px;color:#fae9c3;box-shadow:0 4px 12px #4a29131a}.reflection .eyebrow{color:#e3c483}.reflection h2{font-size:28px;line-height:1.5}details{border-bottom:4px double #b99b61;color:#655036;font-size:17px}summary{color:#6c382c;font-size:17px}details p{font-size:16px}textarea{border-radius:0;border:1px solid #b69b67;background:repeating-linear-gradient(transparent 0,transparent 31px,#ac8e5826 31px,#ac8e5826 32px),#faf0da;color:#3f2c21;line-height:32px;font-family:Georgia,serif;font-size:18px;padding:12px 16px}.notes>span{color:#786042;font-size:14px}.actions button,.notebook-tools button{border-radius:0;font-family:Georgia,serif;font-size:16px}.primary{background:#762c28;border:1px solid #762c28;color:#f8e6bf;box-shadow:inset 0 0 0 3px #762c28,inset 0 0 0 4px #bf935e}.primary:hover{background:#5f221f}.primary[aria-pressed="true"]{background:#e0dac0;color:#42513a;border-color:#899168;box-shadow:none}.secondary{border-color:#a78a59;color:#6d3d2b;background:#eee0bc}.secondary:hover{background:#dfcda4}.notebook-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.notebook-tools button{background:transparent;color:#73382a;border:1px solid #ad8b57;padding:10px 16px;cursor:pointer}.notebook-tools button:hover{background:#e9d7af}.privacy{font-size:14px;color:#705737;line-height:1.65}.celebration{background:#e6ddc3;color:#4b563b;border-color:#9b9b70;border-radius:0}footer{border-top:4px double #b99b61;color:#785b3a;font-size:14px}footer:first-letter{color:#78352c}.skip{background:#f5e7c8}.download-status{min-height:24px;color:#725234;font-size:14px}
@media(max-width:900px){.layout{margin:0;grid-template-columns:250px 1fr;border:0}aside{padding:30px 18px}main{padding:30px}.header-note{display:none}.brand .latin{font-size:43px}}
@media(max-width:600px){header{padding:22px}.brand .latin{font-size:40px}.brand .translation{font-size:11px;letter-spacing:2px}.brand .cross{font-size:34px}.layout{display:block}aside{padding:22px;border-right:0;border-bottom:4px double #a88752}aside h2{font-size:32px}.step{padding:6px 0}.step-name{display:none}.step-number{width:32px;height:32px}main{padding:27px 23px}h1{font-size:43px}.duration{font-size:13px}.sources>div{border-top:1px solid #b99b61}.reflection h2{font-size:25px}.notebook-tools button{flex:1 1 100%}.breadcrumb{font-size:11px}.lede{font-size:18px}}
