:root{
  --orange:#EE8A1C; --orange-deep:#B85F0A; --green:#5FAF3A; --leaf:#3F7D2A;
  --ink:#2E3035; --ink-soft:#5B6068; --paper:#FFFFFF; --mist:#F2F6EE; --line:#E1E7DB;
  --band:#24402A; --band-ink:#F4F8F0; --chip:#EAF3E3; --focus:#EE8A1C;
  --serif:"Source Serif 4", Georgia, "Times New Roman", serif;
  --sans:"Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --wrap:1200px;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ink:#EEF2EA; --ink-soft:#A9B2A5; --paper:#161B17; --mist:#1E251F; --line:#2E3830;
    --band:#0F2414; --band-ink:#EEF2EA; --chip:#233026; --orange-deep:#F4A24B; --leaf:#8CCB6A;
  }
}
:root[data-theme="dark"]{
  --ink:#EEF2EA; --ink-soft:#A9B2A5; --paper:#161B17; --mist:#1E251F; --line:#2E3830;
  --band:#0F2414; --band-ink:#EEF2EA; --chip:#233026; --orange-deep:#F4A24B; --leaf:#8CCB6A;
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 70px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.55;overflow-x:hidden}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--orange);color:#fff;padding:8px 14px;border-radius:6px;z-index:100}
.skip:focus{left:12px}

/* ---------- Utility bar ---------- */
.util{background:var(--mist);border-bottom:1px solid var(--line);font-size:.8125rem;color:var(--ink-soft)}
.util .wrap{display:flex;align-items:center;gap:18px;min-height:38px;flex-wrap:wrap}
.util .date{margin-right:auto}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--paper)}
.seg button{border:0;background:none;padding:3px 10px;cursor:pointer;color:var(--ink-soft);font-weight:600;font-size:.78rem}
.seg button[aria-pressed="true"]{background:var(--leaf);color:#fff}
:root[data-theme="dark"] .seg button[aria-pressed="true"]{color:#10200F}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .seg button[aria-pressed="true"]{color:#10200F}}
.iconbtn{border:0;background:none;cursor:pointer;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--ink)}
.iconbtn:hover{background:var(--chip)}
.util .iconbtn{width:28px;height:28px}

/* ---------- Header ---------- */
.masthead .wrap{display:flex;align-items:center;gap:20px;padding-top:18px;padding-bottom:18px}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto}
.brand img{width:56px;height:auto}
.brand .wm{display:flex;flex-direction:column;line-height:1}
.brand .wm b{font-weight:800;letter-spacing:.2em;font-size:1.75rem;color:var(--ink)}
.brand .wm span{font-weight:700;color:var(--orange);font-size:.82rem;letter-spacing:.06em;margin-top:6px}
:root[data-theme="dark"] .masthead .brand img,:root[data-theme="dark"] .nav .mini,:root[data-theme="dark"] .drawer .brand img{background:#fff;border-radius:50%;padding:4px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .masthead .brand img,:root:not([data-theme="light"]) .nav .mini,:root:not([data-theme="light"]) .drawer .brand img{background:#fff;border-radius:50%;padding:4px}}
.f-brand .brand img{background:none;padding:0}
.search{position:relative;flex:0 1 380px}
.search input{width:100%;border:1.5px solid var(--line);background:var(--mist);border-radius:999px;padding:11px 44px 11px 18px;font-size:.95rem}
.search input:focus{outline:none;border-color:var(--green);background:var(--paper)}
.search .go{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:0;background:var(--orange);color:#fff;display:grid;place-items:center;cursor:pointer}
.suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -18px rgba(20,40,20,.35);z-index:40;overflow:hidden;display:none}
.suggest.open{display:block}
.suggest a{display:block;padding:10px 16px;border-bottom:1px solid var(--line)}
.suggest a:last-child{border-bottom:0}
.suggest a:hover,.suggest a.active{background:var(--mist)}
.suggest small{display:block;color:var(--ink-soft);font-size:.75rem}
.suggest .all{font-weight:700;color:var(--orange-deep)}
.menubtn{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line);background:none;border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:700;font-size:.9rem}
.menubtn:hover{border-color:var(--green)}
.searchtoggle{display:none}

/* ---------- Nav ---------- */
.nav{position:sticky;top:0;z-index:30;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}
.nav .wrap::-webkit-scrollbar{display:none}
.nav a{white-space:nowrap;padding:14px 14px;font-weight:700;font-size:.95rem;position:relative;color:var(--ink)}
.nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:4px;border-radius:4px 4px 0 0;background:var(--k,var(--green));transform:scaleY(0);transform-origin:bottom;transition:transform .2s}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleY(1)}
.nav .mini{display:none;width:30px;margin-right:6px}
.nav.stuck .mini{display:block}

/* ---------- Drawer ---------- */
.drawer{position:fixed;inset:0;z-index:60;visibility:hidden}
.drawer.open{visibility:visible}
.drawer .scrim{position:absolute;inset:0;background:rgba(15,30,15,.45);opacity:0;transition:opacity .25s}
.drawer.open .scrim{opacity:1}
.drawer aside{position:absolute;top:0;bottom:0;left:0;width:min(360px,88vw);background:var(--paper);transform:translateX(-100%);transition:transform .3s ease;overflow-y:auto;padding:calc(env(safe-area-inset-top,0px) + 20px) 24px calc(env(safe-area-inset-bottom,0px) + 24px)}
.drawer.open aside{transform:none}
.drawer h3{font-size:.85rem;color:var(--ink-soft);margin:26px 0 8px;font-weight:600}
.drawer .cats a{display:flex;align-items:center;gap:12px;padding:10px 0;font-weight:700;font-size:1.1rem;border-bottom:1px solid var(--line)}
.drawer .cats i{width:12px;height:12px;border-radius:50%;background:var(--k)}
.drawer .tags{display:flex;flex-wrap:wrap;gap:8px}
.drawer-top{display:flex;align-items:center;justify-content:space-between}

/* ---------- Ads ---------- */
.ad{margin:26px auto;max-width:970px;width:100%}
.ad .lbl{font-size:.7rem;color:var(--ink-soft);display:flex;justify-content:space-between;margin-bottom:4px}
.ad .box{aspect-ratio:970/250;width:100%;border-radius:10px;background:repeating-linear-gradient(135deg,var(--mist) 0 14px,var(--paper) 14px 28px);border:1.5px dashed var(--line);display:grid;place-items:center;text-align:center;color:var(--ink-soft)}
.ad.large .box{aspect-ratio:970/500}
.ad .box strong{display:block;font-size:1.1rem;color:var(--ink)}
.ad .box span{font-size:.8rem}
.ad .m{display:none}
@media (max-width:600px){
  .ad .box,.ad.large .box{aspect-ratio:320/100}
  .ad.large .box{aspect-ratio:300/250}
  .ad .d{display:none}.ad .m{display:inline}
}

