:root{
    --papir:#f2ecdd; --papir2:#ece4d0; --mastilo:#1d1a14; --bleda:#5d564a;
    --crvena:#9e2b25; --zlatna:#8a6d2f; --linija:#c9bfa8; --zelena:#2f5d3a; --plava:#2c4a66;
  }
  *{box-sizing:border-box; margin:0; padding:0}
  html{scroll-behavior:smooth}
  body{
    background:var(--papir);
    background-image:
      radial-gradient(ellipse at 20% 10%, rgba(120,90,40,.05), transparent 50%),
      radial-gradient(ellipse at 80% 90%, rgba(120,90,40,.06), transparent 50%);
    color:var(--mastilo);
    font-family:Arial,'Helvetica Neue',sans-serif;
    line-height:1.55;
  }
  .list{max-width:1060px; margin:0 auto; padding:26px 22px 60px}
  a{color:var(--crvena); text-decoration:none; border-bottom:1px dotted var(--crvena)}
  a:hover{border-bottom-style:solid}

  .vrh-red{display:flex; justify-content:space-between; font-family:'Courier New',monospace;
    font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--bleda);
    border-bottom:1px solid var(--linija); padding-bottom:6px}
  .masthead{text-align:center; padding:26px 0 14px}
  .masthead .nad{font-family:'Courier New',monospace; font-size:12px; letter-spacing:.42em;
    text-transform:uppercase; color:var(--crvena)}
  .masthead h1{font-family:Georgia,'Times New Roman',serif; font-size:clamp(44px,8vw,84px);
    font-weight:900; letter-spacing:.01em; line-height:1.02; margin:6px 0 2px}
  .masthead h1 .tanko{font-style:italic; font-weight:400}
  .masthead .pod{font-family:Georgia,serif; font-size:15px; font-style:italic; color:var(--bleda)}
  .datum-red{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:6px;
    border-top:3px double var(--mastilo); border-bottom:3px double var(--mastilo);
    padding:7px 4px; margin-top:14px;
    font-family:'Courier New',monospace; font-size:11.5px; letter-spacing:.1em; text-transform:uppercase}
  .datum-red .cena{color:var(--crvena); font-weight:bold}

  .telegraf{display:flex; align-items:stretch; border-bottom:1px solid var(--linija)}
  .tel-etiketa{background:var(--crvena); color:var(--papir); font-family:'Courier New',monospace;
    font-weight:bold; font-size:11px; letter-spacing:.12em; display:flex; align-items:center;
    padding:8px 12px; flex-shrink:0}
  .tel-okno{flex:1; overflow:hidden; display:flex; align-items:center}
  .tel-traka{display:flex; width:max-content; animation:tel 44s linear infinite;
    font-family:'Courier New',monospace; font-size:12.5px; letter-spacing:.06em; white-space:nowrap}
  .telegraf:hover .tel-traka{animation-play-state:paused}
  .tel-traka span{padding:0 26px; color:var(--bleda)}
  .tel-traka b{color:var(--mastilo)}
  @keyframes tel{from{transform:translateX(0)}to{transform:translateX(-50%)}}

  .naslovna{display:grid; grid-template-columns:1.5fr 1fr; gap:34px; padding:30px 0 24px;
    border-bottom:1px solid var(--linija)}
  .kicker{font-family:'Courier New',monospace; font-size:11px; letter-spacing:.22em;
    text-transform:uppercase; color:var(--crvena); margin-bottom:8px}
  .naslovna h2{font-family:Georgia,'Times New Roman',serif; font-size:clamp(30px,4.4vw,48px);
    line-height:1.06; font-weight:900; margin-bottom:6px}
  #kucalica{font-family:Georgia,serif; border-right:2px solid var(--crvena); padding-right:3px;
    font-style:italic; font-weight:400; font-size:clamp(17px,2.2vw,22px); color:var(--bleda);
    display:inline-block; min-height:1.4em}
  .lead{margin-top:14px; column-count:2; column-gap:26px; column-rule:1px solid var(--linija);
    font-size:13.5px; line-height:1.6; text-align:justify; hyphens:auto}
  .lead p{margin-bottom:10px}
  .lead p:first-child::first-letter{font-family:Georgia,serif; font-size:46px; font-weight:900;
    float:left; line-height:.85; padding:4px 8px 0 0; color:var(--crvena)}
  .procitaj{display:inline-block; margin-top:6px; font-family:'Courier New',monospace; font-size:11.5px;
    letter-spacing:.14em; text-transform:uppercase; font-weight:bold}
  .okvir-slika{border:1px solid var(--mastilo); padding:10px; background:var(--papir2); align-self:start}
  .okvir-slika img{width:100%; display:block; filter:sepia(.14) contrast(1.03)}
  .potpis{font-family:'Courier New',monospace; font-size:10.5px; letter-spacing:.08em;
    color:var(--bleda); text-transform:uppercase; margin-top:8px; text-align:center}

  .rub-naslov{display:flex; align-items:center; gap:14px; margin:4px 0 14px}
  .rub-naslov::before,.rub-naslov::after{content:''; flex:1; border-top:1px solid var(--mastilo)}
  .rub-naslov h3{font-family:'Courier New',monospace; font-size:13px; letter-spacing:.3em;
    text-transform:uppercase; font-weight:bold}

  .berza{border-bottom:1px solid var(--linija); padding:14px 0 16px}
  .berza-mreza{display:grid; grid-template-columns:repeat(5,1fr); gap:0; border:1px solid var(--mastilo)}
  .akcija{padding:10px 8px 9px; text-align:center; border-right:1px solid var(--linija); position:relative}
  .akcija:last-child{border-right:none}
  .akcija .ime{font-family:'Courier New',monospace; font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--bleda)}
  .akcija .ime a{color:inherit; border-bottom:none}
  .akcija .ime a:hover{color:var(--crvena)}
  .akcija .broj{font-size:28px; color:var(--crvena); font-weight:900; font-variant-numeric:tabular-nums; margin:1px 0}
  .akcija .jed{font-family:Georgia,serif; font-size:10.5px; font-style:italic; color:var(--bleda)}
  .akcija.nov::after{content:'NOVO'; position:absolute; top:5px; right:5px; background:var(--crvena);
    color:var(--papir); font-family:'Courier New',monospace; font-size:8px; letter-spacing:.1em; padding:1px 4px}

  .dvojka{display:grid; grid-template-columns:1fr 1fr; gap:26px; padding:22px 0; border-bottom:1px solid var(--linija)}
  .clanak{border:1px solid var(--linija); padding:16px 18px; background:rgba(255,255,255,.25);
    display:flex; flex-direction:column;
    transition:transform .35s ease, box-shadow .35s ease}
  .clanak:hover{transform:translateY(-3px); box-shadow:0 10px 22px -14px rgba(29,26,20,.55)}
  .clanak h4{font-family:Georgia,'Times New Roman',serif; font-size:22px; font-weight:900; line-height:1.15; margin:4px 0 8px}
  .clanak p{font-size:13px; line-height:1.6; text-align:justify; color:#2c2822; margin-bottom:8px}
  .clanak .meta{font-family:'Courier New',monospace; font-size:10px; letter-spacing:.16em;
    text-transform:uppercase; color:var(--bleda); border-top:1px solid var(--linija); margin-top:auto; padding-top:6px}
  .clanak .slicica{border:1px solid var(--linija); padding:6px; background:var(--papir2); margin-bottom:10px}
  .clanak .slicica img{width:100%; display:block; filter:sepia(.12) contrast(1.03)}

  /* KALENDAR SEDMICE */
  .kalendar{padding:22px 0; border-bottom:1px solid var(--linija)}
  .kal-mreza{display:grid; grid-template-columns:repeat(7,1fr); gap:0; border:1px solid var(--mastilo)}
  .kal-dan{padding:10px 9px 9px; border-right:1px solid var(--linija); font-size:11.5px; position:relative}
  .kal-dan:last-child{border-right:none}
  .kal-dan .kd{font-family:'Courier New',monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--bleda)}
  .kal-dan .kbr{font-family:Georgia,serif; font-size:22px; font-weight:900; line-height:1.1}
  .kal-dan .svetac{font-family:Georgia,serif; font-size:11.5px; line-height:1.35; margin:4px 0 6px; min-height:44px}
  .kal-dan .hrana{display:inline-block; font-family:'Courier New',monospace; font-size:9.5px; letter-spacing:.08em;
    font-weight:bold; padding:1px 7px; border:1px solid var(--mastilo)}
  .kal-dan .hrana.voda{background:var(--plava); color:var(--papir); border-color:var(--plava)}
  .kal-dan.crveno{background:rgba(158,43,37,.07)}
  .kal-dan.crveno .kbr,.kal-dan.crveno .svetac{color:var(--crvena)}
  .kal-dan.crveno::after{content:'CRVENO SLOVO'; position:absolute; top:6px; right:6px;
    font-family:'Courier New',monospace; font-size:7.5px; letter-spacing:.06em; color:var(--crvena); font-weight:bold}
  .kal-beleske{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:14px}
  .kal-nap{border-left:3px solid var(--crvena); background:var(--papir2); padding:10px 14px; font-size:12.5px; line-height:1.55}
  .kal-nap b{font-family:Georgia,serif}
  .kal-nap.mesec{border-left-color:var(--zlatna)}

  /* PROGNOZA */
  .prognoza{padding:18px 0; border-bottom:1px solid var(--linija)}
  .prog-mreza{display:grid; grid-template-columns:repeat(7,1fr); gap:0; border:1px solid var(--mastilo); text-align:center}
  .prog-dan{padding:10px 6px; border-right:1px solid var(--linija)}
  .prog-dan:last-child{border-right:none}
  .prog-dan .pd{font-family:'Courier New',monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--bleda)}
  .prog-dan .ik{font-size:26px; line-height:1.3}
  .prog-dan .t{font-size:13px; font-weight:bold; font-variant-numeric:tabular-nums}
  .prog-dan .t span{color:var(--bleda); font-weight:normal}
  .prog-nap{font-family:Georgia,serif; font-style:italic; font-size:11.5px; color:var(--bleda); margin-top:8px; text-align:right}

  /* TROJKA: verovanja / na danasnji dan / citat */
  .trojka{display:grid; grid-template-columns:1fr 1fr 1fr; gap:22px; padding:22px 0; border-bottom:1px solid var(--linija)}
  .kutija{border:1px solid var(--linija); background:rgba(255,255,255,.25); padding:14px 16px;
    display:flex; flex-direction:column}
  .kutija-stopa{margin-top:auto; padding-top:10px; border-top:1px dashed var(--linija);
    text-align:center; font-family:'Courier New',monospace; font-size:10.5px;
    letter-spacing:.12em; text-transform:uppercase; color:var(--bleda)}
  .kutija .k-naslov{font-family:'Courier New',monospace; font-size:11px; letter-spacing:.22em;
    text-transform:uppercase; font-weight:bold; color:var(--crvena); margin-bottom:8px}
  .kutija ul{list-style:none}
  .kutija li{font-size:12.5px; line-height:1.55; padding:5px 0 5px 16px; position:relative; border-bottom:1px dashed var(--linija)}
  .kutija li::before{content:'§'; position:absolute; left:0; color:var(--crvena); font-weight:bold}
  .kutija .god{font-family:'Courier New',monospace; font-weight:bold; color:var(--zlatna)}
  .citat-txt{font-family:Georgia,serif; font-style:italic; font-size:16.5px; line-height:1.5; margin:6px 0 8px}
  .citat-slika{width:86px; height:86px; object-fit:cover; border-radius:50%;
    border:2px solid var(--zlatna); display:block; margin:2px auto 10px; filter:sepia(.2) contrast(1.05)}
  .citat-txt{text-align:center}
  .citat-autor{font-family:'Courier New',monospace; font-size:11px; letter-spacing:.14em; text-transform:uppercase; text-align:right; color:var(--bleda)}

  .kolumna{border:2px solid var(--mastilo); margin:22px 0 0; padding:18px 22px; position:relative;
    background:rgba(255,255,255,.3)}
  .kolumna::before{content:'STALNA KOLUMNA'; position:absolute; top:-9px; left:18px; background:var(--papir);
    font-family:'Courier New',monospace; font-size:9.5px; letter-spacing:.24em; color:var(--bleda); padding:0 8px}
  .kolumna h4{font-family:Georgia,serif; font-size:20px; font-weight:900; margin-bottom:6px}
  .kolumna h4 span{color:var(--crvena)}
  .kolumna p{font-style:italic; font-size:13.5px; line-height:1.6; color:#2c2822}
  .kolumna .potpis-k{text-align:right; font-family:'Courier New',monospace; font-size:11px;
    letter-spacing:.14em; text-transform:uppercase; color:var(--bleda); margin-top:8px}

  .dno{display:grid; grid-template-columns:1.2fr .8fr; gap:26px; padding:22px 0}
  .oglasi .oglas{border-bottom:1px dashed var(--linija); padding:8px 2px; font-size:12.5px; line-height:1.55}
  .oglasi .oglas b{font-family:'Courier New',monospace; font-size:11px; letter-spacing:.1em; color:var(--crvena)}
  .impresum{border:1px solid var(--mastilo); padding:14px 16px; background:var(--papir2);
    font-size:12px; align-self:start}
  .impresum h5{font-family:'Courier New',monospace; letter-spacing:.24em; font-size:11px;
    text-transform:uppercase; margin-bottom:8px; text-align:center}
  .impresum p{margin-bottom:5px; display:flex; justify-content:space-between; gap:10px}
  .impresum p span:last-child{font-weight:bold; text-align:right}
  .najava{border:1px solid var(--crvena); background:rgba(158,43,37,.06); padding:14px 20px;
    margin:0 0 0; font-size:13px; text-align:center}
  .najava b{font-family:Georgia,serif; color:var(--crvena)}
  .stopa{text-align:center; border-top:3px double var(--mastilo); padding-top:12px;
    font-family:'Courier New',monospace; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--bleda)}
  .stopa .pecat{display:inline-block; border:2px solid var(--crvena); color:var(--crvena); font-weight:bold;
    padding:3px 12px; transform:rotate(-3deg); margin-top:8px; font-size:12px; letter-spacing:.24em}

  /* Direktorova direktiva 22.07: cirkus radi uvek. */
  .otkrij{opacity:0; transform:translateY(22px); transition:opacity .8s ease, transform .8s cubic-bezier(.22,1,.36,1)}
  .otkrij.tu{opacity:1; transform:none}
  @media (max-width:860px){
    .kal-mreza,.prog-mreza{grid-template-columns:repeat(4,1fr)}
    .kal-dan:nth-child(4),.prog-dan:nth-child(4){border-right:none}
    .kal-dan,.prog-dan{border-bottom:1px solid var(--linija)}
  }
  @media (max-width:760px){
    .naslovna,.dno,.dvojka,.kal-beleske{grid-template-columns:1fr}
    .trojka{grid-template-columns:1fr}
    .berza-mreza{grid-template-columns:repeat(2,1fr)}
    .akcija{border-bottom:1px solid var(--linija)}
    .akcija:last-child{grid-column:1/-1}
    .lead{column-count:1}
    .kal-mreza,.prog-mreza{grid-template-columns:repeat(2,1fr)}
  }