/* ==========================================================================
   dsgn.gr · Οδηγοί (σελίδα /odigoi/ και άρθρα), τιμές από previews/11-odigoi.html.
   ep-hero, sec, ctab: erga.css.
   ========================================================================== */

.dsgn-odigoi .ep-hero{background:#BFE2F6}

/* ---------- Φίλτρο κατηγορίας ---------- */
.scs{display:flex;gap:6px;overflow-x:auto;padding:4px;border-radius:14px;background:#F1EFEA;width:max-content;max-width:100%;box-sizing:border-box}
body .scs .sc,
body .scs .sc:hover,
body .scs .sc:focus{
	min-height:44px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:#122A49;font:inherit;font-size:14px;font-weight:600;
	white-space:nowrap;box-shadow:none;transform:none;cursor:pointer;
}
body .scs .sc[aria-pressed="true"]{background:#fff;box-shadow:0 1px 2px rgba(18,42,73,.12),0 4px 10px rgba(18,42,73,.08)}
body .scs .sc:focus-visible{outline:2px solid #4067B0;outline-offset:2px}

/* ---------- Κάρτες οδηγών ---------- */
.gg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}
@media (max-width:900px){.gg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.gg{grid-template-columns:minmax(0,1fr)}}
body a.gc{display:flex;flex-direction:column;border-radius:24px 0 24px 24px;background:#fff;box-shadow:0 10px 28px rgba(18,42,73,.08);overflow:hidden;color:#122A49;text-decoration:none}
.gc[hidden]{display:none}
.gimg{height:150px;display:grid;place-items:center}
.gimg img{width:96px;height:96px;filter:drop-shadow(0 12px 18px rgba(18,42,73,.25));transition:transform .35s cubic-bezier(.23,1,.32,1)}
@media (hover:hover){.gc:hover .gimg img{transform:translateY(-4px) rotate(-3deg)}.gc:hover .arrow{transform:translateX(5px)}}
.gmeta{padding:20px;display:flex;flex-direction:column;gap:6px;flex:1}
.gcat{font-size:12px;font-weight:600;color:#4F5B6B}
.gmeta .gt{margin:0;font-size:19px;line-height:1.25;letter-spacing:0;color:#122A49}
.gmeta p{margin:0;font-size:15px;line-height:1.55;color:#34445A}
.gmeta .tlink{margin-top:auto;padding-top:8px;font-weight:600;font-size:14px;color:#122A49}
.gmeta .arrow{display:inline-block;transition:transform .3s cubic-bezier(.23,1,.32,1)}

/* ---------- Άρθρο ---------- */
.art{padding-top:120px}
@media (max-width:600px){.art{padding-top:104px}}
.crumb2{margin:0 0 10px;font-size:14px;color:#4F5B6B}
body .crumb2 a{color:#4F5B6B;text-decoration:underline}
.ah{margin:0;font-size:clamp(30px,3.6vw,46px);line-height:1.1;letter-spacing:-.025em;max-width:22ch;color:#122A49;font-weight:700;font-variation-settings:'SHRP' 40}
.ameta{margin:10px 0 28px;color:#4F5B6B;font-size:14px}
.alayout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:start}
.toc{position:sticky;top:110px;display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:20px 0 20px 20px;background:#F1EFEA;font-size:14px}
.toc strong{margin-bottom:4px;color:#122A49}
body .toc a{min-height:32px;display:flex;align-items:center;text-decoration:none;color:#34445A;line-height:1.3}
@media (hover:hover){body .toc a:hover{color:#122A49;text-decoration:underline}}
@media (max-width:860px){.alayout{grid-template-columns:minmax(0,1fr)}.toc{position:static}}
.abody{max-width:68ch;font-size:18px;line-height:1.7;color:#24384F}
.abody h2{font-size:26px;line-height:1.2;margin:36px 0 8px;color:#122A49;letter-spacing:-.015em;scroll-margin-top:110px}
.abody p{margin:0 0 16px}
.abody .alead{font-size:20px;color:#122A49}
.abody strong{color:#122A49}
.abody ul,.abody ol{margin:0 0 16px;padding-left:22px}
.abody li{margin:0 0 6px}
.abody a{color:#122A49;font-weight:600}
.abody ul.checklist{list-style:none;padding-left:0}
.abody ul.checklist li{position:relative;padding-left:30px}
.abody ul.checklist li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:6px 0 6px 6px;border:2px solid #4067B0;box-sizing:border-box}
.acta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin:32px 0;padding:22px 24px;border-radius:22px 0 22px 22px;background:#BFE2F6}
.acta div{display:flex;flex-direction:column;gap:4px;max-width:44ch}
.acta strong{font-size:18px;line-height:1.3}
.acta span{font-size:15px;line-height:1.55;color:#24384F}
.abody .acta-btn{margin:8px 0 16px}
body .abody .acta-btn .btn,body .abody .acta .btn{color:#F7F3EC;font-weight:600}
.tw{overflow-x:auto;margin:0 0 16px}
.abody table{width:100%;border-collapse:collapse;font-size:15px;margin:0}
.abody th{text-align:left;font-size:13px;color:#4F5B6B;padding:8px 10px;border:0;border-bottom:1px solid #E4E1DA;background:transparent}
.abody td{padding:10px;border:0;border-bottom:1px solid #EEECE7;background:transparent;line-height:1.45}
.abody tbody > tr:nth-child(odd) > td,.abody tbody tr:hover > td{background:transparent}
/* ---------- Νομικές σελίδες (page-nomika.php) ---------- */
.art-legal .ah{margin-bottom:28px}
.legal-body h2{font-size:24px}
.legal-body .tw table td:first-child{font-weight:600;color:#122A49}
.legal-body .tw table:not(:has(thead)) td:first-child{white-space:nowrap} /* πίνακας στοιχείων (Νομικά στοιχεία) */
@media (max-width:560px){.legal-body table{font-size:14px}}
.legal-body .legal-updated{margin-top:32px;padding-top:16px;border-top:1px solid #E4E1DA;font-size:14px;color:#4F5B6B}
.dsgn-nomika{padding-bottom:72px}

.related{margin-top:40px;padding-top:20px;border-top:1px solid #E4E1DA;display:flex;flex-direction:column;gap:8px}
.related h2{margin:0 0 4px;font-size:20px}
body .related a{font-weight:600;text-decoration:none;color:#122A49}