/* TLQ Living v40 — immersive Jar reflection, inline riyadhoh, mobile story picker & narrative feed */
.tlq-paper-experience{--paper-dark:#0b214a;--paper-mid:#203f7b;--paper-light:#3674ad;--paper-accent:#daedff;--paper-ring:rgba(199,221,255,.21)}
.tlq-paper-experience[data-series="miracle"]{--paper-dark:#0a1b44;--paper-mid:#1d397d;--paper-light:#3170ac;--paper-accent:#e3ecfa}
.tlq-paper-experience[data-series="healing"]{--paper-dark:#0b3e39;--paper-mid:#17695c;--paper-light:#3b9580;--paper-accent:#d7f5dc}
.tlq-paper-experience[data-series="professional"]{--paper-dark:#122f3d;--paper-mid:#195268;--paper-light:#27848a;--paper-accent:#dbf4f0}
.tlq-paper-experience[data-series="marriage"]{--paper-dark:#46243d;--paper-mid:#743d60;--paper-light:#a45b77;--paper-accent:#f8dce6}
.tlq-paper-experience[data-series="parenting"]{--paper-dark:#663a38;--paper-mid:#92584f;--paper-light:#b88b66;--paper-accent:#ffe9d4}
.tlq-paper-experience[data-series="huffazh"]{--paper-dark:#29244e;--paper-mid:#493c79;--paper-light:#6865a3;--paper-accent:#e5e2ff}
.tlq-paper-front,.tlq-paper-back{
 background:radial-gradient(ellipse at 83% 13%,var(--paper-ring),transparent 46%),linear-gradient(115deg,var(--paper-dark) 2%,var(--paper-mid) 65%,var(--paper-light) 124%)!important;
 color:#fff!important;border-color:#ffffff32!important
}
.tlq-paper-back{background:radial-gradient(ellipse at 12% 75%,var(--paper-ring),transparent 48%),linear-gradient(244deg,var(--paper-dark) 0%,var(--paper-mid) 68%,var(--paper-light) 145%)!important}
.tlq-paper-back:before{border-color:#dbe7ef25!important;box-shadow:0 0 0 18px #ffffff08,0 0 0 36px #ffffff04!important}
.tlq-paper-front:after{border-color:#ffffff2e!important}
.tlq-paper-back-head{border-bottom-color:#ffffff3c!important;color:var(--paper-accent)!important}
.tlq-paper-back-head small{color:#edf0f2!important}
.tlq-paper-back-scroll .tlq-paper-back-block{border-bottom-color:#ffffff27!important}
.tlq-paper-back-label{color:var(--paper-accent)!important}
.tlq-paper-back-text{color:#fff!important;font-weight:550!important;line-height:1.84!important}
.tlq-paper-back-brand{color:var(--paper-accent)!important;border-color:#ffffff34!important}
.tlq-paper-kicker{color:var(--paper-accent)!important}
.tlq-paper-front-content .tlq-paper-quote{color:#fff!important}
.tlq-paper-reflection-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;line-height:1.6;color:#527b61;text-align:center;margin:14px 2px 3px}
.tlq-paper-reflection-note em{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:13px}
.tlq-paper-reflection-note svg{flex-shrink:0;color:#769b62}
.tlq-paper-music-control{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-3px 0 15px}
.tlq-paper-music-control>span{font-size:9px;letter-spacing:.13em;font-weight:900;color:#819687}
.tlq-paper-music-control button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:100px;padding:8px 12px;background:#e4f1e9;border:1px solid #c9e2cf;color:#346b50;font-size:10px;font-weight:850;line-height:1.3}
.tlq-paper-music-control button[aria-pressed="false"]{background:#f6f3e9;color:#8a8170;border-color:#eadfca}
.tlq-paper-music-control button>span{font-size:19px;line-height:12px;color:#43825e}
.tlq-saved-next{display:flex;flex-direction:column;align-items:center;gap:9px;margin:22px auto 9px;max-width:430px;border:1px solid #d3e5d6;background:linear-gradient(140deg,#eef9ef,#f9fbf4);border-radius:22px;padding:23px 20px;box-shadow:0 10px 25px #2b684812}
.tlq-saved-next>.eyebrow{font-size:10px;font-weight:900;letter-spacing:.12em;color:#61926d}
.tlq-saved-next h2{color:#22573e;font-size:20px;font-weight:900;line-height:1.35;text-align:center;margin:3px 0}
.tlq-saved-next p{color:#738d7b!important;font-size:12px;line-height:1.75;max-width:330px;text-align:center;margin:1px 0 8px}
.tlq-saved-next .btn{width:100%;font-size:13px;min-height:48px}
.tlq-saved-skip{font-size:12px;font-weight:850;color:#5a8066;text-decoration:none;text-align:center;padding:12px;border:1px solid #cadcce;background:white;border-radius:12px;width:100%}
body.tlq-picker-open{overflow:hidden!important}
.tlq-picker-hidden-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;clip-path:inset(50%)!important;margin:0!important;padding:0!important;border:0!important}
.tlq-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:89px;text-align:left;background:linear-gradient(135deg,#fff,#f6faf6);border:1.5px solid #bfdfc8;border-radius:17px;padding:14px 16px;box-shadow:0 6px 15px #185c4310}
.tlq-picker-trigger:focus-visible{outline:3px solid #7eb696}
.tlq-picker-main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.tlq-picker-main strong{font-size:15px;font-weight:900;color:#225a42;line-height:1.3}
.tlq-picker-main small{font-size:11px;color:#52906e;font-weight:800}
.tlq-picker-main>span{font-size:11px;color:#839887;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;line-height:1.45}
.tlq-picker-chevron{color:#336f53;border-radius:12px;background:#e7f3ea;padding:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tlq-picker-overlay{position:fixed;inset:0;z-index:1700;display:flex;align-items:flex-end;justify-content:center;padding:env(safe-area-inset-top) 0 0}
.tlq-picker-backdrop{position:absolute;inset:0;background:#0c271aab;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.tlq-picker-sheet{position:relative;z-index:1;width:min(100%,620px);height:min(84dvh,790px);min-height:min(480px,90dvh);background:#fafcf8;border-radius:27px 27px 0 0;box-shadow:0 -14px 50px #0a2b2240;display:flex;flex-direction:column;padding:12px 18px calc(10px + env(safe-area-inset-bottom));overflow:hidden}
.tlq-picker-handle{height:5px;width:45px;background:#c9d9c9;border-radius:100px;margin:0 auto 20px;flex:0 0 auto}
.tlq-picker-head{display:flex;align-items:flex-start;gap:10px;justify-content:space-between;flex-shrink:0;margin-bottom:16px}
.tlq-picker-head>div{flex:1}
.tlq-picker-head>div>span{color:#639372;font-size:10px;letter-spacing:.13em;font-weight:900}
.tlq-picker-head h2{font-size:20px;font-weight:900;color:#204d39;line-height:1.3;margin:6px 0}
.tlq-picker-head p{font-size:11px;color:#829586;line-height:1.5}
.tlq-picker-head>button{height:38px;width:38px;display:grid;place-items:center;border:1px solid #dee9de;border-radius:50%;background:#f2f8f2;color:#5e7869;flex-shrink:0}
.tlq-picker-search{display:flex;align-items:center;gap:9px;border:1px solid #d5e5d6;background:#fff;border-radius:14px;padding:0 13px;min-height:47px;margin-bottom:13px;flex-shrink:0;color:#718e7a}
.tlq-picker-search input{width:100%!important;min-height:45px!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:13px!important;padding:8px 0!important;outline:none!important}
.tlq-picker-results{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding:2px 2px 15px;flex:1;min-height:0}
.tlq-picker-group{margin:0 0 18px}
.tlq-picker-group[hidden]{display:none}
.tlq-picker-group h3{margin:12px 0 9px;font-size:11px;font-weight:900;color:#62836c;letter-spacing:.075em}
.tlq-picker-item{display:flex;align-items:center;gap:11px;text-align:left;background:#fff;border:1px solid #e2eae0;width:100%;padding:13px 10px;margin-bottom:8px;border-radius:15px;min-height:90px;color:#304c3c}
.tlq-picker-item.selected{border:1.5px solid #529a74;background:#f0f8f0}
.tlq-picker-item[hidden]{display:none}
.tlq-picker-item-symbol{width:42px;height:42px;display:grid;place-items:center;background:#edf6ec;color:#509276;border-radius:12px;flex-shrink:0}
.tlq-picker-item-body{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;flex:1}
.tlq-picker-item-body strong{color:#285940;font-size:13px;font-weight:900;line-height:1.4}
.tlq-picker-item-body small{font-size:10px;font-weight:800;color:#6d9079;line-height:1.4}
.tlq-picker-item-body>span{font-size:11px;color:#84978a;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.tlq-picker-item-check{flex:0 0 20px;color:#8ba892}
.tlq-picker-item.selected .tlq-picker-item-check{color:#27855e}
.tlq-picker-empty-group,.tlq-picker-nothing{padding:15px;color:#95a497;font-size:12px;line-height:1.6;background:#f4f8f2;border-radius:12px}
.gema-story-narrative{border-radius:21px!important;padding:clamp(18px,4.6vw,26px)!important;box-shadow:0 7px 19px #2350380c!important}
.gema-story-narrative .gema-story-top{margin-bottom:20px}
.gema-story-narrative-content{border-bottom:1px solid #e5eee6;margin:0 0 13px;padding:0 0 17px}
.gema-story-mini-eyebrow{font-size:10px;letter-spacing:.11em;color:#73967b;font-weight:900}
.gema-story-narrative-title{font-family:'Nunito Sans',system-ui,sans-serif;font-size:clamp(19px,4.7vw,24px);font-weight:900;line-height:1.35;letter-spacing:-.04em;color:#205341!important;margin:9px 0 16px}
.gema-story-narrative-prose{display:block;margin-top:13px}
.gema-story-narrative-prose p{font-family:'Nunito Sans',system-ui,sans-serif;font-size:clamp(14px,3.7vw,16px);line-height:1.92;color:#344d3e;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 16px}
.gema-story-narrative-prose p:last-child{margin-bottom:9px}
.gema-story-narrative .gema-story-context{margin:16px 0 0;color:#90a397}
.gema-story-narrative .gema-story-source-inline{display:inline-flex;align-items:center;background:transparent;border:1px solid #e0eae1;color:#598068;font-size:10px;padding:8px 12px;border-radius:99px;margin:2px 8px 11px 0;line-height:1.3;font-weight:800;letter-spacing:.03em}
.gema-story-narrative .gema-verse-ref{background:#f0f7f1;margin:0 0 11px;padding:9px 12px}
.gema-story-conversation-cue{display:flex;align-items:center;gap:8px;color:#54836a;font-size:11px;font-weight:780;line-height:1.6;padding:13px 11px;margin:1px 0 13px;background:linear-gradient(135deg,#f2f9f3,#f8fbf5);border-radius:12px;text-decoration:none}
.gema-story-conversation-cue svg{flex-shrink:0;color:#538b6c}
.gema-story-narrative .gema-story-actions{border-top:1px solid #edf0eb;padding-top:12px}
@media(max-width:430px){.tlq-picker-sheet{height:87dvh;padding:10px 14px calc(8px + env(safe-area-inset-bottom))}.tlq-picker-main strong{font-size:14px}.gema-story-narrative-prose p{font-size:14px}}