/* One reading journey: discover, read, then respond. Extend the existing brand. */
body :is(.library-page,.category-page) { --journey-ink:var(--ink,#244236); --journey-muted:var(--muted,#647067); --journey-paper:#fffaf2; --journey-line:rgba(93,74,44,.18); }
body main#content.category-page { display:block; width:min(1000px,calc(100% - 32px)); max-width:1000px; margin:0 auto; padding:16px 0 48px; }
body .category-page :is(.category-hero,.category-verse-list,.category-ayah-list) { width:100%; max-width:none; margin-left:0; margin-right:0; }
body .category-page :is(.category-verse-list,.category-ayah-list) { padding:0; border:0; background:transparent; box-shadow:none; }
body .category-page .quality-selected-heading { margin:0 0 18px; padding:0 2px; }
body .category-page .quality-selected-heading h2 { font:400 26px/1.25 Georgia,serif; color:var(--journey-ink); }
body .category-page :is(.category-verse,.category-ayah) h2 { font:400 clamp(24px,2.4vw,32px)/1.3 Georgia,serif; letter-spacing:-.015em; }
body .category-page :is(.category-verse,.category-ayah)>div>span { font-size:11px; line-height:1.5; letter-spacing:.08em; }
body :is(.library-page,.category-page) .compact-page-intro { padding:24px; margin-bottom:20px; }
body :is(.library-page,.category-page) .compact-page-intro h1 { font:400 clamp(26px,3vw,36px)/1.18 Georgia,serif; letter-spacing:-.025em; color:var(--journey-ink); }
body :is(.library-page,.category-page) .compact-page-intro p { margin:10px 0 0; max-width:62ch; font:400 16px/1.55 var(--app-ui,Arial,sans-serif); color:var(--journey-muted); }
body .category-page .page-intro-count { display:none; }
.kind-theme-start { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:18px 0 0; }
.kind-theme-start>span { font:500 14px/1.4 var(--app-ui,Arial,sans-serif); color:var(--journey-muted); }
body a.kind-journey-primary { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:46px; padding:11px 18px; border:1px solid #244236; border-radius:10px; background:#244236; color:#fffaf2; font:600 14px/1.4 var(--app-ui,Arial,sans-serif); text-decoration:none; }
body a.kind-journey-primary:hover { background:#365642; }
.kind-journey-clear { display:inline-flex; align-items:center; min-height:44px; color:inherit; font:500 14px/1.4 var(--app-ui,Arial,sans-serif); text-underline-offset:4px; }
.kind-search-reset { margin-top:6px; }
.kind-discovery-heading { margin:0 0 12px; }
.kind-discovery-heading h2 { margin:0 0 5px; font:600 16px/1.4 var(--app-ui,Arial,sans-serif); }
.kind-discovery-heading p { margin:0; color:var(--journey-muted); font:400 14px/1.45 var(--app-ui,Arial,sans-serif); }
body .library-page .library-results-toolbar p { font-size:13px; }
body .library-page .library-search { min-height:48px; }
body .library-page .library-search input { min-height:44px; font-size:16px; }
body .library-page .library-search button { min-width:44px; min-height:44px; }
body .category-page .compact-page-intro p { display:block; overflow:visible; -webkit-line-clamp:unset; }
body .library-page .filter-row { margin-bottom:24px; }
body .library-page .filter-row .filter { min-height:44px; font-size:14px; }
body .category-page .kind-theme-guide { margin:0 0 24px; padding:0; border:1px solid var(--journey-line); border-radius:14px; background:var(--journey-paper); color:var(--journey-ink); }
.kind-theme-guide>summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; padding:14px 18px; cursor:pointer; list-style:none; font:600 14px/1.5 var(--app-ui,Arial,sans-serif); }
.kind-theme-guide>summary::-webkit-details-marker { display:none; }
.kind-theme-guide>summary::after { content:'+'; font-size:22px; font-weight:400; }
.kind-theme-guide[open]>summary::after { content:'−'; }
body .kind-theme-guide>.quality-theme-guide { width:100%; max-width:none; margin:0; padding:6px 20px 24px; border:0; border-radius:0; background:transparent; color:inherit; box-shadow:none; }
body .kind-theme-guide :is(h2,h3,p,.quality-review-note,.section-kicker) { color:inherit; }
body .kind-theme-guide h2 { font:400 26px/1.2 Georgia,serif; }
body .kind-theme-guide h3 { font-size:18px; }
body .kind-theme-guide p { font-size:16px; line-height:1.65; }
body .kind-journey-empty { padding:28px; border:1px solid var(--journey-line); border-radius:16px; background:var(--journey-paper); color:var(--journey-ink); text-align:left; }
.kind-journey-empty h2 { margin:0 0 10px; color:inherit; font:400 26px/1.2 Georgia,serif; }
.kind-journey-empty p { font-size:16px; line-height:1.6; }
.kind-search-examples,.kind-empty-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px; margin-top:16px; }
.kind-search-examples a { display:inline-flex; align-items:center; min-height:44px; padding:8px 13px; border:1px solid var(--journey-line); border-radius:22px; color:inherit; font-size:14px; text-decoration:none; }
body :is(.library-page,.category-page) :focus-visible { outline:2px solid #aa7b50; outline-offset:4px; }
html[data-kind-color-scheme="dark"] body :is(.library-page,.category-page) { --journey-ink:#eee7d8; --journey-muted:#c2c8ba; --journey-paper:#333e35; --journey-line:rgba(230,220,194,.2); }
html[data-kind-color-scheme="dark"] body a.kind-journey-primary { background:#eee0c6; color:#263c30; border-color:#eee0c6; }
html[data-kind-color-scheme="dark"] body :is(.kind-theme-guide,.kind-journey-empty) { background:var(--journey-paper); color:var(--journey-ink); }
html[data-kind-color-scheme="dark"] body .kind-theme-guide :is(h2,h3,p,.quality-review-note,.section-kicker) { color:#eee7d8; }
html[data-kind-color-scheme="dark"] body .kind-theme-guide blockquote { background:rgba(238,224,198,.05); color:#eee7d8; border-color:#bc9769; }
@media(min-width:768px) {
 body .category-page :is(.category-verse,.category-ayah) { grid-template-columns:144px minmax(0,1fr); gap:28px; padding:28px 0; }
}
@media(max-width:600px) {
 body :is(.library-page,.category-page) .compact-page-intro { padding:18px; margin-bottom:16px; }
 body :is(.library-page,.category-page) .compact-page-intro h1 { font-size:26px; }
 body .kind-journey-empty { padding:22px 18px; }
 .kind-theme-start { gap:8px 12px; }
 body .category-page :is(.category-verse,.category-ayah) h2 { font-size:24px; line-height:1.3; }
 body .category-page .quality-passage-note { font-size:16px; line-height:1.6; }
}