/* TCL-MARKS-CSS: reading cards match the Bible Side by Side viewer + highlight/underline */
:is(#br-body,#pl-today-body) .br-bi-verse{gap:14px}
:is(#br-body,#pl-today-body) .verse{position:relative;border-radius:18px !important;padding:14px 18px 16px !important;font-size:18px !important;line-height:1.7 !important;border-left-width:5px !important;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent}
:is(#br-body,#pl-today-body) .verse.am-verse{line-height:1.85 !important;font-family:"Noto Serif Ethiopic","Noto Sans Ethiopic","Abyssinica SIL",serif}
:is(#br-body,#pl-today-body) .verse .tag{font-weight:700;color:#b8903c;font-size:.72em;vertical-align:super;line-height:0;margin-right:8px;font-variant-numeric:tabular-nums;user-select:none;-webkit-user-select:none}
:is(#br-body,#pl-today-body){--hy:rgba(255,214,10,.42);--hg:rgba(76,196,110,.34);--hb:rgba(64,156,255,.30);--hr:rgba(240,110,110,.34);--hp:rgba(150,110,200,.34);--uy:#f2b705;--ur:#d93025;--ub:#1a73e8;--ug:#1e8e3e;--up:#7b4bb8}
:is(#br-body,#pl-today-body) .t .m{border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
:is(#br-body,#pl-today-body) .t [data-h="y"]{background:var(--hy)}:is(#br-body,#pl-today-body) .t [data-h="g"]{background:var(--hg)}:is(#br-body,#pl-today-body) .t [data-h="b"]{background:var(--hb)}:is(#br-body,#pl-today-body) .t [data-h="r"]{background:var(--hr)}:is(#br-body,#pl-today-body) .t [data-h="p"]{background:var(--hp)}
:is(#br-body,#pl-today-body) .t .ul{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--uy)}
:is(#br-body,#pl-today-body) .t [data-u="r"]{text-decoration-color:var(--ur)}:is(#br-body,#pl-today-body) .t [data-u="b"]{text-decoration-color:var(--ub)}:is(#br-body,#pl-today-body) .t [data-u="g"]{text-decoration-color:var(--ug)}:is(#br-body,#pl-today-body) .t [data-u="p"]{text-decoration-color:var(--up)}
.mk-hint{margin:2px 2px 10px;color:#56665d;font-size:13px}
.mk-hint{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mk-hint button{border:1px solid rgba(24,77,58,.2);background:#fffdf7;color:#184d3a;border-radius:99px;padding:4px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.mk-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(18px + env(safe-area-inset-bottom,0px));width:min(440px,calc(100vw - 16px));background:rgba(255,255,255,.52);-webkit-backdrop-filter:blur(26px) saturate(1.9);backdrop-filter:blur(26px) saturate(1.9);border:1px solid rgba(255,255,255,.7);border-radius:26px;box-shadow:0 12px 36px rgba(15,56,42,.22),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(255,255,255,.25);z-index:9999;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overflow:hidden;animation:mkpop .14s ease-out}
@keyframes mkpop{from{opacity:0;transform:translateX(-50%) translateY(8px) scale(.97)}to{opacity:1;transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mk-bar{animation:none}}
.mk-r1,.mk-r2{display:flex;align-items:center;justify-content:space-around;padding:10px 8px}
.mk-r1{border-bottom:1px solid rgba(20,50,37,.1)}
.mk-bar button{border:0;background:transparent;padding:6px 10px;cursor:pointer;color:#b5a69c;display:flex;align-items:center;justify-content:center}
.mk-bar button svg{width:28px;height:28px;fill:currentColor}
.mk-bar .mk-c{width:36px;height:36px;border-radius:50%;padding:0;border:2px solid;font:inherit;font-weight:700;font-size:14px;color:#143225}
.mk-bar .mk-c[aria-pressed="true"]{box-shadow:0 0 0 2px #184d3a}
.mk-bar .cy{background:#fdfdc0;border-color:#e8e57a}.mk-bar .cb{background:#cdeeff;border-color:#86c5e0}.mk-bar .cg{background:#e1fcc4;border-color:#a8d97a}.mk-bar .cr{background:#f7c6c6;border-color:#d97878}.mk-bar .cp{background:#c6b2dc;border-color:#5a2a91}.mk-bar .mk-clr{width:auto;height:36px;border-radius:99px;padding:0 14px;background:rgba(255,255,255,.6);border:1px solid rgba(20,50,37,.18);color:#143225;font:inherit;font-weight:700;font-size:13px;gap:6px}
.mk-bar .mk-m{width:36px;height:36px;border-radius:50%;padding:0;border:2px solid rgba(20,50,37,.15);background:rgba(255,255,255,.5);color:#143225;font:inherit;font-weight:700;font-size:15px}
.mk-bar .mk-m[aria-pressed="true"]{border-color:#184d3a;background:#eef4f0}
.mk-bar .mk-m.u{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:3px}
.mk-note{margin-top:10px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.7);border-left:4px solid #184d3a;font-size:15px;line-height:1.5;white-space:pre-wrap;cursor:pointer;font-family:Inter,system-ui,sans-serif}
.mk-edit{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.mk-edit textarea{font:inherit;font-size:15px;border:1px solid rgba(24,77,58,.25);border-radius:12px;padding:8px;min-height:70px;resize:vertical;font-family:Inter,system-ui,sans-serif}
.mk-edit .row{display:flex;gap:8px}
.mk-edit button{border:0;border-radius:99px;padding:7px 14px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;background:#184d3a;color:#fff}
.mk-edit button.g{background:#e9e8ea;color:#143225}
.mk-bm{position:absolute;top:-4px;right:14px;width:22px;height:30px;color:#b8903c;pointer-events:none}
.mk-bm svg{width:22px;height:30px;fill:currentColor}
.mk-flash{outline:3px solid #b8903c}
.mk-ov{position:fixed;inset:0;z-index:10000;background:rgba(10,18,30,.45);display:flex;align-items:flex-end;justify-content:center}
.mk-sh{width:100%;max-width:640px;max-height:75vh;display:flex;flex-direction:column;background:rgba(255,253,247,.72);-webkit-backdrop-filter:blur(26px) saturate(1.8);backdrop-filter:blur(26px) saturate(1.8);border:1px solid rgba(255,255,255,.7);border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}
.mk-sh h3{margin:0;padding:16px 20px 8px;font-size:18px;color:#143225;display:flex;justify-content:space-between;align-items:center}
.mk-sh h3 button{border:0;background:transparent;font-size:22px;cursor:pointer;color:#143225}
.mk-list{overflow:auto;padding:0 12px 16px}
.mk-it{display:block;width:100%;text-align:left;border:0;background:transparent;border-bottom:1px solid rgba(24,77,58,.12);padding:10px 8px;font:inherit;cursor:pointer;color:#143225}
.mk-it b{display:block}.mk-it span{display:block;color:#56665d;font-size:14px;white-space:pre-wrap}
/* Liquid Glass reading cards */
body{background:radial-gradient(900px 500px at 8% -5%,rgba(184,144,60,.16),transparent 60%),radial-gradient(900px 600px at 100% 10%,rgba(24,77,58,.14),transparent 60%),var(--bg) fixed !important}
:is(#br-body,#pl-today-body) .verse{-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);border-top:1px solid rgba(255,255,255,.65);border-right:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.35);box-shadow:0 8px 24px rgba(15,56,42,.08),inset 0 1px 0 rgba(255,255,255,.7)}
.br-card{-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);background:rgba(255,253,247,.72) !important;border:1px solid rgba(255,255,255,.7) !important;box-shadow:0 18px 44px rgba(15,56,42,.1),inset 0 1px 0 rgba(255,255,255,.85) !important;border-radius:28px !important}
.mk-hint button{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);box-shadow:0 2px 8px rgba(15,56,42,.08)}
.mk-note,.mk-edit textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.br-grp{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.br-gl{display:flex;flex-direction:column;gap:14px;min-width:0}
@media (max-width:760px){.br-grp{grid-template-columns:1fr}}

.dn::after{content:" (" attr(data-n) ")";font-size:.55em;font-weight:400;font-style:normal;letter-spacing:0;opacity:.6;white-space:nowrap;text-decoration:none;margin-left:.2em}
/* TCL-GRP-TINT: joined verses sit in one tinted glass panel */
.br-grp{background:rgba(24,77,58,.08);border:1px solid rgba(24,77,58,.22);border-radius:26px;padding:10px;margin:0 0 18px;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.br-grp .br-gl{display:flex;flex-direction:column;gap:10px}
:is(#br-body,#pl-today-body) .br-grp .verse{margin:0 !important}
:is(#br-body,#pl-today-body) .br-grp .verse.am-verse{background:rgba(24,77,58,.14) !important;border-left:5px solid var(--green) !important}