.focus-reading .reader-sidebar,
.focus-reading .site-header nav,
.focus-reading .search,
.focus-reading footer { display: none; }
.focus-reading .reader-shell { grid-template-columns: minmax(0, 820px); justify-content: center; }
.focus-reading .reader { padding-top: 60px; }

/* Identidade própria, sem depender de imagens ou recursos de terceiros. */
.hero { background: linear-gradient(118deg, #123648 0%, #235875 62%, #7b662f 150%); }

@media (min-width: 801px) {
  .reader-shell { max-width: 1280px; grid-template-columns: 240px minmax(0, 760px); }
}
.comment-trigger { display: inline; padding: 0 2px; border-bottom: 2px solid var(--gold); border-radius: 2px; background: #f8edcf; color: inherit; text-decoration: none; }
.comment-trigger:hover, .comment-trigger:focus-visible { background: #efd89f; outline: 2px solid var(--gold); outline-offset: 2px; }
.chapter-reading-grid { display: grid; grid-template-columns: minmax(0, 1fr) 185px; gap: 22px; align-items: start; }.chapter-references { position: sticky; top: 98px; max-height: calc(100vh - 120px); overflow-y: auto; padding: 10px; border-left: 1px solid var(--line); background: #f7f5ef; }.chapter-references .eyebrow { margin: 0 0 8px; font-size: 10px; }.chapter-reference { display: block; padding: 8px 4px; border-bottom: 1px solid #e2e6e1; color: var(--muted); font: 12px/1.42 var(--sans); text-decoration: none; }.chapter-reference:last-child { border-bottom: 0; }.chapter-reference:hover { background: #eee8d8; color: var(--ink); }.chapter-reference b { display: block; color: var(--gold); font-size: 12px; }.chapter-reference span { display: block; }.comment-page .verse-reference { color: var(--muted); font: 13px/1.4 var(--sans); }
.chapter-studies{margin-top:36px;padding:22px;border:1px solid #d7e2d4;border-radius:7px;background:#f5f9f3}.chapter-studies h2{margin:0 0 12px;color:#235344;font:600 23px var(--serif)}.chapter-studies>a{display:block;padding:12px 0;border-top:1px solid #dce6d9;color:var(--ink);text-decoration:none}.chapter-studies>a strong,.chapter-studies>a span{display:block}.chapter-studies>a strong{color:var(--blue);font-size:17px}.chapter-studies>a span{margin-top:3px;color:var(--muted);font-size:14px}.studies-page,.study-page{max-width:900px;margin:0 auto;padding:58px 28px 78px}.studies-page h1,.study-page h1{margin:0;font:500 40px var(--serif)}.intro,.study-summary{color:var(--muted);font:19px/1.6 var(--serif)}.studies-list{display:grid;gap:14px;margin-top:28px}.study-card{display:block;padding:22px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);text-decoration:none}.study-card:hover{border-color:var(--gold);box-shadow:0 7px 20px #172a3a12}.study-card>span,.study-card small{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.06em}.study-card h2{margin:7px 0;font:500 25px var(--serif);color:var(--blue)}.study-card p{margin:0;color:var(--muted);line-height:1.5}.study-card small{display:block;margin-top:11px;color:#a71919}.study-page{max-width:820px}.study-summary{margin:16px 0 24px}.study-video{position:relative;aspect-ratio:16/9;margin:25px 0;background:#172a3a}.study-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.study-body{font-size:18px;line-height:1.75}.study-body p:first-child{margin-top:0}
.comment-page { max-width: 850px; margin: 0 auto; padding: 54px 28px 75px; }.comment-page-card { margin-top: 20px; padding: 36px; border: 1px solid var(--line); border-radius: 7px; background: #fff; box-shadow: 0 8px 24px #172a3a12; }.comment-page h1 { margin: 0 0 28px; font: 500 36px var(--serif); }.comment-page h2 { margin: 25px 0 9px; color: var(--blue); font: 600 18px var(--sans); }.comment-page blockquote { margin: 0; padding: 12px 15px; border-left: 3px solid var(--gold); background: #faf5e7; color: #53616a; font: italic 18px/1.6 var(--serif); }.comment-page-body { font-size: 18px; line-height: 1.72; }.comment-page-body p:first-child { margin-top: 0; }.comment-verse { font: 19px/1.75 var(--serif); margin: 0; }
.video-wrap { position: relative; aspect-ratio: 16 / 9; margin-top: 18px; background: #172a3a; }.video-wrap iframe { position: absolute; width: 100%; height: 100%; border: 0; inset: 0; }
@media(max-width:800px) { .chapter-reading-grid { grid-template-columns: 1fr; }.chapter-references { position: static; max-height: none; margin-top: 22px; border-left: 0; border-top: 1px solid var(--line); }.comment-page { padding: 32px 18px 50px; }.comment-page-card { padding: 24px 20px; }.comment-page h1 { font-size: 30px; } }
@media(max-width:480px) { .site-header nav { display:flex; order:4; width:100%; gap:12px; overflow-x:auto; font-size:14px; padding-bottom:2px; } }
