/* 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 var(--kind-reading-font); color:var(--journey-ink); }
body .category-page :is(.category-verse,.category-ayah) h2 { font:400 clamp(24px,2.4vw,32px)/1.3 var(--kind-reading-font); 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 var(--kind-reading-font); 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); 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); 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); 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); 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); }
.kind-discovery-heading p { margin:0; color:var(--journey-muted); font:400 14px/1.45 var(--app-ui); }
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); }
.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 var(--kind-reading-font); }
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 var(--kind-reading-font); }
.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; }
}

/* Explore is an image-led shelf. Keep reading, saving and sharing distinct. */
body main#content.library-page {
 width:min(1120px,calc(100% - 32px)); margin:0 auto; padding:0 0 32px;
 background:transparent; overflow:visible;
}
body .library-page .library-hero.compact-page-intro {
 display:block; width:100%; max-width:none; margin:0; padding:24px 0 16px;
 border:0; border-radius:0; background:transparent; box-shadow:none;
}
body .library-page .breadcrumbs { display:none; }
body .library-page .compact-page-intro h1 { max-width:none; font-size:clamp(24px,3vw,32px); line-height:1.2; }
body .library-page .compact-page-intro p { margin:8px 0 0; font-size:16px; line-height:1.5; max-width:48ch; }
body .library-page .library-search { width:100%; max-width:560px; margin:16px 0 0; border-radius:12px; }
body .library-page .library-hero.compact-page-intro .library-search input { font:400 16px/1.4 var(--app-ui); border-radius:12px; }
body .library-page .library-results {
 display:flex; flex-direction:column; width:100%; max-width:none; margin:0;
 padding:0; border:0; border-radius:0; background:transparent; box-shadow:none;
}
body .library-page .kind-discovery-heading { display:none; }
body .library-page .filter-row {
 order:0; display:flex; width:100%; margin:0 0 18px; padding:0 0 6px;
 gap:8px; overflow-x:auto; border:0; scroll-padding-inline:0;
}
body .library-page .filter-row .filter {
 display:inline-flex; align-items:center; justify-content:center; flex:none;
 min-height:44px; padding:8px 16px; border-radius:24px; font-size:14px; line-height:1.3;
 background:var(--journey-paper); border:1px solid var(--journey-line);
}
body .library-page .filter-row .filter[aria-current] { color:var(--journey-ink); background:#f6e5cf; border-color:#bd936c; }
body .library-page :is(.verse-grid,.ayah-grid) {
 order:1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px 18px;
}
body .library-page .feed-card {
 display:flex; flex-direction:column; align-items:stretch; min-width:0; padding:0; gap:0;
 border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible;
}
body .library-page .feed-card .card-image-wrap { width:100%; max-width:none; grid-area:auto; }
body .library-page .feed-card .card-image-link {
 display:block; width:100%; height:auto; aspect-ratio:2/3; border-radius:16px;
 background:var(--journey-paper); box-shadow:0 3px 12px rgba(72,51,29,.09);
}
body .library-page .feed-card .card-image-link img { display:block; width:100%; height:100%; object-fit:contain; }
body .library-page .feed-card .read-pill { display:none; }
body .library-page .feed-card .card-meta { display:flex; flex-direction:column; align-items:stretch; width:100%; gap:6px; padding:10px 0 0; min-width:0; }
body .library-page .feed-card .card-meta>div:first-child { align-self:stretch; text-align:left; }
body .library-page .feed-card .theme-label { display:block; color:var(--journey-muted); font:400 12px/1.4 var(--app-ui); letter-spacing:0; text-transform:none; }
body .library-page .feed-card h3 { margin:3px 0 0; font:400 19px/1.25 var(--kind-reading-font); letter-spacing:-.015em; overflow-wrap:anywhere; }
body .library-page .feed-card .card-actions { display:flex; justify-content:flex-end; gap:2px; padding:0; margin:0; border:0; min-width:0; width:100%; }
body .library-page .card-actions :is(.share-suite,.share-primary-options) { display:flex; width:auto; min-width:0; margin:0; padding:0; border:0; gap:0; }
body .library-page .card-actions :is(.share-toggle,.save-verse-button,.save-ayah-button) {
 display:inline-flex; align-items:center; justify-content:center; flex:none;
 width:44px; height:44px; min-width:44px; min-height:44px; margin:0; padding:0;
 border:0; border-radius:50%; background:transparent; color:var(--journey-ink); box-shadow:none;
}
body .library-page .card-actions :is(.share-toggle,.save-verse-button,.save-ayah-button):hover { background:var(--journey-paper); }
body .library-page .feed-card .card-actions .share-more>.share-toggle { width:48px; height:48px; min-width:48px; min-height:48px; border:1px solid var(--journey-line); background:var(--journey-paper); border-radius:12px; }
body .library-page .feed-card .card-actions .share-more { width:48px; min-width:48px; }
body .library-page .card-actions .is-saved { background:var(--journey-ink); color:var(--journey-paper); }
body .library-page .card-actions :is(.share-toggle,.save-verse-button,.save-ayah-button) svg { width:18px; height:18px; }
body .library-page .card-actions :is(.share-toggle>.button-label,.save-label) { display:none; }
body .library-page .share-popover-menu .share-quick-action { display:flex; width:100%; background:transparent; }
body .library-page .share-popover-menu .button-label { display:inline; position:static; width:auto; height:auto; clip:auto; overflow:visible; white-space:normal; }
body .library-page .library-results-toolbar { order:2; margin:28px 0 0; padding:0; }
body .library-page .library-results-toolbar h2 { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
body .library-page .library-results-toolbar p { margin:0; font:400 13px/1.5 var(--app-ui); }
body .library-page .pagination { order:3; margin:16px 0 0; flex-wrap:wrap; gap:12px; }
body .library-page .pagination>div { display:flex; flex-wrap:wrap; }
html[data-kind-color-scheme="dark"] body .library-page .filter[aria-current] { background:#504b3d; border-color:#aa8964; color:#eee7d8; }
html[data-kind-color-scheme="dark"] body .library-page .feed-card { background:transparent!important; }
@media(max-width:900px) {
 body .library-page :is(.verse-grid,.ayah-grid) { grid-template-columns:repeat(3,minmax(0,1fr)); }
 body .library-page .library-hero.compact-page-intro { padding-top:18px; }
}
@media(max-width:600px) {
 body .library-page :is(.verse-grid,.ayah-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 12px; }
 body .library-page .feed-card h3 { font-size:18px; }
}

/* My Bible: the same image-led shelf as Explore, with saved actions intact. */
body main#content.saved-page {
 --journey-ink:var(--ink,#244236); --journey-muted:var(--muted,#647067);
 --journey-paper:#fffaf2; --journey-line:rgba(93,74,44,.18);
 display:block; width:min(1120px,calc(100% - 32px)); max-width:1120px;
 margin:0 auto; padding:0 0 48px; background:transparent; overflow:visible;
}
body .saved-page .saved-hero.compact-page-intro {
 display:block; width:100%; max-width:none; margin:0; padding:24px 0 16px;
 border:0; border-radius:0; background:transparent; box-shadow:none; text-align:left;
}
body .saved-page .breadcrumbs { display:none; }
body .saved-page .compact-page-intro h1 {
 margin:0; max-width:none; color:var(--journey-ink);
 font:400 clamp(24px,3vw,32px)/1.2 var(--kind-reading-font); letter-spacing:-.025em;
}
body .saved-page .compact-page-intro p {
 max-width:56ch; margin:8px 0 0; color:var(--journey-muted); font:400 16px/1.5 var(--app-ui);
}
body .saved-page .saved-signin-link {
 display:inline-flex; align-items:center; gap:12px; max-width:100%; margin:16px 0 0;
 padding:12px 16px; border:1px solid var(--journey-line); border-radius:12px;
 background:var(--journey-paper); color:var(--journey-ink); box-shadow:none;
}
body .saved-page .saved-signin-link span { min-width:0; }
body .saved-page .saved-signin-link strong { font:600 14px/1.4 var(--app-ui); }
body .saved-page .saved-signin-link small { display:block; font:400 13px/1.5 var(--app-ui); color:var(--journey-muted); }
body .saved-page .saved-signin-link svg { flex:none; width:20px; height:20px; }
body .saved-page :is(.saved-results,.personal-bible-shell,.personal-quran-shell,.personal-bible-book,.personal-quran-book) {
 display:block; width:100%; max-width:none; min-height:0; margin:0; padding:0;
 border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible;
}
body .saved-page :is(.personal-bible-cover,.personal-quran-cover) { display:none; }
body .saved-page :is(.personal-bible-book,.personal-quran-book)::before,
body .saved-page :is(.personal-bible-book,.personal-quran-book)::after { display:none; }
body .saved-page :is(.personal-bible-heading,.personal-quran-heading) {
 display:flex; justify-content:flex-end; align-items:center; min-height:0;
 gap:0; margin:0 0 10px; padding:0; border:0; background:transparent;
}
body .saved-page :is(.personal-bible-heading-title,.personal-quran-heading-title) {
 position:absolute; width:1px; height:1px; padding:0; margin:-1px;
 overflow:hidden; clip-path:inset(50%); white-space:nowrap;
}
body .saved-page :is(.personal-bible-heading,.personal-quran-heading)>p {
 margin:0; color:var(--journey-muted); font:400 13px/1.5 var(--app-ui);
}
body .saved-page #saved-theme-filters {
 display:flex; width:100%; margin:0 0 18px; padding:0 0 6px; gap:8px;
 overflow-x:auto; border:0; background:transparent; scroll-padding-inline:0;
}
body .saved-page #saved-theme-filters:empty { display:none; }
body .saved-page #saved-theme-filters button {
 display:inline-flex; align-items:center; justify-content:center; flex:none;
 min-height:44px; padding:8px 16px; border:1px solid var(--journey-line); border-radius:24px;
 background:var(--journey-paper); color:var(--journey-ink); font:400 14px/1.3 var(--app-ui);
}
body .saved-page #saved-theme-filters button.is-active { background:#f6e5cf; border-color:#bd936c; }
body .saved-page #saved-grid {
 display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:start;
 gap:24px 18px; margin:0; padding:0; border:0; background:transparent;
}
body .saved-page #saved-grid:empty { display:none; }
body .saved-page #saved-grid>article {
 display:flex; flex-direction:column; align-items:stretch; position:relative; min-width:0;
 margin:0; padding:0; gap:0; border:0; border-radius:0; background:transparent; box-shadow:none;
}
body .saved-page :is(.bible-entry-number,.quran-entry-number,.bible-entry-scripture,.quran-entry-scripture,.quran-entry-Quran,.quran-entry-arabic,.bible-entry-reflection,.quran-entry-reflection) { display:none; }
body .saved-page [hidden] { display:none!important; }
body .saved-page :is(.bible-entry-image,.quran-entry-image) {
 display:block; width:100%; max-width:none; aspect-ratio:2/3; margin:0;
 overflow:hidden; border-radius:16px; background:var(--journey-paper); box-shadow:0 3px 12px rgba(72,51,29,.09);
}
body .saved-page :is(.bible-entry-image,.quran-entry-image)>a { display:block; width:100%; height:100%; }
body .saved-page :is(.bible-entry-image,.quran-entry-image) img { display:block; width:100%; height:100%; object-fit:contain; }
body .saved-page :is(.bible-entry-copy,.quran-entry-copy) { display:block; width:100%; min-width:0; margin:0; padding:10px 0 0; text-align:left; }
body .saved-page #saved-grid .theme-label { display:block; color:var(--journey-muted); font:400 12px/1.4 var(--app-ui); letter-spacing:0; text-transform:none; }
body .saved-page #saved-grid h3 { margin:3px 0 0; color:var(--journey-ink); font:400 19px/1.25 var(--kind-reading-font); letter-spacing:-.015em; overflow-wrap:anywhere; }
body .saved-page :is(.bible-entry-actions,.quran-entry-actions) {
 display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
 min-width:0; gap:4px; margin:6px 0 0; padding:0; border:0;
}
body .saved-page :is(.bible-entry-actions,.quran-entry-actions)>a {
 display:inline-flex; align-items:center; min-height:44px; max-width:calc(100% - 48px);
 color:var(--journey-ink); font:400 13px/1.4 var(--app-ui); text-transform:none; letter-spacing:0;
}
body .saved-page :is(.save-verse-button,.save-ayah-button) {
 flex:none; display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px;
 min-width:44px; min-height:44px; margin:0; padding:0; border:0; border-radius:50%;
 background:var(--journey-ink); color:var(--journey-paper); box-shadow:none;
}
body .saved-page :is(.save-verse-button,.save-ayah-button) svg { width:18px; height:18px; }
body .saved-page :is(a,button):focus-visible { outline:2px solid var(--clay,#a77c53); outline-offset:3px; }
body .saved-page .saved-empty:not([hidden]) {
 max-width:none; margin:12px 0 0; padding:48px 24px; border:1px solid var(--journey-line);
 border-radius:16px; background:var(--journey-paper); box-shadow:none; text-align:center;
}
body .saved-page .saved-empty h2 { font:400 clamp(24px,3vw,30px)/1.25 var(--kind-reading-font); }
body .saved-page .saved-empty p { max-width:48ch; margin:12px auto; font:400 16px/1.55 var(--app-ui); }
body .saved-page .saved-empty :is(.primary-button,.outline-button) { min-height:44px; font:600 14px/1.4 var(--app-ui); }
html[data-kind-color-scheme="dark"] body main#content.saved-page { --journey-paper:#333e35; --journey-line:rgba(230,220,194,.2); }
html[data-kind-color-scheme="dark"] body .saved-page :is(.saved-results,.personal-bible-shell,.personal-quran-shell,.personal-bible-book,.personal-quran-book,.personal-bible-heading,.personal-quran-heading,#saved-theme-filters,#saved-grid,#saved-grid>article) { background:transparent!important; }
html[data-kind-color-scheme="dark"] body .saved-page #saved-theme-filters button.is-active { background:#504b3d!important; border-color:#aa8964!important; color:#eee7d8!important; }
@media(max-width:900px) {
 body .saved-page #saved-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 body .saved-page .saved-hero.compact-page-intro { padding-top:18px; }
}
@media(max-width:600px) {
 body .saved-page #saved-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 12px; }
 body .saved-page #saved-grid h3 { font-size:18px; }
}

/* An AyahKind book identity around the Explore-like collection, not another catalogue. */
body .saved-page .personal-quran-cover {
 display:block; position:relative; top:auto; width:100%; min-height:0; margin:4px 0 28px; padding:12px 16px 12px 22px;
 border:1px solid #bc9b65; border-radius:6px 22px 22px 6px;
 background:linear-gradient(110deg,#18392e,#294c3d); color:#fff8e9;
 box-shadow:3px 3px 0 #e6dfcf,5px 5px 0 #b7a78b,0 10px 24px rgba(38,48,33,.09);
}
body .saved-page .personal-quran-cover-inner {
 display:grid; grid-template-columns:30px minmax(0,1fr) auto; grid-template-rows:auto auto;
 column-gap:20px; align-items:center; justify-items:start; min-height:104px; padding:18px 22px;
 border:1px solid rgba(222,181,123,.38); border-radius:3px 14px 14px 3px; text-align:left;
}
body .saved-page .personal-quran-cover .quran-cover-star { grid-column:1; grid-row:1/3; width:24px; height:34px; margin:0; }
body .saved-page .personal-quran-cover .quran-cover-brand { grid-column:2; grid-row:1; align-self:end; color:#dfbd85; font:600 10px/1.4 var(--app-ui); letter-spacing:.18em; }
body .saved-page .personal-quran-cover h2 { grid-column:2; grid-row:2; align-self:start; margin:4px 0 0; color:#fff8e9; font:400 26px/1.2 var(--kind-reading-font); white-space:normal; }
body .saved-page .personal-quran-cover p { display:none; }
body .saved-page .personal-quran-cover .quran-cover-count { display:grid; grid-column:3; grid-row:1/3; margin:0; padding:0; text-align:right; color:#dfbd85; }
body .saved-page .personal-quran-cover .quran-cover-count strong { font:400 26px/1.2 var(--kind-reading-font); }
body .saved-page .personal-quran-cover .quran-cover-count span { font:400 11px/1.4 var(--app-ui); letter-spacing:0; text-transform:none; }
body .saved-page .quran-entry-image {
 position:relative; border-radius:5px 18px 18px 5px;
 box-shadow:3px 2px 0 #eee7da,5px 4px 0 #d4c9b5,0 6px 16px rgba(72,51,29,.1);
}
body .saved-page .quran-entry-image::after {
 content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
 background:linear-gradient(90deg,rgba(35,52,34,.12),transparent 5%,rgba(255,255,255,.32) 6%,transparent 8%);
 box-shadow:inset 1px 0 rgba(255,255,255,.6);
}
@media(max-width:600px) {
 body .saved-page .personal-quran-cover { padding:9px 10px 9px 16px; margin-bottom:22px; }
 body .saved-page .personal-quran-cover-inner { min-height:90px; padding:14px 12px; gap:2px 12px; grid-template-columns:24px minmax(0,1fr); }
 body .saved-page .personal-quran-cover h2 { font-size:22px; }
 body .saved-page .personal-quran-cover .quran-cover-count { display:none; }
 body .saved-page #saved-grid { padding-right:5px; }
}

body .saved-page .personal-quran-cover .quran-cover-star { font:32px/34px var(--kind-reading-font); color:#dfbd85; text-align:center; }