/*
Theme Name: AyahKind
Theme URI: https://ayahkind.com/
Author: AyahKind
Author URI: https://ayahkind.com/
Description: A refined Quran ayah library with verified Arabic text, English meaning, personal collections, and shareable Islamic art.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: ayahkind
*/

:root { --ink:#0b312c; --cream:#f8f3e8; --paper:#fffdf7; --sage:#dce8df; --clay:#c59d53; --muted:#60736d; --teal:#1f5d52; --gold:#c59d53; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--cream); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
img { display:block; max-width:100%; height:auto; }
.ayahkind-icon { width:18px; height:18px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
.ayahkind-icon .icon-fill { fill:currentColor; stroke:none; }
.site-header { position:relative; z-index:50; width:min(1180px, calc(100% - 48px)); height:82px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(31,59,52,.16); }
.brand { display:flex; align-items:center; gap:13px; font-family:Georgia, serif; font-size:23px; font-weight:700; line-height:1; }
.brand-mark { position:relative; display:grid; place-items:center; width:34px; height:38px; border-radius:17px 17px 4px 4px; background:var(--ink); color:var(--cream); font-size:19px; font-style:normal; line-height:1; }
.brand-mark::after { content:""; position:absolute; width:6px; height:6px; border-radius:50%; top:5px; right:5px; background:var(--clay); }
.site-navigation { display:flex; align-items:center; gap:clamp(18px,2.1vw,28px); font-size:12px; font-weight:750; letter-spacing:.04em; }
.site-navigation>a,.nav-explore>summary,.nav-account>summary { transition:color .2s ease,background .2s ease; }
.site-navigation>a:hover,.nav-explore>summary:hover,.nav-account>summary:hover { color:var(--clay); }
.site-navigation>a.is-current,.nav-explore.is-current>summary,.nav-account.is-current>summary { color:var(--clay); }
.nav-explore,.nav-account { position:relative; }
.nav-explore>summary,.nav-account>summary { display:flex; align-items:center; gap:6px; list-style:none; cursor:pointer; }
.nav-explore>summary::-webkit-details-marker,.nav-account>summary::-webkit-details-marker { display:none; }
.nav-explore>summary>.ayahkind-icon,.nav-account>summary>.ayahkind-icon { width:13px; height:13px; transition:transform .2s ease; }
.nav-explore[open]>summary>.ayahkind-icon,.nav-account[open]>summary>.ayahkind-icon { transform:rotate(180deg); }
.nav-explore-menu,.nav-account-menu { position:absolute; z-index:60; top:35px; right:0; min-width:310px; padding:10px; border:1px solid #d6dcd6; border-radius:20px; background:var(--paper); box-shadow:0 20px 55px rgba(31,59,52,.17); letter-spacing:0; }
.nav-explore-menu { right:auto; left:50%; transform:translateX(-50%); }
.nav-explore-all { display:flex; align-items:center; gap:12px; padding:13px; border-radius:12px; background:var(--cream); }
.nav-explore-all>.ayahkind-icon { width:21px; height:21px; color:var(--clay); }
.nav-explore-all span,.nav-account-menu a:first-child { display:grid; gap:3px; }
.nav-explore-all strong,.nav-account-menu strong { font-family:Georgia,serif; font-size:16px; font-weight:400; }
.nav-explore-all small,.nav-account-menu small { color:var(--muted); font-size:9px; font-weight:400; }
.nav-explore-themes { display:grid; grid-template-columns:repeat(2,1fr); gap:2px; padding-top:8px; }
.nav-explore-themes a,.nav-account-menu a { padding:10px 12px; border-radius:10px; }
.nav-explore-themes a:hover,.nav-account-menu a:hover { background:var(--cream); color:var(--clay); }
.nav-account>summary img { width:30px; height:30px; border-radius:50%; object-fit:cover; }
.nav-account-menu { min-width:230px; }
.nav-account-menu a { display:block; }
.saved-nav-link { display:flex; align-items:center; gap:6px; }
.saved-count { display:grid; place-items:center; min-width:20px; height:20px; padding:0 5px; border-radius:999px; background:var(--clay); color:white; font-size:9px; }
.account-nav-link { padding:11px 15px; border:1px solid rgba(31,59,52,.34); border-radius:999px; }
.mobile-bottom-nav { display:none; }
.nav-cta,.outline-button { padding:12px 18px; border:1px solid currentColor; border-radius:999px; }
.outline-button { display:inline-flex; align-items:center; gap:8px; }
.outline-button .ayahkind-icon { width:16px; height:16px; }
.hero { width:min(1280px, 100%); min-height:560px; margin:0 auto; padding:54px 48px 68px; display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); align-items:center; gap:clamp(42px,4.5vw,64px); }
.hero-copy { min-width:0; max-width:590px; padding-left:0; }
.hero-art { border-radius:240px 240px 28px 28px; overflow:hidden; min-height:0; aspect-ratio:16/9; background:var(--sage); box-shadow:0 26px 70px rgba(11,49,44,.12); }
.hero-art img { width:100%; height:100%; min-height:0; object-fit:cover; object-position:center; }
.eyebrow,.section-kicker,.theme-label { font-size:10px; letter-spacing:.2em; font-weight:800; color:var(--clay); }
h1,h2,h3,blockquote { font-family:Georgia, 'Times New Roman', serif; }
h1 { margin:20px 0 26px; font-size:clamp(51px,5.4vw,78px); line-height:.99; letter-spacing:-.045em; font-weight:400; text-wrap:balance; }
h1 em { color:var(--clay); font-weight:400; }
.hero-copy>p { max-width:550px; margin:0 0 34px; line-height:1.75; color:#53655f; font-size:16px; }
.hero-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.hero-email-link { display:inline-flex; align-items:center; gap:9px; max-width:460px; margin-top:22px; color:var(--muted); font-size:11px; line-height:1.5; transition:color .2s ease; }
.hero-email-link:hover { color:var(--ink); }
.hero-email-link strong { color:var(--ink); }
.hero-email-link .ayahkind-icon { width:16px; height:16px; color:var(--clay); }
.hero-email-link .icon-arrow-right { margin-left:2px; }
.primary-button,.pinterest-button { display:inline-flex; gap:12px; align-items:center; background:var(--ink); color:white; padding:16px 22px; border-radius:999px; font-size:12px; font-weight:750; }
.primary-button .ayahkind-icon,.text-link .ayahkind-icon { width:16px; height:16px; }
.text-link { display:inline-flex; align-items:center; gap:8px; }
.text-link { font-size:12px; font-weight:750; border-bottom:1px solid rgba(31,59,52,.4); padding:8px 0; }
.ayah-section,.faq-section { background:var(--paper); padding:96px max(24px, calc((100vw - 1180px)/2)) 118px; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:32px; margin-bottom:36px; }
.section-heading h2,.about-intro h2,.reflection-section h2 { font-size:clamp(39px,5vw,60px); letter-spacing:-.04em; font-weight:400; margin:10px 0 0; }
.section-heading>p { color:var(--muted); margin:0 0 8px; }
.filter-row { display:flex; gap:8px; overflow-x:auto; padding-bottom:24px; scrollbar-width:none; }
.filter { white-space:nowrap; border:1px solid #d6dcd6; background:transparent; color:var(--ink); padding:10px 16px; border-radius:999px; cursor:pointer; font-size:12px; }
.filter.active { background:var(--ink); color:white; border-color:var(--ink); }
.ayah-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.feed-card { min-width:0; }
.ayah-image-shell { position:relative; min-width:0; }
.image-pin-button { position:absolute; z-index:4; right:16px; bottom:16px; display:inline-flex; align-items:center; gap:7px; padding:10px 13px; border-radius:999px; background:#bd081c; color:#fff; box-shadow:0 10px 28px rgba(84,3,12,.28); font-size:11px; font-weight:800; letter-spacing:.02em; opacity:0; transform:translateY(7px); pointer-events:none; transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease; }
.image-pin-button .ayahkind-icon { width:16px; height:16px; }
.ayah-image-shell:hover .image-pin-button,.ayah-image-shell:focus-within .image-pin-button { opacity:1; transform:translateY(0); pointer-events:auto; }
.image-pin-button:hover { box-shadow:0 12px 34px rgba(84,3,12,.4); }
.card-image-wrap { position:relative; }
.card-image-link { display:block; aspect-ratio:2/3; border-radius:22px; overflow:hidden; position:relative; background:var(--sage); }
.card-image-link img { width:100%; height:100%; object-fit:contain; object-position:center; transition:transform .5s ease; }
.card-image-link:hover img { transform:scale(1.025); }
.read-pill { position:absolute; left:18px; bottom:18px; background:rgba(255,253,248,.9); backdrop-filter:blur(8px); padding:10px 14px; border-radius:999px; font-size:11px; font-weight:700; opacity:0; transform:translateY(5px); transition:.25s; }
.card-image-link:hover .read-pill,.card-image-link:focus-visible .read-pill { opacity:1; transform:translateY(0); }
.card-meta { display:flex; justify-content:space-between; align-items:center; padding:17px 4px 6px; }
.card-meta h3 { margin:3px 0 0; font-size:24px; font-weight:400; }
.theme-label { letter-spacing:.12em; font-size:9px; }
.card-actions { display:flex; gap:8px; }
.card-actions button { width:38px; height:38px; border:1px solid #d6dcd6; border-radius:50%; background:transparent; color:var(--ink); cursor:pointer; font-size:18px; display:grid; place-items:center; }
.card-actions button.is-saved { background:var(--ink); color:white; }
.save-ayah-button { border:1px solid #d6dcd6; background:transparent; color:var(--ink); cursor:pointer; }
.save-ayah-button .icon-heart-filled { display:none; }
.save-ayah-button.is-saved .icon-heart { display:none; }
.save-ayah-button.is-saved .icon-heart-filled { display:block; }
.save-ayah-button-labelled { display:inline-flex; align-items:center; gap:8px; margin-top:14px; padding:10px 14px; border-radius:999px; font-size:11px; font-weight:750; }
.save-ayah-button-labelled.is-saved { background:var(--ink); border-color:var(--ink); color:white; }
.save-ayah-button-labelled .ayahkind-icon { width:16px; height:16px; }
.toast { position:fixed; z-index:20; left:50%; bottom:28px; transform:translate(-50%,20px); background:var(--ink); color:white; padding:12px 18px; border-radius:999px; opacity:0; pointer-events:none; transition:.25s; font-size:12px; }
.toast.show { opacity:1; transform:translate(-50%,0); }
.about-section { padding:110px max(24px, calc((100vw - 1180px)/2)); display:grid; grid-template-columns:.9fr 1.1fr; gap:70px 100px; }
.about-copy { color:#53655f; font-size:17px; line-height:1.8; }
.about-copy p:first-child { margin-top:0; }
.values-grid { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(31,59,52,.18); }
.values-grid article { padding:32px 32px 10px 0; border-right:1px solid rgba(31,59,52,.18); }
.values-grid article+article { padding-left:32px; }
.values-grid article:last-child { border-right:0; }
.values-grid span { font-size:10px; letter-spacing:.15em; color:var(--clay); font-weight:800; }
.values-grid h3 { font-size:28px; font-weight:400; margin:24px 0 10px; }
.values-grid p { color:var(--muted); line-height:1.6; font-size:14px; max-width:260px; }
.newsletter-section { padding:110px max(24px,calc((100vw - 1180px)/2)); display:grid; grid-template-columns:.92fr 1.08fr; gap:90px; align-items:center; background:linear-gradient(135deg,#e6eadf 0%,#f3ead8 100%); overflow:hidden; }
.newsletter-copy h2 { max-width:620px; margin:14px 0 22px; font-size:clamp(46px,6vw,76px); line-height:1.04; font-weight:400; letter-spacing:-.045em; }
.newsletter-copy>p { max-width:560px; color:#53655f; font-size:17px; line-height:1.75; }
.newsletter-notes { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:28px; color:#53655f; font-size:11px; font-weight:700; }
.newsletter-notes span { display:inline-flex; align-items:center; gap:7px; }
.newsletter-notes .ayahkind-icon { width:15px; height:15px; color:var(--clay); }
.newsletter-window { position:relative; width:min(100%,560px); justify-self:end; padding:34px 26px 26px; border:1px solid rgba(31,59,52,.2); border-radius:280px 280px 30px 30px; background:rgba(255,253,248,.45); box-shadow:0 30px 80px rgba(31,59,52,.12); }
.newsletter-window::before { content:""; position:absolute; inset:13px; border:1px solid rgba(189,107,77,.32); border-radius:260px 260px 22px 22px; pointer-events:none; }
.newsletter-window::after { content:""; position:absolute; top:13px; left:50%; width:9px; height:9px; transform:translate(-50%,-50%) rotate(45deg); background:var(--clay); }
.newsletter-form-card { position:relative; z-index:1; padding:72px 44px 42px; border-radius:220px 220px 18px 18px; background:var(--paper); text-align:center; }
.newsletter-mark { display:grid; place-items:center; width:42px; height:48px; margin:0 auto 20px; border-radius:22px 22px 5px 5px; background:var(--ink); color:var(--cream); font:23px Georgia,serif; }
.newsletter-form-card h3 { margin:0 0 8px; font-size:36px; font-weight:400; }
.newsletter-form-card>p { margin:0 0 25px; color:var(--muted); }
.newsletter-message { margin:0 0 18px; padding:12px 14px; border-radius:12px; font-size:12px; line-height:1.55; }
.newsletter-message.success { background:#e0e7d6; color:#1f3b34; }
.newsletter-message.error { background:#f1d9d2; color:#71372c; }
.newsletter-form>label:first-of-type { display:block; margin:0 0 7px; text-align:left; color:var(--ink); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.newsletter-form>div { display:flex; padding:5px; border:1px solid #cdd4ce; border-radius:999px; background:#fff; }
.newsletter-form input[type="email"] { width:100%; min-width:0; border:0; outline:0; padding:10px 14px; background:transparent; color:var(--ink); font:14px Arial,sans-serif; }
.newsletter-form button { display:inline-flex; align-items:center; justify-content:center; gap:8px; flex:0 0 auto; border:0; border-radius:999px; padding:12px 17px; background:var(--ink); color:#fff; cursor:pointer; font-size:11px; font-weight:800; }
.newsletter-form button .ayahkind-icon { width:15px; height:15px; }
.newsletter-consent { display:flex!important; align-items:flex-start; gap:9px; margin:14px 4px 0!important; color:var(--muted)!important; text-align:left!important; font-size:11px!important; font-weight:400!important; letter-spacing:0!important; line-height:1.45; text-transform:none!important; }
.newsletter-consent input { margin:2px 0 0; accent-color:var(--ink); }
.newsletter-form-card small { display:block; margin-top:18px; color:#7b8883; font-size:10px; line-height:1.5; }
.newsletter-honeypot { position:absolute!important; left:-9999px!important; }
.newsletter-inline { padding:78px max(24px,calc((100vw - 1000px)/2)); display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:72px; background:linear-gradient(115deg,#e7ebdf,#f4ecdf); }
.newsletter-inline h2 { margin:10px 0 16px; font-size:clamp(38px,5vw,58px); line-height:1.04; letter-spacing:-.04em; font-weight:400; }
.newsletter-inline-copy>p { max-width:470px; color:var(--muted); line-height:1.7; }
.newsletter-inline-trust { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:22px; color:var(--muted); font-size:11px; font-weight:700; }
.newsletter-inline-trust span { display:inline-flex; align-items:center; gap:6px; }
.newsletter-inline-trust .ayahkind-icon { width:14px; height:14px; color:var(--clay); }
.newsletter-inline-form { padding:28px; border:1px solid rgba(31,59,52,.15); border-radius:24px; background:rgba(255,253,248,.78); box-shadow:0 20px 55px rgba(31,59,52,.09); }
.newsletter-inline-form small { display:block; margin-top:14px; color:#7b8883; font-size:10px; line-height:1.5; }
.newsletter-nudge { position:fixed; z-index:90; right:18px; bottom:18px; width:min(390px,calc(100vw - 36px)); padding:25px; border:1px solid rgba(31,59,52,.17); border-radius:28px; background:rgba(255,253,248,.97); box-shadow:0 24px 75px rgba(31,59,52,.23); opacity:0; transform:translateY(22px) scale(.98); pointer-events:none; transition:opacity .3s ease,transform .3s ease; backdrop-filter:blur(14px); }
.newsletter-nudge.is-visible { opacity:1; transform:translateY(0) scale(1); pointer-events:auto; }
.newsletter-nudge-close { position:absolute; top:13px; right:13px; display:grid; place-items:center; width:32px; height:32px; border:0; border-radius:50%; background:var(--cream); color:var(--ink); cursor:pointer; }
.newsletter-nudge-close .ayahkind-icon { width:16px; height:16px; transform:rotate(45deg); }
.newsletter-nudge-mark { display:grid; place-items:center; width:32px; height:37px; margin-bottom:14px; border-radius:17px 17px 4px 4px; background:var(--ink); color:var(--cream); font:17px Georgia,serif; }
.newsletter-nudge h2 { margin:7px 38px 7px 0; font-size:30px; line-height:1.08; letter-spacing:-.035em; font-weight:400; }
.newsletter-nudge-copy>p { margin:0 0 18px; color:var(--muted); font-size:13px; line-height:1.55; }
.newsletter-nudge .newsletter-form>div { display:grid; grid-template-columns:1fr auto; }
.newsletter-nudge .newsletter-form button { padding-inline:15px; }
.newsletter-nudge .newsletter-consent { font-size:10px!important; }
.newsletter-nudge>small { display:block; margin-top:12px; color:#7b8883; font-size:9px; text-align:center; }
.related-ayahs { padding:96px max(24px,calc((100vw - 1100px)/2)); background:var(--paper); }
.related-ayahs .section-heading { align-items:end; }
.related-ayah-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.related-ayah-grid article { min-width:0; }
.related-ayah-image { display:block; aspect-ratio:2/3; overflow:hidden; border-radius:180px 180px 20px 20px; background:var(--sage); }
.related-ayah-image img { width:100%; height:100%; object-fit:contain; transition:transform .35s ease; }
.related-ayah-image:hover img { transform:scale(1.02); }
.related-ayah-copy { display:grid; grid-template-columns:1fr auto; gap:5px 12px; align-items:center; padding:16px 3px 0; }
.related-ayah-copy span { grid-column:1; color:var(--clay); font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.related-ayah-copy strong { grid-column:1; overflow:hidden; color:var(--ink); font:20px/1.25 Georgia,serif; font-weight:400; text-overflow:ellipsis; white-space:nowrap; }
.related-ayah-copy .ayahkind-icon { grid-column:2; grid-row:1/3; width:17px; height:17px; }
.featured-quote { background:var(--ink); color:#f8f2e5; text-align:center; padding:130px 24px; position:relative; overflow:hidden; }
.featured-quote::before { content:""; position:absolute; width:420px; height:420px; border-radius:50%; background:#3e5d52; top:-270px; right:-90px; }
.featured-quote blockquote { max-width:980px; margin:25px auto 18px; font-size:clamp(46px,7vw,88px); line-height:1.08; letter-spacing:-.04em; }
.featured-quote p { letter-spacing:.16em; font-size:11px; }
.light-button { display:inline-flex; gap:20px; padding:14px 20px; border:1px solid rgba(255,255,255,.5); border-radius:999px; margin-top:24px; font-size:12px; }
.compact { margin-bottom:24px; }
.faq-list { border-top:1px solid #dcded7; }
.faq-list details { border-bottom:1px solid #dcded7; padding:0 4px; }
.faq-list summary { list-style:none; display:flex; justify-content:space-between; padding:24px 0; cursor:pointer; font-family:Georgia,serif; font-size:21px; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list details[open] summary span { transform:rotate(45deg); }
.faq-list summary span { display:grid; place-items:center; transition:.2s; }
.faq-list summary .ayahkind-icon { width:19px; height:19px; }
.faq-list details p { max-width:740px; color:var(--muted); line-height:1.7; margin:0 0 25px; }
.site-footer { padding:64px max(24px,calc((100vw - 1180px)/2)) 38px; display:grid; grid-template-columns:1.2fr .9fr .9fr; align-items:start; gap:48px; }
.footer-brand { font-size:22px; }
.footer-intro>p { margin:14px 0; color:var(--muted); font-family:Georgia,serif; font-style:italic; }
.footer-links { display:flex; flex-direction:column; gap:11px; align-items:flex-start; font-size:12px; }
.footer-links strong { margin-bottom:4px; color:var(--clay); font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
.footer-links a { color:var(--muted); }
.footer-links a:hover { color:var(--ink); }
.site-footer small { grid-column:1/-1; border-top:1px solid rgba(31,59,52,.16); padding-top:24px; margin-top:30px; color:#7b8883; }

.detail-header { background:var(--cream); }
.pinterest-arrival { width:min(1180px,calc(100% - 48px)); margin:30px auto 0; padding:20px 22px; display:flex; align-items:center; justify-content:space-between; gap:30px; border:1px solid rgba(31,59,52,.16); border-radius:22px; background:linear-gradient(110deg,#e2e9db,#f5ebdc); box-shadow:0 15px 45px rgba(31,59,52,.08); }
.pinterest-arrival>div:first-child { display:grid; grid-template-columns:auto 1fr; align-items:baseline; gap:5px 14px; }
.pinterest-arrival .section-kicker { grid-column:1/-1; }
.pinterest-arrival strong { font:24px Georgia,serif; font-weight:400; }
.pinterest-arrival p { margin:0; color:var(--muted); font-size:12px; }
.pinterest-arrival>div:last-child { display:flex; align-items:center; gap:18px; flex:0 0 auto; }
.pinterest-arrival:not([hidden])+.detail-hero { margin-top:38px; }
.detail-hero { width:min(1180px,calc(100% - 48px)); margin:48px auto 78px; display:grid; grid-template-columns:minmax(320px,450px) 1fr; gap:72px; align-items:center; }
.detail-image { width:100%; aspect-ratio:2/3; align-self:center; padding:18px; border:1px solid rgba(31,59,52,.22); border-radius:240px 240px 30px 30px; overflow:visible; background:linear-gradient(180deg,#e5e8dd,#d8dfd2); box-shadow:0 30px 70px rgba(31,59,52,.13); }
.detail-image::before,.daily-image::before { content:""; position:absolute; z-index:2; inset:9px; border:1px solid rgba(189,107,77,.46); border-radius:230px 230px 22px 22px; pointer-events:none; }
.detail-image::after,.daily-image::after { content:""; position:absolute; z-index:3; top:9px; left:50%; width:9px; height:9px; transform:translate(-50%,-50%) rotate(45deg); background:var(--clay); pointer-events:none; }
.detail-image img { position:relative; z-index:1; width:100%; height:100%; border-radius:18px; object-fit:contain; object-position:center; }
.detail-copy h1 { font-size:clamp(46px,6vw,76px); }
.reference { text-transform:uppercase; letter-spacing:.18em; font-size:11px; font-weight:800; color:var(--clay); }
.full-ayah { color:var(--muted); line-height:1.75; max-width:590px; margin:32px 0; }
.detail-discovery-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin:0 0 24px; }
.pinterest-button { background:#bd081c; }
.outline-button { font-size:12px; font-weight:750; }
.reflection-section { background:var(--paper); padding:110px max(24px,calc((100vw - 1000px)/2)); display:grid; grid-template-columns:1fr 1fr; gap:85px; }
.reflection-section>div:last-child { font-family:Georgia,serif; font-size:22px; line-height:1.65; color:#42564f; }
.reflection-section .prompt { font-family:var(--font-geist-sans); font-size:13px; border-left:2px solid var(--clay); padding:5px 0 5px 18px; color:var(--muted); }
.next-ayah { padding:100px max(24px,calc((100vw - 1000px)/2)); }
.next-ayah>a { display:grid; grid-template-columns:100px 150px 1fr 30px; align-items:center; margin-top:20px; padding:24px 0; border-top:1px solid rgba(31,59,52,.2); border-bottom:1px solid rgba(31,59,52,.2); }
.next-ayah a>span { font-size:10px; letter-spacing:.15em; text-transform:uppercase; color:var(--clay); }
.next-ayah strong { font-family:Georgia,serif; font-size:20px; font-weight:400; }
.next-ayah em { color:var(--muted); font-family:Georgia,serif; }
.next-ayah b { display:grid; place-items:center end; text-align:right; }
.next-ayah b .ayahkind-icon { width:19px; height:19px; }
.detail-footer { background:var(--ink); color:#f8f2e5; }
.detail-footer .brand-mark { background:#f8f2e5; color:var(--ink); }

.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.daily-feature { background:var(--ink); color:#f8f2e5; padding:78px max(24px,calc((100vw - 1100px)/2)); display:grid; grid-template-columns:360px 1fr; gap:72px; align-items:center; }
.daily-image { width:100%; aspect-ratio:2/3; align-self:center; padding:18px; border:1px solid rgba(248,242,229,.27); border-radius:200px 200px 28px 28px; overflow:visible; background:linear-gradient(180deg,rgba(223,231,214,.18),rgba(247,242,232,.08)); box-shadow:0 30px 80px rgba(0,0,0,.2); }
.daily-image::before { border-color:rgba(221,181,140,.48); }
.daily-image img { position:relative; z-index:1; width:100%; height:100%; border-radius:17px; object-fit:contain; object-position:center; }
.daily-image .image-pin-button,.detail-image .image-pin-button { right:30px; bottom:30px; }
.daily-copy blockquote { font-size:clamp(42px,5.5vw,72px); line-height:1.08; letter-spacing:-.04em; margin:20px 0; }
.daily-copy>.reference { color:#ddb58c; }
.daily-copy>p:not(.reference) { max-width:620px; color:#c6d1cb; line-height:1.75; }
.daily-copy>.primary-button { background:#f8f2e5; color:var(--ink); margin-top:12px; }
.category-section { padding:82px max(24px,calc((100vw - 1180px)/2)); }
.category-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }
.category-card { min-height:210px; padding:22px; border-radius:18px; position:relative; isolation:isolate; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; border:1px solid color-mix(in srgb,currentColor 15%,transparent); transition:transform .25s,box-shadow .25s; }
.category-card::after { content:""; position:absolute; z-index:-1; width:150px; height:150px; right:-56px; bottom:-58px; border:1px solid color-mix(in srgb,currentColor 24%,transparent); border-radius:50%; box-shadow:0 0 0 26px color-mix(in srgb,currentColor 5%,transparent),0 0 0 52px color-mix(in srgb,currentColor 4%,transparent); }
.category-card:hover { transform:translateY(-4px); box-shadow:0 18px 42px color-mix(in srgb,currentColor 16%,transparent); }
.category-card>span { font-size:10px; letter-spacing:.16em; font-weight:800; opacity:.7; }
.category-card h3 { font-size:30px; font-weight:400; margin:auto 0 0; }
.category-card p { font-size:11px; margin:4px 0 0; opacity:.7; }
.category-card b { position:absolute; top:20px; right:22px; display:grid; place-items:center; font-weight:400; }
.category-card b .ayahkind-icon { width:17px; height:17px; }
.category-peace { background:#dfe9df; color:#183e36; }
.category-mercy { background:#efdcd6; color:#57362f; }
.category-patience { background:#e8dfcb; color:#40392b; }
.category-gratitude { background:#f1dfab; color:#493b1f; }
.category-guidance { background:#d8e6e8; color:#243f47; }
.category-trust { background:#d9dfc7; color:#344029; }
.category-forgiveness { background:#e4ddec; color:#413750; }
.category-prayer { background:#1f574c; color:#fffaf0; }
.category-family { background:#edcfc2; color:#56352e; }
.category-hereafter { background:#263f45; color:#fffaf0; }
.category-hero.category-peace,.category-hero.category-mercy,.category-hero.category-patience,.category-hero.category-gratitude,.category-hero.category-guidance,.category-hero.category-trust,.category-hero.category-forgiveness,.category-hero.category-prayer,.category-hero.category-family,.category-hero.category-hereafter { border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent); }
.pinterest-note { margin-top:22px; border:1px solid rgba(31,59,52,.18); border-radius:22px; padding:28px; display:flex; justify-content:space-between; align-items:center; gap:30px; }
.pinterest-note h3 { margin:8px 0 6px; font-size:26px; font-weight:400; }
.pinterest-note p { margin:0; color:var(--muted); }
.explorer-toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:16px; }
.ayah-search { width:min(520px,100%); position:relative; }
.ayah-search label { display:block; }
.ayah-search input { width:100%; border:1px solid #d6dcd6; background:#fff; border-radius:999px; padding:14px 48px 14px 18px; color:var(--ink); outline:none; }
.ayah-search input:focus { border-color:var(--ink); box-shadow:0 0 0 3px rgba(31,59,52,.08); }
.ayah-search>button { position:absolute; right:8px; top:50%; display:grid; place-items:center; transform:translateY(-50%); width:36px; height:36px; border:0; border-radius:50%; background:transparent; color:var(--ink); cursor:pointer; }
.ayah-search>button:hover { background:var(--cream); }
.ayah-search>button .ayahkind-icon { width:18px; height:18px; }
.result-count { font-size:11px; text-transform:uppercase; letter-spacing:.12em; color:var(--muted); }
.load-more-wrap { display:flex; justify-content:center; padding-top:48px; }
.load-more { background:transparent; color:var(--ink); cursor:pointer; }
.load-more span { color:var(--clay); margin-left:8px; }
.empty-state { text-align:center; color:var(--muted); padding:70px 0; }
.share-popover { position:relative; }
.share-popover summary,.share-popover .share-toggle { list-style:none; display:grid; place-items:center; width:38px; height:38px; border:1px solid #d6dcd6; border-radius:50%; cursor:pointer; font-size:18px; background:transparent; color:var(--ink); }
.share-toggle .ayahkind-icon { width:17px; height:17px; }
.share-popover summary::-webkit-details-marker { display:none; }
.share-popover-menu { position:absolute; z-index:15; right:0; bottom:46px; width:160px; background:var(--paper); border:1px solid #d6dcd6; border-radius:14px; padding:7px; box-shadow:0 15px 35px rgba(31,59,52,.16); }
.share-popover-menu button,.share-popover-menu a { display:flex; align-items:center; gap:9px; width:100%; height:auto; border:0; border-radius:8px; padding:9px 10px; text-align:left; font-size:11px; background:transparent; color:var(--ink); }
.share-popover-menu .ayahkind-icon { width:15px; height:15px; color:var(--clay); }
.share-popover-menu button:hover,.share-popover-menu a:hover { background:var(--cream); }
.share-panel { margin-top:28px; padding-top:22px; border-top:1px solid rgba(128,145,137,.3); }
.share-panel>span { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.16em; font-weight:800; margin-bottom:12px; }
.share-panel>div { display:flex; gap:8px; flex-wrap:wrap; }
.share-panel>.share-mobile-options { display:none; }
.share-panel button,.share-panel a.share-service-link { display:inline-flex; align-items:center; gap:7px; border:1px solid currentColor; color:inherit; background:transparent; padding:9px 12px; border-radius:999px; cursor:pointer; font-size:10px; font-weight:700; }
.share-panel button .ayahkind-icon,.share-panel a.share-service-link .ayahkind-icon { width:14px; height:14px; }
.icon-check-state { display:none; }
[data-service="copy"].is-copied .icon-copy-state { display:none; }
[data-service="copy"].is-copied .icon-check-state { display:block; }
.share-panel .share-pinterest { background:#bd081c; border-color:#bd081c; color:#fff; }
.share-panel .share-whatsapp { background:#1e8e5a; border-color:#1e8e5a; color:#fff; }
.share-panel .share-facebook { background:#1877f2; border-color:#1877f2; color:#fff; }
.detail-copy .share-panel { margin-top:30px; padding:20px; border:1px solid rgba(31,59,52,.18); border-radius:20px; background:rgba(255,253,248,.72); }
.detail-copy .share-panel>span { color:var(--clay); }
.detail-copy>.save-ayah-button { margin-top:14px; }
.editorial-note { margin:18px 0 0; color:var(--muted); font-size:11px; line-height:1.6; }
.editorial-note a { text-decoration:underline; text-underline-offset:3px; }
.category-page,.pinterest-page { background:var(--cream); }
.category-hero { min-height:350px; padding:78px max(24px,calc((100vw - 900px)/2)); text-align:center; }
.category-hero h1,.pinterest-hero h1 { font-size:clamp(70px,10vw,125px); margin:18px 0 12px; }
.category-hero>p { max-width:590px; margin:0 auto 30px; line-height:1.7; }
.category-ayah-list { background:var(--paper); padding:80px max(24px,calc((100vw - 1050px)/2)); }
.category-ayah { display:grid; grid-template-columns:180px 1fr; gap:42px; align-items:center; padding:32px 0; border-bottom:1px solid #dcded7; }
.category-ayah-image-wrap { position:relative; }
.category-ayah-image { position:relative; border:1px solid rgba(31,59,52,.18); border-radius:90px 90px 16px 16px; overflow:visible; aspect-ratio:2/3; padding:9px; box-sizing:border-box; display:grid; place-items:center; background:linear-gradient(180deg,#ebe3cf,#dbe2d5); }
.category-ayah-image::before { content:""; position:absolute; inset:5px; z-index:2; border:1px solid rgba(189,107,77,.36); border-radius:84px 84px 11px 11px; pointer-events:none; }
.category-ayah-image img { width:100%; height:100%; border-radius:9px; object-fit:contain; }
.category-ayah>div>span { font-size:10px; text-transform:uppercase; letter-spacing:.16em; color:var(--clay); font-weight:800; }
.category-ayah h2 { font-size:clamp(28px,4vw,46px); line-height:1.15; font-weight:400; margin:12px 0 18px; }
.category-ayah .share-popover summary,.category-ayah .share-popover .share-toggle { border-radius:999px; width:86px; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.category-ayah .share-popover summary::after,.category-ayah .share-popover .share-toggle::after { content:" Share"; }
.category-ayah .share-popover-menu { left:0; right:auto; bottom:46px; }
.category-card-actions { display:flex; align-items:center; gap:8px; }
.category-card-actions>.save-ayah-button { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; }
.pinterest-hero { padding:78px 24px 88px; text-align:center; }
.pinterest-hero h1 em { font-weight:400; color:var(--clay); }
.pinterest-hero>p { max-width:720px; margin:0 auto; line-height:1.8; color:var(--muted); }
.pinterest-brand-kit { padding:0 max(24px,calc((100vw - 1050px)/2)) 100px; display:grid; grid-template-columns:.72fr 1.28fr; gap:24px; }
.brand-asset { background:var(--paper); border:1px solid rgba(31,59,52,.14); border-radius:24px; overflow:hidden; display:flex; flex-direction:column; }
.brand-asset-preview { min-height:280px; display:grid; place-items:center; padding:26px; background:#ece6d8; }
.brand-asset-preview img { width:100%; height:auto; max-height:360px; object-fit:contain; border-radius:14px; }
.brand-asset-copy { padding:24px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
.brand-asset-copy h2 { margin:0 0 6px; font-size:27px; font-weight:400; }
.brand-asset-copy p { margin:0; color:var(--muted); font-size:12px; }
.feed-table { background:var(--paper); padding:95px max(24px,calc((100vw - 1050px)/2)); }
.feed-list { border-top:1px solid #dcded7; }
.feed-list article { display:grid; grid-template-columns:50px 1fr 110px; align-items:center; gap:25px; padding:24px 0; border-bottom:1px solid #dcded7; }
.feed-list article>span { font-size:10px; letter-spacing:.15em; color:var(--clay); }
.feed-list h3 { font-size:23px; font-weight:400; margin:0 0 6px; }
.feed-list p { max-width:720px; margin:0 0 8px; color:var(--muted); font-size:11px; line-height:1.55; }
.feed-list code { color:var(--muted); font-size:11px; word-break:break-all; }
.feed-list a { display:inline-flex; align-items:center; justify-content:flex-end; gap:7px; font-size:11px; font-weight:750; text-align:right; }
.feed-list a .ayahkind-icon { width:15px; height:15px; }
.setup-steps { padding:100px max(24px,calc((100vw - 900px)/2)); }
.setup-steps>h2 { font-size:clamp(42px,6vw,68px); font-weight:400; margin:12px 0 40px; }
.setup-steps ol { list-style:none; padding:0; margin:0; }
.setup-steps li { display:grid; grid-template-columns:52px 1fr; gap:24px; padding:26px 0; border-top:1px solid rgba(31,59,52,.18); }
.setup-steps li>span { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--ink); border-radius:50%; }
.setup-steps h3 { margin:0 0 8px; font-size:26px; font-weight:400; }
.setup-steps p { margin:0; color:var(--muted); line-height:1.7; }

.breadcrumbs { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:9px; margin:0 0 34px; color:var(--muted); font-size:10px; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.breadcrumbs a:hover { color:var(--clay); }
.detail-breadcrumbs { width:min(1180px,calc(100% - 48px)); justify-content:flex-start; margin:38px auto 0; }
.library-hero,.saved-hero,.about-hero { padding:66px max(24px,calc((100vw - 900px)/2)) 76px; text-align:center; }
.library-hero h1,.saved-hero h1,.about-hero h1 { max-width:850px; margin:18px auto 22px; font-size:clamp(54px,8vw,92px); }
.library-hero>p,.saved-hero>p,.about-hero>p { max-width:680px; margin:0 auto; color:var(--muted); font-size:17px; line-height:1.75; }
.library-search { margin:34px auto 0; }
.library-results,.saved-results { padding:72px max(24px,calc((100vw - 1180px)/2)) 92px; background:var(--paper); }
.library-empty,.saved-empty { max-width:620px; margin:28px auto 0; padding:76px 30px; border:1px solid rgba(31,59,52,.15); border-radius:26px; text-align:center; background:var(--cream); }
.library-empty h2,.saved-empty h2 { margin:0 0 12px; font-size:36px; font-weight:400; }
.library-empty p,.saved-empty p { margin:0 auto 26px; color:var(--muted); line-height:1.7; }
.pagination { display:grid; grid-template-columns:120px 1fr 120px; align-items:center; gap:20px; margin-top:60px; padding-top:28px; border-top:1px solid rgba(31,59,52,.16); }
.pagination>div { display:flex; justify-content:center; gap:6px; flex-wrap:wrap; }
.pagination a { display:grid; place-items:center; min-width:38px; height:38px; padding:0 10px; border:1px solid #d6dcd6; border-radius:999px; font-size:11px; font-weight:750; }
.pagination a.active { background:var(--ink); border-color:var(--ink); color:white; }
.pagination-direction:last-child { justify-self:end; }
.saved-page,.library-page,.about-page { background:var(--cream); }
.saved-grid:empty { display:none; }
.about-story { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; padding:100px max(24px,calc((100vw - 1050px)/2)); background:var(--paper); }
.about-story h2 { margin:12px 0 0; font-size:clamp(42px,6vw,68px); font-weight:400; }
.about-story>div:last-child { color:var(--muted); font-family:Georgia,serif; font-size:21px; line-height:1.72; }
.about-story>div:last-child p:first-child { margin-top:0; }
.editorial-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; padding:100px max(24px,calc((100vw - 1180px)/2)); }
.editorial-grid article { padding:12px 34px 20px; border-right:1px solid rgba(31,59,52,.16); }
.editorial-grid article:first-child { padding-left:0; }
.editorial-grid article:last-child { padding-right:0; border-right:0; }
.editorial-grid article>span { color:var(--clay); font-size:10px; font-weight:800; letter-spacing:.16em; }
.editorial-grid h2 { margin:24px 0 12px; font-size:30px; font-weight:400; }
.editorial-grid p { margin:0; color:var(--muted); line-height:1.75; }
.about-contact { display:flex; justify-content:space-between; align-items:center; gap:40px; padding:80px max(24px,calc((100vw - 1000px)/2)); background:var(--ink); color:var(--cream); }
.about-contact h2 { margin:10px 0; font-size:clamp(38px,5vw,56px); font-weight:400; }
.about-contact p { margin:0; color:#c6d1cb; line-height:1.7; }
.about-contact .primary-button { background:var(--cream); color:var(--ink); white-space:nowrap; }
[hidden] { display:none!important; }

@media (max-width:1050px) {
  .hero { grid-template-columns:1fr; min-height:0; padding-top:68px; gap:48px; }
  .hero-copy { max-width:720px; margin:0 auto; text-align:center; }
  .hero-copy>p { margin-left:auto; margin-right:auto; }
  .hero-actions { justify-content:center; }
  .hero-art { width:min(760px,100%); margin:0 auto; }
}

/* Homepage hierarchy: today's ayah is the welcome, with discovery close at hand. */
.home-daily-hero { position:relative; min-height:660px; padding-top:52px; padding-bottom:58px; grid-template-columns:minmax(320px,390px) minmax(0,1fr); gap:clamp(54px,6vw,86px); overflow:hidden; }
.home-daily-hero::after { content:""; position:absolute; z-index:0; top:-250px; right:-160px; width:540px; height:540px; border:1px solid rgba(248,242,229,.11); border-radius:50%; pointer-events:none; }
.home-daily-hero>.daily-image,.home-daily-hero>.home-daily-copy { position:relative; z-index:1; }
.home-daily-hero>.daily-image { align-self:start; }
.home-daily-intro { max-width:610px; margin:0 0 22px; padding:0 0 18px; border-bottom:1px solid rgba(248,242,229,.14); }
.home-daily-intro .eyebrow { color:#ddb58c; }
.home-daily-intro p { margin:8px 0 0; color:#aebdb6; font-size:12px; line-height:1.55; }
.home-daily-copy h1 { max-width:720px; margin:14px 0 16px; color:#f8f2e5; font-size:clamp(40px,4.15vw,58px); line-height:1.055; letter-spacing:-.042em; }
.home-daily-copy>p:not(.reference) { margin-bottom:20px; }
.home-daily-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:22px; }
.home-daily-actions>.primary-button { margin:0; background:#f8f2e5; color:var(--ink); }
.home-library-link { display:flex; align-items:center; gap:9px; min-height:48px; padding:8px 4px 8px 13px; color:#f8f2e5; }
.home-library-link>.ayahkind-icon:first-child { width:18px; height:18px; color:#ddb58c; }
.home-library-link>.ayahkind-icon:last-child { width:14px; height:14px; margin-left:3px; }
.home-library-link span { display:grid; gap:2px; }
.home-library-link strong { font-size:11px; }
.home-library-link small { color:#98aaa2; font-size:8px; }
.home-daily-copy>.share-panel { margin-top:20px; }
.home-daily-email { display:inline-flex; align-items:center; gap:8px; margin-top:18px; color:#9fb0a8; font-size:10px; line-height:1.45; transition:color .2s ease; }
.home-daily-email:hover { color:#f8f2e5; }
.home-daily-email strong { color:#f8f2e5; }
.home-daily-email .ayahkind-icon { width:15px; height:15px; color:#ddb58c; }

@media (max-width:680px) {
  .home-daily-hero { min-height:0; padding:14px 14px 34px; gap:23px; }
  .home-daily-hero::after { top:110px; right:-250px; width:460px; height:460px; }
  .home-daily-hero .daily-image { width:min(100%,292px); padding:10px; }
  .home-daily-hero .daily-image::before { inset:6px; }
  .home-daily-copy { width:min(100%,430px); margin:0 auto; text-align:center; }
  .home-daily-intro { margin:0 auto 18px; padding-bottom:15px; }
  .home-daily-intro p { max-width:330px; margin:7px auto 0; font-size:10.5px; line-height:1.45; }
  .home-daily-copy h1 { margin:10px auto 12px; font-size:clamp(34px,10.2vw,43px); line-height:1.04; }
  .home-daily-copy>p:not(.reference) { max-width:350px; margin:0 auto 17px; text-align:center; font-size:12px; line-height:1.55; }
  .home-daily-actions { justify-content:center; margin-top:17px; }
  .home-daily-actions>.primary-button { padding:13px 17px; }
  .home-library-link { min-height:42px; padding:5px 3px 5px 9px; text-align:left; }
  .home-daily-copy>.share-panel>div { justify-content:center; }
  .home-daily-email { justify-content:center; margin:15px auto 0; }

  .share-panel>.share-desktop-options { display:none; }
  .share-panel>.share-mobile-options { display:flex; justify-content:center; align-items:center; gap:9px; flex-wrap:nowrap; }
  .share-mobile-options>a.share-service-link,.share-mobile-options>button,.share-mobile-options>.share-popover>.share-toggle { display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px; padding:0; border-radius:50%; }
  .share-mobile-options>a>.button-label,.share-mobile-options>button>.button-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .share-mobile-options .ayahkind-icon { width:17px!important; height:17px!important; }
  .share-mobile-options .share-popover-menu { right:0; bottom:50px; width:172px; }
  .share-mobile-options .share-popover-menu button { display:flex; width:100%; height:auto; padding:10px; border:0; border-radius:9px; color:var(--ink); }
  .share-mobile-options .share-popover-menu .button-label { position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto; white-space:normal; }
}
@media (max-width:900px) {
  body { padding-bottom:calc(88px + env(safe-area-inset-bottom)); }
  .site-header { height:76px; }
  .site-navigation { display:none; }
  .mobile-bottom-nav { position:fixed; z-index:80; left:16px; right:16px; bottom:max(10px,env(safe-area-inset-bottom)); isolation:isolate; display:grid; grid-template-columns:repeat(4,1fr); min-height:62px; padding:5px; overflow:hidden; border:1px solid rgba(255,255,255,.7); border-radius:24px; background:linear-gradient(145deg,rgba(248,248,245,.72),rgba(229,235,229,.58)); box-shadow:0 14px 38px rgba(25,45,39,.17),0 2px 8px rgba(25,45,39,.08),inset 0 1px 0 rgba(255,255,255,.86); -webkit-backdrop-filter:blur(24px) saturate(160%); backdrop-filter:blur(24px) saturate(160%); }
  .mobile-bottom-nav::before { content:""; position:absolute; z-index:-1; inset:1px; border-radius:22px; background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.015) 52%,rgba(31,59,52,.03)); pointer-events:none; }
  .mobile-bottom-nav a { position:relative; min-width:0; min-height:50px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:4px 3px; border:1px solid transparent; border-radius:18px; color:#52665e; font-size:9px; font-weight:750; letter-spacing:.01em; transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease; }
  .mobile-bottom-nav a:hover,.mobile-bottom-nav a:focus-visible { color:var(--ink); background:rgba(255,255,255,.28); }
  .mobile-bottom-nav a:active { transform:scale(.97); }
  .mobile-bottom-nav a.is-current { border-color:rgba(255,255,255,.52); background:rgba(255,255,255,.42); color:var(--ink); box-shadow:0 4px 13px rgba(31,59,52,.07),inset 0 1px 0 rgba(255,255,255,.82); }
  .mobile-bottom-nav .ayahkind-icon { width:19px; height:19px; stroke-width:1.85; }
  .mobile-bottom-nav img { display:block!important; flex:0 0 21px; width:21px!important; min-width:21px; max-width:none!important; height:21px!important; min-height:21px; aspect-ratio:1/1; border:1px solid rgba(255,255,255,.82); border-radius:50%; object-fit:cover; object-position:center; box-shadow:0 2px 6px rgba(31,59,52,.16); }
  .mobile-bottom-nav a.is-current img { box-shadow:0 0 0 1px rgba(189,107,77,.22),0 2px 6px rgba(31,59,52,.16); }
  .mobile-saved-count { position:absolute; top:2px; left:calc(50% + 7px); min-width:16px; height:16px; padding:0 4px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.8); border-radius:999px; background:var(--clay); color:#fff; box-shadow:0 3px 8px rgba(91,42,28,.2); font-size:8px; }
  .newsletter-nudge { bottom:calc(88px + env(safe-area-inset-bottom)); }
  .toast { bottom:calc(93px + env(safe-area-inset-bottom)); }
  .hero { grid-template-columns:1fr; padding-top:65px; gap:50px; }
  .hero-copy { text-align:center; }
  .hero-copy>p { margin-left:auto; margin-right:auto; }
  .hero-actions { justify-content:center; }
  .hero-art { min-height:0; border-radius:210px 210px 24px 24px; }
  .hero-art img { min-height:0; }
  .ayah-grid { grid-template-columns:repeat(2,1fr); }
  .about-section { grid-template-columns:1fr; gap:28px; }
  .values-grid { grid-column:auto; }
  .newsletter-section { grid-template-columns:1fr; gap:55px; }
  .newsletter-copy { text-align:center; }
  .newsletter-copy>p { margin-left:auto; margin-right:auto; }
  .newsletter-notes { justify-content:center; }
  .newsletter-window { justify-self:center; }
  .newsletter-inline { grid-template-columns:1fr; gap:34px; }
  .related-ayah-grid { grid-template-columns:repeat(2,1fr); }
  .detail-hero { gap:50px; grid-template-columns:minmax(280px,420px) 1fr; }
  .daily-feature { grid-template-columns:300px 1fr; gap:55px; }
  .category-grid { grid-template-columns:repeat(2,1fr); }
  .pinterest-brand-kit { grid-template-columns:1fr; }
  .about-story { grid-template-columns:1fr; gap:32px; }
  .editorial-grid { grid-template-columns:1fr; }
  .editorial-grid article,.editorial-grid article:first-child,.editorial-grid article:last-child { padding:30px 0; border-right:0; border-bottom:1px solid rgba(31,59,52,.16); }
  .editorial-grid article:last-child { border-bottom:0; }
}
@media (max-width:680px) {
  .site-header { width:calc(100% - 32px); height:62px; }
  .brand { gap:8px; font-size:18px; }
  .brand-logo { width:29px; height:29px; }
  .nav-cta { padding:12px 14px; font-size:10px; }
  .hero { padding:42px 16px 56px; min-height:auto; gap:36px; }
  .hero-copy h1 { margin-top:14px; margin-bottom:20px; font-size:clamp(39px,11.5vw,49px); }
  .hero-email-link { justify-content:center; margin:20px auto 0; text-align:left; }
  .hero-art { min-height:0; }
  .hero-art img { min-height:0; }
  .section-heading { flex-direction:column; align-items:start; }
  .section-heading h2,.about-intro h2,.reflection-section h2 { font-size:clamp(36px,11vw,48px); }
  .ayah-section,.faq-section { padding-top:78px; }
  .ayah-grid { grid-template-columns:1fr; }
  .values-grid { grid-template-columns:1fr; }
  .values-grid article,.values-grid article+article { padding:26px 0; border-right:0; border-bottom:1px solid rgba(31,59,52,.18); }
  .about-section { padding-top:80px; padding-bottom:80px; }
  .newsletter-section { padding:78px 16px; gap:45px; }
  .newsletter-copy h2 { font-size:clamp(40px,12vw,54px); }
  .newsletter-window { padding:22px 12px 12px; border-radius:220px 220px 24px 24px; }
  .newsletter-form-card { padding:62px 20px 30px; border-radius:200px 200px 16px 16px; }
  .newsletter-form-card h3 { font-size:31px; }
  .newsletter-form>div { display:block; border:0; padding:0; background:transparent; }
  .newsletter-form input[type="email"] { display:block; border:1px solid #cdd4ce; border-radius:999px; padding:15px 17px; background:#fff; }
  .newsletter-form button { width:100%; margin-top:9px; padding:15px 18px; }
  .newsletter-inline { padding:66px 16px; }
  .newsletter-inline-copy { text-align:center; }
  .newsletter-inline h2 { font-size:clamp(38px,11vw,50px); }
  .newsletter-inline-trust { justify-content:center; }
  .newsletter-inline-form { padding:22px 18px; }
  .newsletter-nudge { left:10px; right:10px; bottom:calc(88px + env(safe-area-inset-bottom)); width:auto; max-height:calc(100vh - 108px - env(safe-area-inset-bottom)); overflow:auto; padding:22px 18px 18px; border-radius:24px; }
  .newsletter-nudge h2 { font-size:27px; }
  .newsletter-nudge .newsletter-form>div { display:block; border:0; padding:0; background:transparent; }
  .newsletter-nudge .newsletter-form input[type="email"] { display:block; border:1px solid #cdd4ce; border-radius:999px; padding:14px 16px; background:#fff; }
  .newsletter-nudge .newsletter-form button { width:100%; margin-top:8px; padding:14px 16px; }
  .pinterest-arrival { width:calc(100% - 32px); padding:20px; flex-direction:column; align-items:flex-start; }
  .pinterest-arrival>div:first-child { display:block; }
  .pinterest-arrival strong,.pinterest-arrival p { display:block; margin-top:7px; }
  .pinterest-arrival>div:last-child { width:100%; justify-content:space-between; flex-wrap:wrap; }
  .detail-discovery-actions { justify-content:center; }
  .related-ayahs { padding:72px 16px; }
  .related-ayah-grid { grid-template-columns:1fr; gap:34px; }
  .related-ayah-image { width:min(100%,380px); margin:auto; }
  .featured-quote { padding:95px 20px; }
  .site-footer { grid-template-columns:1fr; }
  .footer-links { align-items:flex-start; }
  .detail-hero { grid-template-columns:1fr; width:calc(100% - 32px); margin:24px auto 58px; gap:34px; }
  .detail-image { width:min(100%,440px); margin:auto; padding:12px; }
  .detail-copy { text-align:center; }
  .detail-copy h1 { font-size:clamp(38px,11vw,52px); }
  .full-ayah { text-align:left; }
  .detail-copy .share-panel>div { justify-content:center; }
  .daily-feature { grid-template-columns:1fr; padding:54px 20px; gap:34px; }
  .daily-image { width:min(100%,380px); margin:auto; padding:12px; }
  .daily-image .image-pin-button,.detail-image .image-pin-button { right:22px; bottom:22px; }
  .daily-copy { text-align:center; }
  .daily-copy blockquote { font-size:clamp(36px,11vw,50px); }
  .daily-copy>p:not(.reference) { text-align:left; }
  .daily-copy .share-panel>div { justify-content:center; }
  .category-grid { grid-template-columns:1fr; }
  .category-card { min-height:160px; }
  .pinterest-note { flex-direction:column; align-items:flex-start; }
  .explorer-toolbar { align-items:flex-start; flex-direction:column; }
  .share-popover-menu { right:-45px; }
  .category-hero { min-height:260px; padding:52px 20px 58px; }
  .category-hero h1,.pinterest-hero h1 { font-size:clamp(44px,13vw,58px); }
  .category-ayah-list { padding:56px 16px; }
  .category-ayah { grid-template-columns:96px minmax(0,1fr); gap:18px; padding:26px 0; }
  .category-ayah h2 { font-size:24px; overflow-wrap:anywhere; }
  .pinterest-hero { padding:52px 20px 62px; }
  .feed-list article { grid-template-columns:35px 1fr; }
  .feed-list article>a { grid-column:2; text-align:left; }
  .brand-asset-copy { align-items:flex-start; flex-direction:column; }
  .reflection-section { grid-template-columns:1fr; gap:35px; padding-top:80px; padding-bottom:80px; }
  .next-ayah>a { grid-template-columns:1fr 30px; gap:10px; }
  .next-ayah a>span,.next-ayah strong,.next-ayah em { grid-column:1; }
  .next-ayah b { grid-column:2; grid-row:1/4; }
  .library-hero,.saved-hero,.about-hero { padding:42px 20px 52px; }
  .library-hero h1,.saved-hero h1,.about-hero h1 { margin:12px auto 16px; font-size:clamp(42px,12vw,54px); }
  .library-results,.saved-results { padding:54px 16px 72px; }
  .pagination { grid-template-columns:1fr 1fr; }
  .pagination>div { grid-column:1/-1; grid-row:1; }
  .pagination-direction { grid-row:2; }
  .pagination-direction:last-child { justify-self:end; }
  .about-story,.editorial-grid { padding:76px 20px; }
  .about-contact { flex-direction:column; align-items:flex-start; padding:72px 20px; }
}
@media (hover:none),(pointer:coarse) {
  .image-pin-button { right:12px; bottom:12px; opacity:.94; transform:none; pointer-events:auto; }
  .category-ayah-image-wrap .image-pin-button { right:7px; bottom:7px; padding:8px; }
  .category-ayah-image-wrap .image-pin-button span { display:none; }
}
@media (prefers-reduced-transparency:reduce) {
  .mobile-bottom-nav { background:#fffdf8; -webkit-backdrop-filter:none; backdrop-filter:none; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }

/* WordPress theme additions */
.skip-link { position:absolute; left:-9999px; top:10px; z-index:999; background:var(--paper); padding:12px 16px; border-radius:8px; }
.skip-link:focus { left:10px; }
.brand-logo { width:38px; height:38px; object-fit:contain; border-radius:50%; }
.ayah-card-hidden { display:none; }
.share-popover-menu[hidden] { display:none; }
.share-panel button:focus-visible,.filter:focus-visible,.outline-button:focus-visible,.primary-button:focus-visible,a:focus-visible { outline:3px solid var(--clay); outline-offset:3px; }
.not-found { min-height:65vh; display:grid; place-items:center; text-align:center; padding:80px 24px; }
.not-found h1 { margin-bottom:16px; }
.not-found p { color:var(--muted); line-height:1.7; margin-bottom:28px; }
.wp-site-blocks { padding:0; }

/* Personal account */
.account-nav-link { display:inline-flex; align-items:center; gap:6px; }
.account-nav-link .ayahkind-icon { width:15px; height:15px; }
.saved-signin-link { width:min(390px,100%); margin:30px auto 0; padding:15px 17px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; border:1px solid rgba(31,59,52,.2); border-radius:18px; background:rgba(255,253,248,.55); text-align:left; }
.saved-signin-link>.ayahkind-icon { width:20px; height:20px; color:var(--clay); }
.saved-signin-link span { display:grid; gap:3px; }
.saved-signin-link strong { font-family:Georgia,serif; font-size:17px; font-weight:400; }
.saved-signin-link small { color:var(--muted); font-size:9px; }
.account-quick-nav { width:min(1180px,calc(100% - 48px)); margin:0 auto 24px; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid rgba(31,59,52,.15); border-radius:18px; background:var(--paper); overflow:hidden; }
.account-quick-nav a { min-width:0; padding:14px 18px; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:10px; border-right:1px solid rgba(31,59,52,.13); }
.account-quick-nav a:last-child { border-right:0; }
.account-quick-nav a:hover { background:var(--cream); }
.account-quick-nav>.ayahkind-icon,.account-quick-nav a>.ayahkind-icon { width:18px; height:18px; color:var(--clay); }
.account-quick-nav span { min-width:0; display:grid; gap:4px; }
.account-quick-nav strong { font:16px Georgia,serif; font-weight:400; }
.account-quick-nav small { overflow:hidden; color:var(--muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.account-quick-nav small b { font:inherit; color:var(--ink); }
.account-quick-nav small em { font-style:normal; }
.save-gate { position:fixed; z-index:200; inset:0; display:grid; place-items:center; padding:24px; opacity:0; pointer-events:none; transition:opacity .24s ease; }
.save-gate.is-visible { opacity:1; pointer-events:auto; }
.save-gate-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(16,35,30,.68); backdrop-filter:blur(5px); cursor:pointer; }
.save-gate-card { position:relative; width:min(480px,100%); padding:46px 42px 35px; border-radius:28px; background:var(--paper); box-shadow:0 28px 90px rgba(16,35,30,.35); text-align:center; transform:translateY(14px) scale(.98); transition:transform .24s ease; }
.save-gate.is-visible .save-gate-card { transform:translateY(0) scale(1); }
.save-gate-close { position:absolute; top:14px; right:14px; width:36px; height:36px; display:grid; place-items:center; border:0; border-radius:50%; background:var(--cream); color:var(--ink); cursor:pointer; }
.save-gate-close .ayahkind-icon { width:17px; height:17px; transform:rotate(45deg); }
.save-gate-heart { width:52px; height:52px; margin:0 auto 19px; display:grid; place-items:center; border-radius:50%; background:#f0d9d1; color:var(--clay); }
.save-gate-heart .ayahkind-icon { width:26px; height:26px; }
.save-gate-card h2 { margin:12px 0 13px; font-size:38px; line-height:1.06; font-weight:400; }
.save-gate-card>p { margin:0 auto; max-width:390px; color:var(--muted); font-size:14px; line-height:1.65; }
.save-gate-benefits { margin:23px 0; padding:18px; display:grid; gap:10px; border-radius:16px; background:var(--cream); text-align:left; color:#53655f; font-size:11px; font-weight:700; }
.save-gate-benefits span { display:flex; align-items:center; gap:9px; }
.save-gate-benefits .ayahkind-icon { width:15px; height:15px; color:var(--clay); }
.save-gate-card .primary-button { width:100%; justify-content:center; }
.save-gate-later { margin:12px auto 0; padding:8px 12px; border:0; background:transparent; color:var(--muted); cursor:pointer; font-size:11px; }
.save-gate-card>small { display:block; margin-top:8px; color:#82908a; font-size:9px; }
body.save-gate-open { overflow:hidden; }
.account-login-hero { min-height:690px; padding:85px max(24px,calc((100vw - 1180px)/2)); display:grid; grid-template-columns:1fr .86fr; gap:90px; align-items:center; background:var(--ink); color:#f8f2e5; }
.account-login-copy { max-width:610px; }
.account-login-copy h1 { margin:18px 0 25px; font-size:clamp(54px,6.5vw,88px); }
.account-login-copy>p { max-width:560px; color:#c9d3cd; font-size:17px; line-height:1.75; }
.account-benefits { display:flex; flex-wrap:wrap; gap:12px 20px; margin-top:30px; color:#dce3df; font-size:11px; font-weight:700; }
.account-benefits span { display:inline-flex; align-items:center; gap:7px; }
.account-benefits .ayahkind-icon { width:15px; height:15px; color:#e1a080; }
.account-login-window { width:min(100%,480px); justify-self:end; padding:24px; border:1px solid rgba(248,242,229,.28); border-radius:240px 240px 30px 30px; background:rgba(255,255,255,.06); }
.account-login-card { padding:82px 42px 44px; border-radius:215px 215px 18px 18px; background:var(--paper); color:var(--ink); text-align:center; }
.account-login-mark { display:grid; place-items:center; width:46px; height:52px; margin:0 auto 20px; border-radius:23px 23px 5px 5px; background:var(--ink); color:var(--cream); font:24px Georgia,serif; }
.account-login-card h2 { margin:0 0 10px; font-size:38px; font-weight:400; }
.account-login-card>p { margin:0 auto 26px; max-width:310px; color:var(--muted); line-height:1.6; }
.social-login-buttons { min-height:44px; display:grid; place-items:center; }
.social-login-buttons .nsl-container,.social-login-buttons .nsl-container>div { width:100%!important; max-width:100%!important; }
.social-login-buttons .nsl-container>div { display:grid!important; gap:10px!important; }
.social-login-buttons a,.social-login-buttons .nsl-button { box-sizing:border-box; width:100%!important; max-width:100%!important; }
.account-login-card>small { display:block; margin-top:22px; color:#7b8883; font-size:10px; line-height:1.55; }
.account-login-card>small a { text-decoration:underline; }
.account-setup-note { padding:15px; border-radius:14px; background:var(--sage); color:var(--ink); font-size:12px; line-height:1.5; }
.account-preview { padding:100px max(24px,calc((100vw - 1100px)/2)); background:var(--paper); }
.account-preview>div:first-child { max-width:680px; }
.account-preview h2 { margin:12px 0 42px; font-size:clamp(42px,5vw,64px); font-weight:400; letter-spacing:-.04em; }
.account-preview-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(31,59,52,.17); }
.account-preview-grid article { padding:30px 32px 0 0; border-right:1px solid rgba(31,59,52,.17); }
.account-preview-grid article+article { padding-left:32px; }
.account-preview-grid article:last-child { border-right:0; }
.account-preview-grid span { color:var(--clay); font-size:10px; font-weight:800; letter-spacing:.14em; }
.account-preview-grid h3 { margin:24px 0 10px; font-size:27px; font-weight:400; }
.account-preview-grid p { max-width:280px; color:var(--muted); font-size:14px; line-height:1.65; }
.account-dashboard-hero { padding:34px max(24px,calc((100vw - 1180px)/2)) 28px; display:flex; justify-content:space-between; align-items:center; gap:24px; }
.account-welcome { display:flex; align-items:center; gap:16px; }
.account-avatar { position:relative; display:block; box-sizing:border-box; inline-size:72px!important; block-size:72px!important; width:72px!important; min-width:72px!important; max-width:72px!important; height:72px!important; min-height:72px!important; max-height:72px!important; flex:0 0 72px!important; aspect-ratio:1/1!important; padding:4px; overflow:hidden; border-radius:50%; background:var(--paper); box-shadow:0 10px 30px rgba(31,59,52,.14); isolation:isolate; }
.account-avatar img,
.account-avatar img.avatar { position:absolute!important; inset:4px auto auto 4px!important; display:block!important; box-sizing:border-box!important; width:calc(100% - 8px)!important; min-width:0!important; max-width:none!important; height:calc(100% - 8px)!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; aspect-ratio:1/1!important; border:0!important; border-radius:50%!important; clip-path:circle(50% at 50% 50%)!important; object-fit:cover!important; object-position:center!important; box-shadow:none!important; }
.account-welcome h1 { margin:5px 0 3px; font-size:clamp(34px,4vw,46px); line-height:1; }
.account-welcome p { margin:0; color:var(--muted); font-size:13px; }
.account-status { width:min(1180px,calc(100% - 48px)); margin:0 auto 24px; padding:14px 18px; display:flex; align-items:center; gap:9px; border-radius:14px; background:#dfe8d7; font-size:12px; font-weight:700; }
.account-status .ayahkind-icon { width:16px; height:16px; }
.personal-ayah { padding:68px max(24px,calc((100vw - 1080px)/2)); display:grid; grid-template-columns:340px 1fr; align-items:center; gap:68px; background:var(--ink); color:#f8f2e5; }
.personal-ayah-image { aspect-ratio:2/3; padding:14px; border:1px solid rgba(248,242,229,.26); border-radius:190px 190px 24px 24px; background:rgba(255,255,255,.06); }
.personal-ayah-image img { width:100%; height:100%; object-fit:contain; border-radius:14px; }
.personal-ayah-copy h2 { margin:18px 0; font-size:clamp(44px,6vw,72px); line-height:1.05; letter-spacing:-.04em; font-weight:400; }
.personal-ayah-copy>p:not(.reference) { max-width:620px; color:#c8d2cd; font-size:17px; line-height:1.75; }
.personal-ayah-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:26px; }
.personal-ayah-actions .save-ayah-button { border-color:rgba(248,242,229,.35); color:#f8f2e5; }
.personal-ayah-copy>small { display:block; margin-top:24px; color:#94a69f; font-size:10px; }
.account-preferences { padding:100px max(24px,calc((100vw - 1100px)/2)); display:grid; grid-template-columns:.82fr 1.18fr; gap:85px; background:var(--paper); }
.account-preferences h2 { margin:12px 0 18px; font-size:clamp(42px,5vw,62px); line-height:1.04; letter-spacing:-.04em; font-weight:400; }
.account-preferences-copy>p { color:var(--muted); line-height:1.75; }
.account-saved-link { margin-top:32px; padding:18px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:13px; border:1px solid #d7ddd7; border-radius:18px; }
.account-saved-link>.ayahkind-icon { width:20px; height:20px; color:var(--clay); }
.account-saved-link span { display:grid; gap:4px; }
.account-saved-link strong { font-family:Georgia,serif; font-size:18px; font-weight:400; }
.account-saved-link small { color:var(--muted); font-size:10px; }
.account-preferences-form { padding:30px; border:1px solid #d7ddd7; border-radius:26px; background:var(--cream); }
.account-preferences-form fieldset { margin:0; padding:0; border:0; }
.account-preferences-form legend { margin-bottom:16px; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.account-theme-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }
.account-theme-grid label { cursor:pointer; }
.account-theme-grid input { position:absolute; opacity:0; pointer-events:none; }
.account-theme-grid span { display:flex; justify-content:center; padding:13px 14px; border:1px solid #d2d9d3; border-radius:999px; background:var(--paper); font-size:12px; font-weight:700; transition:.2s; }
.account-theme-grid input:checked+span { border-color:var(--ink); background:var(--ink); color:white; }
.account-theme-grid input:focus-visible+span { outline:3px solid var(--clay); outline-offset:2px; }
.theme-limit-message { min-height:18px; margin:12px 2px 20px; color:var(--muted); font-size:10px; }
.theme-limit-message.is-warning { color:var(--clay); font-weight:700; }
.personal-email-toggle { margin:5px 0 24px; padding:18px; display:flex; align-items:flex-start; gap:12px; border-radius:17px; background:var(--paper); cursor:pointer; }
.personal-email-toggle input { margin-top:3px; accent-color:var(--ink); }
.personal-email-toggle span { display:grid; gap:5px; }
.personal-email-toggle strong { font-size:13px; }
.personal-email-toggle small { color:var(--muted); font-size:10px; line-height:1.5; }
.account-preferences-form>.primary-button { width:100%; border:0; justify-content:center; cursor:pointer; }
.account-connections { padding:62px max(24px,calc((100vw - 1100px)/2)) 92px; display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center; background:var(--paper); border-top:1px solid rgba(31,59,52,.14); }
.account-connections h2 { margin:10px 0 14px; font-size:clamp(34px,4.3vw,52px); font-weight:400; line-height:1.05; letter-spacing:-.035em; }
.account-connections p { max-width:520px; color:var(--muted); line-height:1.7; }
.social-connect-buttons { padding:24px; border:1px solid #d7ddd7; border-radius:24px; background:var(--cream); }
.social-connect-buttons>small { display:block; margin-top:14px; color:var(--muted); font-size:10px; line-height:1.5; text-align:center; }
.privacy-hero { padding:66px max(24px,calc((100vw - 900px)/2)) 56px; background:var(--ink); color:#f8f2e5; }
.privacy-hero h1 { margin:16px 0 20px; font-size:clamp(54px,7vw,84px); }
.privacy-hero p { color:#bdc9c3; }
.privacy-content { max-width:900px; margin:0 auto; padding:80px 24px 110px; }
.privacy-content section { padding:30px 0; border-bottom:1px solid rgba(31,59,52,.16); }
.privacy-content h2 { margin:0 0 14px; font-size:30px; font-weight:400; }
.privacy-content p { color:var(--muted); line-height:1.8; }
.privacy-content a { text-decoration:underline; }

@media (max-width:900px) {
  .account-login-hero { grid-template-columns:1fr; gap:55px; text-align:center; }
  .account-login-copy { margin:auto; }
  .account-benefits { justify-content:center; }
  .account-login-window { justify-self:center; }
  .personal-ayah { grid-template-columns:300px 1fr; gap:50px; }
  .account-preferences { grid-template-columns:1fr; gap:45px; }
}
@media (max-width:680px) {
  .account-quick-nav { width:calc(100% - 32px); margin-bottom:12px; grid-template-columns:repeat(3,1fr); border-radius:16px; }
  .account-quick-nav a { min-height:60px; padding:8px 5px; display:flex; flex-direction:column; justify-content:center; gap:4px; border-right:1px solid rgba(31,59,52,.13); border-bottom:0; text-align:center; }
  .account-quick-nav a:last-child { border-right:0; }
  .account-quick-nav a>.ayahkind-icon { width:16px; height:16px; }
  .account-quick-nav span { display:block; }
  .account-quick-nav strong { display:block; font-size:13px; }
  .account-quick-nav small { display:none; }
  .save-gate { align-items:end; padding:0; }
  .save-gate-card { width:100%; padding:39px 22px calc(24px + env(safe-area-inset-bottom)); border-radius:28px 28px 0 0; transform:translateY(35px); }
  .save-gate-card h2 { font-size:33px; }
  .account-login-hero { padding:70px 16px 76px; }
  .account-login-copy h1 { font-size:clamp(46px,14vw,60px); }
  .account-login-window { padding:12px; border-radius:210px 210px 24px 24px; }
  .account-login-card { padding:70px 20px 32px; border-radius:198px 198px 16px 16px; }
  .account-preview { padding:75px 20px; }
  .account-preview-grid { grid-template-columns:1fr; }
  .account-preview-grid article,.account-preview-grid article+article { padding:26px 0; border-right:0; border-bottom:1px solid rgba(31,59,52,.17); }
  .account-preview-grid article:last-child { border-bottom:0; }
  .account-dashboard-hero { position:relative; display:block; padding:18px 16px 14px; }
  .account-dashboard-hero>.text-link { position:absolute; top:16px; right:16px; padding:5px 0; font-size:9px; }
  .account-welcome { align-items:center; gap:10px; padding-right:0; }
  .account-welcome>div:last-child { min-width:0; }
  .account-welcome .section-kicker { display:block; max-width:205px; overflow:hidden; font-size:8px; letter-spacing:.16em; text-overflow:ellipsis; white-space:nowrap; }
  .account-welcome h1 { margin:3px 0 2px; font-size:32px; }
  .account-welcome p { max-width:270px; padding-right:10px; font-size:12px; line-height:1.35; }
  .account-avatar { inline-size:46px!important; block-size:46px!important; width:46px!important; min-width:46px!important; max-width:46px!important; height:46px!important; min-height:46px!important; max-height:46px!important; flex:0 0 46px!important; padding:3px; }
  .account-avatar img,
  .account-avatar img.avatar { inset:3px auto auto 3px!important; width:calc(100% - 6px)!important; height:calc(100% - 6px)!important; }
  .account-welcome p { line-height:1.45; }
  .account-status { width:calc(100% - 32px); }
  .personal-ayah { padding:28px 16px 54px; grid-template-columns:1fr; gap:26px; text-align:center; }
  .personal-ayah-image { width:min(100%,280px); margin:auto; }
  .personal-ayah-copy h2 { margin:12px 0; font-size:clamp(38px,11vw,48px); }
  .personal-ayah-copy>p:not(.reference) { text-align:left; }
  .personal-ayah-actions { justify-content:center; }
  .account-preferences { padding:75px 16px; }
  .account-preferences-copy { text-align:center; }
  .account-saved-link { text-align:left; }
  .account-preferences-form { padding:22px 16px; }
  .account-theme-grid { grid-template-columns:1fr 1fr; }
  .account-connections { padding:48px 16px 74px; grid-template-columns:1fr; gap:24px; text-align:center; }
  .account-connections p { margin-inline:auto; }
  .social-connect-buttons { width:100%; padding:18px 14px; text-align:left; }
  .privacy-hero { padding:70px 20px 58px; }
  .privacy-content { padding:58px 20px 80px; }
}

/* Content-first page hierarchy: orientation stays elegant, primary content arrives sooner. */
.hero { min-height:500px; padding-top:42px; padding-bottom:52px; }
.hero-copy h1 { margin:16px 0 20px; font-size:clamp(47px,4.8vw,68px); }
.hero-copy>p { margin-bottom:24px; line-height:1.65; }
.hero-email-link { margin-top:16px; }

.library-hero { padding:34px max(24px,calc((100vw - 1180px)/2)) 38px; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); grid-template-areas:"crumb crumb" "kicker search" "title search" "description search"; column-gap:72px; align-items:center; text-align:left; }
.library-hero .breadcrumbs { grid-area:crumb; justify-content:flex-start; margin:0 0 24px; }
.library-hero>.section-kicker { grid-area:kicker; }
.library-hero h1 { grid-area:title; max-width:680px; margin:8px 0 10px; font-size:clamp(44px,5vw,64px); line-height:1; }
.library-hero>p { grid-area:description; max-width:650px; margin:0; font-size:14px; line-height:1.55; }
.library-hero .library-search { grid-area:search; width:100%; max-width:500px; margin:0; justify-self:end; }
.library-results { padding-top:46px; }
.library-results .section-heading { margin-bottom:22px; }
.library-results .section-heading h2 { font-size:clamp(34px,4vw,48px); }
.library-results .filter-row { padding-bottom:18px; }

.saved-hero,.about-hero { padding-top:40px; padding-bottom:46px; }
.saved-hero .breadcrumbs,.about-hero .breadcrumbs { margin-bottom:20px; }
.saved-hero h1,.about-hero h1 { margin:10px auto 12px; font-size:clamp(44px,5.5vw,66px); line-height:1; }
.saved-hero>p,.about-hero>p { font-size:14px; line-height:1.6; }
.saved-results { padding-top:48px; }

.category-hero { min-height:0; padding-top:46px; padding-bottom:52px; }
.category-hero .breadcrumbs { margin-bottom:20px; }
.category-hero h1,.pinterest-hero h1 { margin:10px 0 10px; font-size:clamp(54px,7.5vw,84px); line-height:1; }
.category-hero>p { margin-bottom:20px; line-height:1.55; }
.pinterest-hero { padding-top:48px; padding-bottom:56px; }

.detail-breadcrumbs { margin-top:24px; }
.pinterest-arrival:not([hidden])+.detail-hero { margin-top:24px; }
.detail-hero { margin-top:34px; margin-bottom:62px; }
.privacy-hero { padding-top:46px; padding-bottom:42px; }
.privacy-hero h1 { margin:10px 0 12px; font-size:clamp(44px,5.5vw,66px); }

@media (max-width:680px) {
  .hero { min-height:0; padding:28px 16px 36px; gap:24px; }
  .hero-copy h1 { margin:12px 0 16px; font-size:clamp(37px,10.8vw,46px); line-height:1; }
  .hero-copy>p { margin-bottom:18px; font-size:14px; line-height:1.5; }
  .hero-actions { gap:12px; }
  .hero-actions .primary-button { padding:13px 17px; }
  .hero-email-link { margin-top:13px; }
  .hero-art { height:150px; aspect-ratio:auto; border-radius:76px 76px 18px 18px; }

  .section-heading h2,.about-intro h2,.reflection-section h2 { font-size:clamp(32px,9.5vw,42px); }
  .section-heading { gap:12px; margin-bottom:22px; }

  .library-hero { padding:24px 16px 28px; display:grid; grid-template-columns:1fr; grid-template-areas:"crumb" "kicker" "title" "description" "search"; text-align:center; }
  .library-hero .breadcrumbs { justify-content:center; margin-bottom:16px; }
  .library-hero h1 { margin:7px auto 9px; font-size:clamp(36px,10.5vw,44px); line-height:1.02; }
  .library-hero>p { max-width:350px; margin:0 auto; font-size:13px; line-height:1.48; }
  .library-hero .library-search { max-width:100%; margin-top:16px; justify-self:stretch; }
  .ayah-search input { padding-top:12px; padding-bottom:12px; }
  .library-results { padding-top:28px; }
  .library-results .section-heading { display:grid; grid-template-columns:1fr auto; align-items:end; gap:10px; margin-bottom:16px; }
  .library-results .section-heading>div { min-width:0; }
  .library-results .section-heading h2 { font-size:32px; line-height:1.05; }
  .library-results .section-heading>p { margin:0 0 3px; font-size:11px; white-space:nowrap; }
  .library-results .filter-row { padding-bottom:14px; }

  .saved-hero,.about-hero { padding:28px 18px 34px; }
  .saved-hero .breadcrumbs,.about-hero .breadcrumbs { margin-bottom:15px; }
  .saved-hero h1,.about-hero h1 { margin:7px auto 9px; font-size:clamp(38px,10.5vw,46px); }
  .saved-hero>p,.about-hero>p { font-size:13px; line-height:1.5; }
  .saved-results { padding-top:32px; }

  .category-hero { padding:30px 18px 34px; }
  .category-hero .breadcrumbs { margin-bottom:15px; }
  .category-hero h1,.pinterest-hero h1 { margin:7px 0 8px; font-size:clamp(40px,11.5vw,50px); }
  .category-hero>p { margin-bottom:16px; font-size:14px; line-height:1.5; }
  .category-hero .outline-button { padding:10px 15px; }
  .pinterest-hero { padding:32px 18px 38px; }

  .detail-breadcrumbs { width:calc(100% - 32px); margin-top:18px; }
  .detail-hero { margin-top:18px; margin-bottom:48px; gap:28px; }
  .privacy-hero { padding:32px 18px 34px; }
  .privacy-hero h1 { margin:8px 0 10px; font-size:clamp(38px,10.5vw,48px); }
  .privacy-content { padding-top:42px; }
}

/* On mobile the bottom dock owns navigation; the top bar is a compact wordmark. */
@media (max-width:680px) {
  .site-header { width:calc(100% - 24px); height:44px; justify-content:center; border-bottom-color:rgba(31,59,52,.11); }
  .site-header .brand { min-height:44px; gap:0; font-size:17px; letter-spacing:-.015em; }
  .site-header .brand-logo { display:none; }
}

/* Explore becomes a fast, visual thumbnail browser on small screens. */
@media (max-width:680px) {
  .library-hero { padding:18px 14px 22px; }
  .library-hero .breadcrumbs { margin-bottom:11px; font-size:8px; }
  .library-hero h1 { margin:5px auto 7px; font-size:clamp(34px,9.8vw,40px); }
  .library-hero>p { font-size:12px; line-height:1.42; }
  .library-hero .library-search { margin-top:12px; }
  .library-hero .ayah-search input { padding-top:11px; padding-bottom:11px; font-size:12px; }

  .library-results { padding:22px 12px 64px; }
  .library-results .section-heading { margin-bottom:12px; }
  .library-results .section-heading h2 { font-size:28px; }
  .library-results .filter-row { gap:6px; padding-bottom:12px; }
  .library-results .filter { padding:8px 12px; font-size:10px; }
  .library-results .ayah-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 12px; }
  .library-results .card-image-link { border-radius:14px; }
  .library-results .card-meta { align-items:flex-start; gap:5px; padding:9px 1px 0; }
  .library-results .card-meta>div:first-child { min-width:0; }
  .library-results .theme-label { font-size:7px; letter-spacing:.1em; }
  .library-results .card-meta h3 { margin-top:2px; font-size:15px; line-height:1.12; overflow-wrap:anywhere; }
  .library-results .card-actions { flex:0 0 auto; gap:3px; }
  .library-results .card-actions button { width:28px; height:28px; }
  .library-results .card-actions .ayahkind-icon { width:14px; height:14px; }
  .library-results .read-pill { display:none; }
  .library-results .image-pin-button { right:7px; bottom:7px; padding:8px; border-radius:50%; }
  .library-results .image-pin-button span { display:none; }
}

/* Mobile chrome refinement: quieter top branding and a slimmer glass dock. */
@media (max-width:680px) {
  body { padding-bottom:calc(78px + env(safe-area-inset-bottom)); }
  .site-header { height:38px; }
  .site-header .brand { min-height:38px; font-size:16px; }

  .mobile-bottom-nav { left:22px; right:22px; bottom:max(8px,env(safe-area-inset-bottom)); min-height:54px; padding:4px; border-radius:21px; background:linear-gradient(145deg,rgba(248,248,245,.66),rgba(229,235,229,.5)); box-shadow:0 10px 28px rgba(25,45,39,.14),0 2px 7px rgba(25,45,39,.06),inset 0 1px 0 rgba(255,255,255,.82); -webkit-backdrop-filter:blur(20px) saturate(145%); backdrop-filter:blur(20px) saturate(145%); }
  .mobile-bottom-nav::before { border-radius:19px; }
  .mobile-bottom-nav a { min-height:44px; gap:2px; padding:3px 2px; border-radius:15px; font-size:8px; }
  .mobile-bottom-nav .ayahkind-icon { width:17px; height:17px; }
  .mobile-bottom-nav img { flex-basis:19px; width:19px!important; min-width:19px; height:19px!important; min-height:19px; }
  .mobile-saved-count { top:1px; left:calc(50% + 6px); min-width:14px; height:14px; padding:0 3px; font-size:7px; }
  .newsletter-nudge { bottom:calc(80px + env(safe-area-inset-bottom)); }
  .toast { bottom:calc(84px + env(safe-area-inset-bottom)); }

  .account-dashboard-hero { padding:12px 14px 10px; }
  .account-dashboard-hero>.text-link { top:10px; right:14px; padding:4px 0; font-size:8px; }
  .account-welcome { gap:9px; }
  .account-welcome .section-kicker { max-width:185px; font-size:7.5px; letter-spacing:.15em; }
  .account-welcome h1 { margin:2px 0 1px; font-size:28px; }
  .account-welcome p { max-width:255px; padding-right:6px; font-size:11.5px; line-height:1.32; }
  .account-avatar { inline-size:40px!important; block-size:40px!important; width:40px!important; min-width:40px!important; max-width:40px!important; height:40px!important; min-height:40px!important; max-height:40px!important; flex-basis:40px!important; }

  .account-quick-nav { width:calc(100% - 28px); margin-bottom:8px; border-radius:14px; }
  .account-quick-nav a { min-height:52px; padding:6px 4px; gap:3px; }
  .account-quick-nav a>.ayahkind-icon { width:14px; height:14px; }
  .account-quick-nav strong { font-size:12px; }

  .personal-ayah { padding:22px 14px 50px; gap:24px; }
  .personal-ayah-image { width:min(100%,270px); }
}

/* Keep the homepage content-first treatment after all shared mobile rules. */
@media (max-width:680px) {
  .home-daily-hero { min-height:0; padding:14px 14px 34px; gap:23px; }
  .home-daily-hero::after { top:110px; right:-250px; width:460px; height:460px; }
  .home-daily-hero .daily-image { width:min(100%,292px); margin:auto; padding:10px; }
  .home-daily-hero .daily-image::before { inset:6px; }
  .home-daily-copy { width:min(100%,430px); margin:0 auto; text-align:center; }
  .home-daily-intro { margin:0 auto 18px; padding-bottom:15px; }
  .home-daily-intro p { max-width:330px; margin:7px auto 0; font-size:10.5px; line-height:1.45; }
  .home-daily-copy h1 { margin:10px auto 12px; font-size:clamp(34px,10.2vw,43px); line-height:1.04; }
  .home-daily-copy>p:not(.reference) { max-width:350px; margin:0 auto 17px; text-align:center; font-size:12px; line-height:1.55; }
  .home-daily-actions { justify-content:center; margin-top:17px; }
  .home-daily-actions>.primary-button { padding:13px 17px; }
  .home-library-link { min-height:42px; padding:5px 3px 5px 9px; text-align:left; }
.home-daily-copy>.share-panel>div { justify-content:center; }
  .home-daily-email { justify-content:center; margin:15px auto 0; }
}

/* My AyahKind Quran: saved Quran presented as a personal, living book. */
.personal-quran-section { padding-top:42px; background:linear-gradient(180deg,#183b32 0,#1f463b 100%); }
.personal-quran-shell { width:min(1180px,100%); margin:0 auto; display:grid; grid-template-columns:290px minmax(0,1fr); align-items:start; gap:28px; }
.personal-quran-cover { position:sticky; top:24px; min-height:455px; padding:16px; overflow:hidden; border:1px solid rgba(238,209,151,.35); border-radius:8px 28px 28px 8px; background:linear-gradient(145deg,#102f28,#20493d 68%,#173c32); color:#f8f2e5; box-shadow:-9px 12px 0 #0d2b24,0 30px 70px rgba(5,20,16,.28); }
.personal-quran-cover::before { content:""; position:absolute; inset:0 auto 0 15px; width:1px; background:rgba(238,209,151,.24); box-shadow:5px 0 0 rgba(238,209,151,.08); }
.personal-quran-cover::after { content:""; position:absolute; right:-42px; bottom:-42px; width:160px; height:160px; border:1px solid rgba(238,209,151,.13); border-radius:50%; }
.personal-quran-cover-inner { min-height:421px; padding:42px 25px 30px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(238,209,151,.37); border-radius:4px 20px 20px 4px; text-align:center; }
.quran-cover-cross,.quran-empty-cross { position:relative; display:block; width:34px; height:48px; margin-bottom:25px; }
.quran-cover-cross::before,.quran-empty-cross::before { content:""; position:absolute; left:50%; top:0; width:4px; height:100%; transform:translateX(-50%); border-radius:4px; background:#deb57b; }
.quran-cover-cross::after,.quran-empty-cross::after { content:""; position:absolute; left:0; top:14px; width:100%; height:4px; border-radius:4px; background:#deb57b; }
.quran-cover-brand { color:#e2bc84; font-size:9px; font-weight:800; letter-spacing:.24em; }
.personal-quran-cover h2 { margin:15px 0 18px; color:#fffaf0; font-size:42px; font-weight:400; line-height:1.02; }
.personal-quran-cover p { margin:0; color:#c6d1cb; font:italic 14px/1.65 Georgia,serif; }
.quran-cover-count { margin-top:auto; padding-top:28px; display:grid; gap:2px; color:#d9c49d; }
.quran-cover-count strong { font:30px Georgia,serif; font-weight:400; }
.quran-cover-count span { font-size:8px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.personal-quran-book { position:relative; min-height:560px; overflow:hidden; border:1px solid rgba(62,77,69,.18); border-radius:9px 24px 24px 9px; background:#fffdf7; box-shadow:0 30px 75px rgba(6,26,20,.24),inset 16px 0 24px rgba(63,54,39,.035); }
.personal-quran-book::before { content:""; position:absolute; z-index:0; top:0; bottom:0; left:50%; width:1px; background:linear-gradient(180deg,transparent,rgba(52,66,59,.15) 12%,rgba(52,66,59,.15) 88%,transparent); box-shadow:-9px 0 18px rgba(40,37,29,.035),9px 0 18px rgba(40,37,29,.035); pointer-events:none; }
.personal-quran-heading { position:relative; z-index:1; padding:34px 38px 24px; display:flex; justify-content:space-between; align-items:end; gap:22px; border-bottom:1px solid rgba(31,59,52,.14); }
.personal-quran-heading h2 { margin:8px 0 0; font-size:clamp(34px,4vw,49px); font-weight:400; line-height:1; }
.personal-quran-heading>p { margin:0 0 3px; color:var(--muted); font-size:11px; white-space:nowrap; }
.personal-quran-filters { position:relative; z-index:1; padding:14px 38px; display:flex; gap:7px; overflow-x:auto; border-bottom:1px solid rgba(31,59,52,.12); scrollbar-width:none; }
.personal-quran-filters::-webkit-scrollbar { display:none; }
.personal-quran-filters button { flex:0 0 auto; padding:8px 13px; border:1px solid #d4dbd4; border-radius:999px; background:transparent; color:var(--muted); font-size:9px; font-weight:750; cursor:pointer; }
.personal-quran-filters button.is-active { border-color:var(--ink); background:var(--ink); color:#fff; }
.personal-quran-pages { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.personal-quran-entry { position:relative; min-width:0; padding:31px 29px 26px; display:grid; grid-template-columns:76px minmax(0,1fr); grid-template-rows:auto 1fr auto; align-items:start; gap:13px 18px; border-bottom:1px solid rgba(31,59,52,.13); }
.personal-quran-entry:nth-child(odd) { border-right:1px solid rgba(31,59,52,.13); }
.quran-entry-number { position:absolute; top:12px; right:17px; color:#a7b1ab; font-size:8px; font-weight:800; letter-spacing:.13em; }
.quran-entry-image { grid-row:1/3; overflow:hidden; border-radius:38px 38px 8px 8px; background:var(--sage); }
.quran-entry-image img { display:block; width:100%; height:auto; aspect-ratio:2/3; object-fit:contain; }
.quran-entry-copy { min-width:0; }
.quran-entry-copy .theme-label { font-size:7px; }
.quran-entry-copy h3 { margin:5px 0 9px; font-size:23px; font-weight:400; }
.quran-entry-copy blockquote { margin:0; color:var(--ink); font:italic 16px/1.45 Georgia,serif; }
.quran-entry-reflection { margin:11px 0 0; display:-webkit-box; overflow:hidden; color:var(--muted); font-size:10px; line-height:1.55; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.quran-entry-actions { grid-column:1/-1; padding-top:15px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid rgba(31,59,52,.1); }
.quran-entry-actions>a { color:var(--ink); font-size:9px; font-weight:800; letter-spacing:.03em; }
.quran-entry-actions>a:hover { color:var(--clay); }
.quran-entry-actions .save-ayah-button { width:34px; height:34px; }
.personal-quran-book .saved-empty { position:relative; z-index:1; max-width:560px; margin:44px auto; padding:65px 35px; border:0; background:transparent; }
.personal-quran-book .saved-empty .quran-empty-cross { width:24px; height:34px; margin:0 auto 25px; }
.personal-quran-book .saved-empty h2 { font-size:38px; }

@media (max-width:980px) {
  .personal-quran-shell { grid-template-columns:1fr; }
  .personal-quran-cover { position:relative; top:auto; width:min(100%,620px); min-height:250px; margin:0 auto; border-radius:8px 24px 24px 8px; }
  .personal-quran-cover-inner { min-height:218px; padding:28px; }
  .quran-cover-cross { width:24px; height:34px; margin-bottom:14px; }
  .quran-cover-cross::after { top:10px; }
  .personal-quran-cover h2 { margin:9px 0 10px; font-size:34px; }
  .personal-quran-cover p { font-size:12px; }
  .quran-cover-count { margin-top:18px; padding-top:0; }
}

@media (max-width:680px) {
  .saved-hero { padding-bottom:22px; }
  .saved-hero h1 { font-size:clamp(36px,10vw,44px); }
  .personal-quran-section { padding:14px 12px 64px; }
  .personal-quran-shell { gap:14px; }
  .personal-quran-cover { min-height:128px; padding:8px; border-radius:7px 20px 20px 7px; box-shadow:-4px 6px 0 #0d2b24,0 18px 40px rgba(5,20,16,.22); }
  .personal-quran-cover-inner { min-height:110px; padding:16px 17px; display:grid; grid-template-columns:30px minmax(0,1fr) auto; grid-template-rows:auto auto; column-gap:13px; align-items:center; justify-items:start; text-align:left; }
  .quran-cover-cross { grid-column:1; grid-row:1/3; width:22px; height:31px; margin:0; }
  .quran-cover-cross::after { top:9px; }
  .quran-cover-brand { grid-column:2; grid-row:1; font-size:6px; }
  .personal-quran-cover h2 { grid-column:2; grid-row:2; margin:3px 0 0; font-size:25px; white-space:nowrap; }
  .personal-quran-cover h2 br { display:none; }
  .personal-quran-cover p { display:none; }
  .quran-cover-count { grid-column:3; grid-row:1/3; margin:0; padding:0; justify-items:end; }
  .quran-cover-count strong { font-size:24px; }
  .quran-cover-count span { max-width:62px; text-align:right; font-size:6px; line-height:1.4; }
  .personal-quran-book { min-height:430px; border-radius:8px 18px 18px 8px; }
  .personal-quran-book::before { display:none; }
  .personal-quran-heading { padding:24px 20px 18px; align-items:end; }
  .personal-quran-heading h2 { font-size:32px; }
  .personal-quran-heading>p { font-size:9px; }
  .personal-quran-filters { padding:11px 18px; }
  .personal-quran-pages { grid-template-columns:1fr; }
  .personal-quran-entry { padding:28px 19px 22px; grid-template-columns:76px minmax(0,1fr); }
  .personal-quran-entry:nth-child(odd) { border-right:0; }
  .quran-entry-copy h3 { font-size:21px; }
  .quran-entry-copy blockquote { font-size:15px; }
  .personal-quran-book .saved-empty { margin:20px auto; padding:50px 22px; }
  .personal-quran-book .saved-empty h2 { font-size:31px; }
}

/* 1.5.18 — compact, content-first page orientation. */
.compact-page-intro { min-height:0; padding:26px max(24px,calc((100vw - 1180px)/2)) 30px; text-align:left; }
.compact-page-intro .breadcrumbs { justify-content:flex-start; margin:0 0 15px; }
.compact-page-intro h1 { max-width:none; margin:0 0 7px; font-size:clamp(38px,4.3vw,56px); line-height:1; letter-spacing:-.035em; }
.compact-page-intro>p,.compact-page-intro .page-intro-copy>p { max-width:680px; margin:0; color:var(--muted); font-size:13px; line-height:1.5; }
.page-intro-count { display:inline-block; margin-top:13px; color:currentColor; opacity:.66; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }

.library-hero.compact-page-intro { padding-top:22px; padding-bottom:24px; grid-template-columns:minmax(0,1fr) minmax(330px,480px); grid-template-areas:"crumb crumb" "copy search"; column-gap:56px; row-gap:0; align-items:end; }
.library-hero.compact-page-intro .breadcrumbs { grid-area:crumb; margin-bottom:14px; }
.library-hero.compact-page-intro .page-intro-copy { grid-area:copy; }
.library-hero.compact-page-intro h1 { margin:0 0 6px; font-size:clamp(38px,4.3vw,54px); }
.library-hero.compact-page-intro .library-search { grid-area:search; align-self:end; width:100%; max-width:none; margin:0; }
.library-results { padding-top:30px; }
.library-results-toolbar { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:15px; }
.library-results-toolbar h2 { margin:0; font-size:clamp(27px,3vw,38px); font-weight:400; line-height:1; }
.library-results-toolbar p { margin:0 0 2px; color:var(--muted); font-size:10px; white-space:nowrap; }

.saved-hero.compact-page-intro,.about-hero.compact-page-intro { padding-top:24px; padding-bottom:27px; }
.saved-hero.compact-page-intro h1,.about-hero.compact-page-intro h1 { margin:0 0 6px; }
.saved-hero .saved-signin-link { margin:16px 0 0; }
.personal-quran-section { padding-top:24px; }

.category-hero.compact-page-intro { padding-top:24px; padding-bottom:27px; }
.category-hero.compact-page-intro .breadcrumbs { margin-bottom:14px; }
.category-hero.compact-page-intro h1 { margin:0 0 6px; font-size:clamp(38px,4.8vw,58px); }
.category-hero.compact-page-intro>p { max-width:680px; margin:0; font-size:13px; line-height:1.5; }
.category-ayah-list { padding-top:38px; }

.about-story { padding-top:62px; padding-bottom:62px; }
.privacy-hero.compact-page-intro { padding-top:25px; padding-bottom:28px; }
.privacy-hero.compact-page-intro .breadcrumbs { color:#bdc9c3; }
.privacy-hero.compact-page-intro h1 { margin:0 0 7px; font-size:clamp(38px,4.3vw,56px); }
.privacy-hero.compact-page-intro>p { color:#bdc9c3; }
.privacy-content { padding-top:42px; }
.detail-breadcrumbs { margin-top:16px; margin-bottom:0; }
.detail-hero { margin-top:22px; }

@media (max-width:680px) {
  .site-header { height:35px; }
  .site-header .brand { min-height:35px; font-size:15px; }

  .compact-page-intro { padding:14px 14px 17px; }
  .compact-page-intro .breadcrumbs { margin-bottom:9px; gap:7px; font-size:7.5px; letter-spacing:.07em; }
  .compact-page-intro h1 { margin-bottom:5px; font-size:clamp(29px,8.8vw,36px); line-height:1.02; }
  .compact-page-intro>p,.compact-page-intro .page-intro-copy>p { max-width:440px; font-size:11.5px; line-height:1.42; }
  .page-intro-count { margin-top:8px; font-size:7px; }

  .library-hero.compact-page-intro { padding:12px 12px 14px; display:grid; grid-template-columns:1fr; grid-template-areas:"crumb" "copy" "search"; text-align:left; }
  .library-hero.compact-page-intro .breadcrumbs { justify-content:flex-start; margin-bottom:8px; }
  .library-hero.compact-page-intro h1 { margin:0 0 4px; font-size:clamp(29px,8.7vw,35px); }
  .library-hero.compact-page-intro .page-intro-copy>p { margin:0; }
  .library-hero.compact-page-intro .library-search { margin-top:10px; }
  .library-hero.compact-page-intro .ayah-search input { padding:10px 42px 10px 15px; font-size:12px; }
  .library-results { padding:15px 12px 64px; }
  .library-results-toolbar { margin-bottom:10px; }
  .library-results-toolbar h2 { font-size:23px; }
  .library-results-toolbar p { margin-bottom:1px; font-size:8px; }
  .library-results .filter-row { padding-bottom:10px; }

  .saved-hero.compact-page-intro,.about-hero.compact-page-intro { padding:14px 14px 17px; text-align:left; }
  .saved-hero.compact-page-intro .breadcrumbs,.about-hero.compact-page-intro .breadcrumbs { justify-content:flex-start; margin-bottom:9px; }
  .saved-hero.compact-page-intro h1,.about-hero.compact-page-intro h1 { margin:0 0 5px; font-size:clamp(29px,8.8vw,36px); }
  .saved-hero .saved-signin-link { margin-top:11px; padding:11px 12px; }
  .saved-hero .saved-signin-link strong { font-size:14px; }
  .personal-quran-section { padding:8px 12px 64px; }
  .personal-quran-cover { display:none; }
  .personal-quran-shell { gap:0; }
  .personal-quran-heading { padding:18px 17px 14px; }
  .personal-quran-heading h2 { margin-top:5px; font-size:28px; }
  .personal-quran-filters { padding:9px 15px; }

  .category-hero.compact-page-intro { padding:14px 14px 17px; text-align:left; }
  .category-hero.compact-page-intro .breadcrumbs { justify-content:flex-start; margin-bottom:9px; }
  .category-hero.compact-page-intro h1 { margin:0 0 5px; font-size:clamp(29px,8.8vw,36px); }
  .category-hero.compact-page-intro>p { margin:0; font-size:11.5px; line-height:1.42; }
  .category-ayah-list { padding-top:18px; }

  .about-story { padding-top:45px; padding-bottom:45px; }
  .privacy-hero.compact-page-intro { padding:14px 14px 17px; text-align:left; }
  .privacy-hero.compact-page-intro .breadcrumbs { justify-content:flex-start; }
  .privacy-hero.compact-page-intro h1 { margin:0 0 5px; font-size:clamp(29px,8.8vw,36px); }
  .privacy-content { padding-top:28px; }

  .detail-breadcrumbs { width:calc(100% - 24px); margin-top:11px; font-size:7.5px; }
  .detail-hero { width:calc(100% - 24px); margin-top:12px; }

  .account-dashboard-hero { padding-top:8px; padding-bottom:7px; }
  .account-quick-nav { margin-bottom:5px; }
  .account-quick-nav a { min-height:45px; padding:4px 3px; }
  .account-quick-nav strong { font-size:11px; }
  .personal-ayah { padding-top:14px; }

  .account-login-hero { min-height:0; padding:18px 14px 32px; gap:22px; }
  .account-login-window { order:-1; padding:8px; }
  .account-login-card { padding:52px 18px 24px; }
  .account-login-copy h1 { margin:9px 0 11px; font-size:36px; }
  .account-login-copy>p { font-size:12px; line-height:1.5; }
  .account-benefits { display:none; }
}

/* 1.5.19 — My Quran as a modern, quiet Quran book. */
.personal-quran-section { background:radial-gradient(circle at 82% 4%,rgba(222,181,123,.09),transparent 32%),linear-gradient(180deg,#153a30 0%,#1e493c 100%); }
.personal-quran-book { border-color:rgba(77,80,65,.2); border-radius:6px 21px 21px 6px; background:linear-gradient(90deg,#fbf7ec 0%,#fffdf7 7%,#fffdf8 93%,#f4eedf 100%); box-shadow:-7px 9px 0 rgba(13,43,36,.55),0 30px 75px rgba(6,26,20,.24),inset 14px 0 23px rgba(63,54,39,.045); }
.personal-quran-book::after { content:""; position:absolute; z-index:3; top:11px; right:5px; bottom:11px; width:5px; border-left:1px solid rgba(89,82,65,.1); border-right:1px solid rgba(89,82,65,.08); border-radius:0 16px 16px 0; pointer-events:none; }
.personal-quran-heading { padding:29px 34px 22px 38px; align-items:center; }
.personal-quran-heading-title { min-width:0; display:flex; align-items:center; gap:17px; }
.personal-quran-heading-cross { position:relative; flex:0 0 22px; width:22px; height:31px; }
.personal-quran-heading-cross::before { content:""; position:absolute; top:0; bottom:0; left:9px; width:3px; border-radius:4px; background:var(--clay); }
.personal-quran-heading-cross::after { content:""; position:absolute; top:9px; left:2px; width:17px; height:3px; border-radius:4px; background:var(--clay); }
.personal-quran-heading h2 { margin-top:6px; }
.personal-quran-pages { counter-reset:Quran-page; }
.personal-quran-entry { grid-template-columns:72px minmax(0,1fr); grid-template-rows:auto auto auto auto; gap:12px 17px; padding:34px 30px 25px; background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 72%); }
.quran-entry-number { top:14px; right:20px; color:#9aa59f; font-family:Georgia,serif; font-size:7px; font-weight:400; letter-spacing:.15em; }
.quran-entry-image { grid-column:1; grid-row:1; align-self:start; border:1px solid rgba(31,59,52,.12); border-radius:5px 28px 8px 8px; box-shadow:0 9px 20px rgba(31,59,52,.08); }
.quran-entry-copy { grid-column:2; grid-row:1; align-self:center; padding-right:24px; }
.quran-entry-copy h3 { margin:6px 0 0; font-size:25px; line-height:1; }
.quran-entry-Quran { grid-column:1/-1; grid-row:2; margin:2px 0 0; padding:2px 0 2px 16px; border-left:1px solid rgba(189,107,77,.62); color:var(--ink); font:italic 18px/1.52 Georgia,serif; }
.quran-entry-reflection { grid-column:1/-1; grid-row:3; margin:2px 0 0; display:block; overflow:visible; color:var(--muted); font-size:10.5px; line-height:1.65; -webkit-line-clamp:unset; }
.quran-entry-reflection::before { content:"Reflection"; display:block; margin-bottom:5px; color:var(--clay); font-size:7px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.quran-entry-actions { grid-column:1/-1; grid-row:4; margin-top:4px; padding-top:14px; }
.quran-entry-actions>a { display:inline-flex; align-items:center; min-height:34px; font-size:8.5px; text-transform:uppercase; letter-spacing:.08em; }
.quran-entry-actions>a::after { content:"→"; margin-left:8px; color:var(--clay); font-size:13px; }
.quran-entry-actions .save-ayah-button { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:transparent; }
.personal-quran-book:has(.personal-quran-entry) { min-height:0; }

@media (max-width:680px) {
  .personal-quran-section { padding-inline:10px; }
  .personal-quran-book { min-height:0; overflow:hidden; border-radius:5px 17px 17px 5px; box-shadow:-5px 7px 0 rgba(13,43,36,.58),0 20px 48px rgba(6,26,20,.2),inset 11px 0 18px rgba(63,54,39,.05); }
  .personal-quran-book::before { display:block; top:9px; bottom:9px; left:9px; width:1px; background:rgba(86,80,67,.09); box-shadow:4px 0 9px rgba(53,49,40,.045); }
  .personal-quran-book::after { top:8px; right:4px; bottom:8px; }
  .personal-quran-heading { padding:17px 24px 15px 27px; gap:12px; }
  .personal-quran-heading-title { gap:11px; }
  .personal-quran-heading-cross { flex-basis:17px; width:17px; height:24px; }
  .personal-quran-heading-cross::before { left:7px; width:2px; }
  .personal-quran-heading-cross::after { top:7px; left:1px; width:15px; height:2px; }
  .personal-quran-heading .section-kicker { font-size:6.5px; letter-spacing:.16em; }
  .personal-quran-heading h2 { margin-top:4px; font-size:25px; line-height:1.02; }
  .personal-quran-heading>p { margin:0; font-size:8px; }
  .personal-quran-filters { padding:8px 24px 8px 27px; }
  .personal-quran-entry { padding:25px 24px 20px 27px; grid-template-columns:67px minmax(0,1fr); gap:11px 15px; }
  .quran-entry-number { top:11px; right:23px; font-size:6px; }
  .quran-entry-image { width:67px; }
  .quran-entry-copy { padding-right:15px; }
  .quran-entry-copy .theme-label { font-size:6.5px; letter-spacing:.12em; }
  .quran-entry-copy h3 { margin-top:5px; font-size:23px; }
  .quran-entry-Quran { margin-top:3px; padding-left:13px; font-size:17px; line-height:1.48; }
  .quran-entry-reflection { font-size:10px; line-height:1.6; }
  .quran-entry-actions { margin-top:2px; padding-top:12px; }
  .quran-entry-actions>a { font-size:7.5px; }
  .quran-entry-actions .save-ayah-button { width:34px; height:34px; }
}

/* 1.5.21 — A quieter, content-first mobile home with reachable primary navigation. */
@media (max-width:680px) {
  body { padding-bottom:calc(72px + env(safe-area-inset-bottom)); }

  .site-header { height:34px; }
  .site-header .brand { min-height:34px; font-size:15px; }

  .home-daily-hero { padding:10px 14px 28px; gap:14px; }
  .home-daily-hero .daily-image { width:min(100%,286px); padding:9px; }
  .home-daily-hero .daily-image::before { inset:6px; }
  .home-daily-copy { width:min(100%,360px); text-align:left; }
  .home-daily-intro { display:none; }
  .home-daily-copy>.section-kicker { display:block; margin:0; font-size:8px; letter-spacing:.17em; }
  .home-daily-copy h1 { max-width:350px; margin:7px 0 8px; font-size:clamp(29px,8.4vw,34px); line-height:1.015; letter-spacing:-.036em; text-wrap:balance; }
  .home-daily-copy>.reference { margin:0 0 10px; color:#ddb58c; font-size:9px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
  .home-daily-copy>p:not(.reference) { max-width:350px; margin:0 0 14px; display:-webkit-box; overflow:hidden; text-align:left; font-size:11.5px; line-height:1.48; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
  .home-daily-actions { justify-content:flex-start; gap:9px; margin-top:14px; }
  .home-daily-actions>.primary-button { padding:11px 15px; font-size:10px; }
  .home-library-link { min-height:38px; padding:4px 2px 4px 8px; }
  .home-library-link strong { font-size:9px; }
  .home-library-link small { font-size:7.5px; }
  .home-daily-copy>.share-panel>div { justify-content:flex-start; }
  .home-daily-email { justify-content:flex-start; margin:13px 0 0; font-size:9px; }

  .mobile-bottom-nav { left:14px; right:14px; bottom:max(6px,env(safe-area-inset-bottom)); min-height:50px; padding:3px; border-radius:18px; background:linear-gradient(145deg,rgba(251,250,246,.86),rgba(232,238,233,.76)); box-shadow:0 9px 24px rgba(25,45,39,.13),0 2px 6px rgba(25,45,39,.05),inset 0 1px 0 rgba(255,255,255,.86); -webkit-backdrop-filter:blur(18px) saturate(140%); backdrop-filter:blur(18px) saturate(140%); }
  .mobile-bottom-nav::before { border-radius:16px; }
  .mobile-bottom-nav a { min-height:42px; gap:1px; padding:3px 2px 2px; border-radius:14px; font-size:9px; line-height:1; }
  .mobile-bottom-nav .ayahkind-icon { width:16px; height:16px; }
  .mobile-bottom-nav img { flex-basis:18px; width:18px!important; min-width:18px; height:18px!important; min-height:18px; }
  .mobile-saved-count { top:0; left:calc(50% + 5px); }
}

/* 1.0.0 — AyahKind's Islamic visual language. */
.site-header::before,.category-section::before,.newsletter-section::before { content:""; position:absolute; pointer-events:none; opacity:.18; background-image:radial-gradient(circle at 50% 0,var(--gold) 0 1px,transparent 2px); background-size:24px 24px; }
.site-header::before { inset:0; mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent); }
.brand-logo { border-radius:9px 9px 3px 3px; }
.primary-button,.filter.active,.personal-quran-filters button.is-active { background:var(--ink); }
.category-card,.newsletter-window,.account-login-window { border-color:rgba(197,157,83,.32); }
.daily-feature,.personal-quran-section { background:radial-gradient(circle at 82% 5%,rgba(197,157,83,.12),transparent 31%),linear-gradient(150deg,#082f2a,#12483f 62%,#0b342e); }
.daily-image,.detail-image,.personal-ayah-image { border-radius:240px 240px 24px 24px; }
.ayah-arabic { margin:18px 0 16px; color:inherit; font-family:"Geeza Pro","SF Arabic","Noto Naskh Arabic",serif; font-size:clamp(30px,4.1vw,54px); font-weight:400; line-height:1.8; letter-spacing:0; text-align:right; text-wrap:balance; }
.detail-arabic { padding-bottom:18px; border-bottom:1px solid rgba(197,157,83,.28); font-size:clamp(31px,4vw,50px); }
.translation-label { margin:28px 0 8px!important; color:var(--gold)!important; font-size:8px!important; font-weight:800; letter-spacing:.18em; }
.editorial-note a { text-decoration:underline; text-underline-offset:3px; }
.quran-cover-star,.quran-empty-star,.personal-quran-heading-star { display:grid; place-items:center; color:#deb57b; font-family:Georgia,serif; }
.quran-cover-star { width:48px; height:48px; margin-bottom:18px; border:1px solid rgba(222,181,123,.52); transform:rotate(45deg); font-size:22px; }
.quran-cover-star::first-letter { transform:rotate(-45deg); }
.quran-empty-star { margin:0 auto 18px; font-size:30px; }
.personal-quran-heading-star { flex:0 0 28px; width:28px; height:28px; font-size:18px; }
.quran-entry-arabic { grid-column:1/-1; grid-row:2; margin:2px 0 0; padding:10px 0 8px; color:var(--ink); font-family:"Geeza Pro","SF Arabic",serif; font-size:22px; line-height:1.75; text-align:right; }
.quran-entry-Quran { grid-row:3; }
.quran-entry-reflection { grid-row:4; }
.quran-entry-actions { grid-row:5; }
.quran-entry-reflection::before { content:"Reflection prompt"; }

@media (max-width:680px) {
  .ayah-arabic { margin:9px 0 8px!important; display:block!important; overflow:visible!important; font-size:25px!important; line-height:1.65!important; text-align:right!important; -webkit-line-clamp:unset!important; }
  .home-daily-copy h1 { font-size:clamp(26px,7.8vw,32px); }
  .detail-arabic { padding-bottom:10px; font-size:27px!important; }
  .quran-entry-arabic { font-size:19px; line-height:1.7; }
  .quran-cover-star { grid-column:1; grid-row:1/3; width:26px; height:26px; margin:0; font-size:14px; }
  .personal-quran-heading-star { flex-basis:21px; width:21px; height:21px; font-size:14px; }
}