.hm-reads{display:grid;grid-template-columns:1fr;gap:1.8rem}.read{display:block;text-decoration:none;color:var(--ink)}.read-pic{position:relative;display:block;overflow:hidden;border-radius:20px;aspect-ratio:3 / 2;box-shadow:var(--lift);background:var(--shell)}.read-pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.read-pic--none{aspect-ratio:5 / 1;background:linear-gradient(103deg,var(--blue) 0%,var(--orange) 100%)}.read:hover .read-pic img{transform:scale(1.04)}.read-time{position:absolute;left:.7rem;bottom:.7rem;z-index:1;display:inline-flex;align-items:center;gap:.35rem;padding:.34rem .62rem;border-radius:999px;color:#fff;background:#12141c9e;font-family:var(--ui);font-size:var(--fs-tag);font-weight:700;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.read h3{margin:.95rem 0 0;font-family:var(--display);font-weight:400;font-size:1.45rem;line-height:1.12;color:var(--ink);text-wrap:balance;transition:color .18s ease}.read:hover h3,.read:focus-visible h3{color:var(--accent)}.read p{margin:.45rem 0 0;font-size:.95rem;line-height:1.55;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read .read-go{margin:.9rem 0 0;color:var(--accent)}.hm-reads--hub .read .read-go{font-size:.8rem;gap:.25rem}@media(min-width:40rem){.hm-reads{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.4rem}}@media(min-width:60rem){.hm-reads{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.read-pic img,.read h3{transition:none}.read:hover .read-pic img{transform:none}}.topic-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:.5rem 0 0;padding:0;list-style:none}.topic-chip{min-height:40px;padding:.45rem .95rem;border:0;border-radius:999px;cursor:pointer;font-family:var(--ui);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--rule-strong);transition:background .15s ease,color .15s ease,box-shadow .15s ease}.topic-chip:hover{color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.topic-chip.is-on{color:var(--on-grad);background-image:var(--grad);box-shadow:none}.topic-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topic-count{margin:.7rem 0 0;min-height:1.2em;font-size:.82rem;color:var(--ink-mute)}.hm-reads .read[hidden]{display:none}@media(max-width:45.99rem){.topic-chip{min-height:44px;font-size:.72rem}}@media(max-width:45.99rem){.topic-chips{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:calc(.5rem - 4px) calc(-1 * var(--gut)) -4px;padding:4px var(--gut);scroll-padding-inline:var(--gut);--fade-l: 0px;--fade-r: 0px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent);transition:--fade-l .2s ease,--fade-r .2s ease}.topic-chips::-webkit-scrollbar{display:none}.topic-chips li{flex:none}.topicline.has-prev .topic-chips{--fade-l: 2rem}.topicline.has-next .topic-chips{--fade-r: 2.4rem}}@media(prefers-reduced-motion:reduce){.topic-chip,.topic-chips{transition:none}}.art-pray .squiz-t{font-size:clamp(1.45rem,5.6vw,2rem)}.art-pray-list{list-style:none;margin:1rem 0 0;padding:0}.art-pray-list li{border-bottom:2px dotted var(--rule-strong)}.art-pray-list li:first-child{border-top:2px dotted var(--rule-strong)}.art-pray-list a{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:.9rem;min-height:48px;padding:.7rem 0;color:var(--ink);text-decoration:none}.art-pray-t{font-family:var(--ui);font-size:.95rem;font-weight:700;line-height:1.3}.art-pray-l{grid-column:1;margin-top:.15rem;font-size:.92rem;line-height:1.4;color:var(--muted);text-wrap:pretty}.art-pray-list .icon{grid-column:2;grid-row:1 / span 2;flex:none;color:var(--accent);transition:transform .15s ease}.art-pray-list a:hover .art-pray-t{color:var(--accent)}.art-pray-list a:hover .icon{transform:translate(3px)}.art-pray-list a:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){.art-pray-list .icon{transition:none}}
