*{box-sizing:border-box}body{margin:0;font-family:Arial,system-ui,sans-serif;background:#f7f9f7;color:#172a25}a{color:inherit;text-decoration:none}header{background:#073d34;color:white;padding:16px max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}header .logo{font-weight:900;font-size:25px}header nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:14px}.yellow{background:#f3c31b;color:#172a25;border-radius:9px;padding:10px 16px;font-weight:700}.wrap{max-width:1180px;margin:auto;padding:28px 20px}.eyebrow{font-size:12px;font-weight:800;color:#16734c;text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px}.hero-side{display:grid;gap:15px}.story{position:relative;min-height:185px;border-radius:16px;overflow:hidden;background:#143d32;color:white;display:flex;align-items:end}.story.feature{min-height:420px}.story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(0,0,0,.82))}.story .inside{position:relative;z-index:1;padding:25px}.story h2{margin:9px 0;font-size:clamp(21px,3vw,35px)}.story:not(.feature) h2{font-size:20px}.pill{background:#f3c31b;color:#1a2b20;border-radius:6px;padding:5px 9px;font-size:11px;font-weight:800}.section-title{display:flex;justify-content:space-between;align-items:center;margin:34px 0 16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:white;border:1px solid #e2e9e3;border-radius:13px;overflow:hidden;box-shadow:0 3px 15px #102b1a09}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#dce7df}.card-body{padding:17px}.card h3{margin:10px 0;line-height:1.4}.muted{color:#65746c;font-size:13px}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.category{background:white;border:1px solid #e0e8e1;border-radius:12px;padding:20px;font-weight:800}.category span{display:block;color:#688174;font-size:12px;margin-top:7px;font-weight:400}.article-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(250px,1fr);gap:36px}.article-body{background:white;padding:25px;border-radius:14px;line-height:1.85;font-size:17px;overflow-wrap:anywhere}.article-body h2{line-height:1.3;margin-top:30px}.article-body img{max-width:100%;height:auto}.article-body a{color:#127c4b;text-decoration:underline}.article-cover{width:100%;max-height:470px;object-fit:cover;border-radius:15px}.cta{background:#ecf8ef;border:1px solid #c7e5d0;border-radius:13px;padding:23px;margin-top:25px}.cta a{display:inline-block;background:#14643f;color:white;padding:12px 17px;border-radius:9px;font-weight:700}.side-list{display:grid;gap:12px}.side-list a{background:white;padding:15px;border-radius:10px;font-weight:700}footer{background:#073d34;color:white;padding:30px;text-align:center;margin-top:60px}.empty{background:white;border:1px dashed #bdd0c3;border-radius:14px;padding:30px;text-align:center;color:#61766a}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{padding:11px;border:1px solid #c9d7cf;border-radius:8px;width:100%}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.formgrid label{font-size:13px;font-weight:700}.formgrid label>*{margin-top:6px}.wide{grid-column:1/-1}.btn{background:#14643f;color:white;border:0;border-radius:8px;padding:12px 18px;font-weight:700}.adminbox{background:white;border-radius:14px;padding:22px;border:1px solid #e2e9e3;margin:20px 0}.adminrow{display:flex;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid #e3ebe4;align-items:center}.adminrow button{width:auto}.notice{color:#a4471e} @media(max-width:720px){.hero-grid,.article-layout{grid-template-columns:1fr}.hero-side{grid-template-columns:1fr 1fr}.story.feature{min-height:310px}.story:not(.feature){min-height:190px}.cards,.categories{grid-template-columns:1fr 1fr}.wrap{padding:18px 13px}.article-body{padding:17px}.formgrid{grid-template-columns:1fr}}@media(max-width:480px){.hero-side,.cards,.categories{grid-template-columns:1fr}header nav{gap:10px;font-size:12px}.story.feature{min-height:320px}}
/* V1784 approved magazine-direction visual layer */
:root{--forest:#063f32;--deep:#062c25;--gold:#f6cc4d;--paper:#f7f6f0}body{background:var(--paper);font-family:Inter,system-ui,-apple-system,Arial,sans-serif;color:#122b24}header{background:#fff;color:var(--deep);border-bottom:1px solid #e8ece7;box-shadow:0 2px 18px #122b2409}header .logo{color:var(--deep)}header nav a:not(.yellow):hover{color:#13834f}header nav .yellow{background:var(--gold);border-radius:12px}.wrap{max-width:1220px;padding:35px 22px 70px}.mag-intro{display:flex;align-items:center;justify-content:space-between;margin:5px 0 28px}.mag-intro h1{font-size:clamp(29px,4vw,49px);letter-spacing:-.045em;line-height:1.13;margin:12px 0 10px;max-width:700px}.mag-intro p{color:#6b7972;margin:0;font-size:15px}.mag-mark{font-size:72px;font-weight:950;color:#0b513b;opacity:.12;line-height:1}.mag-mark span{color:#d8b32b}.hero-grid{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:15px}.hero-side{gap:15px;grid-template-rows:1fr 1fr}.story{border-radius:15px;min-height:210px;isolation:isolate;box-shadow:0 8px 26px #10291d14}.story.feature{min-height:470px}.story img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}.story:hover img{transform:scale(1.045)}.story:after{background:linear-gradient(180deg,transparent 24%,rgba(0,0,0,.83) 100%)}.story .inside{padding:27px}.story h2{font-size:clamp(25px,3.1vw,39px);line-height:1.16;letter-spacing:-.025em;max-width:680px}.story:not(.feature) h2{font-size:clamp(17px,1.6vw,23px);line-height:1.23}.story .inside p{font-size:14px;color:#e6ede7}.pill{background:#fff;color:#0b513b;border-radius:30px;padding:6px 11px;letter-spacing:.02em}.category-title{margin-top:40px;margin-bottom:17px}.section-title h2{font-size:25px;letter-spacing:-.03em;margin:0}.section-title span{font-size:13px;color:#76857c}.categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category{background:#fff;display:flex;flex-direction:column;align-items:flex-start;min-height:174px;padding:23px;border:1px solid #e6ebe4;border-radius:15px;box-shadow:0 7px 25px #152b2010;transition:transform .2s,border-color .2s}.category:hover{transform:translateY(-3px);border-color:#90bca0}.category .cat-icon{display:grid;place-items:center;width:38px;height:38px;background:#e7f4ea;color:#0a6d42;border-radius:11px;font-size:20px;margin-bottom:15px}.category strong{font-size:19px;letter-spacing:-.02em}.category span{font-size:13px;margin:5px 0 12px;color:#718078}.category em{font-style:normal;font-size:12px;color:#147348;font-weight:750;margin-top:auto}.cards{gap:19px}.card{border-radius:15px;overflow:hidden;box-shadow:0 8px 22px #152b200d;transition:transform .2s}.card:hover{transform:translateY(-3px)}.card img{height:205px;object-fit:cover}.card-body{padding:17px}.card h3{font-size:19px;line-height:1.32;letter-spacing:-.02em}.eyebrow{letter-spacing:.09em;font-size:11px;color:#167347}footer{background:#082e26;color:#d5e4da;padding:27px;text-align:center}@media(max-width:760px){.wrap{padding:25px 15px 55px}.mag-intro{margin-bottom:22px}.mag-intro h1{font-size:30px}.mag-intro p{font-size:13px}.mag-mark{display:none}.hero-grid{grid-template-columns:1fr;gap:11px}.story.feature{min-height:345px}.hero-side{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-side .story{min-height:185px}.story .inside{padding:17px}.story h2{font-size:25px}.story:not(.feature) h2{font-size:15px}.story:not(.feature) .inside{padding:12px}.pill{font-size:10px}.category-title{margin-top:30px}.section-title h2{font-size:22px}.section-title span{display:none}.categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.category{padding:12px;min-height:155px}.category strong{font-size:14px}.category span{font-size:11px}.category .cat-icon{width:30px;height:30px;margin-bottom:10px}.category em{font-size:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card img{height:130px}.card-body{padding:12px}.card h3{font-size:15px}}@media(max-width:390px){.hero-side{grid-template-columns:1fr}.hero-side .story{min-height:160px}.categories{grid-template-columns:1fr}.category{min-height:unset}.cards{grid-template-columns:1fr}}

/* V1785 reference-matched magazine layout: preserves Supabase functionality */
body{background:#f5f6f3;color:#161c19;font-family:Arial,Helvetica,sans-serif}
.mag-header{background:white!important;color:#25382f!important;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:18px;padding:13px max(18px,calc((100vw - 1210px)/2));box-shadow:0 1px 8px #0000000a}
.mag-header .logo{font-size:30px;color:#08613f!important;letter-spacing:-1px;white-space:nowrap}
.mag-header nav{gap:29px;flex-wrap:nowrap;font-size:13px}.mag-header nav .active{color:#09613f;border-bottom:2px solid #09613f;padding-bottom:9px;font-weight:bold}.header-actions{display:flex;gap:16px;align-items:center;white-space:nowrap}.header-actions>a:not(.yellow){font-size:22px}.mag-header .yellow{background:#ffcd3f;color:#17231a;padding:12px 18px}
.wrap{max-width:1210px;padding:12px 18px 42px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-side{display:none}.story.feature{min-height:340px;border-radius:7px;box-shadow:none}.story.feature .inside{padding:28px}.story.feature h2{max-width:520px;font-size:clamp(25px,3.4vw,42px);line-height:1.15}.story.feature .pill{background:#ffce39;color:#1b251a;border-radius:5px}.story.feature .inside p{max-width:500px}.story.feature .inside:after{content:'Прочитај повеќе  →';display:table;margin-top:18px;padding:12px 19px;background:#ffcd3f;color:#16291f;border-radius:7px;font-weight:bold;font-size:13px}
.categories{margin:14px 0 32px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.category{display:block;min-height:0;padding:0;border-radius:7px;overflow:hidden;box-shadow:0 3px 11px #0000000c}.category-photo{height:108px;background-size:cover;background-position:center}.photo-diy{background-image:linear-gradient(135deg,#27392a55,#15291b55),url('/alat.webp')}.photo-tips{background-image:linear-gradient(135deg,#e5c66a55,#85631c55),url('/hero-city.jpg')}.photo-news{background-image:linear-gradient(135deg,#294e4255,#192d3b55),url('/nedviznosti.webp')}.category-detail{padding:12px}.category strong{font-size:17px}.category span{font-size:12px;line-height:1.5;margin:7px 0}.category em{font-size:12px}.section-title{margin:30px 0 13px}.section-title h2{font-size:25px}.cards{gap:14px}.card{border-radius:7px;box-shadow:0 3px 12px #0000000a}.card img{height:148px}.card-body{padding:12px}.card h3{font-size:16px;margin:8px 0;line-height:1.22}.card .eyebrow{display:inline-block;background:#ffd44b;color:#1d2d21;border-radius:5px;padding:5px 7px;font-size:10px;letter-spacing:0}.card .muted{font-size:11px}.newsletter{display:flex;gap:22px;background:linear-gradient(120deg,#005038,#00714d);color:white;border-radius:8px;padding:25px 28px;margin-top:28px}.newsletter-icon{background:white;color:#ffc92e;width:62px;height:62px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;font-size:32px}.newsletter-content{flex:1}.newsletter h3{margin:0 0 8px}.newsletter p{font-size:13px}.newsletter form{display:flex;gap:0}.newsletter input{border:0;border-radius:7px 0 0 7px}.newsletter button{background:#ffd044;border:0;padding:10px 25px;border-radius:0 7px 7px 0;font-weight:bold;white-space:nowrap}.newsletter small{display:block;margin-top:8px}
.article-layout{grid-template-columns:minmax(0,2.2fr) minmax(240px,1fr);gap:20px}.article-layout article{min-width:0}.article-layout aside{padding-top:0}.article-cover{border-radius:7px;max-height:380px}.article-body{padding:15px 0;background:transparent;font-size:15px;line-height:1.7}.article-body h2{font-size:23px}.article-layout aside h3{font-size:16px}.market-side-card,.side-question{background:#00583d;color:white;padding:25px 19px;border-radius:7px;text-align:center;margin-bottom:24px}.market-side-card h3,.side-question h3{color:#ffd044;font-size:20px!important}.market-side-card p,.side-question p{font-size:14px;line-height:1.5}.side-car{font-size:44px}.market-side-card a,.side-question a{display:block;background:#ffcd40;color:#1e291c;padding:13px;border-radius:7px;font-weight:bold}.side-list{gap:0}.side-list a{display:flex;align-items:center;gap:12px;border-radius:0;border-bottom:1px solid #e3e8e2;padding:12px 0;font-size:13px}.side-list img{width:76px;height:60px;object-fit:cover;border-radius:5px;flex-shrink:0}.side-question{text-align:left;margin-top:24px}.side-question h3{color:white}.article-layout .cta{background:#f0f7f2}
@media(min-width:850px){.hero-grid{grid-template-columns:1fr}.story.feature{min-height:340px}}
@media(max-width:800px){.mag-header{gap:9px;flex-wrap:wrap}.mag-header .logo{font-size:23px}.mag-header nav{order:3;width:100%;justify-content:center;gap:18px}.header-actions{gap:9px}.header-actions .yellow{padding:9px;font-size:11px}.wrap{padding:12px}.article-layout{grid-template-columns:1fr}.article-layout aside{display:block}.categories{gap:9px}.category-photo{height:80px}.category-detail{padding:9px}.category strong{font-size:13px}.category span{font-size:11px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card img{height:125px}.newsletter{padding:17px;gap:10px}.newsletter-icon{width:42px;height:42px;font-size:22px}}
@media(max-width:460px){.categories{grid-template-columns:repeat(3,minmax(0,1fr))}.category-photo{height:60px}.category-detail{padding:7px}.category strong{font-size:11px}.category span{font-size:10px}.category em{font-size:10px}.hero-grid .story.feature{min-height:320px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card img{height:105px}.card h3{font-size:13px}.newsletter-icon{display:none}.newsletter button{padding:9px;font-size:11px}}

/* V1786 approved screenshot fidelity layer */
body{background:#f5f6f4!important;color:#141a17!important} .mag-header{max-width:1200px;margin:8px auto 0;border-radius:9px 9px 0 0;padding:12px 20px!important;min-height:50px}.mag-header .logo{font-size:28px!important}.mag-header nav{gap:24px!important}.mag-header .yellow{background:#ffcd36!important}.wrap{background:#fff;max-width:1200px!important;padding:0 20px 32px!important;border-radius:0 0 10px 10px}.story.feature{height:340px;min-height:340px!important;border-radius:7px!important;background:#14291f}.story.feature img{object-position:center;filter:brightness(.72)}.story.feature:after{background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.35) 51%,transparent 83%)!important}.story.feature .inside{padding:24px!important;align-self:center}.story.feature h2{font-size:clamp(27px,3.2vw,37px)!important;max-width:390px!important;margin:12px 0!important;line-height:1.14!important}.story.feature .inside p{max-width:350px!important;font-size:14px!important;line-height:1.5}.story.feature .inside:after{background:#ffcc36!important}.categories{margin:14px 0 30px!important;gap:14px!important}.category{border-radius:7px!important;box-shadow:0 2px 10px #0000000c!important}.category-photo{height:90px!important;background-size:cover!important;background-position:center!important}.photo-diy{background-image:url('/blog-ref-diy.webp')!important}.photo-tips{background-image:url('/blog-ref-tips.webp')!important}.photo-news{background-image:url('/blog-ref-news.webp')!important}.category-detail{padding:11px 12px!important}.category strong{font-size:16px!important}.category span{font-size:12px!important;min-height:38px}.category em{color:#00623d!important}.section-title{margin:28px 0 12px!important}.section-title h2{font-size:24px!important}.section-title:after{content:'Види повеќе →';font-size:12px;color:#00613d;font-weight:bold}.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}.card img{height:96px!important;aspect-ratio:auto!important}.card-body{padding:11px!important}.card h3{font-size:14px!important;min-height:42px;margin:8px 0!important}.card .muted{font-size:10px!important}.newsletter{margin-top:22px!important;background:linear-gradient(120deg,#005038,#006f4c)!important}.newsletter button{background:#ffcc35!important}footer{margin-top:0!important;background:#f5f6f4!important;color:#57665e!important;font-size:12px}.preview-note{font-size:11px;color:#8b5a17;margin:8px 0}.mag-header nav a.active{color:#00623c!important}
@media(max-width:680px){.mag-header{margin:0;border-radius:0;flex-wrap:wrap}.mag-header nav{order:3;width:100%;justify-content:center;gap:17px!important}.wrap{padding:0 12px 24px!important}.story.feature{height:310px;min-height:310px!important}.story.feature h2{font-size:27px!important}.categories{gap:8px!important}.category-photo{height:75px!important}.category-detail{padding:8px!important}.category strong{font-size:12px!important}.category span{font-size:10px!important}.category em{font-size:10px!important}.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.card img{height:115px!important}.card h3{font-size:13px!important}.newsletter{padding:15px!important}}

/* V1787: ensure the approved BMW hero is visible even before a featured post exists. */
.hero-grid:has(.hero-fallback){display:block}
.hero-fallback{min-height:310px;width:100%}
.hero-fallback .inside{max-width:520px}
.hero-fallback .inside p{max-width:390px}
.hero-readmore{display:inline-block;background:#ffd448;color:#13251d;padding:12px 20px;border-radius:9px;font-weight:800;text-decoration:none;margin-top:8px}
@media(min-width:800px){.hero-fallback{min-height:310px}}

/* V1789: exact reference hero proportions, dynamic content remains linked to featured post */
.story.feature{display:flex!important;align-items:center!important;height:340px!important;min-height:340px!important}
.story.feature .inside{width:min(58%,510px);padding:24px!important;align-self:center!important}
.story.feature h2{font-size:clamp(25px,3vw,37px)!important;line-height:1.12!important;max-width:390px!important;margin:12px 0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.story.feature .inside p{font-size:13px!important;line-height:1.45!important;max-width:365px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:8px 0 0!important}
.story.feature .inside:after{content:'Прочитај повеќе  →'!important;display:table!important;margin-top:15px!important;padding:12px 18px!important;border-radius:7px!important;background:#ffcd3f!important;color:#16291f!important;font-size:13px!important;font-weight:800!important}
@media(max-width:680px){.story.feature{height:310px!important;min-height:310px!important}.story.feature .inside{width:80%;padding:20px!important}.story.feature h2{font-size:clamp(23px,5.7vw,30px)!important;line-height:1.13!important}.story.feature .inside p{font-size:12px!important;line-height:1.4!important}.story.feature .inside:after{padding:11px 16px!important;margin-top:13px!important}}

/* V1790: featured card proportions follow approved magazine reference */
.story.feature{height:310px!important;min-height:310px!important}
.story.feature .inside{width:min(65%,520px)!important;padding:24px!important}
.story.feature h2{font-size:clamp(24px,3vw,36px)!important;max-width:420px!important}
@media(max-width:680px){.story.feature{height:310px!important;min-height:310px!important}.story.feature .inside{width:90%!important;padding:20px!important}.story.feature h2{font-size:clamp(23px,5.2vw,29px)!important;max-width:340px!important}.story.feature .inside p{max-width:330px!important}.story.feature .inside:after{font-size:12px!important}}

/* V1791: approved magazine article layout; blog home remains unchanged */
.article-layout{grid-template-columns:minmax(0,1.9fr) minmax(235px,1fr)!important;gap:20px!important;align-items:start}.article-layout article{min-width:0}.article-layout #article-head h1{font-size:clamp(26px,2.7vw,37px)!important;line-height:1.14!important;margin:12px 0 14px!important;letter-spacing:-.025em}.article-meta{display:flex;gap:13px;align-items:center;flex-wrap:wrap;font-size:12px;color:#7a8382;margin:0 0 15px}.article-meta .article-category{background:#ffcf38;color:#153b2b;padding:5px 9px;border-radius:5px;font-weight:750}.article-meta button{margin-left:auto;background:transparent;border:0;color:#66726f;cursor:pointer;font:inherit}.article-layout .article-cover{width:100%;height:auto;aspect-ratio:1.4;object-fit:cover;max-height:none;border-radius:7px}.article-body{font-size:14px!important;line-height:1.65!important;padding:12px 0!important}.article-body p{margin:11px 0 16px!important}.article-body h2{font-size:21px!important;line-height:1.25;margin:25px 0 10px!important}.article-body h3{font-size:17px!important;margin:20px 0 9px!important}.article-body img{max-width:100%;height:auto;border-radius:7px;margin:8px 0 14px}.article-toc{background:#eff6f2;border-radius:7px;padding:18px 20px;margin:17px 0 23px;color:#14503a}.article-toc strong{font-size:16px}.article-toc ol{margin:12px 0 0;padding-left:22px}.article-toc li{padding:3px 0 3px 5px}.article-toc a{color:#215d4b;text-decoration:none}.article-toc a:hover{text-decoration:underline}.article-layout aside h3{font-size:15px!important}.market-side-card{padding:23px 19px!important}.market-side-card .side-car{display:flex;justify-content:center;color:#ffce32;margin:0 auto 9px}.side-car svg{width:55px;height:55px}.market-side-card h3{font-size:19px!important}.side-list a{font-size:12px!important}.side-question{padding:22px 18px!important}.article-layout .cta{padding:22px!important;margin:22px 0!important}.article-layout .cta h2{font-size:21px!important}.article-layout .cta a{display:inline-block;margin:5px 5px 5px 0!important}.article-layout aside [hidden]{display:none!important}
@media(max-width:800px){.article-layout{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}.article-layout #article-head h1{font-size:clamp(25px,6vw,34px)!important;line-height:1.15!important}.article-meta{font-size:11px;gap:9px}.article-layout .article-cover{aspect-ratio:1.42}.article-body{font-size:15px!important;line-height:1.65!important}.article-body h2{font-size:21px!important}.article-toc{padding:15px 17px}.article-layout aside{padding-top:5px}.article-layout .cta{padding:18px!important}}

/* V1792: clearly labelled visual placeholders until published posts exist */
.blog-demo-item{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #e3e8e2;color:#1d2925}.blog-demo-item img{width:76px;height:60px;object-fit:cover;border-radius:5px;flex-shrink:0}.blog-demo-item strong{display:block;font-size:12px;line-height:1.4;font-weight:700}.blog-demo-item small{display:block;margin-top:5px;color:#7b8981;font-size:11px}.side-list.has-demos{margin-bottom:22px}

/* V1793 — scoped premium gradient article palette; marketplace untouched */
body:has(.article-layout) .market-side-card,
body:has(.article-layout) .side-question{
 background:linear-gradient(135deg,#003b2e 0%,#006446 53%,#0b7955 100%)!important;
 border:1px solid rgba(242,205,77,.22);
 box-shadow:0 12px 30px rgba(0,67,47,.14);
}
body:has(.article-layout) .market-side-card a,
body:has(.article-layout) .side-question a{
 background:linear-gradient(110deg,#ffe17a 0%,#ffcf42 52%,#eebc27 100%)!important;
 color:#173a2c!important;
 box-shadow:0 3px 12px rgba(14,48,32,.13);
}
body:has(.article-layout) .market-side-card h3{color:#ffda58!important}
body:has(.article-layout) .side-question h3{color:#fff!important}
body:has(.article-layout) .article-toc{
 background:linear-gradient(135deg,#f4faf6 0%,#e6f2eb 100%);
 border:1px solid #d8e9dd;
}
body:has(.article-layout) .article-layout .cta{
 background:linear-gradient(125deg,#f5faf5 0%,#e4f3e9 100%)!important;
 border:1px solid #c8e3d0;
}
body:has(.article-layout) .article-layout .cta a{
 background:linear-gradient(110deg,#075b40,#14865a);
}
body:has(.article-layout) .article-layout .cta a + a{
 background:linear-gradient(110deg,#ffdb62,#edbd29);
 color:#173a2c;
}
body:has(.article-layout) .blog-demo-item,
body:has(.article-layout) .side-list a{
 border-bottom-color:#dbe8df;
}
body:has(.article-layout) .blog-demo-item img,
body:has(.article-layout) .side-list img{
 box-shadow:0 2px 9px rgba(0,68,47,.12);
}