.blog-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 10px;flex-wrap:wrap}
.blog-count-note{color:#93a6c7}
.load-more-wrap{display:flex;justify-content:center;margin-top:28px}
.blog-card.is-hidden{display:none!important}
.article-rating{display:grid;gap:12px}
.rating-stars-input{display:flex;gap:6px;flex-wrap:wrap}
.rating-star-btn{appearance:none;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:#ffd76a;border-radius:12px;padding:10px 12px;font-size:1.1rem;cursor:pointer;transition:.2s ease}
.rating-star-btn:hover,.rating-star-btn.active{transform:translateY(-1px);background:rgba(255,215,106,.12);border-color:rgba(255,215,106,.35)}
.rating-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rating-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-weight:700}
.rating-small{font-size:.92rem;color:#9db0d3}
.sidebar-random-list{display:grid;gap:12px}
.sidebar-random-item{display:block;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.03);text-decoration:none}
.sidebar-random-item strong{display:block;color:#eef4ff;margin-bottom:6px}
.sidebar-random-item span{display:block;color:#9fb1d0;font-size:.95rem}
.sidebar-more-btn,.load-more-btn{appearance:none;border:1px solid rgba(143,176,255,.28);background:linear-gradient(180deg,#173766,#0f2448);color:#fff;border-radius:16px;padding:12px 20px;font-weight:700;cursor:pointer}
.sidebar-more-btn[disabled],.load-more-btn[disabled]{opacity:.5;cursor:default}
.article-chip-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.article-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#dce8ff;font-size:.92rem}
.article-content h2{scroll-margin-top:110px}
.blog-card-rating{display:flex;align-items:center;gap:10px;margin-top:14px;color:#ffd76a;font-weight:700}
.blog-card-rating .blog-votes{color:#93a6c7;font-weight:500}
.related-stack{display:grid;gap:14px}
.footer-bottom a.creator-link{color:inherit;text-decoration:none;font-weight:700}

/* blog index sidebar + refined preview thumbnails */
.blog-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start;margin-top:24px}
.blog-sidebar{position:sticky;top:108px;display:grid;gap:18px}
.sidebar-panel{padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(180deg,rgba(9,20,37,.92),rgba(6,13,25,.96));box-shadow:0 22px 44px rgba(0,0,0,.16)}
.sidebar-panel h3,.sidebar-panel h4{margin:0 0 10px}
.sidebar-panel p,.sidebar-panel li{color:#9fb1d0}
.blog-sidebar-note ul{margin:0;padding-left:18px;display:grid;gap:8px}
.blog-sidebar-cats{display:grid;gap:10px;margin-top:14px}
.blog-sidebar-btn,.category-chip{appearance:none;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:#eef4ff;border-radius:16px;padding:12px 14px;text-align:left;font-weight:700;cursor:pointer;transition:.2s ease;text-decoration:none}
.blog-sidebar-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
.blog-sidebar-btn .cat-count{color:#8ea7d6;font-weight:600;font-size:.92rem}
.blog-sidebar-btn.active,.blog-sidebar-btn:hover,.category-chip.active,.category-chip:hover{border-color:rgba(112,154,255,.42);background:linear-gradient(180deg,rgba(28,60,115,.62),rgba(16,35,70,.72));transform:translateY(-1px)}
.blog-chip-strip-inline{display:none;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.blog-main{min-width:0}
.blog-hero{overflow:hidden;position:relative}
.blog-hero-media,.blog-thumb{position:relative;overflow:hidden;background:none!important}
.blog-hero-media{min-height:100%;display:flex;align-items:stretch;justify-content:stretch}
.blog-thumb{height:236px!important;min-height:236px!important;padding:18px}
.blog-thumb-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;border-radius:20px;border:1px solid rgba(255,255,255,.10);overflow:hidden;padding:16px;background:linear-gradient(135deg,rgba(29,49,93,.95),rgba(15,29,58,.98))}
.blog-thumb-art::before,.blog-thumb-art::after{content:"";position:absolute;border-radius:999px;pointer-events:none;opacity:.88}
.blog-thumb-art::before{width:190px;height:190px;top:-85px;left:-68px;background:radial-gradient(circle at center,rgba(79,255,210,.16),rgba(79,255,210,0))}
.blog-thumb-art::after{width:220px;height:220px;top:-120px;right:-74px;background:radial-gradient(circle at center,rgba(122,153,255,.22),rgba(122,153,255,0))}
.blog-thumb-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;position:relative;z-index:1}
.blog-thumb-chip{display:inline-flex;align-items:center;min-height:30px;padding:7px 11px;border-radius:999px;font-size:.72rem;letter-spacing:.02em;font-weight:800;color:#f3f7ff;background:rgba(23,53,105,.72);border:1px solid rgba(165,196,255,.25)}
.blog-thumb-badge{flex:0 0 auto;min-width:64px;height:64px;border-radius:16px;display:grid;place-items:center;padding:0 10px;font-size:1.05rem;font-weight:900;color:#8fb2ff;background:linear-gradient(180deg,rgba(32,66,130,.92),rgba(24,47,96,.96));border:1px solid rgba(164,193,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.blog-thumb-copy{position:relative;z-index:1;display:grid;gap:10px}
.blog-thumb-brand{font-size:.72rem;text-transform:none;letter-spacing:.01em;color:#c6d7fb;opacity:.95}
.blog-thumb-title{margin:0;color:#f7fbff;font-size:1.05rem;line-height:1.1;font-weight:800;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:85%}
.blog-thumb-sub{margin:0;color:#c2d1ee;font-size:.84rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:84%}
.blog-thumb--social .blog-thumb-badge{color:#ffd0f0;background:linear-gradient(180deg,rgba(87,45,98,.94),rgba(63,28,76,.96))}
.blog-thumb--google .blog-thumb-badge{color:#ffd76a;background:linear-gradient(180deg,rgba(93,78,35,.94),rgba(70,55,18,.96))}
.blog-thumb--menu .blog-thumb-badge,.blog-thumb--restaurant .blog-thumb-badge{color:#ffb56f;background:linear-gradient(180deg,rgba(95,61,36,.95),rgba(73,42,22,.97))}
.blog-thumb--wifi .blog-thumb-badge,.blog-thumb--maps .blog-thumb-badge,.blog-thumb--whatsapp .blog-thumb-badge{color:#6dffb5;background:linear-gradient(180deg,rgba(15,74,72,.95),rgba(9,53,58,.97))}
.blog-thumb--pdf .blog-thumb-badge{color:#ffadad;background:linear-gradient(180deg,rgba(105,50,64,.96),rgba(71,30,42,.98))}
.blog-thumb--crypto .blog-thumb-badge{color:#ffd15c;background:linear-gradient(180deg,rgba(96,83,39,.96),rgba(66,54,18,.98))}
.blog-thumb--event .blog-thumb-badge{color:#ffb86d;background:linear-gradient(180deg,rgba(98,63,37,.96),rgba(67,40,21,.98))}
.blog-thumb--design .blog-thumb-badge{color:#cabdff;background:linear-gradient(180deg,rgba(69,61,106,.95),rgba(46,39,78,.98))}
.blog-hero-media .blog-thumb-art{min-height:100%;border-radius:28px;padding:22px}
.blog-hero-media .blog-thumb-title{font-size:2.3rem;line-height:1.04;max-width:86%;-webkit-line-clamp:4}
.blog-hero-media .blog-thumb-sub{font-size:1rem;max-width:76%}
.blog-hero-media .blog-thumb-badge{width:84px;height:84px;border-radius:22px;font-size:1.35rem}
@media (max-width:1100px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{position:static;order:0}.blog-chip-strip-inline{display:flex}.blog-sidebar{display:none}.blog-thumb{height:220px!important;min-height:220px!important}}
@media (max-width:820px){.blog-hero-media .blog-thumb-title{font-size:1.5rem;max-width:100%}.blog-hero-media .blog-thumb-sub{max-width:100%}.blog-thumb{height:200px!important;min-height:200px!important}.blog-thumb-title{max-width:100%}.blog-thumb-sub{max-width:100%}}


/* refined blog cleanup */
.article-chip-row{display:none!important}
.blog-controls .blog-count-note:last-child{display:none!important}
.blog-hero .article-chip,.blog-main .article-chip{display:none!important}
.article-hero-split{grid-template-columns:1fr!important;gap:18px!important;align-items:start!important}
.article-image-card{width:100%!important;min-height:300px!important;max-height:300px!important;border-radius:26px!important;background-size:contain!important;background-position:center center!important;background-color:rgba(21,41,81,.92)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
.article-hero-copy{max-width:100%!important}
@media (min-width:821px){
  .article-image-card{aspect-ratio:16 / 6!important;height:auto!important}
}
@media (max-width:820px){
  .article-image-card{min-height:210px!important;max-height:none!important;aspect-ratio:16 / 8!important}
}


/* article hero art + inline links */
.article-image-card{padding:0!important;overflow:hidden!important;background:none!important;min-height:0!important;max-height:none!important;border:1px solid rgba(255,255,255,.08)!important}
.article-hero-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:280px;padding:24px 28px;border-radius:26px;background:linear-gradient(135deg,rgba(28,48,90,.96),rgba(13,28,58,.98));overflow:hidden}
.article-hero-art::before,.article-hero-art::after{content:"";position:absolute;border-radius:999px;pointer-events:none}
.article-hero-art::before{width:240px;height:240px;left:-100px;top:-120px;background:radial-gradient(circle at center,rgba(78,255,208,.14),rgba(78,255,208,0))}
.article-hero-art::after{width:280px;height:280px;right:-110px;top:-150px;background:radial-gradient(circle at center,rgba(122,153,255,.22),rgba(122,153,255,0))}
.article-hero-art-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.article-hero-chip{display:inline-flex;align-items:center;min-height:32px;padding:8px 12px;border-radius:999px;font-size:.76rem;font-weight:800;color:#f4f8ff;background:rgba(24,54,106,.7);border:1px solid rgba(165,196,255,.24)}
.article-hero-badge{min-width:72px;height:72px;padding:0 10px;border-radius:18px;display:grid;place-items:center;font-size:1.2rem;font-weight:900;color:#93b7ff;background:linear-gradient(180deg,rgba(32,66,130,.92),rgba(24,47,96,.96));border:1px solid rgba(164,193,255,.18)}
.article-hero-art-copy{position:relative;z-index:1;display:grid;gap:12px;max-width:78%}
.article-hero-brand{font-size:.8rem;color:#c7d7fb}
.article-hero-art-copy h2{margin:0;color:#f7fbff;font-size:2.4rem;line-height:1.02;font-weight:800;max-width:100%}
.article-hero-art-copy p{margin:0;color:#c5d4ef;font-size:1.02rem;line-height:1.45;max-width:90%}
.inline-topic-link{color:#9fc0ff;text-decoration:underline;text-underline-offset:3px}
.inline-topic-link:hover{color:#d7e6ff}
@media (max-width:820px){.article-hero-art{min-height:220px;padding:20px}.article-hero-art-copy{max-width:100%}.article-hero-art-copy h2{font-size:1.45rem}.article-hero-art-copy p{max-width:100%}.article-hero-badge{min-width:56px;height:56px;border-radius:14px}}