/* ---------- Common article bits ---------- */
.kicker{font-weight:700;font-size:.8rem;color:var(--k);display:inline-flex;align-items:center;gap:6px}
.kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--kb)}
:root[data-theme="dark"] .kicker{color:var(--kd)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .kicker{color:var(--kd)}}
.meta{font-size:.78rem;color:var(--ink-soft)}
.cover{border-radius:14px;overflow:hidden;background:var(--mist)}
.cover svg{width:100%;height:auto}
.h-serif{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;line-height:1.15;margin:0}
.card{display:flex;flex-direction:column;gap:10px}
.card .h-serif{font-size:1.2rem}
.card:hover .h-serif,.row:hover .h-serif,.lead:hover .h-serif{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--orange)}
.card p{margin:0;color:var(--ink-soft);font-size:.92rem}
.row{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:start;padding:14px 0;border-top:1px solid var(--line)}
.row .cover{border-radius:10px}
.row .h-serif{font-size:1.02rem;margin-top:4px}
.chip{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--chip);font-weight:600;font-size:.82rem;color:var(--ink)}
.chip:hover{background:var(--green);color:#fff}

section.block{padding-top:34px;padding-bottom:34px}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid var(--kb,var(--green))}
.sec-head h2{font-family:var(--serif);font-size:1.9rem;margin:0;font-weight:700;letter-spacing:-.015em}
.sec-head a{font-weight:700;font-size:.88rem;color:var(--orange-deep)}
.sec-head a:hover{text-decoration:underline}

/* ---------- Hero ---------- */
.hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px;padding-top:26px}
.lead{display:block;position:relative}
.lead .cover{border-radius:20px}
.lead .txt{margin-top:18px;max-width:46rem}
.lead .h-serif{font-size:clamp(1.9rem,3.4vw,3rem);margin:10px 0 12px;line-height:1.08}
.lead p{font-size:1.1rem;color:var(--ink-soft);margin:0 0 10px;max-width:40rem}
.popular h2{font-family:var(--serif);font-size:1.4rem;margin:0 0 6px}
.popular ol{list-style:none;margin:0;padding:0;counter-reset:p}
.popular li{counter-increment:p;display:grid;grid-template-columns:44px 1fr;gap:10px;padding:14px 0;border-top:1px solid var(--line)}
.popular li::before{content:counter(p);font-family:var(--serif);font-size:2.2rem;font-weight:700;line-height:1;color:var(--orange)}
.popular a{font-weight:700;line-height:1.3;display:block}
.popular a:hover{color:var(--leaf)}
.side-note{margin-top:22px;background:var(--mist);border-radius:16px;padding:18px 18px 20px;position:relative;overflow:hidden}
.side-note h3{margin:0 0 6px;font-family:var(--serif);font-size:1.15rem}
.side-note p{margin:0 0 12px;font-size:.9rem;color:var(--ink-soft)}

.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px}
.feature .card .h-serif{font-size:1.65rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.two .card .h-serif{font-size:1.35rem}

/* Opinion band */
.band{background:var(--band);color:var(--band-ink);margin:30px 0;padding:46px 0 50px}
.band .sec-head{border-color:var(--orange)}
.band .sec-head a{color:#F7B060}
.op{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.op a{display:flex;flex-direction:column;gap:14px}
.op blockquote{margin:0;font-family:var(--serif);font-size:1.3rem;line-height:1.3;font-weight:500}
.op blockquote::before{content:"„";color:var(--orange);font-size:2.4rem;line-height:0;vertical-align:-.35em;margin-right:2px}
.op .who{display:flex;align-items:center;gap:12px;font-size:.88rem}
.op .who b{display:block}
.op .who span{opacity:.75}
.op a:hover blockquote{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:5px}
.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;flex:none;font-size:.9rem}

.tagcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.tagcols h3{font-family:var(--serif);font-size:1.35rem;margin:0 0 4px;display:flex;align-items:center;gap:10px}
.tagcols h3 svg{width:26px;height:26px;color:var(--orange)}
.tagcols .desc{font-size:.86rem;color:var(--ink-soft);margin:0 0 6px}

/* ---------- Article page ---------- */
.crumbs{font-size:.82rem;color:var(--ink-soft);padding-top:24px;display:flex;gap:8px;flex-wrap:wrap}
.crumbs a:hover{color:var(--leaf);text-decoration:underline}
.art{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;padding:14px 0 30px}
.art header .h-serif{font-size:clamp(2rem,4vw,3.1rem);line-height:1.08;margin:12px 0 16px}
.art .dek{font-size:1.2rem;color:var(--ink-soft);margin:0 0 20px;line-height:1.45}
.byline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px}
.byline .who{margin-right:auto;font-size:.88rem;line-height:1.35}
.byline .who b{display:block}
.tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fs{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;padding:2px}
.fs button{border:0;background:none;cursor:pointer;padding:4px 10px;border-radius:999px;font-weight:800;font-family:var(--serif)}
.fs button:hover:not(:disabled){background:var(--chip)}
.fs button:disabled{opacity:.35;cursor:default}
.fs output{font-size:.75rem;color:var(--ink-soft);min-width:40px;text-align:center}
.share{border:1.5px solid var(--line);background:none;border-radius:999px;padding:6px 14px;font-weight:700;font-size:.82rem;cursor:pointer}
.share:hover{border-color:var(--green)}
.art .cover{border-radius:18px;margin-bottom:8px}
.caption{font-size:.78rem;color:var(--ink-soft);margin:0 0 26px}
.body{font-family:var(--serif);font-size:1.18rem;line-height:1.72;max-width:40rem}
.body p{margin:0 0 1.15em}
.body > p:first-of-type::first-letter{float:left;font-size:3.6em;line-height:.9;margin:.06em .1em 0 0;color:var(--orange);font-weight:700}
.body h2{font-family:var(--sans);font-size:1.35rem;margin:1.6em 0 .6em;font-weight:800}
.body blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:5px solid var(--green);font-size:1.3em;line-height:1.35;font-style:italic}
.tip{font-family:var(--sans);font-size:.92rem;background:var(--mist);border-radius:14px;padding:16px 18px;margin:1.8em 0;display:flex;gap:12px}
.tip svg{flex:none;width:22px;height:22px;color:var(--leaf);margin-top:2px}
.art aside .sticky{position:sticky;top:76px}
.art-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 8px}

