:root{--hc-blue:#0B6E99;--hc-ink:#0b2e4a;}
.skiplink{position:absolute;left:-9999px;}
/* ==================================================================
   Section layout, 1 October 2026. Every rule is prefixed hc- so it can sit
   beside the site's own styles and beside the Island Hopper's styles.
   Dark bar #0b2e4a is the site's own dark brand colour; the active and
   hover bar uses the site's light accent #5bb0cf so it shows on the dark bar.
   ================================================================== */
.hc-mast{background:#fff;border-bottom:1px solid #d7e7f0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
.hc-mastin{max-width:1200px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;}
.hc-brand{font-family:Georgia,'Times New Roman',serif;font-weight:bold;font-size:22px;line-height:1.2;color:#0B6E99;text-decoration:none;white-space:nowrap;}
.hc-brand svg{vertical-align:-5px;margin-right:2px;}
.hc-tagline{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#4a6b7a;white-space:nowrap;}
@media(max-width:520px){.hc-tagline{display:none;}}

.hc-nav{background:#0b2e4a;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
.hc-navin{max-width:1200px;margin:0 auto;padding:0 8px;display:flex;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;box-sizing:border-box;}
.hc-nav a{flex:0 0 auto;display:block;color:#fff;font-size:15px;font-weight:600;line-height:1.3;text-decoration:none;padding:13px 12px 9px;border-bottom:4px solid transparent;}
.hc-nav a:hover,.hc-nav a.on{border-bottom-color:#5bb0cf;color:#fff;}
.hc-nav a:focus-visible{outline:2px solid #fff;outline-offset:-3px;border-bottom-color:#5bb0cf;}

.hc-sub{background:#f2f2f2;border-bottom:1px solid #e2e2e2;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
.hc-subin{max-width:1200px;margin:0 auto;padding:0 8px;display:flex;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;box-sizing:border-box;}
.hc-sub a{flex:0 0 auto;display:block;color:#1a1a1a;font-size:14px;line-height:1.3;text-decoration:none;padding:10px 12px;}
.hc-sub a:hover{text-decoration:underline;}
.hc-sub a.on{font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;}
.hc-sub a:focus-visible{outline:2px solid #0B6E99;outline-offset:-3px;}

.hc-crumbs{max-width:1200px;margin:0 auto;padding:12px 20px 0;box-sizing:border-box;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13.5px;}
.hc-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px;}
.hc-crumbs li{color:#4a6b7a;margin:0;padding:0;}
.hc-crumbs li+li::before{content:"\203A";margin:0 6px 0 2px;color:#4a6b7a;}
.hc-crumbs a{color:#0B6E99;text-decoration:none;}
.hc-crumbs a:hover{text-decoration:underline;}

.hc-anchor{display:block;position:relative;top:-8px;height:0;overflow:hidden;}
.hc-related{max-width:900px;margin:14px auto 0;padding:0 20px;font-size:14px;color:#4a6b7a;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}

/* landing pages: labelled tiles with counts */
.hc-landing h1{font-size:32px;color:#0B6E99;margin:0 0 8px;text-align:center;}
.hc-h2{font-size:24px;color:#0B6E99;margin:34px 0 4px;text-align:center;}
.hc-sum{text-align:center;color:#4a6b7a;margin:0 0 18px;font-size:14.5px;}
.hc-tiles{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin:6px 0 30px;}
.hc-tile{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #d7e7f0;border-top:4px solid #0B6E99;border-radius:10px;padding:16px 16px 18px;text-decoration:none;color:#0b2e4a;box-shadow:0 2px 8px rgba(11,46,74,.05);transition:transform .15s,box-shadow .15s;}
.hc-tile:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(11,46,74,.12);}
.hc-tile:focus-visible{outline:2px solid #0B6E99;outline-offset:2px;}
.hc-tile img{width:calc(100% + 32px);margin:-16px -16px 8px;height:120px;object-fit:cover;border-radius:6px 6px 0 0;display:block;}
.hc-tico{color:#0B6E99;line-height:0;margin:0 0 4px;}
.hc-tico svg{width:28px;height:28px;}
.hc-tname{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.2;color:#0B6E99;margin:0;}
.hc-count{font-weight:700;font-size:14px;color:#0b2e4a;}
.hc-tdesc{font-size:14px;color:#4a6b7a;line-height:1.45;}

/* front page */
.hc-wrap{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box;}
.hc-sec{padding:26px 0 8px;}
.hc-blockhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:3px solid #0b2e4a;padding-top:8px;margin:0 0 14px;}
.hc-blockhead h2{font-size:24px;color:#0b2e4a;margin:0;text-align:left;font-family:Georgia,'Times New Roman',serif;}
.hc-more{font-weight:700;font-size:14.5px;color:#0B6E99;text-decoration:none;white-space:nowrap;}
.hc-more:hover{text-decoration:underline;}
.hc-top{display:grid;gap:18px;grid-template-columns:2fr 1fr 1fr;}
.hc-top .hc-lead{grid-row:span 2;}
.hc-four{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);}
@media(max-width:960px){.hc-four{grid-template-columns:repeat(2,1fr);}.hc-top{grid-template-columns:1fr 1fr;}.hc-top .hc-lead{grid-column:span 2;grid-row:auto;}}
@media(max-width:600px){.hc-four{grid-template-columns:1fr;}.hc-top{grid-template-columns:1fr;}.hc-top .hc-lead{grid-column:auto;}}
.hc-card{background:#fff;border:1px solid #d7e7f0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;}
.hc-cardlink{display:flex;flex-direction:column;gap:4px;padding:0 0 12px;color:#0b2e4a;text-decoration:none;flex:1;}
.hc-cardlink:hover h3{text-decoration:underline;}
.hc-cardlink:focus-visible{outline:2px solid #0B6E99;outline-offset:-2px;}
.hc-ph{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#0B6E99,#5bb0cf);overflow:hidden;margin:0 0 8px;}
.hc-ph img{width:100%;height:100%;object-fit:cover;display:block;}
.hc-noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.hc-noimg svg{width:44px;height:44px;opacity:.9;}
.hc-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0B6E99;padding:0 12px;}
.hc-card h3{font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:17px;font-weight:700;line-height:1.3;margin:0;padding:0 12px;color:#0b2e4a;}
.hc-card p{font-size:14px;line-height:1.45;margin:0;padding:0 12px;color:#3d5c73;}
.hc-lead h3{font-size:24px;font-family:Georgia,'Times New Roman',serif;}
.hc-lead p{font-size:15.5px;}
.hc-credit{font-size:11.5px !important;color:#5b7483 !important;padding:0 12px 10px !important;margin:0 !important;}
.hc-credit a{color:#5b7483;}
.hc-line{font-size:15px;margin:0 0 16px;}

/* weather */
.hc-wx{margin:4px 0 12px;}
.hc-wxmsg{font-size:14.5px;color:#4a6b7a;margin:6px 0;}
.hc-wxlist{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));}
.hc-wx7 .hc-wxlist{grid-template-columns:repeat(7,minmax(118px,1fr));overflow-x:auto;}
@media(max-width:960px){.hc-wx7 .hc-wxlist{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;}.hc-wx7 .hc-wxday{flex:0 0 132px;}}
.hc-wxday{background:#fff;border:1px solid #d7e7f0;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;font-size:14px;color:#0b2e4a;}
.hc-wxd{font-weight:700;font-size:14.5px;}
.hc-wxi{font-size:26px;line-height:1.2;}
.hc-wxw{color:#3d5c73;font-size:13.5px;min-height:2.4em;}
.hc-wxt b{font-size:17px;}
.hc-wxr,.hc-wxk{color:#4a6b7a;font-size:13px;}
.hc-wxcredit{font-size:12.5px;color:#5b7483;margin:8px 0 0;}
.hc-wxcredit a{color:#0B6E99;}

/* footer columns, every page */
.hc-foot{background:#0b2e4a;color:#cfe3ef;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-top:0;border-bottom:1px solid rgba(207,227,239,.18);}
.hc-footin{max-width:1200px;margin:0 auto;padding:28px 20px 10px;display:grid;gap:18px 24px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));box-sizing:border-box;}
.hc-fcol h2{font-family:Georgia,'Times New Roman',serif;font-size:16px;color:#fff;margin:0 0 8px;text-align:left;border-bottom:2px solid #5bb0cf;padding-bottom:4px;}
.hc-fcol ul{list-style:none;margin:0;padding:0;}
.hc-fcol li{margin:0;padding:3px 0;font-size:14px;line-height:1.4;}
.hc-fcol a{color:#cfe3ef;text-decoration:none;}
.hc-fcol a:hover{color:#fff;text-decoration:underline;}
@media print{.hc-nav,.hc-sub,.hc-foot,.hc-crumbs{display:none;}}

/* ==================================================================
   Design refinement, 1 October 2026 (v2). Layout patterns only, borrowed from
   the BBC, the Guardian and the Independent; the site's own colours, fonts and
   photos stay. Every section has its own colour (Guardian): a deep shade for
   text and rules on white or the grey strip (5.0 to 8.1 to 1) and a light shade
   for the underline on the dark bar (5.7 to 8.4 to 1).
   ================================================================== */
.hc-s-home{--sec:#0B6E99;--secl:#5bb0cf;}
.hc-s-explore,.hc-s-hopper{--sec:#00695C;--secl:#4fd1bd;}
.hc-s-food{--sec:#B23A12;--secl:#ff9a76;}
.hc-s-recipes{--sec:#8A4B00;--secl:#f5b860;}
.hc-s-travel{--sec:#1D5FA8;--secl:#7fb2ff;}
.hc-s-whatson{--sec:#7A2E8E;--secl:#d39bff;}
.hc-s-promotions{--sec:#B0124F;--secl:#ff8ab8;}
.hc-s-living{--sec:#2E6B30;--secl:#8fd694;}
.hc-s-az{--sec:#4B47A0;--secl:#a9a6ff;}
.hc-s-weather{--sec:#00718A;--secl:#6fd3ea;}
.hc-s-news{--sec:#B3261E;--secl:#ff8f86;}
.hc-s-contact{--sec:#555555;--secl:#c8c8c8;}

/* the section bar sticks to the top while scrolling, compact (Independent) */
.hc-nav{position:sticky;top:0;z-index:1100;box-shadow:0 1px 0 rgba(0,0,0,.25);}
.hc-nav a{padding:11px 12px 7px;}
.hc-nav a:hover,.hc-nav a.on,.hc-nav a:focus-visible{border-bottom-color:var(--secl,#5bb0cf);}
html{scroll-padding-top:58px;}
.hc-sub a.on{text-decoration-color:var(--sec,#0B6E99);}

/* section page header: rule and label in the section colour (Guardian) */
.hc-sechead{max-width:1200px;margin:0 auto;padding:12px 20px 0;box-sizing:border-box;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
.hc-sechead a{display:inline-block;border-top:4px solid var(--sec,#0B6E99);padding-top:5px;color:var(--sec,#0B6E99);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;}
.hc-sechead a:hover{text-decoration:underline;}
.hc-tile{border-top-color:var(--sec,#0B6E99);}

/* kickers: the subsection name before each headline, in the section colour */
.hc-label{color:var(--sec,#0B6E99);}

/* home blocks: heading in a left column on desktop, cards to the right, thin grey dividers, no boxes (Guardian) */
.hc-bgrid{display:grid;grid-template-columns:minmax(150px,200px) 1fr;gap:14px 28px;border-top:3px solid var(--sec,#0b2e4a);padding-top:10px;}
.hc-bgrid .hc-blockhead{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;border-top:0;padding-top:0;margin:0;}
.hc-bgrid .hc-blockhead h2{color:var(--sec,#0b2e4a);font-size:23px;line-height:1.2;}
.hc-bgrid .hc-more{color:var(--sec,#0B6E99);}
.hc-wxsec .hc-blockhead{border-top-color:var(--sec,#0b2e4a);}
.hc-wxsec .hc-blockhead h2{color:var(--sec,#0b2e4a);}
.hc-block .hc-four{gap:0;}
.hc-block .hc-card{background:transparent;border:0;border-radius:0;padding:0 14px;border-left:1px solid #dcdcdc;}
.hc-block .hc-card:first-child{padding-left:0;border-left:0;}
.hc-block .hc-card h3,.hc-block .hc-card p,.hc-block .hc-label{padding-left:0;padding-right:0;}
.hc-block .hc-credit{padding-left:0 !important;padding-right:0 !important;}
.hc-block .hc-ph{border-radius:2px;}
.hc-bgrid .hc-line{margin:0;}
@media(max-width:960px){
  .hc-bgrid{grid-template-columns:1fr;}
  .hc-bgrid .hc-blockhead{flex-direction:row;align-items:baseline;justify-content:space-between;}
  .hc-block .hc-card:nth-child(odd){padding-left:0;border-left:0;}
  .hc-block .hc-card:nth-child(n+3){border-top:1px solid #dcdcdc;padding-top:12px;margin-top:12px;}
}
@media(max-width:600px){
  .hc-block .hc-card{padding:0;border-left:0;}
  .hc-block .hc-card+.hc-card{border-top:1px solid #dcdcdc;padding-top:12px;margin-top:12px;}
}

/* top stories: small cards divided by thin lines; the lead is a large photo with the headline over a dark band (Independent) */
.hc-top .hc-card:not(.hc-lead){background:transparent;border:0;border-radius:0;border-top:1px solid #dcdcdc;padding-top:10px;}
.hc-top .hc-card:not(.hc-lead) h3,.hc-top .hc-card:not(.hc-lead) p,.hc-top .hc-card:not(.hc-lead) .hc-label{padding-left:0;padding-right:0;}
.hc-card h3{font-weight:800;}
.hc-lead{background:transparent;border:0;border-radius:0;}
.hc-lead .hc-cardlink{position:relative;display:block;min-height:360px;padding:0;background:#08141f;border-radius:4px;overflow:hidden;}
.hc-lead .hc-ph{position:absolute;top:0;left:0;right:0;bottom:0;aspect-ratio:auto;margin:0;}
.hc-lead .hc-over{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:6px;padding:60px 18px 18px;
  background:linear-gradient(to top,rgba(8,20,31,.94) 0,rgba(8,20,31,.92) calc(100% - 60px),rgba(8,20,31,0) 100%);}
.hc-lead .hc-label{color:var(--secl,#5bb0cf);padding:0;}
.hc-lead h3{color:#fff;font-size:30px;line-height:1.15;padding:0;}
.hc-lead p{color:#e8eef2;padding:0;font-size:15.5px;}
.hc-lead .hc-credit{padding:6px 0 0 !important;}
@media(max-width:600px){.hc-lead .hc-cardlink{min-height:300px;}.hc-lead h3{font-size:24px;}}

/* promotions and news cards */
.hc-promogrid,.hc-newsgrid{display:grid;gap:0 28px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:8px 0 18px;text-align:left;}
.hc-promo,.hc-newscard{border-top:3px solid var(--sec,#0B6E99);padding:12px 0 20px;}
.hc-kicker{margin:0 0 4px;font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--sec,#0B6E99);}
.hc-promo h2,.hc-newscard h2,.hc-advcol h2{font-family:Georgia,'Times New Roman',serif;font-size:21px;line-height:1.3;text-align:left;color:#0b2e4a;margin:0 0 8px;}
.hc-newscard h2 a{color:#0b2e4a;text-decoration:none;}
.hc-newscard h2 a:hover{text-decoration:underline;}
.hc-newscard p{margin:0;}
.hc-newscard .hc-latin{margin:-4px 0 6px;color:#4a6b7a;font-size:14px;}
.hc-pwhat{margin:0 0 10px;}
.hc-pfacts{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:0 0 10px;font-size:14.5px;}
.hc-pfacts dt{font-weight:700;color:#0b2e4a;}
.hc-pfacts dd{margin:0;}
.hc-psrc{font-size:14px;margin:0;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;}
.hc-checked{color:#4a6b7a;font-size:13px;}
@media(max-width:600px){.hc-pfacts{grid-template-columns:1fr;gap:0;}.hc-pfacts dd{margin:0 0 6px;}}
[data-ends][hidden]{display:none !important;}
.hc-promoall{padding-top:0;}
.hc-promolist{list-style:none;margin:0 auto 10px;padding:0;max-width:820px;text-align:left;}
.hc-promolist li{padding:9px 0;border-bottom:1px solid #e2e2e2;}
.hc-promolist a{font-weight:700;}
.hc-pwhen{display:block;color:#4a6b7a;font-size:14px;}
.hc-advgrid{display:grid;gap:10px 36px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));text-align:left;}
.hc-sendlist,.hc-rules{margin:0 0 14px;padding-left:22px;}
.hc-sendlist li,.hc-rules li{margin:4px 0;}
.hc-advbtn{text-align:center;margin:18px 0;}

/* footer: a compact row of Corfu news outlets */
.hc-newsrow{max-width:1200px;margin:0 auto;padding:4px 20px 18px;box-sizing:border-box;font-size:13.5px;line-height:1.8;color:#cfe3ef;}
.hc-newsrow a{color:#cfe3ef;}
.hc-newsrow a:hover{color:#fff;}
.hc-newslabel{font-weight:700;color:#fff;margin-right:4px;}

/* EN | EL language switcher, NIGHT v8 */
.hc-lang{font-size:14px;font-weight:600;color:#4a6b7a;white-space:nowrap;margin-left:12px}.hc-lang a{color:#0D5EAF;text-decoration:none;padding:4px 2px}.hc-lang a[aria-current]{color:#1b2b33;text-decoration:underline;text-underline-offset:3px}.hc-lang a:hover{text-decoration:underline}