/* MacWinLive premium refinement: visual-only additions */
:root {color-scheme:dark}
.blog-card-cover {position:relative;overflow:hidden;isolation:isolate}
.blog-card-cover::before {content:"";position:absolute;inset:-35%;background:radial-gradient(circle at 28% 30%,rgba(255,255,255,.18),transparent 42%),radial-gradient(circle at 78% 85%,rgba(32,18,68,.32),transparent 52%);pointer-events:none;z-index:-1}
.blog-card:nth-of-type(4n+2) .blog-card-cover{background:linear-gradient(135deg,#5736ac,#9a4cc9 54%,#d94e99)}
.blog-card:nth-of-type(4n+3) .blog-card-cover{background:linear-gradient(135deg,#253b80,#7048c2 60%,#a64bca)}
.blog-card:nth-of-type(4n+4) .blog-card-cover{background:linear-gradient(135deg,#3b276a,#9250b7 50%,#c04488)}
.blog-card-cover .blog-card-emoji {filter:drop-shadow(0 10px 20px rgba(0,0,0,.28));transform:scale(1.08)}
.hero-lead{max-width:670px}
@media(max-width:640px){.hero-actions .btn{min-height:48px}.blog-card-cover .blog-card-emoji{transform:scale(1)}}

/* Compact horizontal blog cards — visual only, no changes to article logic */
#blogGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
#blogGrid .blog-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:stretch;min-height:154px;flex-direction:row;border-radius:17px}
#blogGrid .blog-card-cover{width:112px;height:112px;aspect-ratio:1;align-self:start;margin:16px 0 16px 16px;border-radius:13px;overflow:hidden}
#blogGrid .blog-card-cover .blog-card-emoji{font-size:43px;line-height:1;transform:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}
#blogGrid .blog-card:hover .blog-card-emoji{transform:scale(1.09) rotate(-4deg)}
#blogGrid .blog-card-cat{top:auto;bottom:7px;left:7px;right:7px;width:fit-content;max-width:calc(100% - 14px);padding:4px 7px;font-size:9px;line-height:1.1;letter-spacing:.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#blogGrid .blog-card-badge{top:6px;right:6px;padding:3px 5px;font-size:9px}
#blogGrid .blog-card-body{min-width:0;padding:17px 18px;gap:7px}
#blogGrid .blog-card-meta{font-size:11px;flex-wrap:wrap;gap:5px}
#blogGrid .blog-card-title{font-size:15px;line-height:1.4;-webkit-line-clamp:2}
#blogGrid .blog-card-excerpt{font-size:12px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#blogGrid .blog-card-actions{margin-top:auto;padding-top:5px}
#blogGrid .blog-card:hover{transform:translateY(-3px)}
@media(max-width:850px){#blogGrid{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:440px){#blogGrid .blog-card{grid-template-columns:88px minmax(0,1fr);min-height:130px}#blogGrid .blog-card-cover{width:78px;height:78px;margin:12px 0 12px 12px;border-radius:11px}#blogGrid .blog-card-cover .blog-card-emoji{font-size:31px}#blogGrid .blog-card-cat{font-size:8px;padding:3px 4px;left:4px;bottom:4px;right:4px;max-width:calc(100% - 8px)}#blogGrid .blog-card-body{padding:12px 12px 12px 6px;gap:5px}#blogGrid .blog-card-title{font-size:13px}#blogGrid .blog-card-excerpt{font-size:11px;-webkit-line-clamp:1}#blogGrid .blog-card-meta{font-size:10px}}

/* Premium blog topic navigation and category controls — blog only */
body:has(#blogFilters) .blog-topic-chip{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:37px;padding:9px 14px;border-radius:12px;border:1px solid rgba(178,147,250,.24);background:linear-gradient(145deg,rgba(40,32,62,.96),rgba(20,19,30,.96));box-shadow:inset 0 1px rgba(255,255,255,.06),0 5px 15px rgba(0,0,0,.16);color:#dcd5ec;font-size:12px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s,color .2s}
body:has(#blogFilters) .blog-topic-chip:hover{transform:translateY(-2px);border-color:rgba(188,134,255,.7);background:linear-gradient(135deg,rgba(101,65,162,.56),rgba(41,29,66,.98));box-shadow:0 8px 25px rgba(115,66,207,.2),inset 0 1px rgba(255,255,255,.12);color:#fff}
body:has(#blogFilters) .blog-topic-chip.is-active{border-color:#b68aff;color:#fff;background:linear-gradient(135deg,#6936b4,#42246f);box-shadow:0 5px 20px rgba(130,76,231,.3)}
body:has(#blogFilters) .blog-topic-chip:focus-visible,body:has(#blogFilters) #blogFilters .pill:focus-visible{outline:2px solid #d9b5ff;outline-offset:3px}
body:has(#blogFilters) #blogFilters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;overflow:visible;padding:4px 2px 10px}
body:has(#blogFilters) #blogFilters .pill{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:11px 19px;border-radius:12px;border:1px solid rgba(155,139,190,.27);background:linear-gradient(160deg,#201d2a,#121118);color:#ddd6e9;font-size:13px;font-weight:600;letter-spacing:.01em;box-shadow:inset 0 1px rgba(255,255,255,.07),0 4px 12px rgba(0,0,0,.18);cursor:pointer;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s,color .18s}
body:has(#blogFilters) #blogFilters .pill:hover{transform:translateY(-2px);color:#fff;border-color:rgba(192,147,255,.65);background:linear-gradient(145deg,#352747,#201a2c);box-shadow:0 7px 20px rgba(107,67,178,.18)}
body:has(#blogFilters) #blogFilters .pill.is-active,body:has(#blogFilters) #blogFilters .pill[aria-pressed="true"]{border-color:#bc8dff;color:#fff;background:linear-gradient(135deg,#a15af3 0%,#7741d2 54%,#5c2cae 100%);box-shadow:inset 0 1px rgba(255,255,255,.23),0 5px 19px rgba(142,79,238,.32)}
@media(max-width:600px){body:has(#blogFilters) #blogFilters{gap:8px}body:has(#blogFilters) #blogFilters .pill{min-height:39px;padding:9px 13px;font-size:12px}body:has(#blogFilters) .blog-topic-chip{min-height:35px;padding:8px 11px}}
@media(prefers-reduced-motion:reduce){body:has(#blogFilters) .blog-topic-chip,body:has(#blogFilters) #blogFilters .pill{transition:none}}