/* TLQ Jar v36: accessible sticker-first activation, instructional help, curated series */
.tlq-jar-help-small{display:inline-grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:50%;border:1.6px solid #b99e60!important;color:#93703e!important;background:linear-gradient(130deg,#fffef7,#f6efcf)!important;font-family:Georgia,serif;font-size:21px;font-weight:800;box-shadow:0 5px 13px #725b1910}
.tlq-jar-gate-top{margin-bottom:18px}
.tlq-activation-page{padding-bottom:38px}
.tlq-activation-hero{background:radial-gradient(circle at 90% 8%,#529b7440,transparent 35%),linear-gradient(135deg,#073d32,#0d6449);border-radius:25px;padding:24px;color:#fff;margin:19px 0 21px;box-shadow:0 10px 30px #105d3b1c}
.tlq-activation-hero>.row .eyebrow{color:#d6cb9b;font-size:10px}
.tlq-activation-hero h1{color:#fff;font-size:clamp(24px,5vw,32px);margin:17px 0 11px;font-weight:900;line-height:1.18;letter-spacing:-1px}
.tlq-activation-hero p{color:#dbeadd;font-size:12px;line-height:1.8;max-width:450px}
.tlq-activation-panel{background:#fff;border:1px solid #dce9df;border-radius:24px;padding:clamp(19px,4.5vw,30px);box-shadow:0 11px 26px #144d2d0b}
.tlq-activation-panel>.row>.eyebrow{color:#639071}
.tlq-activation-tag{font-size:10px;color:#528064;background:#e9f6eb;border-radius:99px;padding:6px 10px;font-weight:850}
.tlq-activation-panel>h2,.tlq-activation-fields h2{font-size:21px;margin:14px 0 8px;color:#244d3c}
.tlq-activation-panel>p,.tlq-activation-fields>p{color:#7b9182;font-size:12px;line-height:1.85}
.tlq-sticker-tap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:18px 0 12px;border:1px solid #d6e4d5;background:linear-gradient(135deg,#eef5eb,#f5f8f0);padding:18px 11px 13px;border-radius:20px;gap:13px;transition:transform .2s,box-shadow .2s;min-height:255px}
.tlq-sticker-tap:active{transform:scale(.988)}
.tlq-sticker-tap:hover{box-shadow:0 8px 24px #37775416}
.tlq-sticker-tap-label{display:flex;gap:9px;align-items:center;justify-content:center;text-align:center;color:#2b7853;font-size:11px;font-weight:900;line-height:1.65}
.tlq-jar-help-link{display:inline-flex;align-items:center;gap:9px;min-height:38px;font-size:12px;font-weight:850;color:#287253;padding:4px}
.tlq-jar-help-link svg{color:#8d8b58}
.tlq-sticker{position:relative;display:flex;overflow:hidden;border-radius:17px;box-shadow:0 3px 8px #1d3c2920,0 12px 24px #20543c10,inset 0 0 0 1px #fff9;background:linear-gradient(120deg,#bdbcb0,#e0dcd1);border:3px solid #b9b6a4;width:min(100%,310px);aspect-ratio:1.48/1;color:#4d554f;text-align:center}
.tlq-holo-strip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:38px;flex:0 0 38px;background:linear-gradient(165deg,#64aac8,#db96c0,#e9d8a2,#74b4cd,#5d95c3,#efb2b5);color:#fff;font-size:10px;text-shadow:0 1px 3px #283c3f77}
.tlq-holo-strip span{writing-mode:vertical-rl;letter-spacing:3px;font-size:10px;font-weight:700}
.tlq-sticker-body{flex:1;min-width:0;padding:11px 9px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:linear-gradient(140deg,#f4f0db,#eee9d5 50%,#dfdfce)}
.tlq-sticker-id{font:800 15px/1.2 ui-monospace,Consolas,monospace;letter-spacing:1px;color:#4a504c}
.tlq-qr-drawing{width:91px;height:84px;border:2px solid #73776a;border-radius:3px;padding:6px 9px 4px;background:#f4f0e3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.tlq-qr-pattern{position:relative;width:48px;height:48px;background-color:#ecede2;background-image:repeating-linear-gradient(90deg,transparent 0 3px,#535b51 3px 6px,transparent 6px 9px),repeating-linear-gradient(0deg,#535b51 0 3px,transparent 3px 6px);background-blend-mode:difference;opacity:.75}
.tlq-qr-drawing span{font-size:7px;letter-spacing:2px;font-family:ui-monospace,monospace}
.tlq-pin-scratch,.tlq-pin-revealed{width:91%;height:39px;display:grid;place-items:center;font:800 12px ui-monospace,Consolas,monospace;letter-spacing:1px;border-radius:7px}
.tlq-pin-scratch{color:#eff4ea;text-shadow:0 1px 1px #888;background:linear-gradient(133deg,#a3aaa5,#d0d3cb,#86958b);box-shadow:inset 0 2px 3px #ffffffe0}
.tlq-pin-revealed{color:#4a514b;background:#faf7e8;border:1.5px dashed #b3a283}
.tlq-sticker.small{width:100%;max-width:270px;aspect-ratio:1.27/1;border-radius:15px;border-width:3px;margin:0 auto}
.tlq-sticker.small .tlq-holo-strip{width:25px;flex-basis:25px}
.tlq-sticker.small .tlq-sticker-body{padding:9px 5px;gap:6px}
.tlq-sticker.small .tlq-sticker-id{font-size:11px;letter-spacing:0}
.tlq-sticker.small .tlq-qr-drawing{width:66px;height:67px;padding:5px}
.tlq-sticker.small .tlq-qr-pattern{width:40px;height:37px}
.tlq-sticker.small .tlq-pin-revealed,.tlq-sticker.small .tlq-pin-scratch{height:33px;font-size:9px;letter-spacing:.1px}
.tlq-activation-fields[hidden]{display:none!important}
.tlq-activation-divider{height:1px;background:linear-gradient(to right,transparent,#cce3d4,transparent);margin:23px 0 20px}
.tlq-activation-fields .eyebrow{color:#619477}
.tlq-activation-fields>.field{margin-top:15px}
.tlq-activation-fields .field{margin-top:17px}
.tlq-activation-fields label{color:#375d46;font-size:12px;font-weight:850}
.tlq-activation-fields input{border:1px solid #d3e3d5;border-radius:13px;background:#fcfefa;min-height:51px}
.tlq-activate-submit{min-height:49px;margin:17px 0 11px;font-size:13px}
.tlq-activation-privacy{display:flex;align-items:center;gap:8px;font-size:10px!important;color:#879a86!important;line-height:1.6!important}
.tlq-activation-privacy svg{color:#7a9a80}
.tlq-test-codes{margin-top:24px;padding:18px 13px;border-radius:15px;background:#f6f9f1;border:1px dashed #d3e6d5}
.tlq-test-codes .eyebrow{font-size:10px;color:#559173}
.tlq-test-codes>p{font-size:11px;color:#738b79;line-height:1.8;margin:9px 0 17px}
.tlq-test-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid #e5ece1}
.tlq-test-row>div{min-width:0}
.tlq-test-row strong{color:#245740;font-size:13px;display:block}
.tlq-test-row small{display:block;font:500 10px/1.75 ui-monospace,Consolas,monospace;word-break:break-all;color:#627e6d}
.tlq-test-row button{flex:0 0 auto;min-width:92px;border:1px solid #c8e4d1;border-radius:10px;background:#e4f3e7;color:#327250;padding:10px 8px;font-size:10px;font-weight:900}
body.tlq-jar-modal-open{overflow:hidden!important}
.tlq-jar-modal-backdrop{position:fixed;inset:0;z-index:1500;background:rgba(2,26,27,.87);padding:calc(13px + env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) calc(15px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:center;overflow:auto}
.tlq-jar-modal{width:min(100%,660px);max-height:100%;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(circle at 82% 0,#1a65567a,transparent 38%),linear-gradient(147deg,#0b4d46,#0a3c3d 65%,#092f35);color:#eaf4e9;border:1.2px solid #d8c48d;border-radius:24px;padding:clamp(17px,4.5vw,33px);box-shadow:0 0 0 12px rgba(11,43,39,.35),0 21px 80px rgba(0,0,0,.36)}
.tlq-jar-modal-header{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}
.tlq-jar-modal-infocircle{border:1.5px solid #e3cf99;color:#dfcb93;font:700 19px Georgia,serif;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto}
.tlq-jar-modal h2{color:#f8ecd3;font:bold clamp(19px,4.5vw,28px)/1.16 Georgia,serif;letter-spacing:0;flex:1;min-width:0}
.tlq-jar-modal-header>button{flex:0 0 auto;width:38px;height:38px;border:1px solid #cabd8a;border-radius:50%;color:#e5d6a8;font-size:26px}
.tlq-jar-modal>p{font-size:12px;line-height:1.9;color:#d0e3d5;margin:10px 0}
.tlq-jar-modal p b,.tlq-jar-modal li b{color:#f2d592;font-weight:850}
.tlq-sticker-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 12px}
.tlq-sticker-pair>div{min-width:0}
.tlq-sticker-caption{display:block;color:#ecd098;letter-spacing:1px;font-size:10px;font-weight:900;text-align:center;margin-bottom:10px}
.tlq-sticker-pair small{color:#d3e1d5;font-size:10px;line-height:1.55;display:block;text-align:center;margin-top:11px}
.tlq-jar-modal .tlq-jar-illustration-note{text-align:center;font-size:10px;opacity:.75;margin:15px 0 16px}
.tlq-jar-steps{display:grid;gap:12px;padding-left:25px;font-size:12px;line-height:1.85;color:#deece3;margin:22px 0}
.tlq-jar-steps li{padding-left:6px}
.tlq-jar-modal>.tlq-jar-warning{font-size:11px;color:#e2cf9c;line-height:1.9;margin:10px 0}
.tlq-jar-modal-done{display:block;width:100%;padding:15px 16px;min-height:49px;border-radius:13px;background:linear-gradient(125deg,#e4c06e,#f4d99b);color:#1b5545;font-size:13px;font-weight:900;margin:23px 0 0}
.tlq-series-hero{background:radial-gradient(circle at 85% 2%,#ffffff19,transparent 30%),linear-gradient(132deg,#0b503b,#25735b);border-radius:23px;padding:23px;color:#fff;margin:19px 0 25px}
.tlq-series-hero .eyebrow{color:#e2d09e;font-size:10px}
.tlq-series-hero h1{font-size:30px;color:#fff;margin:22px 0 7px;font-weight:900}
.tlq-series-hero p{font-size:12px;color:#d2e7d9;line-height:1.7;max-width:440px}
.tlq-series-hero>strong{font-size:12px;color:#ecd99c;display:inline-block;margin-top:15px}
.tlq-series-catalog .section>h2{color:#215b42;font-size:20px}
.tlq-series-catalog .section>.muted{font-size:12px;line-height:1.8;margin:10px 0 17px}
.tlq-catalog-row{display:flex;align-items:center;gap:12px;padding:13px 12px;margin-bottom:9px;border:1px solid #dbe8dc;background:#fff;border-radius:15px;transition:background .15s}
.tlq-catalog-row:hover{background:#f6faf4}
.tlq-catalog-row>span{width:37px;height:37px;border-radius:11px;background:#e3f1e7;color:#27815c;display:grid;place-items:center;font-size:12px;font-weight:900;flex:0 0 auto}
.tlq-catalog-row>div{flex:1;min-width:0}
.tlq-catalog-row strong{font-size:12px;color:#245a40;line-height:1.55}
.tlq-catalog-row p{font-size:11px;color:#728879;line-height:1.75;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tlq-catalog-row>svg{color:#8aaa8d}
.tlq-catalog-row[hidden]{display:none!important}
.tlq-series-locked{border:1px solid #e2eee5;border-radius:19px;background:white;padding:26px 20px}
.tlq-series-locked h2{font-size:19px;color:#2e664e}
.tlq-series-locked p{font-size:12px;color:#7c927e;line-height:1.8;margin:13px 0 22px}
.tlq-catalog-search{background:#f5f9f3;padding:17px;border:1px solid #dceadd;border-radius:15px;margin:18px 0}
.tlq-catalog-search label{font-size:12px;color:#437459;margin-bottom:9px}
.tlq-catalog-search input{font-size:14px}
.living-curated-official{background:linear-gradient(133deg,#fbfaf3,#f3f6eb)!important;border-color:#e2e4ce!important}
.living-curated-ref{font-size:15px;color:#266245;font-weight:900;margin:12px 0}
.living-curated-category{font-size:10px;color:#9a7b41;text-transform:uppercase;letter-spacing:1px}
.living-curated-official .living-guidance{margin-top:16px}
.living-curated-official .living-guidance p{white-space:pre-wrap}
.living-curated-disclaimer,.living-curated-warning{font-size:11px!important;line-height:1.85!important;color:#8a896b!important;border-top:1px solid #e2e8d8;padding-top:12px;margin-top:16px}
.living-curated-warning{background:#fff6e4;border-radius:10px;padding:10px;border:1px solid #eddfb7}
.living-hadith-arabic{font:400 22px/2.1 "Amiri",Georgia,serif!important;color:#25684c!important;margin:15px 0!important;direction:rtl;text-align:right}
.living-hadith-translation{font-size:14px;line-height:2;color:#344e3e;border-left:3px solid #a7c7a4;padding:8px 0 8px 13px;margin:12px 0 15px;white-space:pre-wrap}
.living-hadith-citation{display:inline-flex;align-items:center;padding:8px 12px;border-radius:9px;background:#e8f2eb;color:#287953;font-size:11px;font-weight:900}
.living-hadith-narrator{font-size:11px;color:#758775;margin-top:9px!important}
.living-hadith-entry .living-hadith-note{font-size:10px;color:#778c7e;display:block;margin:9px 0!important}
@media(max-width:480px){
 .tlq-sticker-pair{gap:8px}
 .tlq-jar-modal{padding:17px 14px;border-radius:20px}
 .tlq-jar-modal h2{font-size:20px}
 .tlq-jar-steps{font-size:11px;gap:9px}
 .tlq-sticker.small .tlq-holo-strip{width:21px;flex-basis:21px}
 .tlq-sticker.small .tlq-qr-drawing{width:58px;height:59px;padding:4px}
 .tlq-sticker.small .tlq-qr-pattern{width:34px;height:32px}
 .tlq-sticker.small .tlq-sticker-id{font-size:9px}
 .tlq-sticker.small .tlq-pin-scratch,.tlq-sticker.small .tlq-pin-revealed{font-size:8px}
 .tlq-sticker-caption{font-size:8px;letter-spacing:.6px}
}
/* Ayat berurutan dan ayat tidak bersebelahan dalam satu kartu kurasi */
#living-arabic .living-quran-part{display:block;border-bottom:1px solid #d2e2d2;padding:15px 0 13px;font:inherit;line-height:2.35}
#living-arabic .living-quran-part:last-child{border-bottom:none}
#living-arabic .living-quran-part-num{display:inline-grid;place-items:center;min-width:29px;height:29px;border-radius:50%;background:#e3efde;color:#327754;font:800 12px ui-sans-serif,system-ui;direction:ltr;margin-left:10px}
#living-translation .living-translation-part{display:block;padding:11px 0 14px;border-bottom:1px solid #e0eae0;line-height:1.9}
#living-translation .living-translation-part:last-child{border-bottom:none}
#living-translation .living-translation-part strong{display:block;color:#467b5f;font-size:11px;letter-spacing:.05em;margin-bottom:3px}