/* Το Χρονικό — ten press identities.
   Not ten hues: ten layouts. Each theme changes the masthead, the headline face, the card
   anatomy, the rule weight and the palette together, the way two newspapers differ on the
   same newsstand. Switch with ?theme=N. Theme 1 is the default.

   Only fonts present on the machine are used (Liberation, DejaVu, Nimbus, Charter) and all
   of them carry Greek glyphs — no webfont requests, no CDN, nothing to break offline. */

/* ============ 1 · BROADSHEET ============
   Centred masthead, heavy double rules, book serif, small-caps kickers. */
[data-theme="1"]{
  --paper:#f4f0e6; --card:#faf7ef; --ink:#15120f; --ink-2:#3b352e; --muted:#776d61;
  --rule:#cfc5b2; --accent:#8c1c16; --accent-soft:#efe1d7;
  --serif:"Liberation Serif","Times New Roman",Georgia,serif;
  --sans:"Liberation Sans",Helvetica,Arial,sans-serif;
}
[data-theme="1"] body{background-color:var(--paper)}
[data-theme="1"] .mast-inner{flex-direction:column;align-items:center;gap:6px;padding-bottom:10px}
[data-theme="1"] .brand{font:700 clamp(38px,7vw,58px)/1 var(--serif);letter-spacing:-.02em}
[data-theme="1"] .brand .dot{display:none}
[data-theme="1"] .live{position:absolute;right:14px;top:16px;margin:0}
[data-theme="1"] .mast-inner{position:relative}
[data-theme="1"] .date{order:3}
[data-theme="1"] .navwrap{border-top:1px solid var(--ink);border-bottom:4px double var(--ink)}
[data-theme="1"] .topnav{justify-content:flex-start;font:600 11px/1 var(--serif);letter-spacing:.12em;padding-left:2px}
[data-theme="1"] .navwrap{padding-left:14px}
[data-theme="1"] .mast-inner{padding-left:14px;padding-right:14px}
[data-theme="1"] .card{background:transparent;border:none;border-top:1px solid var(--rule)}
[data-theme="1"] .card a{padding-top:14px}
[data-theme="1"] .card:hover{transform:none;box-shadow:none}
[data-theme="1"] .card h3{font:700 21px/1.24 var(--serif)}
[data-theme="1"] .lead h3{font:700 clamp(30px,4.6vw,52px)/1.04 var(--serif)}
[data-theme="1"] .kicker{letter-spacing:.2em;font-family:var(--serif);font-weight:700}

/* ============ 2 · TABLOID ============
   Condensed sans, enormous headlines, red banners, no pictures in the stack. */
