:root{--ink:#252b31;--muted:#777167;--gold:#9b7a4d;--paper:#faf8f3;--white:#fffefa;--panel:#f1ece3;--rule:#e6dfd2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:5;background:#faf8f3ed;backdrop-filter:blur(16px);border-bottom:1px solid var(--rule)}button{font:inherit;cursor:pointer}button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.topbar button{border:0;background:transparent;color:var(--gold)}.brand{font-size:24px!important;display:flex;align-items:center;gap:9px;font-weight:600}.brand span{font:700 12px 'DM Sans',sans-serif;letter-spacing:2px}.menu,.back{font-size:23px;min-width:40px;min-height:40px}.hidden{visibility:hidden}main{max-width:700px;margin:auto;padding:0 22px 120px;min-height:75vh}.home{text-align:center;padding-top:28px}.cross{font-size:35px;color:var(--gold);margin-bottom:22px}.eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:2.8px;text-transform:uppercase}.home h1{font:600 clamp(58px,16vw,82px)/.9 'Cormorant Garamond',Georgia,serif;letter-spacing:-2px;margin:14px auto 10px}.home h2{font:500 29px/1.1 'Cormorant Garamond',Georgia,serif;margin:0 auto 20px}.author{color:var(--gold);font-size:12px;letter-spacing:.5px}.ornament{display:flex;align-items:center;gap:12px;justify-content:center;margin:26px 0;color:#bb9e73}.ornament:before,.ornament:after{content:'';height:1px;background:var(--rule);width:85px}.lead{max-width:435px;margin:0 auto 26px;font-size:14px;line-height:1.85;color:#5c5b55}.homecards{display:grid;gap:12px;margin:29px 0}.navcard{border:1px solid var(--rule);background:var(--white);border-radius:15px;padding:20px 18px;display:flex;align-items:center;gap:15px;text-align:left;width:100%;box-shadow:0 5px 22px #41391d08}.navicon{border-radius:12px;background:var(--panel);color:var(--gold);height:51px;width:51px;display:grid;place-items:center;font-size:25px;flex-shrink:0}.navtext{flex:1}.navtext strong{display:block;font-size:15px;margin-bottom:5px}.navtext small{font-size:12px;color:var(--muted)}.arr{color:var(--gold);font-size:24px}.source-note{font-size:11px;color:#8c8579;line-height:1.7;margin:35px auto;max-width:480px}.sectionhead{padding:32px 0 20px}.sectionhead h1{font:600 55px/1 'Cormorant Garamond',Georgia,serif;margin:12px 0}.sectionhead p{line-height:1.7;font-size:14px;color:var(--muted);margin:8px 0}.list{display:grid;gap:12px}.listcard{width:100%;border:1px solid var(--rule);padding:21px 20px;background:var(--white);border-radius:14px;text-align:left;display:flex;align-items:center;gap:15px}.listcard .num{color:var(--gold);font:600 21px 'Cormorant Garamond',serif;min-width:28px}.listcard strong{font-size:15px;font-weight:600;flex:1;line-height:1.4}.listcard .arr{font-size:20px}.pageintro{padding:27px 0 18px}.pageintro .crumb{font-size:12px;color:var(--gold);font-weight:600}.pageintro h1{font:600 43px/1.05 'Cormorant Garamond',Georgia,serif;margin:16px 0 12px}.pages{font-size:11px;color:#928679;letter-spacing:.2px}.intro{font-size:15px;line-height:1.85;color:#5f5e58;margin:15px 0 24px}.accordion{display:grid;gap:9px}.accordion details{background:var(--white);border:1px solid var(--rule);border-radius:12px;overflow:hidden}.accordion summary{list-style:none;display:flex;align-items:center;gap:13px;padding:17px 15px;cursor:pointer;min-height:63px}.accordion summary::-webkit-details-marker{display:none}.symbol{color:var(--gold);border-radius:8px;background:var(--panel);width:33px;height:33px;flex-shrink:0;display:grid;place-items:center;font-size:16px}.summarytitle{font-size:14px;line-height:1.4;flex:1;font-weight:600}.chevron{font-size:17px;color:var(--gold);transition:transform .2s}details[open] .chevron{transform:rotate(180deg)}.detailbody{border-top:1px solid var(--rule);padding:18px 20px 25px;font:18px/1.75 'Cormorant Garamond',Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere}.source{border-top:1px solid var(--rule);padding-top:10px;color:var(--muted);font:11px/1.5 'DM Sans',sans-serif;margin-top:20px}.longread{background:var(--white);border:1px solid var(--rule);border-radius:12px;padding:23px 20px;font:19px/1.75 'Cormorant Garamond',Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:10px 0 16px}.smallbutton{border:1px solid var(--rule);border-radius:9px;background:var(--white);color:var(--gold);padding:9px 11px;font-size:11px;font-weight:700}.bottom{position:fixed;z-index:6;bottom:0;left:0;right:0;display:flex;justify-content:space-around;box-shadow:0 -7px 24px #0000000a;background:#fffefaed;backdrop-filter:blur(18px);border-top:1px solid var(--rule);padding:8px 12px max(10px,env(safe-area-inset-bottom))}.bottom button{border:0;background:transparent;color:#92877b;display:flex;flex-direction:column;align-items:center;gap:1px;width:33%;font-size:24px;padding:4px}.bottom button span{font-size:10px;font-weight:600}.bottom button.active{color:var(--gold)}.menu-panel{position:fixed;top:64px;right:15px;z-index:9;background:var(--white);border:1px solid var(--rule);border-radius:12px;box-shadow:0 12px 35px #0002;padding:9px;min-width:195px}.menu-panel button{display:block;width:100%;text-align:left;border:0;background:none;padding:13px 16px;font-size:13px;color:var(--ink)}@media(min-width:650px){main{padding-left:35px;padding-right:35px}.homecards{max-width:480px;margin:30px auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Lectura editorial móvil — revisión de formato */
.detailbody{font-family:'DM Sans',Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.76;white-space:normal;color:#343b3b;padding:18px 19px 23px}
.longread{font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.75;white-space:normal}
.prose p{margin:0 0 13px;line-height:1.75;max-width:66ch}
.prose p:last-child{margin-bottom:0}
.intro{font-family:'DM Sans',Arial,sans-serif;font-size:14px;line-height:1.75;background:#f1ece3;padding:17px 19px;border-radius:12px;margin:7px 0 22px;color:#514f48}
.intro p{margin-bottom:10px}
.theme{margin:0 0 14px;display:flex;align-items:center;gap:10px}
.theme span{font-size:9px;color:#958574;letter-spacing:1.4px;font-weight:700}
.theme strong{color:#6f5435;font-size:14px}
.prayer-bullets{margin:0;padding-left:20px;list-style:disc}
.prayer-bullets li{padding:0 0 9px 2px;line-height:1.65}
.scheme-wrap{border:1px solid var(--rule);border-radius:13px;overflow:hidden;background:var(--white);margin:10px 0 16px}
.scheme-table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.5;text-align:left}
.scheme-table th{background:#ece4d5;color:#6e5839;padding:14px 12px;font-size:11px;letter-spacing:.4px}
.scheme-table th:last-child{width:34%}
.scheme-table td{padding:14px 12px;vertical-align:top;border-top:1px solid var(--rule)}
.scheme-table td strong{font-size:13px}
.scheme-table ul{list-style:none;margin:9px 0 0;padding:0;color:#66645f}
.scheme-table li{padding:2px 0}
.scheme-table .scheme-sub td{background:#f8f5ee;padding-top:10px;padding-bottom:10px}
.scheme-pill{display:inline-block;background:#f0e8dc;color:#84663e;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:700;letter-spacing:.4px;overflow-wrap:anywhere}
.scheme-caption{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:20px}
.formatted h2{font:600 29px 'Cormorant Garamond',Georgia,serif;margin:7px 0 16px}
.formatted h2:not(:first-child){border-top:1px solid var(--rule);padding-top:23px;margin-top:28px}
.numbered-point{border-top:1px solid var(--rule);padding:16px 0;display:grid;grid-template-columns:30px 1fr;gap:11px}
.point-number{color:var(--gold);font:600 20px 'Cormorant Garamond',Georgia,serif}
.numbered-point .prose{min-width:0}
.home .source-note{font-size:11px}
@media(max-width:370px){.scheme-table th,.scheme-table td{padding-left:9px;padding-right:9px}.scheme-pill{font-size:9px}}

/* v4: faithful emphasis / navigable liturgy */
.detailbody .prose strong{font-weight:750;color:#262b2f}
.scheme-instructions{font-size:13px;line-height:1.7;color:#686052;margin:20px 0 12px}
.scheme-navigation{display:grid;gap:10px;margin:14px 0 25px}
.liturgical-part{border:1px solid var(--rule);background:var(--white);border-radius:13px;overflow:hidden}
.liturgical-part>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:17px 13px;cursor:pointer}
.liturgical-part>summary::-webkit-details-marker{display:none}
.liturgical-part>summary .summarytitle{font-weight:650;font-size:13px}
.liturgical-part>summary .pages{font-size:10px;white-space:nowrap}
.liturgical-detail{border-top:1px solid var(--rule);padding:13px 13px 22px}
.reader-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f1ece3;border-radius:10px;gap:3px;padding:4px;margin-bottom:14px}
.reader-tab{border:0;background:transparent;color:#786e62;font-size:12px;font-weight:650;border-radius:8px;padding:12px 6px}
.reader-tab.active{background:var(--white);color:#534027;box-shadow:0 1px 6px #00000013}
.page-text{border-bottom:1px solid var(--rule);padding:12px 2px 20px;margin-bottom:16px}
.page-label{display:block;font-size:10px;color:var(--gold);font-weight:700;letter-spacing:1.2px;margin-bottom:14px}
.rite-paragraph{margin:0 0 15px;font-size:14px;line-height:1.55;color:#303336}
.rite-line{margin:0 0 2px}
.rite-speech{padding-left:8px;line-height:1.6}
.rite-response{font-weight:750}
.rite-heading{font-size:15px;margin:16px 0 10px;color:#31302e}
.reader-help{font-size:12px;line-height:1.7;color:#6a6058}
.reader-original[hidden],.reader-digital[hidden]{display:none!important}
.book-page{margin:0 0 12px;border:1px solid #e8e3da;border-radius:9px;background:#fff;overflow:hidden;text-align:center}
.book-page img{display:block;width:100%;height:auto}
.book-page figcaption{padding:8px;font-size:11px;color:#87715c}
@media(max-width:395px){.liturgical-part>summary{flex-wrap:wrap;gap:7px}.liturgical-part>summary .summarytitle{flex-basis:55%}.liturgical-part>summary .pages{margin-left:auto}}

.scheme-go{border:0;background:none;text-align:left;display:flex;align-items:center;gap:7px;padding:0;color:inherit;line-height:1.5;width:100%}.scheme-go span{color:var(--gold);font-size:15px}.liturgical-part{scroll-margin-top:80px}

/* Apartado 4: acción de gracias */
.thanksgiving-story h2,.thanksgiving-prayer h2,.thanksgiving-explanation h2{font:600 31px/1.15 'Cormorant Garamond',Georgia,serif;color:var(--ink);margin:0 0 14px}
.thanksgiving-story p{margin:0 0 13px}.thanksgiving-story p:last-child{margin-bottom:0}
.thanksgiving-prayer{background:var(--white);border:1px solid var(--rule);border-left:3px solid var(--gold);border-radius:12px;padding:20px 21px;margin:20px 0 22px}
.thanksgiving-prayer p{font:italic 16px/1.8 'DM Sans',Arial,sans-serif;margin:0;color:#514f48}
.thanksgiving-explanation{font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.75;white-space:normal}
.thanksgiving-explanation .explanation-lead{color:#605a52;margin:0 0 22px}
.thanksgiving-explanation .numbered-point .prose{font:15px/1.75 'DM Sans',Arial,sans-serif}
.thanksgiving-explanation .numbered-point .prose p{margin:0 0 9px}
.thanksgiving-explanation .numbered-point .prose p:last-child{margin-bottom:0}
.thanksgiving-ending{margin:18px 0 0;color:var(--gold)}
.source a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}
