/* Static pages (community pages, directory, stories, demarcation, children).
   Linked after css/styles.css. Edit here directly; generate-pages.mjs no longer contains this CSS. */
  /* Undo the map app's full-screen scroll lock (styles.css: html,body{height:100%;overflow:hidden}) */
  html{height:auto!important;overflow:auto!important}
  body.community-page{
    height:auto!important;overflow:visible!important;position:static!important;
    margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:#e4e4e4;
  }

  /* === Site title bar: reuse the map's #header EXACTLY (all appearance comes
       from styles.css). Only override what a scrolling page needs. === */
  body.community-page #header{position:sticky;pointer-events:auto}
  body.community-page #header > *{pointer-events:auto}
  body.community-page #language-toggle.header-pill{display:inline-block;line-height:1;text-align:center;text-decoration:none}
  body.community-page .hamburger-menu-item{text-decoration:none}

  /* === Page = transparent column; each section is its own white card === */
  .cp-container{max-width:1200px;margin:24px auto;padding:0 20px;color:#243b53;line-height:1.6;font-size:calc(1rem + 2px)}
  .cp-nav{font-size:13px;letter-spacing:.03em;margin-bottom:18px;color:#aab4bf;text-align:right}
  .cp-nav a{color:#5a6b7b;text-decoration:none;font-weight:500}
  .cp-nav a:hover{color:#2f6ea8}
  /* Standalone nav card (its own white card above the community-details card) */
  .cp-section.cp-navcard{padding:7px 28px;text-align:right;font-size:13px;letter-spacing:.03em;color:#aab4bf}
  .cp-navcard a{color:#5a6b7b;text-decoration:none;font-weight:500}
  .cp-navcard a:hover{color:#2f6ea8}
  /* On the directory (hub) page, match the nav card to the list pane's width */
  .community-page.hub .cp-navcard{max-width:800px;margin-left:auto;margin-right:auto}
  /* Cross-directory nav on the index pages */
  .cp-index-nav{max-width:800px;margin:0 auto 14px;text-align:center;line-height:2}
  .cp-index-nav a{color:#5a6b7b}
  .cp-index-nav .cp-nav-cur{color:#16395c;font-weight:700}
  .cp-index-nav .cp-nav-sep{color:#c2ccd8;margin:0 2px}
  .cp-lists .cp-row-plain{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
    padding:5px 16px;line-height:1.3;color:#243b53}
  .cp-container h1{font-size:1.5em;margin:.1em 0;color:#16395c;line-height:1.2}
  .cp-alt-name{color:#8a97a5;font-weight:400;font-size:19px;display:inline-block;vertical-align:middle}
  .cp-meta{color:#7a8794;margin:.3em 0 1.2em;font-size:.95em}
  /* District (left) + "view on map" button (right) on one row, line beneath both */
  .cp-titlebar{display:flex;justify-content:space-between;align-items:center;gap:16px;
    flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid #e4e9ee}
  .cp-titlebar .cp-meta{margin:0}
  .map-cta{display:inline-block;background:#2f6ea8;color:#fff;padding:8px 15px;border-radius:0;
    text-decoration:none;font-weight:600;font-size:13px;transition:background .15s}
  .map-cta:hover{background:#295f8f}

  /* === Sections === each is a standalone white card on the grey page, gap between them === */
  .cp-section{background:#fff;border-radius:0;box-shadow:0 2px 16px rgba(22,57,92,.08);
    padding:28px 32px;margin:0 0 40px}
  .cp-section > h2{font-size:22px;color:#16395c;display:block;margin:0 0 20px;
    padding-bottom:14px;border-bottom:1px solid #e4e9ee}
  .cp-description{color:#33475b;text-align:justify}
  .cp-description p{margin:.6em 0;max-width:820px}
  .cp-description b, .cp-description strong{color:#16395c}

  /* Intro row: description on the left, facts card on the right */
  .cp-intro{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start;margin-top:24px}
  .cp-intro .cp-description{flex:1 1 460px;min-width:0}
  .cp-infocard{flex:0 1 320px;background:#f6f8fa;border:1px solid #e4e9ee;border-radius:0;padding:18px 20px}
  /* AustLII-style facts: icon + TITLE on one centred row, detail lines indented below */
  .cp-fact{padding:6px 0}
  .cp-fact-head{display:flex;align-items:center;gap:16px}
  .cp-fact-ic{flex:0 0 40px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#aab4bf}
  .cp-fact-ic svg{width:30px;height:30px;display:block}
  .cp-fact-title{font-size:14px;font-weight:700;letter-spacing:.06em;color:#8a97a5}
  .cp-fact-lines{margin-left:56px;margin-top:-1px;display:flex;flex-direction:column}
  .cp-fact-line{font-size:17px;font-weight:600;color:#16395c;line-height:1.35}
  .cp-fact-sub{font-size:17px;font-weight:400;color:#33475b;line-height:1.35}
  .cp-fact-year{font-size:15px;font-weight:700;letter-spacing:.04em;color:#aab4bf;margin-top:9px;margin-bottom:1px}
  .cp-fact-lines > .cp-fact-year:first-child{margin-top:0}
  .cp-fact-eth{font-size:16px;color:#33475b;line-height:1.4}
  .cp-fact-eth b{color:#16395c;font-weight:700}
  .cp-fact-eth-wrap{margin-top:4px}
  .cp-infocard dl{margin:0}
  .cp-infocard dt{font-size:11px;color:#8a97a5;text-transform:uppercase;letter-spacing:.05em;margin:12px 0 2px}
  .cp-infocard dt:first-child{margin-top:0}
  .cp-infocard dd{margin:0;font-size:15px;color:#16395c;font-weight:600}

  /* Places of worship — 2-per-row cards; main photo edge-to-edge of the card, thumbs full width below */
  .poi-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:6px}
  .poi-grid .poi-main-image{max-width:100%;margin:0}
  .poi-block{margin:0;padding:16px;background:#f6f8fa;border:1px solid #e4e9ee;border-radius:0}
  .poi-block h3{margin:0 0 2px;font-size:1.08em;color:#16395c}
  .poi-type{color:#8a97a5;font-weight:400;font-size:.85em}
  .poi-block .poi-type{display:block;margin:0 0 10px}   /* type always on its own line below the name */
  .poi-main-image{width:100%;border-radius:0;display:block}
  /* Thumbnails: one horizontal, left-right scrollable strip spanning the whole card, with arrows */
  .thumb-scroller{position:relative}
  .thumbnail-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:8px 0 0;
    padding:0 0 6px;border-top:none;scrollbar-width:thin;scroll-behavior:smooth}
  .thumbnail-grid-item{flex:0 0 120px;max-width:120px;aspect-ratio:auto;height:88px;border-radius:0;overflow:hidden}
  .thumbnail-grid-item img{width:120px;height:88px;object-fit:cover;border-radius:0}
  /* One church per row: photos (fixed width) left, text right; stacked on narrow screens */
  .poi-block{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}
  .poi-block.no-photo{grid-template-columns:1fr}
  .poi-gallery{min-width:0}
  .poi-photo-cap{margin:4px 0 0;font-size:12px;color:#777;line-height:1.35}
  .poi-gallery .thumbnail-grid-item{flex:0 0 98px;max-width:98px;height:72px}
  .poi-gallery .thumbnail-grid-item img{width:98px;height:72px;cursor:pointer}
  .poi-2009 p{margin:6px 0 0!important;color:#33475b;text-align:justify}
  @media (max-width:700px){.poi-block{grid-template-columns:1fr}}
  .thumb-arrow{position:absolute;top:calc(44px + 8px);transform:translateY(-50%);z-index:2;
    width:30px;height:30px;padding:0;border-radius:50%;border:1px solid #d5dde5;
    background:rgba(255,255,255,.94);color:#16395c;font-size:20px;line-height:1;cursor:pointer;
    display:flex;align-items:center;justify-content:center;box-shadow:0 1px 5px rgba(22,57,92,.22)}
  .thumb-arrow:hover{background:#fff;border-color:#2f6ea8}
  .thumb-arrow.thumb-prev{left:-3px}
  .thumb-arrow.thumb-next{right:-3px}
  .thumb-arrow[hidden]{display:none}

  /* Cooperatives / postal code sections */
  .cp-lead{margin:0 0 10px}
  .coop-list{margin:0;padding-left:20px}
  .coop-list li{margin:6px 0}
  .coop-list .ip-muted{color:#8a97a5}

  /* Ceasefire-line page */
  .dl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:14px}
  .dl-group{font-size:1.1em;margin:26px 0 0;padding-bottom:4px;border-bottom:1px solid #dfe4ea}
  .dl-card{display:flex;gap:14px;padding:14px;background:#f6f8fa;border:1px solid #e4e9ee;border-radius:0;font-size:16px;line-height:1.5}
  .dl-card img{width:110px;height:110px;object-fit:cover;border-radius:0;flex:none}
  .dl-card h3{margin:0 0 6px;font-size:1.05em;color:#16395c}

  /* Children page */
  .ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:14px}
  .ch-card{margin:0;background:#f6f8fa;border:1px solid #e4e9ee;border-radius:0;overflow:hidden;display:flex;flex-direction:column}
  .ch-card img,.ch-noimg{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 28%;display:block;background:#eef1f4}
  .ch-noimg{display:flex;align-items:flex-end;justify-content:center}
  .ch-noimg svg{width:78%;height:78%}
  .ch-card figcaption{padding:8px 9px 10px;font-size:14px;line-height:1.3}
  .ch-name{font-weight:700;color:#16395c;margin-top:5px}
  .ch-vil{color:#6b7580;font-size:13px;margin-top:2px}
  .ch-meta{display:flex;justify-content:space-between;margin-top:6px;font-size:13px}
  .ch-meta span{color:#6b7580}
  .ch-badge{display:inline-block;font-size:11px;font-weight:700;padding:1px 6px;border-radius:0;color:#fff}
  .ch-killed{background:#c0392b}
  .ch-missing{background:#2f6db5}
  .ch-note{margin-top:18px}

  /* Schools */
  .school-list{margin:0;padding-left:20px}
  .school-list li{margin:6px 0}

  /* 1974 telephone directory (test: Kyrenia only) */
  .tel-intro{margin:0 0 14px;color:#5b6b7a;line-height:1.5}
  .tel-box{border:1px solid #e4e9ee;border-radius:0;overflow:hidden}
  .tel-search{width:100%;box-sizing:border-box;padding:11px 14px;border:0;border-bottom:1px solid #e4e9ee;font-size:15px}
  .tel-search:focus{outline:none;background:#f7f9fb}
  .tel-list{list-style:none;margin:0;padding:0;max-height:60vh;overflow-y:auto}
  .tel-list li{padding:7px 14px;border-bottom:1px solid #f0f0f0}
  .tel-list li.hidden{display:none}
  .tel-name{font-weight:600;color:#16395c;font-size:15px}
  .tel-line{display:flex;justify-content:space-between;gap:16px;font-size:14px;color:#3d4a57}
  .tel-num{white-space:nowrap;font-variant-numeric:tabular-nums;color:#16395c}
  .tel-noresults{padding:22px 16px;text-align:center;color:#8a97a5;display:none}
  .tel-count{margin:10px 0 0;text-align:center;color:#8a97a5;font-size:13px}
  /* EOKA fighters list: same box as the telephone directory */
  #eoka .eoka-given{font-weight:400;color:#243b53}
  #eoka .eoka-note{font-weight:400;font-style:italic;color:#5b6b7a}
  #eoka .eoka-subhead{background:#f7f9fb;color:#5b6b7a;font-size:13px;font-weight:600}
  #eoka .eoka-entry{margin:3px 0 2px;font-size:13.5px;line-height:1.45;color:#3d4a57}
  #eoka .eoka-facts{color:#5b6b7a}
  #eoka .eoka-ref{color:#8a97a5;font-size:12px}

  /* Casualties: cards in a responsive grid (~3 per row, down to 2 then 1) */
  .cp-casualties > h2:not(:first-child){margin-top:30px}
  .cp-casualties .missing-persons-list,
  .cp-casualties .killed-persons-list{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;
  }
  .cp-casualties .missing-person-item{flex-direction:column;gap:10px;background:#f6f8fa;border-color:#e4e9ee}
  .cp-casualties .missing-person-image{width:100%;height:210px}
  .cp-casualties .missing-person-image img{object-position:center 25%;cursor:zoom-in}
  .cp-casualties .killed-person-item{background:#f6f8fa;border-color:#e4e9ee}

  /* Casualties tabs (from-community vs at-community) */
  .cp-tabs{display:flex;gap:4px;margin:4px 0 20px;border-bottom:1px solid #e4e9ee;flex-wrap:wrap}
  .cp-tab{background:none;border:none;border-bottom:3px solid transparent;padding:10px 16px;
    font-size:14px;font-weight:600;color:#7a8794;cursor:pointer;transition:color .15s}
  .cp-tab:hover{color:#16395c}
  .cp-tab.active{color:#16395c;border-bottom-color:var(--accent)}
  .cp-tabpane{display:none}
  .cp-tabpane.active{display:block}
  .cp-cas-summary{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 6px}
  .cp-stat{background:#f6f8fa;border:1px solid #e4e9ee;border-radius:0;padding:6px 14px;font-size:13px;color:#33475b}
  .cp-stat b{color:#16395c;font-size:15px}
  .cp-cas-group-title{font-size:1.08em;color:#16395c;font-weight:600;margin:24px 0 12px}
  /* group headings inside the churches and schools sections (monasteries / churches / chapels / cemeteries; nursery / primary / secondary / other) */
  .cp-subhead{font-size:1.08em;color:#16395c;font-weight:600;margin:24px 0 12px;padding-bottom:4px;border-bottom:1px solid #e3e7ec}
  .cp-cas-empty{color:#8a97a5;padding:6px 0}

  /* Photo pop-up: full (uncropped) image, anchored above the clicked photo */
  .cp-lightbox{position:fixed;inset:0;z-index:5000;background:transparent;cursor:zoom-out}
  .cp-lightbox[hidden]{display:none}
  .cp-lightbox img{position:fixed;width:400px;max-width:90vw;height:auto;object-fit:contain;
    background:#fff;padding:6px;border-radius:0;box-shadow:0 10px 40px rgba(0,0,0,.45)}

  /* === Community directory (mirrors the map's "Lists" panel, but static/full-page) === */
  /* Hub uses a SINGLE pane (.cp-lists) — flatten the outer content card so there's no pane-in-pane. */
  .community-page.hub .cp-container{background:none;box-shadow:none;padding:0 16px;max-width:832px}
  .cp-lists{max-width:800px;margin:0 auto;border:1px solid #e4e9ee;border-radius:0;
    overflow:hidden;background:#fff;box-shadow:0 2px 12px rgba(22,57,92,.06)}
  .cp-lists-head{padding:18px 18px 6px}
  .cp-lists-head h1{margin:0;font-size:1.5em;color:#16395c;line-height:1.2}
  .cp-lists-head .cp-meta{margin:.5em 0 0;font-size:.8em;color:#7a8794;line-height:1.45}
  .cp-lists .search-container{padding:12px 16px 14px;border-bottom:1px solid #eee}
  .cp-lists .search-input{width:100%;box-sizing:border-box;padding:11px 14px;border:1px solid #ddd;
    border-radius:0;font-size:15px;font-family:inherit;transition:border-color .2s}
  .cp-lists .search-input:focus{outline:none;border-color:#2f6ea8}
  .cp-lists .list-filters{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid #eee;flex-wrap:wrap}
  .cp-lists .filter-btn{padding:6px 14px;background:#f5f5f5;border:1px solid #ddd;border-radius:0;
    cursor:pointer;font-size:13px;font-weight:500;color:#666;font-family:inherit;transition:all .15s}
  .cp-lists .filter-btn:hover{background:#e6ebf0}
  .cp-lists .filter-btn.active{background:#2f6ea8;color:#fff;border-color:#2f6ea8}
  /* Whole list on the page, scrolled with the page itself (no inner scroller) */
  .cp-lists .list-container{list-style:none;margin:0;padding:0}
  .cp-lists .list-container li{border-bottom:1px solid #f0f0f0}
  /* Single hover: the whole box (li) tints darker; the anchor fills the box so it's all clickable. */
  .cp-lists .list-container li:hover{background:#dbe3ec}
  .cp-lists .list-container li:last-child{border-bottom:none}
  .cp-lists .list-container li.hidden{display:none}
  .cp-lists .list-container li a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
    padding:5px 16px;line-height:1.3;text-decoration:none;color:#243b53}
  .cp-lists .community-name{font-weight:600;color:#16395c}
  .cp-lists .district{color:#8a97a5;font-size:12px;white-space:nowrap}
  .cp-lists .cp-noresults{padding:22px 16px;text-align:center;color:#8a97a5;display:none}
  .cp-lists-count{max-width:800px;margin:12px auto 0;text-align:center;color:#8a97a5;font-size:13px}
  /* Tabbed directory pane (mirrors the map's Lists tabs) */
  .cp-lists .tab-navigation{display:flex}
  .cp-lists .tab-content{display:none}
  .cp-lists .tab-content.active{display:block;overflow:visible}
  .cp-tab-count{margin:12px 16px 14px;text-align:center;color:#8a97a5;font-size:13px}
  /* Deep-link highlight when arriving via #anchor from a directory tab */
  .poi-block:target,.school-list li.cp-hit{outline:2px solid #2f6ea8;outline-offset:3px;
    border-radius:0;background:#eef4fa;scroll-margin-top:90px}
  .cp-section[id]{scroll-margin-top:140px}

  /* Footer */
  .cp-footer{max-width:1200px;margin:0 auto 40px;padding:16px 32px;color:#7a8794;font-size:13px;letter-spacing:.03em}
  .cp-footer a{color:#2f6ea8;text-decoration:none}
  .cp-footer a:hover{text-decoration:underline}
  /* Header title acts as a home link, styled identically (no underline/colour change) */
  body.community-page a.header-titles{text-decoration:none}

  /* Refugee stories */
  .story-list{list-style:none;margin:0;padding:0}
  .story-item{padding:14px 0;border-bottom:1px solid #e6ebf0}
  .story-item:last-child{border-bottom:0}
  .story-item a{color:#16395c;text-decoration:none;font-size:20px}
  .story-item a:hover{text-decoration:underline}
  .story-byline{color:#5b6b7a;font-size:16px;margin:4px 0}
  .story-teaser{margin:6px 0 0;color:#333}
  .story-sample-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.05em;color:#9a3d00;background:#fdeee0;border-radius:0;padding:1px 6px;vertical-align:middle}
  .story-sample-banner{background:#fdeee0;color:#9a3d00;border:1px solid #f3c9a3;border-radius:0;padding:10px 14px;margin-bottom:18px;font-weight:600}
  .story-title{font-size:30px;color:#16395c;margin:0 0 6px}
  article.story .story-byline{font-size:18px}
  .story-facts{display:flex;flex-wrap:wrap;gap:8px 28px;margin:14px 0 22px;padding:12px 0;border-top:1px solid #e6ebf0;border-bottom:1px solid #e6ebf0}
  .story-fact span{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#7a8894}
  .story-h{font-size:22px;color:#2f6ea8;margin:28px 0 10px}
  .guide-intro{font-size:20px;line-height:1.6}
  .guide-list{margin:0 0 8px;padding-left:22px}
  .guide-list li{font-size:19px;line-height:1.6;margin:4px 0}
  .g-small{font-size:15px;font-weight:normal;color:#7a8894}
  .guide-confirm{border:1px solid #c9d6e3;border-radius:0;padding:6px 20px 16px;margin-top:26px}
  .guide-confirm p{font-size:18px;line-height:1.6}
  .guide-field{display:flex;gap:10px;align-items:flex-end;margin:16px 0 0}
  .guide-field span:first-child{white-space:nowrap}
  .guide-line{flex:1;border-bottom:1px solid #5b6b7a;min-height:1.2em}
  @media print{
    #header,.cp-footer,.no-print{display:none!important}
    body.guide-page{background:#fff}
    .guide .cp-section,.guide{box-shadow:none;border:0;padding:0}
    .guide-confirm{break-inside:avoid}
    .story-h{break-after:avoid}
  }
  .story-body h2.story-h{font-size:22px;color:#2f6ea8;margin:28px 0 10px}
  .story-body p{font-size:20px;line-height:1.7;margin:0 0 16px;max-width:42em}
  .story-media{margin:18px 0}
  .story-media img{max-width:100%;border-radius:0}
  .story-media figcaption{font-size:15px;color:#5b6b7a;margin-top:6px}
  .story-note{font-style:italic;color:#5b6b7a}
  .story-disclaimer{font-size:15px;color:#7a8894;border-top:1px solid #e6ebf0;padding-top:12px;margin-top:24px}

  /* === 2026-10-24 restyle, matching the map === */
  /* Header: the map's floating two-line title needs a solid band on a scrolling page; the title links home */
  body.community-page #header{background:#e4e4e4;height:96px}
  body.community-page .header-titles{pointer-events:auto!important;text-decoration:none}
  /* Button under the title (directory page): same look as the map's "Σελίδες Κοινοτήτων" / Κατάλογοι buttons */
  body.community-page.has-header-btn #header{height:134px}
  .header-sub-btn{position:absolute;left:50%;top:92px;transform:translateX(-50%);display:inline-block;padding:6px 14px;font-size:12.5px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none;color:#fff;background:var(--brand-mid);border:1px solid var(--brand-mid);border-radius:0;transition:background .15s ease}
  .header-sub-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff}
  .header-sub-btns{position:absolute;left:50%;top:92px;transform:translateX(-50%);display:flex;gap:8px;pointer-events:auto}
  .header-sub-btns .header-sub-btn{position:static;transform:none}
  /* Square panes */
  .cp-section,.cp-infocard,.cp-lists,.poi-block,.dl-card,.ch-card,.tel-box{border-radius:0}
  /* "Δείτε στον διαδραστικό χάρτη" button: square (colour unchanged) */
  .map-cta{border-radius:0;background:var(--accent)}
  .map-cta:hover{background:var(--accent-light)}
  /* Directory page: underline of the selected tab in orange (the map's own tabs keep the blue) */
  .community-page.hub .tab-btn.active{border-bottom-color:var(--accent)}
  /* Summary card (top right): labels ΚΟΙΝΟΤΗΤΑ / ΠΛΗΘΥΣΜΟΣ / ΕΛΛΗΝΙΚΑ ΣΧΟΛΕΙΑ in orange */
  .cp-fact-title{color:var(--accent)}
  /* Small community map at the top of the summary card */
  .cp-map{position:relative;margin:0 0 16px;border:1px solid #e4e9ee;background:#d6e0e9;line-height:0}
  .cp-map-svg{display:block;width:100%;height:auto}
  /* Island locator: its own strip below the main map, full card width */
  .cp-map-loc{display:block;background:#fff;border-top:1px solid #e4e9ee;padding:8px 10px;line-height:0}
  .cp-map-loc-in{position:relative;display:block}
  .cp-map-loc img{display:block;width:100%;height:auto}
  .cp-map-loc i{position:absolute;width:6px;height:6px;margin:-4px 0 0 -4px;border-radius:50%;background:#e8661c;border:1px solid #fff}

  /* community history text (from _work/history/texts) in place of the generated description */
  .cp-history h3{font-size:1.12em;color:#16395c;margin:1.3em 0 .4em}
  .cp-history blockquote{margin:.8em 0 1em;padding:.4em 0 .4em 1em;border-left:3px solid #c9d3dd;color:#33475b}
  .cp-history blockquote p{margin:.3em 0}
  /* jump links under the title, and "back to top" at the end of each section */
  .cp-jump{display:flex;flex-wrap:wrap;gap:6px 8px;margin:4px 0 18px}
  .cp-jump a{display:inline-block;padding:5px 12px;border:1px solid #d5dde5;border-radius:0;background:#f6f8fa;
    color:#16395c;text-decoration:none;font-size:14px;line-height:1.3;transition:background .15s,border-color .15s}
  .cp-jump a:hover{background:#e9eef3;border-color:#b9c6d2}
  .cp-top{display:block;margin-top:18px;text-align:right;font-size:13px;color:#8a97a5;text-decoration:none}
  .cp-top:hover{color:#16395c}
  .cp-section[id]{scroll-margin-top:140px}
  /* links to the groups inside a section (churches, schools) and to the headings of the history text */
  .cp-jump-sub{margin:6px 0 16px}
  .cp-jump-sub a{font-size:13px;padding:3px 10px;background:#fff}
  .cp-subhead[id], .cp-history h3[id]{scroll-margin-top:140px}
  /* history text: footnotes and the collapsible sources / links */
  .cp-history .footnote-ref{text-decoration:none;font-size:.72em;vertical-align:super;line-height:0}
  .cp-history section.footnotes{margin-top:22px;padding-top:8px;border-top:1px solid #e3e7ec;font-size:14px;color:#4a5b6b;text-align:left}
  .cp-history section.footnotes hr{display:none}
  .cp-history section.footnotes ol{padding-left:22px;margin:6px 0}
  .cp-history section.footnotes li{margin:3px 0}
  .cp-history section.footnotes p{margin:0}
  .cp-history .footnote-back{text-decoration:none;margin-left:4px}
  .cp-sources{margin:14px 0 0;border:1px solid #dfe4ea;border-radius:0;background:#fafbfc;padding:0 14px;text-align:left}
  .cp-sources summary{cursor:pointer;font-weight:600;color:#16395c;padding:9px 0;font-size:15px}
  .cp-sources ul{margin:0 0 12px;padding-left:20px;font-size:14px;color:#4a5b6b}
  .cp-sources li{margin:4px 0}
  .cp-history [id^="fn"]{scroll-margin-top:140px}
  /* Merged sections («Εθνικοί Αγώνες», «Άλλες Πληροφορίες»): each part in its own box, styled like the facts card */
  .cp-subsection{background:#f6f8fa;border:1px solid #e4e9ee;border-radius:0;padding:16px 20px;margin-top:14px}
  .cp-subsection > .cp-subhead:first-child{margin-top:0}
  .cp-subsection > :last-child{margin-bottom:0}
  /* Page tabs (sample, own class names: the casualties section already uses .cp-tab/.cp-tabs).
     All panels are in the HTML; only with JS (.cp-js-ptabs on <html>) one panel shows at a time. */
  .cp-ptabs{display:flex;align-items:flex-end;gap:4px;margin:18px -32px -28px;padding:0 24px;box-shadow:inset 0 -1px 0 #cfd8e1;overflow-x:auto;scrollbar-width:thin}
  .cp-ptab{flex:none;padding:9px 16px 8px;font-size:14px;font-weight:500;color:#4a5b6b;text-decoration:none;white-space:nowrap;
    background:#eef2f6;border:1px solid #d5dde5;border-bottom:none;border-radius:0;box-shadow:inset 0 -1px 0 #cfd8e1}
  .cp-ptab:hover{background:#e3e9ef;color:#16395c}
  .cp-ptab.cp-pon{background:#fff;color:#16395c;font-weight:700;border-color:#cfd8e1;border-top:3px solid var(--accent);padding-top:7px;box-shadow:none}
  .cp-head-ptabs{padding-bottom:28px}
  .cp-js-ptabs .cp-ppanel{display:none}
  .cp-js-ptabs .cp-ppanel.cp-pon{display:block}
  /* the header card and the open panel join, so the tabs read as tabs */
  .cp-js-ptabs .cp-head-ptabs{margin-bottom:0;border-radius:0}
  .cp-js-ptabs .cp-ppanel.cp-pon{border-radius:0}
  @media (max-width:600px){.cp-ptabs{margin:14px -16px -20px;padding:0 10px}.cp-ptab{padding:8px 11px 7px;font-size:13px}.cp-ptab.cp-pon{padding-top:6px}}

  /* Square corners everywhere on the static pages (editor, 4.11.2026), also for elements styled in styles.css.
     Kept round only: the photo-strip arrows and the dot on the small map. */
  body.community-page *:not(.thumb-arrow):not(.cp-map-loc *){border-radius:0!important}