/* Pittas Studios — blog styles.
   Ported from the article package, with the placeholder tokens swapped for the
   real brand palette and the site's typefaces (Manrope + Plus Jakarta Sans),
   so articles read as part of the site, not a bolt-on. Loaded only on /blog/. */
:root{
  --ps-paper:#f2ede6;   /* Warm Cream — page background */
  --ps-ink:#1a1a2e;     /* Deep Dark — body text */
  --ps-muted:#5f6b70;   /* muted grey-blue — meta, breadcrumbs, captions */
  --ps-sea:#253875;     /* Kafeneio Blue — links + CTA block */
  --ps-sand:#e8e0d4;    /* Sand — primary button, note rule */
  --ps-line:#e2dacd;    /* hairline borders */
  --ps-max:730px;
}
.ps-article{background:var(--ps-paper);color:var(--ps-ink);
  font-family:'Manrope',-apple-system,'Segoe UI',sans-serif;line-height:1.75;font-size:1.0625rem}
.ps-article .ps-wrap{max-width:var(--ps-max);margin:0 auto;padding:0 1.25rem}
.ps-article h1,.ps-article h2,.ps-article h3{
  font-family:'Plus Jakarta Sans','Manrope',sans-serif;font-weight:800;
  color:var(--ps-sea);line-height:1.18;letter-spacing:-.015em}