/* ---------- List pages ---------- */
.pagehead{padding-top:34px;padding-bottom:10px}
.pagehead h1{font-family:var(--serif);font-size:clamp(2.2rem,5vw,3.6rem);margin:0;letter-spacing:-.02em;line-height:1.05}
.pagehead p{color:var(--ink-soft);max-width:40rem;margin:10px 0 0;font-size:1.05rem}
.pagehead .bar{height:6px;width:80px;border-radius:6px;background:var(--kb,var(--green));margin-bottom:16px}
.results{max-width:52rem}
.results .row{grid-template-columns:150px 1fr}
.results mark{background:#FFE1B8;color:inherit;border-radius:3px;padding:0 2px}
.searchbig{display:flex;gap:10px;margin-top:18px;max-width:40rem;flex-wrap:wrap}
.searchbig input{flex:1 1 240px;border:1.5px solid var(--line);border-radius:12px;padding:12px 16px;background:var(--paper);font-size:1.05rem}
.searchbig input:focus{outline:none;border-color:var(--green)}
.empty{padding:40px 0;max-width:36rem}
.empty h2{font-family:var(--serif);margin:0 0 8px}
.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:var(--orange);color:#fff;font-weight:800;padding:11px 20px;cursor:pointer;font-size:.92rem;letter-spacing:.02em}
.btn:hover{background:#D5760C}
.btn.green{background:var(--leaf)}

/* ---------- Footer ---------- */
footer{background:var(--band);color:var(--band-ink);margin-top:40px}
footer a:hover{text-decoration:underline}
.f-top{display:grid;grid-template-columns:1.1fr 1.4fr;gap:50px;padding-top:50px;padding-bottom:36px}
.f-brand .wm b{color:#fff}
.f-brand .badge{background:#fff;border-radius:50%;padding:8px;width:72px;height:72px;display:grid;place-items:center}
.f-brand .badge img{width:48px}
.f-brand p{opacity:.8;max-width:26rem;font-size:.92rem;margin:16px 0}
.social{display:flex;gap:10px}
.social a{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);display:grid;place-items:center}
.social a:hover{background:var(--orange);border-color:var(--orange)}
.social svg{width:18px;height:18px}
.news h3{font-family:var(--serif);font-size:1.7rem;margin:0 0 6px;font-weight:600}
.news p{opacity:.8;margin:0 0 16px;font-size:.95rem}
.news form{display:flex;gap:10px;flex-wrap:wrap}
.news input{flex:1 1 240px;border-radius:999px;border:1.5px solid rgba(255,255,255,.25);background:rgba(255,255,255,.07);color:#fff;padding:12px 18px}
.news input::placeholder{color:rgba(255,255,255,.6)}
.news input:focus{outline:none;border-color:var(--orange)}
.news .msg{font-size:.88rem;margin-top:10px;min-height:1.3em}
.news .msg.err{color:#FFB38A}.news .msg.ok{color:#B5E59A}
.network{border-top:1px solid rgba(255,255,255,.14);padding-top:24px;padding-bottom:24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.network span{font-size:.85rem;opacity:.75;margin-right:6px}
.pl{border:1.5px solid rgba(255,255,255,.22);border-radius:10px;padding:8px 14px;font-weight:800;letter-spacing:.08em;font-size:.8rem;display:inline-flex;align-items:center;gap:8px}
.pl i{width:10px;height:10px;border-radius:3px;background:var(--c)}
.pl.cur{background:#fff;color:var(--band);border-color:#fff}
.legal{border-top:1px solid rgba(255,255,255,.14);padding-top:20px;padding-bottom:20px;display:flex;gap:22px;flex-wrap:wrap;font-size:.88rem}
.copy{background:rgba(0,0,0,.22);font-size:.8rem;padding:14px 0;opacity:.9}
.copy .wrap{display:flex;gap:10px;flex-wrap:wrap}

.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:999px;font-weight:600;font-size:.9rem;opacity:0;transition:.25s;z-index:80;pointer-events:none}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* one orchestrated moment: the hero cover assembles on first load */
@media (prefers-reduced-motion:no-preference){
  .intro .shape{animation:grow .9s cubic-bezier(.2,.8,.2,1) both;transform-box:fill-box;transform-origin:center}
  @keyframes grow{from{transform:scale(.4) rotate(-12deg);opacity:0}to{transform:none;opacity:1}}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .hero{grid-template-columns:1fr}
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .art{grid-template-columns:1fr}
  .art aside .sticky{position:static}
  .f-top{grid-template-columns:1fr;gap:34px}
}
@media (max-width:760px){
  .search{display:none;position:absolute;left:16px;right:16px;top:100%;z-index:35}
  .search.open{display:block}
  .masthead .wrap{position:relative;gap:10px}
  .searchtoggle{display:inline-grid}
  .menubtn span{display:none}
  .menubtn{padding:8px 10px}
  .brand img{width:44px}.brand .wm b{font-size:1.3rem}.brand .wm span{font-size:.68rem}
  .feature,.two,.op,.tagcols,.grid3{grid-template-columns:1fr}
  .two{gap:30px}
  .util .date{display:none}
  .results .row{grid-template-columns:100px 1fr}
}
@media (max-width:480px){
  .grid4{grid-template-columns:1fr}
  .wrap{padding:0 16px}
}

/* ---------- Info pages ---------- */
.docgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;padding:10px 20px 40px}
.doc{max-width:44rem;font-size:1.02rem}
.doc h2{font-family:var(--serif);font-size:1.4rem;margin:1.6em 0 .5em}
.doc h2:first-child{margin-top:.4em}
.doc p{margin:0 0 1em;color:var(--ink)}
.doc ul{margin:0 0 1em;padding-left:1.2em}
.doc li{margin:.3em 0}
.infonav{margin-top:10px}
.infonav h2{font-family:var(--serif);font-size:1.15rem;margin:0 0 8px}
.infonav a{display:block;padding:10px 0;border-top:1px solid var(--line);font-weight:600}
.infonav a:hover{color:var(--leaf)}
.infonav a[aria-current="page"]{color:var(--leaf);box-shadow:inset 4px 0 0 var(--green);padding-left:12px}
.legal a[aria-current="page"]{text-decoration:underline;text-underline-offset:4px}
.contactcard{margin:0 0 26px}
.contactcard h3{font-size:.95rem;font-family:var(--sans);margin:12px 0 2px}
.contactcard h3:first-child{margin-top:0}
.contactcard p{margin:0}
.contactcard a{color:var(--orange-deep);font-weight:700}
.cform{display:flex;flex-direction:column;gap:18px;max-width:40rem}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-weight:700;font-size:.92rem}
.field input,.field select,.field textarea{border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--paper);font-size:1rem;width:100%}
.field textarea{resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green)}
.err{color:#C0392B;font-size:.85rem;min-height:0}
.err:empty{display:none}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.9rem}
.check input{margin-top:4px;width:18px;height:18px;accent-color:var(--leaf)}
.check a{color:var(--orange-deep);font-weight:700}
.cform .msg{font-weight:700;color:var(--leaf)}
.formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.fmt .prev{background:var(--mist);border-radius:14px;padding:22px;display:grid;place-items:center;min-height:170px}
.fmt .prev > div{width:100%;border-radius:6px;background:repeating-linear-gradient(135deg,var(--orange) 0 10px,#F4A24B 10px 20px);display:grid;place-items:center}
.fmt .prev.mob > div{width:55%}
.fmt .prev span{background:var(--paper);color:var(--ink);font-weight:800;font-size:.78rem;padding:3px 8px;border-radius:6px}
.fmt h3{font-family:var(--serif);font-size:1.25rem;margin:14px 0 4px}
.fmt p{margin:0;color:var(--ink-soft);font-size:.92rem}
.tablewrap{overflow-x:auto}
.ptable{border-collapse:collapse;width:100%;max-width:52rem}
.ptable th,.ptable td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}
.ptable th{font-size:.85rem;color:var(--ink-soft)}
.ptable td b{color:var(--orange-deep)}
.lead-p{max-width:40rem;color:var(--ink-soft);margin:0 0 16px}
.netpills{display:flex;gap:10px;flex-wrap:wrap}
.pl2{border:1.5px solid var(--line);border-radius:10px;padding:8px 14px;font-weight:800;letter-spacing:.08em;font-size:.8rem;display:inline-flex;align-items:center;gap:8px}
.pl2 i{width:10px;height:10px;border-radius:3px;background:var(--c)}
.cta{margin:20px 0 40px;background:var(--band);color:var(--band-ink);border-radius:20px;padding:34px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta h2{font-family:var(--serif);margin:0 0 6px;font-size:1.7rem}
.cta p{margin:0;opacity:.8;max-width:34rem}
@media (max-width:1024px){.docgrid{grid-template-columns:1fr;gap:30px}}
@media (max-width:760px){.formats{grid-template-columns:1fr}.docgrid{padding:10px 16px 30px}}


/* kocka 300×250 + prave slike banera */
.ad.cube{max-width:300px;margin:28px 0 0}
.ad.cube .box{aspect-ratio:300/250}
@media (max-width:600px){.ad.cube{margin:24px auto 0}.ad.cube .box{aspect-ratio:300/250}}
.ad .box.has{border:0;background:none;overflow:hidden}
.ad .creative,.ad .creative img{display:block;width:100%;height:100%}
.ad .creative img{object-fit:cover;border-radius:10px}
.formats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}

/* Business Media Group – bedž u podnožju */
.copy{padding:18px 0}
.copy .wrap{align-items:center;row-gap:16px}
.bmg{position:relative;margin-left:auto;display:inline-flex;flex-direction:column;align-items:center;text-align:center;
  background:#fff;color:#2F9E5E;border:3px solid #86DDA8;border-radius:999px;padding:8px 30px 9px;
  box-shadow:0 0 0 1.5px #2E6B45,0 4px 0 #2E6B45;line-height:1.25;transition:transform .2s,box-shadow .2s;opacity:1}
.bmg span{font-size:.8rem;font-weight:500}
.bmg b{font-size:.95rem;font-weight:800;letter-spacing:.06em}
.bmg:hover{transform:translateY(-2px);box-shadow:0 0 0 1.5px #2E6B45,0 6px 0 #2E6B45;text-decoration:none}
.bmg:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.bmg .spark{position:absolute;fill:#F6D531;filter:drop-shadow(0 0 1px rgba(0,0,0,.15))}
.bmg .s1{width:18px;height:18px;top:-9px;right:26px}
.bmg .s2{width:12px;height:12px;top:-4px;right:8px}
.bmg .s3{width:20px;height:20px;bottom:-10px;left:-4px}
@media (prefers-reduced-motion:no-preference){
  .bmg .spark{animation:twinkle 2.4s ease-in-out infinite}
  .bmg .s2{animation-delay:.8s}.bmg .s3{animation-delay:1.6s}
  @keyframes twinkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(.7) rotate(20deg)}}
}
@media (max-width:760px){.bmg{margin:6px auto 4px}}
.copy{opacity:1}
.copy .wrap > span{opacity:.9}
@media (max-width:760px){.copy .sep{display:none}.copy .wrap{row-gap:6px;justify-content:center;text-align:center}.copy .wrap > span{width:100%}.bmg{margin-top:14px}}
/* bedž – manja verzija */
.bmg{padding:5px 20px 6px;border-width:2.5px;box-shadow:0 0 0 1.5px #2E6B45,0 3px 0 #2E6B45;line-height:1.2}
.bmg:hover{box-shadow:0 0 0 1.5px #2E6B45,0 5px 0 #2E6B45}
.bmg span{font-size:.68rem}
.bmg b{font-size:.78rem;letter-spacing:.05em}
.bmg .s1{width:14px;height:14px;top:-7px;right:18px}
.bmg .s2{width:9px;height:9px;top:-3px;right:6px}
.bmg .s3{width:15px;height:15px;bottom:-7px;left:-3px}
/* bedž odmah pored godine */
.bmg{margin-left:4px}
@media (max-width:760px){.bmg{margin:14px auto 4px}}

/* donja traka: © + BMG + Početna levo, SYSQBIT desno */
.copy .wrap{justify-content:space-between;align-items:center;gap:14px}
.copy-l{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px}
.copy-l > span{opacity:.9}
.copy .dot{opacity:.6;font-weight:700}
.bmg{margin:0;padding:6px 18px 7px}
.bmg b{font-size:.78rem}
.homelink{display:inline-flex;align-items:center;gap:6px;font-weight:700;opacity:.95}
.homelink:hover{color:#F7B060;text-decoration:none}
.copy .dev{margin-left:auto;text-align:right}
@media (max-width:760px){
  .copy .wrap{flex-direction:column;justify-content:center;text-align:center}
  .copy-l{justify-content:center}
  .copy .dev{margin:0;text-align:center;width:auto}
  .copy .wrap > span{width:auto}
  .bmg{margin:0}
}
.copy .dot{font-size:1.3rem;line-height:1}
@media (max-width:760px){.copy-l > .dot:first-of-type{display:none}.copy-l > span:first-child{width:100%}}
@media (max-width:760px){.copy-l > .dot:nth-child(2){display:none}}

/* Instagram kartica u kocki */
.igtile{height:100%;border-radius:12px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;color:#fff;padding:18px;
  background:radial-gradient(circle at 25% 110%,#FEDA75 0%,#FA7E1E 25%,#D62976 55%,#962FBF 78%,#4F5BD5 100%);transition:transform .2s,box-shadow .2s}
.igtile:hover{transform:translateY(-3px);box-shadow:0 14px 28px -12px rgba(150,47,191,.6);text-decoration:none}
.igtile .iglogo{width:46px;height:46px;margin-bottom:4px}
.igtile strong{font-family:var(--serif);font-size:1.35rem;line-height:1.15}
.igtile .handle{font-size:.85rem;opacity:.9}
.igtile .follow{margin-top:8px;background:#fff;color:#2E3035;font-weight:800;font-size:.82rem;padding:8px 16px;border-radius:999px}
.ad .box .igtile strong{color:#fff}

.ad:not(.cube) .igtile{gap:10px}
.ad:not(.cube) .igtile .iglogo{width:64px;height:64px}
.ad:not(.cube) .igtile strong{font-size:clamp(1.4rem,3vw,2.2rem)}
.ad:not(.cube) .igtile .handle{font-size:1rem}
.ad:not(.cube) .igtile .follow{font-size:.95rem;padding:10px 22px}
@media (max-width:600px){.ad:not(.cube) .igtile .iglogo{width:44px;height:44px}.ad:not(.cube) .igtile strong{font-size:1.3rem}}
.igtile{font-family:var(--sans)}.igtile strong{font-family:var(--serif)}.body .ad{font-family:var(--sans)}
.ad-inlist .ad{margin:28px 0 0}
.nav a.navhome{display:inline-flex;align-items:center;gap:7px}
.nav a.navhome svg{margin-top:-2px}

/* Najčitanije prati skrolovanje na stranicama rubrika */
.sticky-side{position:sticky;top:calc(env(safe-area-inset-top,0px) + 76px)}
@media (max-width:760px){.sticky-side{position:static}}

/* ===== Izmene po komentarima klijenta ===== */
/* 1. Kategorije velikim slovima */
.nav a{text-transform:uppercase;letter-spacing:.05em;font-size:.84rem}
/* 2. Mobilni: kategorije u više redova, bez pomeranja levo-desno */
@media (max-width:760px){
  .nav{position:static}
  .nav .wrap{flex-wrap:wrap;justify-content:center;overflow:visible;gap:2px 0;padding:6px 8px}
  .nav a{padding:8px 9px;font-size:.72rem;letter-spacing:.04em}
  .nav a::after{left:9px;right:9px;height:3px}
  .nav .mini,.nav.stuck .mini{display:none}
}
/* 3. Natpis iznad banera se ne prikazuje (vidljiv samo uz ?oglasi=1) */
.ad .lbl{display:none}
html.ad-labels .ad .lbl{display:flex}
/* 4. Slajder rubrike Aktuelno */
.slider{position:relative}
.track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*16px)/4);column-gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:16px}
.track::-webkit-scrollbar{display:none}
.slide{position:relative;scroll-snap-align:start;border-radius:16px;overflow:hidden;aspect-ratio:3/4;display:block;background:var(--mist)}
.slide-img,.slide-img svg{width:100%;height:100%}
.slide-img svg{transition:transform .6s ease}
.slide:hover .slide-img svg{transform:scale(1.05)}
.slide-txt{position:absolute;left:0;right:0;bottom:0;padding:60px 18px 18px;color:#fff;background:linear-gradient(to top,rgba(20,28,20,.88),rgba(20,28,20,.55) 55%,transparent)}
.slide-kick{display:inline-block;background:var(--orange);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:999px;margin-bottom:8px}
.slide h3{font-family:var(--serif);font-weight:600;font-size:1.15rem;line-height:1.2;margin:0 0 8px}
.slide:hover h3{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px}
.slide-meta{font-size:.75rem;opacity:.85}
.sl-btn{position:absolute;top:calc(50% - 30px);width:46px;height:46px;border-radius:50%;border:0;background:var(--paper);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px -6px rgba(0,0,0,.35);z-index:2}
.sl-btn:hover{background:var(--orange);color:#fff}
.sl-prev{left:-18px}.sl-next{right:-18px}
.sl-dots{display:flex;justify-content:center;gap:7px;margin-top:16px}
.sl-dots i{width:8px;height:8px;border-radius:999px;background:var(--line);transition:width .25s,background .25s}
.sl-dots i.on{width:24px;background:var(--orange)}
@media (max-width:1024px){.track{grid-auto-columns:calc((100% - 16px)/2)}}
@media (max-width:600px){.track{grid-auto-columns:82%;column-gap:12px}.sl-btn{display:none}.slide h3{font-size:1.05rem}}
/* Mreža portala i pravni linkovi – mobilni prikaz */
.pl{white-space:nowrap}
@media (max-width:760px){
  .network{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}
  .network > span{grid-column:1/-1;margin:0 0 2px;text-align:center}
  .network .pl{justify-content:center;padding:11px 8px;font-size:.72rem;letter-spacing:.05em;min-width:0}
  .network .pl:last-child:nth-child(even){grid-column:1/-1}
  .legal{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;text-align:center}
  .legal a:last-child:nth-child(odd){grid-column:1/-1}
}
@media (max-width:360px){.network .pl{font-size:.66rem;letter-spacing:.03em;padding:10px 4px}}
@media (max-width:760px){
  footer .network{padding:22px 16px 24px}
  footer .legal{padding:22px 16px 24px}
  footer .f-top{padding-top:40px;padding-bottom:30px}
}
/* bez narandžastih oznaka u tekstu */
.op blockquote::before{content:none}
.op a:hover blockquote{text-decoration:none}
.op a:hover h3{text-decoration:underline;text-underline-offset:4px}
.card:hover .h-serif,.row:hover .h-serif,.lead:hover .h-serif,.slide:hover h3{text-decoration-color:currentColor;text-decoration-thickness:1px}

/* Business Media Group – običan link, bez bedža */
.copy .bmg{all:unset;cursor:pointer;display:inline;color:#fff;font-weight:700;font-size:inherit;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.45)}
.copy .bmg b{font:inherit;letter-spacing:0}
.copy .bmg:hover{text-decoration-color:#fff}
.copy .bmg:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:3px}
@media (max-width:760px){
  .copy .wrap{gap:10px;padding-top:6px;padding-bottom:6px}
  .copy-l{display:block;text-align:center;line-height:1.7}
  .copy-l > span:first-child{width:auto}
  .copy-l > .dot:nth-child(2){display:inline;margin:0 6px}
  .copy .bmg{margin:0}
}
.copy .bmg{white-space:nowrap}.copy .dot{vertical-align:middle}

/* ===== Novo podnožje (po uzoru na luxlife.rs) ===== */
.f-pillars{margin:18px 0 22px !important;font-weight:800;letter-spacing:.18em;font-size:.82rem;color:#F7B060;opacity:1 !important}
.f-label{margin:0 0 10px !important;font-weight:700;font-size:.85rem;opacity:.8}
.f-about{display:grid;grid-template-columns:1fr 1fr;gap:48px;border-top:1px solid rgba(255,255,255,.14);padding-top:36px;padding-bottom:30px}
.f-about h3,.f-portfolio h3{font-family:var(--serif);font-size:1.3rem;font-weight:600;margin:0 0 12px}
.f-about h3 a:hover{text-decoration:underline}
.f-about p{margin:0 0 12px;font-size:.9rem;line-height:1.65;opacity:.85}
.f-about .motto{font-family:var(--serif);font-style:italic;font-size:1.08rem;opacity:1;border-left:3px solid var(--green);padding-left:14px}
.f-portfolio{border-top:1px solid rgba(255,255,255,.14);padding-top:30px;padding-bottom:30px}
.f-portfolio h3{font-family:var(--sans);font-weight:800;letter-spacing:.18em;font-size:.85rem;opacity:.8}
.pf{display:grid;gap:12px}
.pf-row{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:baseline;padding-bottom:12px;border-bottom:1px dashed rgba(255,255,255,.12)}
.pf-row:last-child{border-bottom:0;padding-bottom:0}
.pf-row b{font-size:.78rem;letter-spacing:.12em;color:#B5E59A}
.pf-items{font-size:.92rem;line-height:1.8}
.pf-items i{font-style:normal;opacity:.35;margin:0 10px}
.pf-items a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.35)}
.pf-items a.cur{font-weight:800;text-decoration:none;color:#fff}
.f-group{border-top:1px solid rgba(255,255,255,.14);padding-top:30px;padding-bottom:30px;text-align:center}
.bmg-name{font-weight:800;letter-spacing:.2em;font-size:1.05rem}
.bmg-name:hover{text-decoration:underline;text-underline-offset:5px}
.f-group p{margin:8px 0 0;font-size:.88rem;opacity:.8}
.f-group .bmg-tag{letter-spacing:.06em;color:#F7B060;opacity:1;font-weight:600}
.legal{justify-content:center}
@media (min-width:761px){.legal a + a::before{content:"|";opacity:.35;margin-right:22px}.legal{gap:0 22px}}
.copy .wrap{display:block !important;text-align:center}
.copyline{margin:0;font-size:.8rem;opacity:.9}
.copyline i{font-style:normal;opacity:.4;margin:0 10px}
.copyline a{font-weight:800;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.4)}
.copyline a:hover{text-decoration-color:#fff}
@media (max-width:760px){
  .f-about{grid-template-columns:1fr;gap:26px;padding:28px 16px 22px}
  .f-portfolio,.f-group{padding:24px 16px}
  .pf-row{grid-template-columns:1fr;gap:4px;text-align:center}
  .pf-items i{margin:0 6px}
  .f-portfolio h3{text-align:center}
  .copyline span{display:block;margin:2px 0}
  .copyline i{display:none}
  .f-brand{text-align:center}.f-brand .brand{justify-content:center}.social{justify-content:center}
}
@media (max-width:760px){.copyline span{display:inline;margin:0}.copyline > span{display:block;margin:2px 0}}
.pf-items a,.pf-items span{white-space:nowrap}
.pf-items i{margin:0 4px}

/* ===== Podaci iz administracije: prave slike, izvor, prava, kolačići ===== */
.cimg{display:block;width:100%;height:auto;object-fit:cover;background:var(--mist)}
.slide-img .cimg{height:100%}
.art-fig{margin:0 0 8px}
.art-fig .cover{margin-bottom:8px}
.art-fig figcaption.caption{margin:0 0 26px}
.body img{max-width:100%;height:auto;border-radius:10px}
.body figure{margin:1.6em 0}
.body figcaption{font-family:var(--sans);font-size:.82rem;color:var(--ink-soft);margin-top:6px}
.body ul,.body ol{padding-left:1.3em;margin:0 0 1.15em}
.body li{margin:.3em 0}
.body a{color:var(--leaf);text-decoration:underline;text-underline-offset:3px}
.body table{border-collapse:collapse;width:100%;font-family:var(--sans);font-size:.92rem;margin:1.4em 0}
.body th,.body td{border:1px solid var(--line);padding:8px 10px;text-align:left}
.body hr{border:0;border-top:1px solid var(--line);margin:1.8em 0}
.body h3{font-family:var(--sans);font-size:1.15rem;margin:1.4em 0 .5em;font-weight:800}
.rights{font-size:.85rem;color:var(--ink-soft);margin:18px 0 0;font-style:italic}
.srcline{font-size:.88rem;margin:8px 0 0}
.srcline a{color:var(--leaf);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.msg.err{color:#C0392B}
.linkbtn{border:0;background:none;padding:0;color:inherit;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

.cookiebar{position:fixed;z-index:90;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);max-width:620px;margin:0 auto;
  background:var(--paper);color:var(--ink);border:1px solid var(--line);border-top:4px solid var(--green);border-radius:16px;
  box-shadow:0 24px 60px -20px rgba(20,40,20,.45);padding:20px 22px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 32px);overflow:auto}
.cookiebar h2{font-family:var(--serif);font-size:1.2rem;margin:0 0 6px}
.cookiebar p{margin:0;font-size:.9rem;color:var(--ink-soft)}
.cookiebar a{color:var(--leaf);font-weight:700}
.ck-btns{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn.ghost:hover{background:var(--mist)}
.ck-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);cursor:pointer}
.ck-row p{font-size:.84rem}
.ck-row input{width:22px;height:22px;accent-color:var(--leaf);flex:none}
.ck-on{font-size:.78rem;font-weight:700;color:var(--leaf);white-space:nowrap}
#legal a[data-cookie-settings]{opacity:.85}
@media (max-width:600px){.cookiebar{left:10px;right:10px;bottom:10px;padding:16px}.ck-btns .btn{flex:1;justify-content:center}}
.soc-txt{font-weight:800;font-size:.85rem;line-height:1}
.body .ad a,.body .ad a:hover{color:#fff;text-decoration:none}
.body .ad .igtile .follow{color:#2E3035}
.body .ad{font-family:var(--sans)}
.cookiebar .btn{white-space:nowrap}
@media (max-width:600px){.ck-btns .linkbtn{flex-basis:100%;text-align:center;order:3}}

/* logo ispred naslova „HEALTHLife portal za zdrav život“ u podnožju */
.f-logo-title{display:flex;align-items:center;gap:12px}
.f-logo{width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none}
.f-logo img{width:30px;height:auto;display:block}
@media (max-width:760px){.f-about .f-col:first-child .f-logo-title{justify-content:flex-start}}

/* ===== Donja traka kao na bizlife.rs: autorska prava + logotipi portala ===== */
.copy{background:#0B0F0C !important;opacity:1 !important;padding:30px 0 36px !important}
.copy .wrap{display:block !important;text-align:center}
.copyline{font-size:.95rem !important;opacity:1 !important;color:#fff;line-height:1.7;max-width:46rem;margin:0 auto !important}
.copyline i{opacity:.55}
.copyline a{color:#fff}
.pf-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:34px 28px;align-items:center;justify-items:center;margin:34px auto 0;max-width:1100px}
.pf-logo{display:flex;align-items:center;justify-content:center;min-height:72px;width:100%;color:#fff;text-decoration:none;opacity:.82;transition:opacity .2s, transform .2s}
.pf-logo:hover,.pf-logo:focus-visible{opacity:1;transform:translateY(-2px)}
.pf-logo.cur{opacity:1}
.pf-logo img{max-width:100%;max-height:64px;width:auto;height:auto;display:block}
.pf-logo img.pf-white{filter:brightness(0) invert(1)}
.pf-wm{display:flex;flex-direction:column;align-items:center;line-height:1;text-align:center}
.pf-wm b{font-family:var(--sans);font-weight:900;font-size:1.7rem;letter-spacing:-.01em}
.pf-wm .wm-life{font-family:var(--serif);font-weight:500;font-size:1.75rem}
.pf-wm > b + .wm-life{margin-left:2px}
.pf-wm:has(.wm-life){flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:baseline}
.pf-wm:has(.wm-life) small{flex-basis:100%}
.pf-wm .wm-word{font-family:var(--serif);font-weight:700;font-size:1.45rem;letter-spacing:-.01em}
.pf-wm small{display:block;font-family:var(--sans);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin-top:6px}
@media (max-width:1024px){.pf-logos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){
  .pf-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 18px;margin-top:40px}
  .copyline > span{display:inline !important}
  .copyline i{display:inline !important;margin:0 6px}
  .pf-wm b{font-size:1.45rem}.pf-wm .wm-life{font-size:1.5rem}.pf-wm .wm-word{font-size:1.25rem}
}
.copyline{max-width:none !important}
.copyline > span{white-space:nowrap}
@media (max-width:600px){.copyline > span{white-space:normal}}
/* donja traka: prelamanje na tabletu i telefonu */
.copyline > span{white-space:normal}
.copyline #company{white-space:nowrap}
@media (min-width:1000px){.copyline > span{white-space:nowrap}}
/* logotipi: poslednji red je centriran */
.pf-logos{display:flex !important;flex-wrap:wrap;justify-content:center;gap:34px 0 !important}
.pf-logos > .pf-logo{flex:0 0 20%;padding:0 12px;box-sizing:border-box}
@media (max-width:1024px){.pf-logos > .pf-logo{flex-basis:33.333%}}
@media (max-width:600px){.pf-logos{gap:36px 0 !important}.pf-logos > .pf-logo{flex-basis:50%;padding:0 8px}}
/* razmak između reči u tipografskim znakovima (npr. „No Pasaran“, „Trade with Serbia“) */
.pf-wm .wm-word{letter-spacing:0;word-spacing:.22em}
.pf-wm small{word-spacing:.08em}

/* redosled: logotipi, pa autorska prava kao poslednji red */
.pf-logos{margin:6px auto 0 !important}
.copyline{margin-top:34px !important;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}
/* tekst o portalu i o grupaciji: poravnat sa obe strane, isti naslovi */
.f-about .f-col h3{min-height:46px;display:flex;align-items:center;margin:0 0 14px}
.f-about .f-col p{text-align:justify;hyphens:auto;-webkit-hyphens:auto;text-justify:inter-word}
.f-about .motto{font-family:var(--sans) !important;font-weight:500;font-size:.95rem !important;line-height:1.65;text-align:left !important;opacity:1}
@media (max-width:600px){.f-about .f-col p{text-align:left;hyphens:manual}}

/* ===== Baner za kolačiće — responsive ===== */
.cookiebar{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:hidden}
.cookiebar .ck-txt{overflow:auto;min-height:0;flex:1 1 auto;overscroll-behavior:contain}
.cookiebar .ck-btns{flex:none}
@media (max-width:600px){
  /* telefon: plutajuća kartica sa razmakom od ivica (vidi se sajt ispod) */
  .cookiebar{left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);max-width:none;border-radius:16px;
    padding:16px;gap:12px;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}
  .cookiebar h2{font-size:1.08rem;margin-bottom:4px}
  .cookiebar p{font-size:.85rem;line-height:1.45}
  .ck-row{gap:12px;padding:10px 0}.ck-row p{font-size:.8rem}
  .ck-btns{gap:8px}.ck-btns .btn{min-height:44px;padding-left:12px;padding-right:12px}
}
@media (max-width:360px){
  .ck-btns .btn{padding-left:8px;padding-right:8px;font-size:.88rem}
  .ck-on{white-space:normal;text-align:right;max-width:70px}
}
/* niski ekrani (telefon položen) */
@media (max-height:480px){
  .cookiebar{padding:12px 18px;gap:10px;bottom:8px}
  .cookiebar h2{font-size:1rem;margin-bottom:2px}
  .cookiebar p{font-size:.82rem;line-height:1.4}
  .ck-row{padding:8px 0}
  .ck-btns .btn{min-height:40px;padding-top:8px;padding-bottom:8px}
}
@media (max-height:480px) and (max-width:600px){.cookiebar{bottom:8px}}

/* zaglavlje na najužim ekranima: logo ne sme da dodiruje lupu */
@media (max-width:360px){
  .masthead .wrap{gap:8px}
  .brand{gap:8px;min-width:0}
  .brand img{width:36px}
  .brand .wm b{font-size:1.05rem;letter-spacing:.14em}
  .brand .wm span{font-size:.62rem}
}

/* ===== Donja traka: BUSINESS MEDIA GROUP u posebnom redu ===== */
.copyline > span.cl-bmg{display:block !important;margin:12px 0 0 !important;white-space:nowrap}
.copyline .cl-bmg a{font-weight:800;letter-spacing:.16em;font-size:.88rem}
@media (max-width:600px){
  .copyline{font-size:.88rem !important;line-height:1.75}
  .copyline > span.cl-bmg{margin-top:14px !important}
  .copyline .cl-bmg a{letter-spacing:.12em;font-size:.82rem}
}
/* tablet i telefon: svaki podatak u svom redu, bez „|“ */
@media (max-width:999px){
  .copyline > span{display:block !important;white-space:normal !important;margin:2px 0 !important}
  .copyline > i{display:none !important}
  .copyline > span.cl-bmg{margin-top:14px !important}
}

/* ===== Članak: naslov, uvod i tekst poravnati na širinu slike ===== */
.art header .h-serif{text-align:justify;text-align-last:left}
.art .dek{text-align:justify;text-align-last:left}
.body{max-width:none}
.body p,.body li{text-align:justify;text-justify:inter-word}
.body p[style*="text-align"],.art .dek[style*="text-align"]{text-align-last:auto}
@media (max-width:600px){
  .body p,.body li{hyphens:auto;-webkit-hyphens:auto}
  .art .dek{hyphens:auto;-webkit-hyphens:auto}
}

/* ===== HL-A1 na svim stranicama ===== */
.ad-top .ad{margin-top:22px}

/* ===== HL-S1: uspravna Instagram objava (9:16) u desnoj koloni ===== */
.side-ig{margin-top:24px}
.ad.side9{margin:0;max-width:none}
.ad.side9 .box{aspect-ratio:9/16;border-radius:14px}
.ad.side9 .box > div:not(.creative){display:flex;flex-direction:column;align-items:center;gap:6px}
.ad.side9 .box > div:not(.creative) .iglogo{width:40px;height:40px;color:var(--ink-soft);margin-bottom:4px}
.ad.side9 .creative,.ad.side9 .creative img{height:100%}
.ad.side9 .creative img{object-fit:cover;border-radius:14px}
.ad.side9 .igtile{border-radius:14px;gap:10px;padding:24px 18px}
.ad.side9 .igtile .iglogo{width:58px;height:58px}
.ad.side9 .igtile strong{font-size:1.45rem}
.igpost{width:100%;height:100%;overflow:hidden;border-radius:14px}
.igpost.on{background:#fff;border:1px solid var(--line)}
.igpost .igframe{display:block;width:100%;height:100%;border:0;background:#fff}
.igpost .follow{border:0;cursor:pointer;font:inherit;font-weight:800}
.igpost .handle{color:#fff;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.igpost .ig-note{font-size:.72rem;opacity:.8;margin-top:6px;max-width:15rem}
.ad:not(.side9) .igpost.on{max-width:420px;margin:0 auto}
@media (max-width:1024px){
  .art aside .side-ig.sticky,.side-ig.sticky-side{position:static}
  .ad.side9{max-width:360px;margin:0 auto}
}

/* napomena o autorskim pravima na kraju članka */
.rights{margin:26px 0 0;padding:14px 0 0 16px;border-left:3px solid var(--green);border-top:0;font-style:normal}
.rights p{margin:0 0 4px;font-size:.84rem;line-height:1.55;color:var(--ink-soft)}
.rights p:first-child{font-weight:700;color:var(--ink)}
.rights p:last-child{margin-bottom:0}

/* ===== Baneri: iste proporcije na svim ekranima (970×500 i 970×250), bez sečenja slike ===== */
@media (max-width:600px){
  .ad .box{aspect-ratio:970/250}
  .ad.large .box{aspect-ratio:970/500}
  .ad .box .d{display:inline}.ad .box .m{display:none}
}
/* slika banera se prikazuje cela, u svojoj razmeri (smanjuje se proporcionalno) */
.ad.has-img .box.has{aspect-ratio:auto;height:auto}
.ad.has-img .creative,.ad.has-img .creative img{height:auto}
.ad.has-img .creative img{width:100%;object-fit:contain}

/* ===== Liste članaka: naslovi i uvod poravnati sa obe strane ===== */
.row .h-serif,.card .h-serif,.card p,.row p{text-align:justify;text-align-last:left;hyphens:auto;-webkit-hyphens:auto}
.meta .nw{white-space:nowrap}
/* Instagram kartica u baneru na telefonu: mora da stane u proporciju 970×500 / 970×250 */
@media (max-width:600px){
  .ad:not(.cube):not(.side9) .igtile{gap:4px;padding:10px 12px}
  .ad:not(.cube):not(.side9) .igtile .iglogo{width:30px;height:30px;margin-bottom:0}
  .ad:not(.cube):not(.side9) .igtile strong{font-size:1.1rem}
  .ad:not(.cube):not(.side9) .igtile .handle{font-size:.78rem}
  .ad:not(.cube):not(.side9) .igtile .follow{margin-top:4px;font-size:.78rem;padding:6px 14px}
  .ad:not(.large):not(.cube):not(.side9) .igtile{flex-direction:row;gap:10px}
  .ad:not(.large):not(.cube):not(.side9) .igtile .handle{display:none}
}
/* napomena o pravima: istaknut samo prvi red, ostalo obično i poravnato */
.rights p{text-align:justify;text-align-last:left;hyphens:auto;-webkit-hyphens:auto}
.rights p:first-child{font-weight:400;color:var(--ink-soft)}
.rights.multi p:first-child{font-weight:700;color:var(--ink)}
@media (max-width:600px){.rights{margin-top:22px;padding:12px 0 0 12px}.rights p{font-size:.8rem}}
.rights.multi p:first-child{text-align:left}
.art header .h-serif{font-weight:700}
.rights a{color:inherit;text-decoration:underline;text-decoration-color:var(--green);text-underline-offset:3px}
.rights a:hover{color:var(--leaf)}