[data-theme="2"]{
  --paper:#ffffff; --card:#fff; --ink:#0b0b0b; --ink-2:#2b2b2b; --muted:#6c6c6c;
  --rule:#d8d8d8; --accent:#d40511; --accent-soft:#fde8e8;
  --serif:"Nimbus Sans Narrow","Liberation Sans Narrow","Liberation Sans",sans-serif;
  --sans:"Nimbus Sans Narrow","Liberation Sans",Arial,sans-serif;
}
[data-theme="2"] body{background:#fff;font-family:var(--serif)}
[data-theme="2"] .masthead{background:var(--accent);border-bottom:none;color:#fff}
[data-theme="2"] .brand{color:#fff;font:800 clamp(34px,6vw,50px)/1 var(--serif);letter-spacing:-.03em;text-transform:uppercase}
[data-theme="2"] .brand .dot{color:#fff}
[data-theme="2"] .live,.[data-theme="2"] .date{color:rgba(255,255,255,.85)}
[data-theme="2"] .live i{background:#fff}
[data-theme="2"] .navwrap{background:#0b0b0b}
[data-theme="2"] .topnav{border-top:none;font:700 12px/1 var(--serif);letter-spacing:.1em}
[data-theme="2"] .topnav a{color:#fff}
[data-theme="2"] .topnav a.on,[data-theme="2"] .topnav a:hover{color:#fff;border-bottom-color:var(--accent)}
[data-theme="2"] .thumb{display:none}
[data-theme="2"] .card{border:none;border-top:3px solid var(--ink);background:#fff}
[data-theme="2"] .card a{padding:14px 0}
[data-theme="2"] .card:hover{transform:none;box-shadow:none}
[data-theme="2"] .card h3{font:800 27px/1.02 var(--serif);letter-spacing:-.02em;text-transform:none}
[data-theme="2"] .lead h3{font:800 clamp(40px,8vw,68px)/.96 var(--serif);letter-spacing:-.03em}
[data-theme="2"] .kicker{background:var(--accent);color:#fff;padding:3px 6px;font-size:10px}
[data-theme="2"] .latest li::before{color:var(--accent)}

/* ============ 3 · FINANCIAL ============
   Salmon stock, hairline grid, small left thumbnails, boxed labels, dense. */
[data-theme="3"]{
  --paper:#f9e9dd; --card:#fdf1e8; --ink:#332c26; --ink-2:#4c4137; --muted:#877567;
  --rule:#ddc7b6; --accent:#9b0a3c; --accent-soft:#f4dbd1;
  --serif:"Liberation Serif",Georgia,serif;
  --sans:"Liberation Sans",Arial,sans-serif;
}
[data-theme="3"] body{background:#f9e9dd}
[data-theme="3"] .masthead{background:#f9e9dd;border-bottom:1px solid #b99f8c}
[data-theme="3"] .brand{font:700 32px/1 var(--serif);letter-spacing:0}
[data-theme="3"] .topnav{border-top:1px solid #cbae99;font:600 11px/1 var(--sans)}
[data-theme="3"] .grid{grid-template-columns:1fr}
[data-theme="3"] .card{border:none;border-top:1px solid var(--rule);background:transparent}
[data-theme="3"] .card a{display:grid;grid-template-columns:104px 1fr;gap:14px;padding:12px 0}
[data-theme="3"] .thumb{order:2;margin:0}
[data-theme="3"] .thumb img{aspect-ratio:1/1}
[data-theme="3"] .card-body{order:1;padding:0}
[data-theme="3"] .card h3{font:700 18px/1.25 var(--serif)}
[data-theme="3"] .card p{display:none}
[data-theme="3"] .card:hover{transform:none;box-shadow:none}
[data-theme="3"] .lead .card a{grid-template-columns:1fr .9fr}
[data-theme="3"] .lead .card .thumb{order:2}
[data-theme="3"] .lead h3{font:700 clamp(26px,4vw,42px)/1.08 var(--serif)}
[data-theme="3"] .kicker{border:1px solid var(--accent);padding:2px 5px;font-size:9.5px}

/* ============ 4 · MAGAZINE ============
   Generous air, big pictures, serif display, almost no rules. */
[data-theme="4"]{
  --paper:#fbf9f4; --card:#fff; --ink:#141414; --ink-2:#3d3d3d; --muted:#7c7c7c;
  --rule:#e8e3d9; --accent:#1f4f3f; --accent-soft:#e3ece7;
  --serif:"DejaVu Serif",Georgia,serif;
  --sans:"Liberation Sans",Helvetica,Arial,sans-serif;
}
[data-theme="4"] body{background:#fbf9f4}
[data-theme="4"] .masthead{background:#fbf9f4;border-bottom:none}
[data-theme="4"] .brand{font:400 clamp(30px,4.6vw,44px)/1 var(--serif);letter-spacing:.02em}
[data-theme="4"] .navwrap{border-top:none;border-bottom:1px solid var(--rule)}
[data-theme="4"] .topnav{border:none;font:500 11px/1 var(--sans);letter-spacing:.18em;justify-content:center}
[data-theme="4"] .card{border:none;background:transparent}
[data-theme="4"] .card a{padding:0}
[data-theme="4"] .card:hover{transform:none;box-shadow:none}
[data-theme="4"] .card:hover h3{color:var(--accent)}
[data-theme="4"] .card h3{font:400 23px/1.2 var(--serif);letter-spacing:-.01em}
[data-theme="4"] .thumb{margin-bottom:16px}
[data-theme="4"] .lead h3{font:400 clamp(32px,5vw,54px)/1.06 var(--serif)}
[data-theme="4"] .kicker{color:var(--accent);letter-spacing:.24em}
[data-theme="4"] .latest{border-top:1px solid var(--rule)}

/* ============ 5 · WIRE ============
   Monospaced labels, 2px black frames, timestamps first, no pictures. */
[data-theme="5"]{
  --paper:#fdfdfb; --card:#fff; --ink:#000; --ink-2:#222; --muted:#555;
  --rule:#000; --accent:#000; --accent-soft:#eee;
  --serif:"DejaVu Sans Mono","Liberation Mono",monospace;
  --sans:"DejaVu Sans Mono","Liberation Mono",monospace;
}
[data-theme="5"] body{background:#fdfdfb;font-family:var(--serif)}
[data-theme="5"] .masthead{background:#fff;border-bottom:2px solid #000}
[data-theme="5"] .brand{font:700 30px/1 var(--serif);letter-spacing:-.02em}
[data-theme="5"] .topnav{border-top:2px solid #000;font:600 10.5px/1 var(--serif);letter-spacing:.06em}
[data-theme="5"] .thumb{display:none}
[data-theme="5"] .card{border:2px solid #000;background:#fff;box-shadow:none}
[data-theme="5"] .card a{padding:12px 14px}
[data-theme="5"] .card:hover{transform:none;box-shadow:4px 4px 0 #000}
[data-theme="5"] .card h3{font:700 19px/1.16 var(--serif)}
[data-theme="5"] .card p{font-size:13px;color:#333}
[data-theme="5"] .lead h3{font:700 clamp(26px,4vw,40px)/1.02 var(--serif)}
[data-theme="5"] .kicker{background:#000;color:#fff;padding:2px 5px;letter-spacing:.12em}
[data-theme="5"] .meta{font-size:10.5px}

/* ============ 6 · SWISS ============
   Strict grid, Helvetica, one orange accent, no pictures in the stack. */
[data-theme="6"]{
  --paper:#ffffff; --card:#fff; --ink:#111; --ink-2:#333; --muted:#777;
  --rule:#e6e6e6; --accent:#ff3b00; --accent-soft:#ffe9e2;
  --serif:"Nimbus Sans","Liberation Sans",Helvetica,Arial,sans-serif;
  --sans:"Nimbus Sans","Liberation Sans",Helvetica,Arial,sans-serif;
}
[data-theme="6"] body{background:#fff;font-family:var(--serif)}
[data-theme="6"] .masthead{background:#fff;border-bottom:1px solid #111}
[data-theme="6"] .brand{font:700 30px/1 var(--serif);letter-spacing:-.04em}
[data-theme="6"] .brand .dot{color:var(--accent)}
[data-theme="6"] .topnav{border-top:1px solid #e6e6e6;font:500 10.5px/1 var(--serif);letter-spacing:.14em}
[data-theme="6"] .grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1px;background:var(--rule)}
[data-theme="6"] .card{background:#fff;border:none}
[data-theme="6"] .card a{padding:18px 16px}
[data-theme="6"] .thumb{display:none}
[data-theme="6"] .card:hover{transform:none;box-shadow:none}
[data-theme="6"] .card h3{font:600 18px/1.24 var(--serif);letter-spacing:-.01em}
[data-theme="6"] .lead h3{font:700 clamp(30px,4.6vw,50px)/1.02 var(--serif);letter-spacing:-.03em}
[data-theme="6"] .kicker{color:var(--accent);letter-spacing:.16em}

/* ============ 7 · PROVINCIAL ============
   Bookish serif, sand stock, centred masthead, drop caps, hairline rules. */
[data-theme="7"]{
  --paper:#f4ecd9; --card:#faf3e3; --ink:#2a231a; --ink-2:#4a3f31; --muted:#84745f;
  --rule:#d9c9ac; --accent:#7a5320; --accent-soft:#ecdfc6;
  --serif:"Bitstream Charter","DejaVu Serif",Georgia,serif;
  --sans:"Liberation Sans",Arial,sans-serif;
}
[data-theme="7"] body{
  background-color:#f4ecd9;
  background-image:repeating-linear-gradient(0deg,rgba(42,35,26,.02) 0 1px,transparent 1px 4px);
  font-family:var(--serif);
}
[data-theme="7"] .mast-inner{flex-direction:column;align-items:center;position:relative}
[data-theme="7"] .brand{font:700 clamp(34px,5.6vw,50px)/1 var(--serif);letter-spacing:.01em}
[data-theme="7"] .live{position:absolute;right:14px;top:18px;margin:0}
[data-theme="7"] .navwrap{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
[data-theme="7"] .topnav{justify-content:center;font:600 11px/1 var(--serif);letter-spacing:.16em}
[data-theme="7"] .card{background:transparent;border:none;border-bottom:1px solid var(--rule)}
[data-theme="7"] .card a{padding:16px 0}
[data-theme="7"] .card:hover{transform:none;box-shadow:none}
[data-theme="7"] .card h3{font:700 21px/1.26 var(--serif)}
[data-theme="7"] .lead h3{font:700 clamp(28px,4.4vw,46px)/1.06 var(--serif)}
[data-theme="7"] .prose > p:first-of-type::first-letter{font-family:var(--serif);color:var(--accent)}
[data-theme="7"] .kicker{font-family:var(--serif);letter-spacing:.18em}

/* ============ 8 · CIVIC ============
   Institutional sans headings, navy, boxed section labels, left thumbs. */
[data-theme="8"]{
  --paper:#eef2f5; --card:#f9fbfc; --ink:#0f2233; --ink-2:#33485c; --muted:#6d8092;
  --rule:#d0dce4; --accent:#0e5f8a; --accent-soft:#dbe9f1;
  --serif:"Liberation Serif",Georgia,serif;
  --sans:"Liberation Sans",Helvetica,Arial,sans-serif;
}
[data-theme="8"] body{background:#eef2f5}
[data-theme="8"] .masthead{background:#0f2233;border-bottom:none;color:#fff}
[data-theme="8"] .brand{color:#fff;font:700 30px/1 var(--sans);letter-spacing:-.02em}
[data-theme="8"] .brand .dot{color:#7fc4e8}
[data-theme="8"] .live,[data-theme="8"] .date{color:#a9c2d4}
[data-theme="8"] .live i{background:#7fc4e8}
[data-theme="8"] .navwrap{background:#eef2f5;border-bottom:1px solid var(--rule)}
[data-theme="8"] .topnav{border:none;font:600 11px/1 var(--sans);letter-spacing:.12em}
[data-theme="8"] .card{border:1px solid var(--rule);background:var(--card)}
[data-theme="8"] .card a{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:12px}
[data-theme="8"] .thumb{order:2;margin:0}
[data-theme="8"] .thumb img{aspect-ratio:1/1}
[data-theme="8"] .card-body{order:1;padding:0}
[data-theme="8"] .card h3{font:600 17px/1.3 var(--sans)}
[data-theme="8"] .card p{display:none}
[data-theme="8"] .card:hover{transform:none;box-shadow:0 6px 18px rgba(15,34,51,.08)}
[data-theme="8"] .lead .card a{grid-template-columns:1fr .85fr}
[data-theme="8"] .lead .card .thumb{order:2}
[data-theme="8"] .lead .card .card-body{order:1}
[data-theme="8"] .lead h3{font:700 clamp(26px,4vw,44px)/1.08 var(--sans);letter-spacing:-.02em}
[data-theme="8"] .kicker{background:var(--accent-soft);color:var(--accent);padding:3px 6px}

/* ============ 9 · NIGHT ============
   Dark stock, warm amber, serif, pictures dimmed. */
[data-theme="9"]{
  --paper:#15171b; --card:#1c1f24; --ink:#ece6da; --ink-2:#c3bcb0; --muted:#8c8578;
  --rule:#2f343b; --accent:#e2a63b; --accent-soft:#2b2416;
  --serif:"Liberation Serif",Georgia,serif;
  --sans:"Liberation Sans",Arial,sans-serif;
}
[data-theme="9"] body{background:#15171b;color:var(--ink-2)}
[data-theme="9"] .masthead{background:#15171b;border-bottom:3px double #ece6da}
[data-theme="9"] .brand,[data-theme="9"] .card h3,[data-theme="9"] .lead h3,
[data-theme="9"] .latest li a{color:var(--ink)}
[data-theme="9"] .thumb img{filter:brightness(.72) contrast(1.05)}
[data-theme="9"] .card{background:var(--card);border-color:var(--rule)}
[data-theme="9"] .tags a{background:#242830}

/* ============ 10 · WEEKEND ============
   Sage stock, big pictures, pill tags, bordered cards, relaxed. */
[data-theme="10"]{
  --paper:#eef1e7; --card:#fbfcf7; --ink:#1c2a20; --ink-2:#3c4b40; --muted:#70816f;
  --rule:#d3dccb; --accent:#2f6b3f; --accent-soft:#dfe9d8;
  --serif:"DejaVu Serif",Georgia,serif;
  --sans:"Liberation Sans",Arial,sans-serif;
}
[data-theme="10"] body{background:#eef1e7}
[data-theme="10"] .masthead{background:#eef1e7;border-bottom:2px solid var(--accent)}
[data-theme="10"] .brand{font:700 30px/1 var(--serif)}
[data-theme="10"] .topnav{border-top:none;font:600 11px/1 var(--sans);letter-spacing:.1em}
[data-theme="10"] .card{border:1px solid var(--rule);background:var(--card);border-radius:10px;overflow:hidden}
[data-theme="10"] .card a{padding:0}
[data-theme="10"] .card-body{padding:16px}
[data-theme="10"] .card h3{font:700 20px/1.26 var(--serif)}
[data-theme="10"] .lead h3{font:700 clamp(30px,4.6vw,50px)/1.06 var(--serif)}
[data-theme="10"] .kicker{color:var(--accent);letter-spacing:.18em}
[data-theme="10"] .tags a{border-radius:99px}

/* broadsheet: everything that speaks in headlines or lead copy is the paper's serif */
[data-theme="1"] .post h1,[data-theme="1"] .standfirst,[data-theme="1"] .card h3,
[data-theme="1"] .lead h3,[data-theme="1"] .latest li a,[data-theme="1"] .section-title,
[data-theme="1"] .readalso li,[data-theme="1"] .byline-who strong{font-family:var(--serif)}
[data-theme="1"] .post h1{letter-spacing:-.02em;font-weight:700}
[data-theme="1"] .standfirst{font-weight:700}
[data-theme="1"] .cards h3{font-weight:700}