.ps-article h1{font-size:clamp(2rem,5vw,2.9rem);margin:0 0 .85rem}
.ps-article h2{font-size:clamp(1.4rem,3.2vw,1.85rem);margin:2.9rem 0 .8rem}
.ps-article h3{font-size:1.2rem;margin:1.85rem 0 .5rem}
.ps-article p{margin:0 0 1.15rem}
.ps-breadcrumbs{font-size:.82rem;color:var(--ps-muted);padding:calc(96px + 1.5rem) 0 .5rem;font-weight:600;letter-spacing:.02em}
.ps-breadcrumbs a{color:var(--ps-muted)}
.ps-breadcrumbs a:hover{color:var(--ps-sea)}
.ps-meta{font-size:.82rem;color:var(--ps-muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  border-bottom:1px solid var(--ps-line);padding-bottom:1.25rem;margin-bottom:2rem}
.ps-lede{font-size:1.2rem;color:#3a3a44;line-height:1.65}
.ps-hero{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin:1.75rem 0 2.25rem}
.ps-toc{background:var(--ps-white,#fff);border:1px solid var(--ps-line);border-radius:14px;
  padding:1.3rem 1.6rem;margin:2rem 0;font-size:.95rem}
.ps-toc p{font-weight:700;margin:0 0 .55rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ps-muted)}
.ps-toc ol{margin:0;padding-left:1.1rem}
.ps-toc li{margin:.32rem 0}
.ps-article a{color:var(--ps-sea);text-decoration:underline;text-underline-offset:2px}
.ps-table-wrap{overflow-x:auto;margin:1.6rem 0}
.ps-article table{width:100%;border-collapse:collapse;font-size:.95rem}
.ps-article th,.ps-article td{text-align:left;padding:.65rem .8rem;border-bottom:1px solid var(--ps-line)}
.ps-article th{background:#fff;font-weight:700;white-space:nowrap}
.ps-note{background:#fff;border-left:3px solid var(--ps-sea);padding:1.05rem 1.3rem;margin:1.85rem 0;
  border-radius:0 10px 10px 0;font-size:1rem}
.ps-note strong{color:var(--ps-sea)}
.ps-faq{margin:3rem 0 0;border-top:1px solid var(--ps-line);padding-top:2rem}
.ps-faq details{border-bottom:1px solid var(--ps-line);padding:.95rem 0}
.ps-faq summary{cursor:pointer;font-weight:700;font-size:1.02rem;list-style:none;color:var(--ps-sea)}
.ps-faq summary::-webkit-details-marker{display:none}
.ps-faq summary::after{content:"+";float:right;color:var(--ps-muted);font-weight:400}
.ps-faq details[open] summary::after{content:"–"}
.ps-faq details p{margin:.75rem 0 .25rem}
.ps-cta{background:var(--ps-sea);color:#fff;padding:2.2rem 1.9rem;margin:3rem 0;border-radius:18px}
.ps-cta h2{color:#fff;margin:0 0 .75rem;font-size:1.4rem}
.ps-cta p{color:#e8eef4;margin-bottom:1.35rem}
.ps-article a.ps-btn{display:inline-block;background:var(--ps-sand);color:#1a1a2e;font-weight:700;font-size:.95rem;text-decoration:none;
  padding:.85rem 1.6rem;border-radius:10px;text-decoration:none;margin:0 .5rem .5rem 0;transition:transform .2s ease}
.ps-article a.ps-btn:hover{transform:translateY(-2px)}
.ps-article a.ps-btn--ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55)}
.ps-related{border-top:1px solid var(--ps-line);margin-top:3rem;padding-top:1.75rem}
.ps-related p{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ps-muted);margin-bottom:.75rem;font-weight:700}
.ps-related ul{list-style:none;padding:0;margin:0}
.ps-related li{margin:.45rem 0;font-size:.98rem}
.ps-updated{font-size:.82rem;color:var(--ps-muted);margin:2.5rem 0 3rem;font-style:italic}

/* --- blog index only --- */
.ps-index .ps-wrap{padding-bottom:1rem}
.ps-index .ps-lede{margin-bottom:2rem}
.ps-index .ps-langs{font-size:.82rem;color:var(--ps-muted);border-top:1px solid var(--ps-line);
  border-bottom:1px solid var(--ps-line);padding:.9rem 0;margin:0 0 2rem}
.ps-index .ps-langs a{color:var(--ps-muted)}
.ps-index .ps-langs span[aria-current]{font-weight:700;color:var(--ps-sea)}
.ps-section{margin:2.75rem 0 0}
.ps-section h2{border-bottom:1px solid var(--ps-line);padding-bottom:.5rem}
.ps-cards{display:grid;gap:1.25rem;margin:1.5rem 0 0}
.ps-card{background:#fff;border:1px solid var(--ps-line);border-radius:14px;padding:1.3rem 1.6rem;
  transition:transform .25s ease,box-shadow .25s ease}
.ps-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(26,26,46,.09)}
.ps-card h3{margin:0 0 .5rem;font-size:1.1rem;line-height:1.35}
.ps-card h3 a{color:var(--ps-sea);text-decoration:none}
.ps-card h3 a:hover{text-decoration:underline}
.ps-card p{margin:0 0 .75rem;font-size:.98rem;color:#3a3a44}
.ps-card-more{font-weight:700;font-size:.88rem;color:var(--ps-muted)}
@media (max-width:600px){.ps-article{font-size:1rem}.ps-cta{padding:1.6rem 1.3rem}.ps-breadcrumbs{padding-top:calc(84px + 1rem)}}

/* partner box — Mareva (car hire + airport transfers), our 10% guest offer.
   Sand-on-white so it reads as a recommendation, not another blue CTA. */
.ps-partner{background:#fff;border:1px solid var(--ps-line);border-left:4px solid var(--ps-sand);
  border-radius:0 14px 14px 0;padding:1.4rem 1.6rem;margin:2.5rem 0}
.ps-partner-kicker{font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700;
  color:var(--ps-muted);margin:0 0 .55rem}
.ps-partner p{margin:0 0 .9rem;font-size:1rem}
.ps-partner-links{display:flex;flex-wrap:wrap;gap:.6rem;margin:0}
.ps-article .ps-partner-links a{display:inline-block;background:var(--ps-sea);color:#fff;
  text-decoration:none;font-weight:700;font-size:.9rem;padding:.6rem 1.15rem;border-radius:9px;
  transition:transform .2s ease,background .2s ease}
.ps-article .ps-partner-links a:hover{transform:translateY(-2px);background:#1c2c5e}
.ps-article .ps-partner-links a+a{background:#5a6650}
.ps-article .ps-partner-links a+a:hover{background:#4a5542}
@media (max-width:600px){
  .ps-partner{padding:1.2rem 1.2rem}
  .ps-partner-links a{flex:1 1 100%;text-align:center}
}