*{box-sizing:border-box}
:root{--red:#b23347;--red-d:#8d2536;--sun:#e0a33c;--ink:#141110;--paper:#fffdfa;--muted:#6d6663;--line:#efe6e1}
body{margin:0;overflow-x:clip;background:var(--paper);color:#1a1717;font-family:Manrope,"Segoe UI",sans-serif;
     font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block} a{color:inherit;text-decoration:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(16px,3.4vw,44px)}
.disp{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.4px;line-height:1.12}

/* κεφαλίδα */
.phead{background:var(--ink);color:#fff;position:relative;overflow:hidden;padding:clamp(96px,12vh,130px) 0 clamp(30px,4vh,46px)}
.phead::before{content:"";position:absolute;inset:-60% -20% auto auto;width:70vw;height:70vw;border-radius:50%;
  background:radial-gradient(circle,rgba(178,51,71,.45),transparent 62%)}
.phead .in{position:relative}
.phead .kick{font-size:11px;font-weight:800;letter-spacing:2.6px;text-transform:uppercase;color:#eda9b4}
.phead h1{margin:10px 0 0;font-size:clamp(28px,4.4vw,48px)}
.phead p{margin:12px 0 0;color:#c9bfbc;font-size:15px;max-width:62ch}

/* εργαλεία */
.tools{position:sticky;top:74px;z-index:60;background:rgba(255,253,250,.94);backdrop-filter:blur(12px);
       border-bottom:1px solid var(--line)}
.tools .wrap{padding-top:16px;padding-bottom:14px}
.srch{width:100%;background:#fff;border:1px solid var(--line);border-radius:999px;padding:14px 22px;
      font-size:15px;font-family:inherit;color:#231d1c;box-shadow:0 10px 26px -22px rgba(0,0,0,.4)}
.srch:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 4px rgba(178,51,71,.1)}
.frow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.flab{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#9a8f8c;margin-right:2px}
.chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:12.5px;
      font-weight:700;color:#4a403e;cursor:pointer;font-family:inherit;transition:.2s;white-space:nowrap}
.chip:hover{border-color:var(--red);color:var(--red)}
.chip.on{background:var(--red);border-color:var(--red);color:#fff}
.meta{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);
      padding:14px 0 0}

/* λίστα */
.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;
      padding:clamp(22px,3vw,32px) 0 8px}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 22px 22px;text-align:left;
      cursor:pointer;font:inherit;transition:.25s;display:flex;flex-direction:column;gap:10px}
.card:hover{transform:translateY(-3px);border-color:var(--red);box-shadow:0 20px 42px -28px rgba(141,37,54,.55)}
.card .top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.card time{font-size:10.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--sun)}
.tag{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;background:#fdf0ec;
     color:var(--red);border-radius:999px;padding:4px 10px}
.card b{font-family:Fraunces,serif;font-size:17.5px;font-weight:600;line-height:1.4;color:#1c1615}
.card:hover b{color:var(--red)}
.card .att{font-size:11.5px;color:var(--muted);display:flex;gap:6px;align-items:center;margin-top:auto}
.empty{text-align:center;color:var(--muted);padding:60px 0}

/* σελιδοποίηση */
.pager{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:26px 0 clamp(50px,7vw,80px)}
.pager button{min-width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;
  font:inherit;font-size:13.5px;font-weight:700;color:#4a403e;cursor:pointer;transition:.2s;padding:0 12px}
.pager button:hover:not(:disabled){border-color:var(--red);color:var(--red)}
.pager button.on{background:var(--red);border-color:var(--red);color:#fff}
.pager button:disabled{opacity:.4;cursor:default}

/* modal */
#mo{position:fixed;inset:0;z-index:1100;background:rgba(12,10,10,.9);display:none;padding:clamp(8px,2.5vw,34px);overflow-y:auto}
#mo.on{display:block}
.mbox{max-width:880px;margin:0 auto;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 40px 90px -40px #000}
.mtop{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:14px;
      justify-content:space-between;align-items:center;padding:14px clamp(16px,3vw,26px);z-index:2}
.mtop .l{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mx{background:none;border:0;font-size:30px;line-height:1;color:#a89c99;cursor:pointer}
.mx:hover{color:var(--red)}
.mlink{font-size:11.5px;font-weight:800;color:var(--red);border:1px solid rgba(178,51,71,.4);
       border-radius:999px;padding:7px 14px}
.mlink:hover{background:var(--red);color:#fff}
/* — το περιεχόμενο στην τυπογραφία του παλιού site — */
.mbody{padding:clamp(20px,3.4vw,38px);font-family:Verdana,Geneva,sans-serif;font-size:13.5px;
       line-height:1.75;color:#333}
.mbody .old-title{font-family:Verdana,Geneva,sans-serif;color:#255caa;font-size:19px;font-weight:700;
                  line-height:1.35;margin:0 0 6px}
.mbody .old-date{font-size:11px;color:#8a8a8a;margin:0 0 20px}
.mbody p{margin:0 0 1em}
.mbody img{max-width:min(340px,45%);height:auto;float:right;margin:4px 0 16px 20px;border:1px solid #ddd;border-radius:6px}
.mbody a{color:#255caa;text-decoration:underline}
.mbody table{max-width:100%;border-collapse:collapse}
.mbody td,.mbody th{border:1px solid #ddd;padding:7px 10px}
.mfiles{clear:both;margin-top:26px;border-top:1px solid #e6e0dc;padding-top:18px}
.mfiles h4{font-family:Manrope,sans-serif;font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;
           color:var(--red);margin:0 0 12px;font-weight:800}
.mfile{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #f0ebe7;
       font-family:Manrope,sans-serif;font-size:13.5px;color:#3b3230}
.mfile:last-child{border-bottom:0}
.mfile .ext{flex:none;width:36px;height:36px;border-radius:10px;background:#fdf0ec;color:var(--red);
  display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800}
.mfile:hover{color:var(--red)}
/* ——— χάρτης κατηγοριών ——— */
.sitemap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px 30px;padding:36px 0 0;align-items:start}
.sm h5{color:#fff;font-size:11px;letter-spacing:2.2px;text-transform:uppercase;margin:0 0 12px;font-weight:800}
.sm h5 a{color:#fff}
.sm ul{list-style:none;margin:0;padding:0}
.sm li{margin:7px 0}
.sm a{color:#bdb3b0;font-size:13.5px}
.sm a:hover{color:#fff}
.sm ul ul{margin:5px 0 8px 12px;border-left:1px solid rgba(255,255,255,.13);padding-left:11px}
.sm ul ul a{font-size:12.5px;color:#948a88}
footer{background:var(--ink);color:#cfc7c4;padding:56px 0 26px;font-size:14.5px}
footer .top{display:flex;align-items:center;gap:16px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.11)}
footer .top img{width:52px;height:52px;object-fit:contain}
footer .top b{display:block;color:#fff;font-family:Fraunces,serif;font-size:19px;font-weight:600}
footer .top span{display:block;font-size:10.5px;letter-spacing:2.4px;text-transform:uppercase;color:#a2908f;margin-top:4px;font-weight:700}
footer a:hover{color:#fff}
.fbot{border-top:1px solid rgba(255,255,255,.11);margin-top:34px;padding-top:18px;font-size:12px;color:#8d8281;
      display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}