.card{--border-border: 1px solid var(--overlay-color);display:flex;flex-direction:column;padding:var(--mobile-padding);gap:24px;width:100%;transition-duration:.1s;transition-property:background-color;position:relative;background-color:var(--overlay-color);border-radius:12px}@media (min-width: 680px){.card{padding:var(--desktop-padding)}}.card a{color:var(--primary-color)}.card .title{font-size:1rem;font-size:1.25rem;font-weight:var(--bold);word-break:break-all;line-height:1.125}.card .text{white-space:pre-wrap;text-align:start;line-height:1.25}.card .tag-list{margin-top:auto}@media (hover: hover){.card:not([data-ispage]){cursor:pointer}.card:not([data-ispage]):hover{background-color:rgba(var(--overlay-color-rgb),.75)}.card a:not(.tag-link):hover{text-decoration:underline}}.blockquote{background-color:#4378ff1a;border-left:#007aff 4px solid;padding:12px 20px 12px 14px;border-radius:4px;position:relative}.blockquote .icon{position:absolute;top:8px;right:8px;width:10px}.tag{cursor:pointer;padding:6px 12px;font-size:14px;transition-duration:75ms;border-radius:34px;background-color:var(--tag-background-color);color:var(--primary-color)}.tag:before{content:"#"}@media (hover: hover){.tag:hover{background-color:var(--tag-background-color-hovered)}}.tag[data-active]{color:var(--tag-background-color);background-color:var(--primary-color)}.tag-list{display:inline-flex;gap:6px}