body.dc-blog-context{--blog-line:rgba(255,255,255,.075);--blog-purple:#9e53ff;background:#07080d} body.dc-blog-context .dc-content{max-width:none} .dc-blog-page{width:min(100% - 22px,1120px);margin:14px auto 84px;font-family:var(--dc-font-ui,"Roboto",Arial,sans-serif);color:#f5f1f7} .dc-blog-hero{position:relative;min-height:260px;display:grid;grid-template-columns:1.4fr .8fr;align-items:center;gap:22px;overflow:hidden;padding:34px 38px;border:1px solid rgba(182,111,255,.15);border-radius:20px;background:radial-gradient(circle at 76% 24%,rgba(126,50,210,.2),transparent 34%),linear-gradient(135deg,#15101f,#080910 56%,#120a20);box-shadow:0 22px 58px rgba(0,0,0,.34)} .dc-blog-hero:before{content:"";position:absolute;left:28px;right:28px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(190,105,255,.72),transparent)} .dc-blog-hero-copy{position:relative;z-index:3;max-width:650px}.dc-blog-hero-copy>span{display:inline-flex;padding:6px 11px;border-radius:8px;background:linear-gradient(135deg,#6330aa,#3e236e);font-size:11px;font-weight:900;letter-spacing:.8px}.dc-blog-hero h1{margin:14px 0 10px;font-size:34px;line-height:1.08;letter-spacing:-.9px}.dc-blog-hero p{max-width:610px;margin:0;color:#b5afbb;font-size:13.5px;line-height:1.6}.dc-blog-hero-copy>a{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:11px 14px;border-radius:10px;background:linear-gradient(135deg,#8a42e9,#6124aa);color:#fff;font-size:11.5px;font-weight:850} .dc-blog-hero-art{position:relative;min-height:190px;display:grid;place-items:center}.dc-blog-hero-art b{position:relative;z-index:3;display:grid;place-items:center;width:98px;height:98px;border-radius:22px;background:linear-gradient(145deg,#7c34c4,#2b104d);font-size:48px;color:#e8bdff;box-shadow:0 0 0 8px rgba(156,76,255,.06),0 18px 40px rgba(0,0,0,.3),0 0 42px rgba(162,68,255,.18);transform:rotate(-5deg)}.dc-blog-hero-art i,.dc-blog-hero-art em{position:absolute;width:135px;height:72px;border:1px solid rgba(190,115,255,.14);border-radius:50%;transform:rotate(24deg)}.dc-blog-hero-art em{width:90px;height:145px;transform:rotate(-28deg)}.dc-blog-feather{position:absolute;z-index:4;right:24%;top:8%;font-size:28px;color:#cb7aff;text-shadow:0 0 18px #9d45ff} .dc-blog-category-rail{display:flex;gap:8px;overflow-x:auto;padding:12px 1px 4px;scrollbar-width:none}.dc-blog-category-rail::-webkit-scrollbar{display:none}.dc-blog-category-rail a{flex:0 0 auto;display:grid;justify-items:center;gap:5px;min-width:94px;padding:10px;border:1px solid var(--blog-line);border-radius:13px;background:#0e1017;color:#d9d2dd}.dc-blog-category-rail i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(150,76,255,.11);color:#b36cff;font-style:normal}.dc-blog-category-rail strong{font-size:10px} .dc-blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;margin-top:18px}.dc-blog-section{margin-top:20px}.dc-blog-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dc-blog-section-head>div{display:flex;align-items:center;gap:8px}.dc-blog-section-head span{color:#a95cff}.dc-blog-section-head h2{margin:0;font-size:18px}.dc-blog-section-head h2 small{font-size:12px;color:#8e8795} .dc-blog-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dc-blog-card{overflow:hidden;border:1px solid var(--blog-line);border-radius:14px;background:linear-gradient(160deg,#11131b,#0b0d13)}.dc-blog-card-media{display:block;aspect-ratio:16/9;overflow:hidden;background:#0a0b0f}.dc-blog-card-media img{display:block;width:100%;height:100%;object-fit:cover}.dc-blog-card-copy{padding:11px}.dc-blog-badge{display:inline-flex;padding:4px 7px;border-radius:6px;background:linear-gradient(135deg,#6f34af,#4b246f);color:#efe1ff;font-size:8.5px;font-weight:850;text-transform:uppercase}.dc-blog-card h3{margin:8px 0 7px;font-size:13.5px;line-height:1.45}.dc-blog-card h3 a{color:#f0ebf3}.dc-blog-card p{margin:0 0 8px;color:#9e98a4;font-size:10.8px;line-height:1.5}.dc-blog-meta{display:flex;gap:12px;color:#827c89;font-size:9.7px} .dc-blog-latest-list{display:grid;gap:10px}.dc-blog-card.is-compact{display:grid;grid-template-columns:165px minmax(0,1fr);min-height:116px}.dc-blog-card.is-compact .dc-blog-card-media{aspect-ratio:auto;height:100%}.dc-blog-card.is-compact .dc-blog-card-copy{align-self:center}.dc-blog-card.is-compact h3{font-size:14px}.dc-blog-card.is-compact p{display:none} .dc-blog-sidebar{display:grid;align-content:start;gap:12px}.dc-blog-sidebar>section{padding:14px;border:1px solid var(--blog-line);border-radius:14px;background:#0e1017}.dc-blog-sidebar h3{margin:0 0 12px;font-size:14px}.dc-blog-side-list{display:grid}.dc-blog-side-list a{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid rgba(255,255,255,.045);color:#c8c1cb;font-size:11.5px}.dc-blog-side-list a:first-child{border-top:0}.dc-blog-side-list b{color:#968c9f}.dc-blog-popular{list-style:none;padding:0;margin:0;display:grid}.dc-blog-popular li{display:grid;grid-template-columns:32px 1fr auto;gap:7px;align-items:center;padding:9px 0;border-top:1px solid rgba(255,255,255,.045)}.dc-blog-popular li:first-child{border-top:0}.dc-blog-popular>li>b{font-size:15px;color:#b16cff}.dc-blog-popular a{font-size:10.8px;line-height:1.35;color:#d4cdd8}.dc-blog-popular small{font-size:8.5px;color:#7f7784}.dc-blog-tags{display:flex;flex-wrap:wrap;gap:6px}.dc-blog-tags a{padding:6px 8px;border-radius:8px;background:#191b24;color:#bbb4c2;font-size:9.5px} .dc-blog-tax-head{padding:22px 0 10px}.dc-blog-tax-head>a{color:#9e68c9;font-size:11px}.dc-blog-tax-head>span{display:block;margin-top:12px;color:#9a5fd2;font-size:9px;font-weight:850;letter-spacing:1px}.dc-blog-tax-head h1{margin:6px 0;font-size:28px}.dc-blog-tax-head p{color:#9992a0}.navigation.pagination{margin:20px 0}.nav-links{display:flex;gap:6px}.nav-links .page-numbers{display:grid;place-items:center;min-width:34px;height:34px;border-radius:9px;background:#11131a;color:#aaa2b0}.nav-links .current{background:#6c31aa;color:#fff} .dc-blog-single{width:min(100% - 22px,810px)}.dc-blog-article{position:relative}.dc-blog-back{display:inline-block;margin-bottom:10px;color:#a66bce;font-size:11px}.dc-blog-article-cover{overflow:hidden;aspect-ratio:16/9;border-radius:17px;border:1px solid var(--blog-line);background:#090a0e}.dc-blog-article-cover img{width:100%;height:100%;object-fit:cover}.dc-blog-article>.dc-blog-badge{margin-top:14px}.dc-blog-article h1{margin:9px 0 10px;font-size:30px;line-height:1.15;letter-spacing:-.7px}.dc-blog-article-meta{display:flex;flex-wrap:wrap;gap:12px;color:#918a96;font-size:10px}.dc-blog-lead{margin:18px 0;color:#c4bdc8;font-size:13px;line-height:1.68}.dc-blog-content{color:#c6c0ca;font-size:13.2px;line-height:1.78}.dc-blog-content h2,.dc-blog-content h3{color:#f1edf3}.dc-blog-content img{max-width:100%;height:auto;border-radius:13px}.dc-blog-article-tags{margin-top:18px} .dc-blog-comments{margin-top:28px;padding:16px;border:1px solid var(--blog-line);border-radius:16px;background:#0d0f16}.dc-blog-comment-form{display:grid;gap:10px}.dc-blog-comment-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dc-blog-comment-form label{display:grid;gap:6px}.dc-blog-comment-form label>span{font-size:10px;font-weight:750;color:#a9a1af}.dc-blog-comment-form input,.dc-blog-comment-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#141720;color:#eee8f0;padding:11px;font:inherit;font-size:12px;outline:none}.dc-blog-comment-form input:focus,.dc-blog-comment-form textarea:focus{border-color:rgba(167,85,236,.48);box-shadow:0 0 0 3px rgba(146,73,207,.08)}.dc-blog-comment-form button{justify-self:start;border:0;border-radius:10px;background:linear-gradient(135deg,#8540d9,#5d279b);color:#fff;padding:11px 15px;font-size:10.5px;font-weight:850}.dc-blog-comment-note{color:#817a87;font-size:9.5px;line-height:1.45}.dc-blog-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.dc-blog-comment-message{font-size:10.5px;color:#afa6b4}.dc-blog-comment-message.is-error{color:#ff8a9e}.dc-blog-comment-message.is-success{color:#8dd7a4} .dc-blog-comment-saved{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-2px 0 10px;padding:9px 10px;border:1px solid rgba(130,207,157,.12);border-radius:10px;background:rgba(58,120,80,.08);color:#9fd4ae;font-size:9.5px}.dc-blog-comment-saved button{border:0;background:transparent;color:#c39cea;font-size:9.5px;font-weight:750}.dc-blog-comment-list{display:grid;gap:10px;margin-top:18px}.dc-blog-comment{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding-top:11px;border-top:1px solid rgba(255,255,255,.05)}.dc-blog-comment-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#4c2a69,#25162f);color:#e3c1f5;font-size:13px;font-weight:900}.dc-blog-comment-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dc-blog-comment-head b{font-size:11px;color:#eee8f0}.dc-blog-comment-head small{font-size:8.5px;color:#756f79}.dc-blog-comment p{margin:5px 0 0;color:#b4adb8;font-size:11px;line-height:1.55;overflow-wrap:anywhere}.dc-blog-no-comments{color:#807985;font-size:10.5px}.dc-blog-related{margin-top:28px}.dc-blog-related-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,31%);gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:4px}.dc-blog-related-rail::-webkit-scrollbar{display:none}.dc-blog-related-rail .dc-blog-card{scroll-snap-align:start} .dc-blog-bottom-link{color:#c495ef!important}.dc-blog-bottom-link.is-active{color:#b56cff!important} @media(max-width:860px){.dc-blog-layout{grid-template-columns:1fr}.dc-blog-sidebar{display:none}.dc-blog-page{width:min(100% - 18px,810px)}} @media(max-width:640px){ .dc-blog-page{width:calc(100% - 16px);margin:8px auto 84px}.dc-blog-hero{min-height:0;grid-template-columns:1fr 105px;gap:5px;padding:18px 14px;border-radius:17px}.dc-blog-hero:before{left:14px;right:14px}.dc-blog-hero-copy>span{padding:5px 8px;font-size:8.8px}.dc-blog-hero h1{max-width:15ch;margin:9px 0 7px;font-size:24px;line-height:1.08;letter-spacing:-.5px}.dc-blog-hero p{font-size:11.5px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.dc-blog-hero-copy>a{margin-top:12px;padding:9px 11px;font-size:9.5px}.dc-blog-hero-art{min-height:128px}.dc-blog-hero-art b{width:67px;height:67px;border-radius:16px;font-size:31px}.dc-blog-hero-art i{width:92px;height:51px}.dc-blog-hero-art em{width:63px;height:102px}.dc-blog-feather{right:14%;top:8%;font-size:18px} .dc-blog-category-rail{gap:7px;padding-top:9px}.dc-blog-category-rail a{min-width:78px;padding:8px 7px}.dc-blog-category-rail i{width:30px;height:30px}.dc-blog-category-rail strong{font-size:8.7px;max-width:74px;text-align:center;line-height:1.25} .dc-blog-section{margin-top:16px}.dc-blog-section-head{margin-bottom:9px}.dc-blog-section-head h2{font-size:16px}.dc-blog-featured-grid{grid-template-columns:1fr;gap:9px}.dc-blog-featured-grid .dc-blog-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:96px}.dc-blog-featured-grid .dc-blog-card-media{height:100%;aspect-ratio:auto}.dc-blog-featured-grid .dc-blog-card-copy{align-self:center;padding:9px}.dc-blog-featured-grid .dc-blog-card p{display:none}.dc-blog-card h3{font-size:12.8px;line-height:1.4}.dc-blog-badge{font-size:7.7px}.dc-blog-meta{font-size:8.8px} .dc-blog-card.is-compact{grid-template-columns:108px minmax(0,1fr);min-height:94px}.dc-blog-card.is-compact h3{font-size:12.8px}.dc-blog-card.is-compact .dc-blog-card-copy{padding:9px} .dc-blog-tax-head{padding:14px 2px 6px}.dc-blog-tax-head h1{font-size:23px} .dc-blog-article-cover{border-radius:14px}.dc-blog-article>.dc-blog-badge{margin-top:11px}.dc-blog-article h1{font-size:24px;line-height:1.18}.dc-blog-article-meta{gap:8px;font-size:9px}.dc-blog-lead{margin:14px 0;font-size:12.2px;line-height:1.64}.dc-blog-content{font-size:12.7px;line-height:1.75} .dc-blog-comments{margin-top:22px;padding:13px;border-radius:14px}.dc-blog-comment-fields{grid-template-columns:1fr}.dc-blog-comment-form label>span{font-size:9.6px}.dc-blog-comment-form input,.dc-blog-comment-form textarea{font-size:12px;padding:10px}.dc-blog-comment-note{font-size:9px}.dc-blog-comment-saved{align-items:flex-start;flex-direction:column;gap:5px} .dc-blog-related-rail{grid-auto-columns:72vw}.dc-blog-related-rail .dc-blog-card h3{font-size:12px} } @media(max-width:390px){.dc-blog-hero{grid-template-columns:1fr 88px;padding:16px 12px}.dc-blog-hero h1{font-size:21px}.dc-blog-hero p{font-size:10.8px}.dc-blog-hero-art b{width:58px;height:58px;font-size:27px}.dc-blog-category-rail a{min-width:72px}.dc-blog-featured-grid .dc-blog-card,.dc-blog-card.is-compact{grid-template-columns:98px minmax(0,1fr)}.dc-blog-card h3,.dc-blog-card.is-compact h3{font-size:12px}} .dc-blog-search{display:flex;gap:7px;max-width:540px;margin-top:14px}.dc-blog-search input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#11131a;color:#eee8f0;padding:10px 11px;font-size:11.5px;outline:none}.dc-blog-search input:focus{border-color:rgba(167,85,236,.48);box-shadow:0 0 0 3px rgba(146,73,207,.08)}.dc-blog-search button{border:0;border-radius:10px;background:linear-gradient(135deg,#8540d9,#5d279b);color:#fff;padding:0 14px;font-size:10.5px;font-weight:850} /* ========================================================================== V10.6.0 — BLOGS UI SYSTEM / READABILITY / TAG PILLS / SPACING ========================================================================== */ body.dc-blog-context .dc-blog-page{ margin-bottom:var(--dc-blog-bottom-gap,34px)!important; font-size:calc(1em * var(--dc-blog-font-scale,1.1)); } body.dc-blog-context .dc-blog-hero-copy>span{font-size:11.5px!important} body.dc-blog-context .dc-blog-hero h1{font-size:37px!important} body.dc-blog-context .dc-blog-hero p{font-size:14.2px!important} body.dc-blog-context .dc-blog-hero-copy>a{font-size:12px!important} body.dc-blog-context .dc-blog-section-head h2{ font-size:19px!important; font-weight:900!important; letter-spacing:.25px!important; } body.dc-blog-context .dc-blog-section-head>small{ color:#8f8797; font-size:10.5px; } body.dc-blog-context .dc-blog-card h3{font-size:14.6px!important} body.dc-blog-context .dc-blog-card p{font-size:11.7px!important} body.dc-blog-context .dc-blog-meta{font-size:10.3px!important} body.dc-blog-context .dc-blog-card.is-compact h3{font-size:15px!important} body.dc-blog-context .dc-blog-sidebar h3{font-size:14.7px!important} body.dc-blog-context .dc-blog-side-list a{font-size:12.2px!important} body.dc-blog-context .dc-blog-popular a{font-size:11.5px!important} body.dc-blog-context .dc-blog-content{ font-size:14.2px!important; line-height:1.82!important; } body.dc-blog-context .dc-blog-lead{ font-size:14px!important; line-height:1.72!important; } body.dc-blog-context .dc-blog-comment-form input, body.dc-blog-context .dc-blog-comment-form textarea{font-size:13px!important} body.dc-blog-context .dc-blog-comment-form label>span{font-size:11px!important} body.dc-blog-context .dc-blog-comment-note{font-size:10.4px!important} body.dc-blog-context .dc-blog-comment{font-size:12px} /* Tags like compact SHOP pills: icon + label + count, fully visible without wasting height. */ body.dc-blog-context .dc-blog-tags-showcase{ margin-top:15px; padding:14px; border:1px solid rgba(255,255,255,.07); border-radius:15px; background:linear-gradient(160deg,rgba(17,19,27,.94),rgba(10,12,18,.96)); box-shadow:0 14px 34px rgba(0,0,0,.16); } body.dc-blog-context .dc-blog-tags-showcase .dc-blog-section-head{margin-bottom:10px} body.dc-blog-context .dc-blog-tag-pills{ display:flex; flex-wrap:wrap; gap:7px; } body.dc-blog-context .dc-blog-tag-pill{ display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:6px 9px 6px 7px; border:1px solid rgba(166,100,223,.13); border-radius:10px; background:linear-gradient(145deg,#161821,#11131a); color:#d7d0dc; transition:transform .18s ease,border-color .18s ease,background .18s ease; } body.dc-blog-context .dc-blog-tag-pill>span{ display:grid; place-items:center; width:22px; height:22px; border-radius:7px; background:rgba(154,77,218,.11); color:#b96dfa; font-size:11px; font-weight:900; } body.dc-blog-context .dc-blog-tag-pill>strong{ font-size:10.8px; line-height:1.1; font-weight:760; } body.dc-blog-context .dc-blog-tag-pill>small{ display:grid; place-items:center; min-width:19px; height:19px; padding:0 5px; border-radius:999px; background:rgba(255,255,255,.045); color:#8f8796; font-size:8.6px; font-weight:750; } body.dc-blog-context .dc-blog-tag-pill:hover{ transform:translateY(-1px); border-color:rgba(184,111,241,.28); background:linear-gradient(145deg,#1b1722,#12141c); } /* Strong, touch-friendly Back CTA instead of a tiny text link. */ body.dc-blog-context .dc-blog-back{ display:inline-flex!important; align-items:center!important; gap:8px!important; min-height:38px!important; margin:0 0 13px!important; padding:0 12px!important; border:1px solid rgba(176,104,229,.18)!important; border-radius:10px!important; background:linear-gradient(145deg,rgba(132,62,178,.13),rgba(255,255,255,.025))!important; color:#d6b8e7!important; font-size:10.5px!important; line-height:1!important; font-weight:850!important; letter-spacing:.35px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025); } body.dc-blog-context .dc-blog-back svg{ width:17px!important; height:17px!important; } body.dc-blog-context .dc-blog-back:hover{ color:#fff!important; border-color:rgba(190,121,238,.34)!important; background:linear-gradient(145deg,rgba(144,67,191,.20),rgba(255,255,255,.04))!important; } /* Hide desktop sidebar entirely when disabled by Appearance. */ body.dc-blog-context .dc-blog-layout.is-no-sidebar{grid-template-columns:minmax(0,1fr)!important} /* Correct bottom spacing against fixed mobile nav: enough room, not an empty canyon. */ @media(max-width:760px){ body.dc-blog-context .dc-blog-page{ margin-bottom:var(--dc-blog-mobile-bottom-gap,74px)!important; } body.dc-blog-context .dc-blog-hero h1{font-size:27px!important} body.dc-blog-context .dc-blog-hero p{font-size:13px!important} body.dc-blog-context .dc-blog-section-head h2{font-size:17.2px!important} body.dc-blog-context .dc-blog-card h3{font-size:13.9px!important} body.dc-blog-context .dc-blog-card.is-compact h3{font-size:14.4px!important} body.dc-blog-context .dc-blog-content{font-size:13.6px!important} body.dc-blog-context .dc-blog-comment-form input, body.dc-blog-context .dc-blog-comment-form textarea{font-size:13.2px!important} body.dc-blog-context .dc-blog-tags-showcase{padding:12px} body.dc-blog-context .dc-blog-tag-pill{min-height:35px} body.dc-blog-context .dc-blog-tag-pill>strong{font-size:10.6px} body.dc-blog-context .dc-blog-back{min-height:40px!important;font-size:10.3px!important} } /* ========================================================================== V10.7.0 — BLOG REACTIONS ========================================================================== */ body.dc-blog-context .dc-blog-reactions{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:center; margin-top:24px; padding:16px; border:1px solid rgba(177,108,224,.12); border-radius:16px; background: radial-gradient(circle at 90% 0%,rgba(132,62,190,.10),transparent 35%), linear-gradient(150deg,#10121a,#0b0d13); } body.dc-blog-context .dc-blog-reaction-copy>span{ color:#a968d8; font-size:9px; font-weight:900; letter-spacing:1px; } body.dc-blog-context .dc-blog-reaction-copy h2{ margin:5px 0 4px; color:#f1ebf4; font-size:15px!important; } body.dc-blog-context .dc-blog-reaction-copy p{ margin:0; color:#8f8795; font-size:10.5px; line-height:1.45; } body.dc-blog-context .dc-blog-reaction-buttons{ display:flex; gap:7px; } body.dc-blog-context .dc-blog-reaction-buttons button{ min-width:92px; min-height:58px; display:grid; grid-template-columns:25px 1fr; grid-template-rows:1fr 1fr; align-items:center; gap:0 6px; padding:7px 9px; border:1px solid rgba(255,255,255,.07); border-radius:11px; background:#151720; color:#d4cbd8; cursor:pointer; } body.dc-blog-context .dc-blog-reaction-buttons i{ grid-row:1/3; display:grid; place-items:center; width:25px; height:25px; border-radius:8px; background:rgba(157,77,214,.10); color:#ba70ed; font-size:12px; font-style:normal; font-weight:900; } body.dc-blog-context .dc-blog-reaction-buttons span{ align-self:end; font-size:9.5px; font-weight:800; text-align:left; } body.dc-blog-context .dc-blog-reaction-buttons b{ align-self:start; color:#8b8290; font-size:8.8px; text-align:left; } body.dc-blog-context .dc-blog-reaction-buttons button.is-selected{ border-color:rgba(184,103,238,.38); background:linear-gradient(145deg,rgba(119,52,162,.25),#17131d); color:#fff; box-shadow:0 0 0 2px rgba(157,75,216,.06); } body.dc-blog-context .dc-blog-reaction-buttons button:disabled{opacity:.65} body.dc-blog-context .dc-blog-reactions>small{ grid-column:1/-1; min-height:1em; color:#a998b2; font-size:9.5px; } @media(max-width:680px){ body.dc-blog-context .dc-blog-reactions{grid-template-columns:1fr;padding:13px;gap:12px} body.dc-blog-context .dc-blog-reaction-copy h2{font-size:14.4px!important} body.dc-blog-context .dc-blog-reaction-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} body.dc-blog-context .dc-blog-reaction-buttons button{min-width:0;min-height:56px;padding:6px} body.dc-blog-context .dc-blog-reaction-buttons i{width:22px;height:22px} body.dc-blog-context .dc-blog-reaction-buttons span{font-size:8.5px} } /* ========================================================================== V10.7.1 — BLOGS TAGS AT BOTTOM / MATCH HOMEPAGE TAGS ========================================================================== */ body.dc-blog-context .dc-blog-bottom-tags{ margin-top:28px!important; margin-bottom:0!important; } body.dc-blog-context .dc-blog-bottom-tags .dc1029-tag-head h2{ font-size:18px!important; font-weight:900!important; letter-spacing:.35px!important; } body.dc-blog-context .dc-blog-bottom-tags .dc1029-tag-head small{ font-size:10.6px!important; } body.dc-blog-context .dc-blog-bottom-tags .dc1030-tag-chip>strong{ font-size:11.4px!important; } body.dc-blog-context .dc-blog-bottom-tags .dc1030-tag-chip>small{ font-size:9px!important; } @media(max-width:640px){ body.dc-blog-context .dc-blog-bottom-tags{ margin-top:22px!important; } body.dc-blog-context .dc-blog-bottom-tags .dc1029-tag-head h2{ font-size:16.8px!important; } body.dc-blog-context .dc-blog-bottom-tags .dc1030-tag-chip>strong{ font-size:11px!important; } } /* ========================================================================== V10.7.3 — BLOGS BOTTOM TAGS MATCH INTRO HERO PALETTE Keep the Homepage-like tag layout, but use the BLOGS intro visual language. ========================================================================== */ body.dc-blog-context .dc-blog-bottom-tags{ position:relative!important; isolation:isolate!important; overflow:hidden!important; border:1px solid rgba(182,111,255,.15)!important; border-radius:18px!important; background: radial-gradient(circle at 76% 24%,rgba(126,50,210,.20),transparent 34%), linear-gradient(135deg,#15101f,#080910 56%,#120a20)!important; box-shadow: 0 18px 42px rgba(0,0,0,.28), 0 0 28px rgba(126,50,210,.08), inset 0 1px 0 rgba(255,255,255,.025)!important; } body.dc-blog-context .dc-blog-bottom-tags:before{ content:""!important; position:absolute!important; left:18px!important; right:18px!important; top:0!important; height:2px!important; border-radius:0 0 999px 999px!important; background:linear-gradient( 90deg, transparent, rgba(190,105,255,.18), rgba(190,105,255,.72), rgba(130,67,220,.54), rgba(190,105,255,.16), transparent )!important; box-shadow: 0 0 10px rgba(177,86,237,.22), 0 0 22px rgba(127,56,199,.12)!important; pointer-events:none!important; z-index:0!important; } body.dc-blog-context .dc-blog-bottom-tags:after{ content:""!important; position:absolute!important; right:-52px!important; top:-60px!important; width:160px!important; height:160px!important; border-radius:50%!important; background:rgba(126,50,210,.08)!important; filter:blur(10px)!important; pointer-events:none!important; z-index:0!important; } body.dc-blog-context .dc-blog-bottom-tags>.dc1029-tag-head, body.dc-blog-context .dc-blog-bottom-tags>.dc1030-tag-wrap{ position:relative!important; z-index:1!important; } body.dc-blog-context .dc-blog-bottom-tags .dc1029-tag-head{ margin-bottom:11px!important; padding-bottom:10px!important; border-bottom:1px solid rgba(255,255,255,.055)!important; } body.dc-blog-context .dc-blog-bottom-tags .dc1029-tag-head h2{ color:#f5f1f7!important; text-shadow:0 0 16px rgba(154,76,226,.08)!important; } body.dc-blog-context .dc-blog-bottom-tags .dc1029-tag-head small{ color:#a8a0ad!important; } body.dc-blog-context .dc-blog-bottom-tags .dc1030-tag-chip{ border:1px solid rgba(166,100,223,.15)!important; background: radial-gradient(circle at 18% 0,rgba(154,77,218,.08),transparent 43%), rgba(18,12,27,.88)!important; color:#d9d2dd!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important; } body.dc-blog-context .dc-blog-bottom-tags .dc1030-tag-chip>span{ color:#b36cff!important; } body.dc-blog-context .dc-blog-bottom-tags .dc1030-tag-chip>strong{ color:#e7e0eb!important; } body.dc-blog-context .dc-blog-bottom-tags .dc1030-tag-chip>small{ color:#938a9a!important; border-left-color:rgba(255,255,255,.08)!important; } body.dc-blog-context .dc-blog-bottom-tags .dc1030-tag-chip.is-hot{ border-color:rgba(190,105,255,.22)!important; background: radial-gradient(circle at 18% 0,rgba(190,105,255,.11),transparent 43%), rgba(24,14,34,.92)!important; } body.dc-blog-context .dc-blog-bottom-tags .dc1030-tag-chip:hover, body.dc-blog-context .dc-blog-bottom-tags .dc1030-tag-chip:focus-visible{ color:#fff!important; border-color:rgba(190,105,255,.32)!important; background:rgba(30,17,43,.96)!important; box-shadow: 0 0 16px rgba(148,68,216,.10), inset 0 1px 0 rgba(255,255,255,.025)!important; } @media(max-width:640px){ body.dc-blog-context .dc-blog-bottom-tags{ border-radius:16px!important; box-shadow: 0 14px 32px rgba(0,0,0,.24), 0 0 20px rgba(126,50,210,.06), inset 0 1px 0 rgba(255,255,255,.02)!important; } body.dc-blog-context .dc-blog-bottom-tags:before{ left:12px!important; right:12px!important; } }