/* HOME v4 — Today, lifted from Classical Mind's index.html (v71+) and Conscious Parenting (v117). */
.td-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:.6em; margin:6px 0 10px; }
.td-date{ font:800 .74rem/1 -apple-system,system-ui,sans-serif; letter-spacing:.12em; text-transform:uppercase; color:var(--dk-mute,#7a7488); }
.td-title{ margin:.15em 0 0; font-weight:800; font-size:2.1rem; line-height:1; letter-spacing:-.03em; color:var(--ink,#2A2038); }
.td-week{ position:relative; display:grid; grid-template-columns:1fr auto; gap:.15em .6em; margin:0 0 14px; padding:.8em 1em; border-radius:16px; text-decoration:none; color:var(--ink,#2A2038); background:var(--paper-card); box-shadow:0 2px 4px rgba(60,45,20,.07),0 10px 24px rgba(60,45,20,.08); }
.td-week::before{ content:""; position:absolute; inset:0; border-radius:inherit; padding:2px; background:linear-gradient(135deg,var(--wc),var(--gold)); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }
.td-wk-k{ grid-column:1; font:800 .66rem/1 -apple-system,system-ui,sans-serif; letter-spacing:.12em; text-transform:uppercase; color:var(--wc); }
.td-wk-t{ grid-column:1; font-weight:800; font-size:1.06em; letter-spacing:-.01em; }
.td-wk-l{ grid-column:1; font-size:.86em; color:var(--dk-mute,#7a7488); line-height:1.35; }
.td-wk-go{ grid-column:2; grid-row:1 / span 3; align-self:center; font-weight:800; color:var(--wc); font-size:1.2em; }
.td-hero, .td-card{ position:relative; display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; text-align:left; border:0; padding:0; cursor:pointer; background:var(--paper-card); border-radius:22px; overflow:hidden; font:inherit; color:var(--ink,#2A2038); box-shadow:0 2px 6px rgba(60,45,20,.08), 0 12px 28px color-mix(in srgb, var(--tc) 22%, transparent); transition:transform .25s cubic-bezier(0.34,1.56,0.64,1); }
.td-hero::before, .td-card::before{ content:""; position:absolute; inset:0; border-radius:inherit; padding:2.5px; z-index:3; pointer-events:none; background:linear-gradient(135deg,var(--tc),var(--tcd)); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; }
.td-hero:active, .td-card:active{ transform:scale(.97); }
.td-hero{ width:100%; margin:0 0 18px; }
.td-pic{ position:relative; display:block; width:100%; aspect-ratio:4/3; background:linear-gradient(150deg,var(--tc),var(--tcd)); overflow:hidden; }
.td-card .td-pic{ aspect-ratio:1/1; }
.td-pic img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1; }
.td-glyph{ position:absolute; inset:0; display:grid; place-items:center; font-size:3rem; color:#fff; }
.td-kick{ position:absolute; top:10px; left:10px; z-index:2; padding:.45em .75em; border-radius:999px; font:800 .66rem/1 -apple-system,system-ui,sans-serif; letter-spacing:.08em; text-transform:uppercase; color:var(--tcd); background:rgba(255,255,255,.94); box-shadow:0 2px 8px rgba(0,0,0,.15); }
.td-hero .td-kick{ color:#7A4E00; background:linear-gradient(135deg,#FFE57A,#FFCE3D); font-size:.74rem; }
.td-body{ display:flex; flex-direction:column; gap:.35em; padding:.85em 1em 1em; }
.td-card .td-body{ flex:1; }
.td-card .td-name{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.td-name{ font-weight:800; font-size:1.05em; line-height:1.15; letter-spacing:-.015em; }
.td-teaser{ font-size:.86em; line-height:1.4; color:var(--dk-mute,#7a7488); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.td-hero .td-quote{ font-family:Georgia,'Times New Roman',serif; font-weight:600; font-size:1.42em; line-height:1.28; letter-spacing:-.01em; color:var(--ink,#2A2038); }
.cm-mimg{ display:block; width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:14px; margin:0 0 14px; }
.td-hero .td-long{ font-size:1.14em; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; }
.td-hero .td-who{ font:800 .8rem/1.2 -apple-system,system-ui,sans-serif; letter-spacing:.06em; text-transform:uppercase; color:var(--tcd); }
.td-read{ margin-top:auto; padding-top:.35em; font:800 .78rem/1 -apple-system,system-ui,sans-serif; color:var(--tcd); }
.td-go{ align-self:flex-start; margin-top:.4em; padding:.6em 1.1em; border-radius:999px; font:800 .9rem/1 -apple-system,system-ui,sans-serif; color:#fff; background:linear-gradient(135deg,var(--tc),var(--tcd)); }
.td-row-h{ display:flex; justify-content:space-between; align-items:baseline; margin:0 2px 8px; font-weight:800; font-size:1.05em; color:var(--ink,#2A2038); }
.td-swipe{ font:700 .78rem -apple-system,system-ui,sans-serif; color:var(--dk-mute,#7a7488); }
.td-row{ display:grid; grid-auto-flow:column; grid-auto-columns:64%; gap:.8em; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding-inline:16px; margin:0 -16px 18px; padding:.2em 16px 1em; scrollbar-width:none; }
.td-row::-webkit-scrollbar{ display:none; }
.td-card{ scroll-snap-align:start; }
#todayGrid.td-in .td-hero, #todayGrid.td-in .td-card{ animation:tdIn .45s cubic-bezier(0.34,1.56,0.64,1) both; }
#todayGrid.td-in .td-card:nth-child(2){ animation-delay:.05s } #todayGrid.td-in .td-card:nth-child(3){ animation-delay:.1s }
@keyframes tdIn{ from{ transform:translateY(8px) scale(.98); opacity:.3 } to{ transform:none; opacity:1 } }
[data-theme="dark"] .td-hero, [data-theme="dark"] .td-card, [data-theme="dark"] .td-week{ background:#1E1A28; color:#F2EDE4; }
[data-theme="dark"] .td-hero .td-quote, [data-theme="dark"] .td-title, [data-theme="dark"] .td-row-h{ color:#F2EDE4; }
/* ---- Home sections v73: painted swipe rows, a new pick each day ---- */
.hs{ margin:26px 0 8px; }
.hs-h{ display:flex; justify-content:space-between; align-items:baseline; gap:.6em; }
.hs-h h2{ margin:0; font-size:1.5rem; font-weight:800; letter-spacing:-.025em; color:var(--ink,#2A2038); }
.hs-h a{ font:800 .82rem -apple-system,system-ui,sans-serif; color:var(--gold-deep); text-decoration:none; white-space:nowrap; }
.hs-sub{ margin:.25em 0 .8em; font-size:.95rem; color:var(--dk-mute,#7a7488); line-height:1.4; }
a.td-card{ text-decoration:none; }
.td-card .td-who{ font:800 .7rem/1.2 -apple-system,system-ui,sans-serif; letter-spacing:.06em; text-transform:uppercase; color:var(--tcd); }
.td-card .td-q{ font-family:Georgia,serif; font-size:.95em; line-height:1.38; color:var(--ink,#2A2038); display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
[data-theme="dark"] .hs-h h2, [data-theme="dark"] .td-card .td-q{ color:#F2EDE4; }

/* Firsthand home additions */
.td-headbtns{ display:flex; gap:.5em; }
.td-round{ position:relative; width:42px; height:42px; border-radius:50%; border:0; padding:0; cursor:pointer; display:grid; place-items:center; font:800 1.15rem/1 -apple-system,system-ui,sans-serif; color:var(--gold-deep,#8A5A0F); background:var(--paper-card); box-shadow:0 2px 6px rgba(60,45,20,.1),0 8px 18px rgba(60,45,20,.08); transition:transform .25s cubic-bezier(0.34,1.56,0.64,1); }
.td-round::before{ content:""; position:absolute; inset:0; border-radius:inherit; padding:2px; background:linear-gradient(135deg,var(--gold,#F4B82A),#E8774A); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; display:block; }
.td-round:active{ transform:scale(.92) rotate(-8deg); }
.td-dot{ position:absolute; top:2px; right:2px; width:11px; height:11px; border-radius:50%; background:#F0508A; box-shadow:0 0 0 2px var(--paper-card); }
.td-week{ grid-template-columns:52px 1fr auto; align-items:center; }
.td-wk-pic{ grid-column:1; grid-row:1 / span 3; width:52px; height:52px; border-radius:12px; overflow:hidden; background:var(--wc); }
.td-wk-pic img{ width:100%; height:100%; object-fit:cover; display:block; }
.td-wk-k, .td-wk-t, .td-wk-l{ grid-column:2; }
.td-wk-go{ grid-column:3; }
.td-wk-l{ display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
.td-pic img{ object-fit:cover; }
.td-hero .td-pic{ aspect-ratio:16/9; }
.td-hero .td-quote{ display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; }
.td-card .td-who{ display:block; }
.td-card .td-teaser b{ color:var(--ink,#2A2038); }
.fh-tcard .td-pic{ aspect-ratio:1/1; }
.fh-tcard.is-read::before{ background:linear-gradient(135deg,#F4B82A,#D99A0B); }
.fh-tcard .td-name{ font-size:1.12em; }
.fh-tools{ display:grid; grid-template-columns:1fr 1fr; gap:.8em; }
.fh-tools .fh-tool:first-child{ grid-column:1 / -1; }
.fh-tools .fh-tool:first-child .tp-tile-pic{ aspect-ratio:16/7; }
.fh-tool{ text-decoration:none; }
.fh-tool-c{ margin:-.4em .8em .85em; font:800 .74rem/1.2 -apple-system,system-ui,sans-serif; color:var(--tad); }
.fh-srcnote{ margin:1.4em 0; }

/* The centred pop-up — room to tap outside, no X, the card's own painting on top */
.fh-pop{ position:fixed; inset:0; z-index:5000; display:flex; align-items:center; justify-content:center; padding:max(64px,calc(env(safe-area-inset-top) + 40px)) 32px max(64px,calc(env(safe-area-inset-bottom) + 40px)); background:rgba(20,15,30,0); transition:background .2s; }
.fh-pop[hidden]{ display:none; }
.fh-pop.in{ background:rgba(20,15,30,.55); }
.fh-pop-card{ position:relative; width:100%; max-width:520px; max-height:100%; overflow-y:auto; border-radius:24px; background:var(--paper-card); color:var(--ink,#2A2038); box-shadow:0 20px 60px rgba(0,0,0,.35); transform:scale(.92); opacity:0; transition:transform .3s cubic-bezier(0.34,1.56,0.64,1), opacity .2s; }
.fh-pop.in .fh-pop-card{ transform:none; opacity:1; }
.fh-pop-card::before{ content:""; position:sticky; display:block; height:0; }
.fh-pop-pic{ display:block; aspect-ratio:16/9; overflow:hidden; background:linear-gradient(150deg,var(--tc),var(--tcd)); }
.fh-pop-pic img{ width:100%; height:100%; object-fit:cover; display:block; }
.fh-pop-body{ padding:1.1em 1.3em 1.4em; }
.fh-pop-k{ font:800 .7rem/1.3 -apple-system,system-ui,sans-serif; letter-spacing:.1em; text-transform:uppercase; color:var(--tcd); }
.fh-pop-body h2{ margin:.3em 0 .55em; font-size:1.45rem; line-height:1.15; font-weight:800; letter-spacing:-.02em; }
.fh-pop-body p{ font-family:Georgia,'Times New Roman',serif; font-size:1.06rem; line-height:1.6; margin:0 0 .8em; }
.fh-pop-body .cm-word-line{ font-family:-apple-system,system-ui,sans-serif; }
.fh-pop-verse{ font-size:1.2rem !important; }
.fh-pop-note{ font-family:-apple-system,system-ui,sans-serif !important; font-size:.88rem !important; color:var(--dk-mute,#7a7488); }
.fh-pop-when{ font:800 .76rem -apple-system,system-ui,sans-serif !important; letter-spacing:.08em; text-transform:uppercase; color:var(--tcd); }
.fh-pop-quote{ margin:1em 0; padding:.85em 1em; border-radius:14px; background:color-mix(in srgb,var(--tc) 14%,var(--paper-card)); }
.fh-pop-quote span, .fh-side span{ display:block; font:800 .68rem/1 -apple-system,system-ui,sans-serif; letter-spacing:.1em; text-transform:uppercase; color:var(--tcd); margin-bottom:.4em; }
.fh-pop-quote small{ font:700 .8rem -apple-system,system-ui,sans-serif; color:var(--dk-mute,#7a7488); }
.fh-side{ margin:0 0 1em; padding:.2em 0 .2em .9em; border-left:4px solid var(--sc); }
.fh-side span{ color:var(--sc); }
.fh-pop-acts{ display:flex; gap:.5em; flex-wrap:wrap; margin:1em 0 .4em; }
.fh-pop-acts .tp-next{ color:var(--tcd); background:color-mix(in srgb,var(--tc) 16%,var(--paper-card)); }
.fh-save.on{ color:#7A4E00 !important; background:linear-gradient(135deg,#FFE57A,#FFCE3D) !important; }
.fh-pop-more{ display:inline-block; margin:.6em 1.2em 0 0; font:800 .95rem -apple-system,system-ui,sans-serif; color:var(--tcd); text-decoration:none; }
[data-theme="dark"] .fh-pop-card, [data-theme="dark"] .td-round{ background:#1E1A28; color:#F2EDE4; }
[data-theme="dark"] .td-card .td-teaser b{ color:#F2EDE4; }
[data-theme="dark"] .td-wk-k, [data-theme="dark"] .td-wk-go{ color:#F4C24A; }