/* The articles' stylesheet (Klitos, 3 October 2026: "consider redrafting, not patches here and there"; remade
   whole on 14 October 2026: "Kame consider complete remake twn pages me vasi ta suggestions sou").

   Two parts. The frame, first: the header and its navigation, the phone's menu and bar, the masthead that comes
   back on scrolling, the footer. It is the site's frame, shared with every page that loads another carrier, so it
   is kept here rule for rule as it was, in the order and the layers it had. The article, second: the title band,
   the summary and the box under it, the text, the questions, the sources, the signoff, the closing box, the
   further reading and the small print, written once, from one set of tokens, with no rule that has to outweigh
   another. The name is the sha1 of the content: after an edit, python3 tools/rehash-assets.py --apply. */

@font-face {font-family: 'Inter';font-style: normal;font-weight: 100 900;font-display: swap;src: url(/assets/fonts/inter-normal-400-greek-ext.woff2) format('woff2');unicode-range: U+1F00-1FFF;}
@font-face {font-family: 'Inter';font-style: normal;font-weight: 100 900;font-display: swap;src: url(/assets/fonts/inter-normal-400-greek.woff2) format('woff2');unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}
@font-face {font-family: 'Inter';font-style: normal;font-weight: 100 900;font-display: swap;src: url(/assets/fonts/inter-normal-400-latin-ext.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Inter';font-style: normal;font-weight: 100 900;font-display: swap;src: url(/assets/fonts/inter-normal-400-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Literata';font-style: italic;font-weight: 400 900;font-display: swap;src: url(/assets/fonts/literata-italic-400-greek-ext.woff2) format('woff2');unicode-range: U+1F00-1FFF;}
@font-face {font-family: 'Literata';font-style: italic;font-weight: 400 900;font-display: swap;src: url(/assets/fonts/literata-italic-400-greek.woff2) format('woff2');unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}
@font-face {font-family: 'Literata';font-style: italic;font-weight: 400 900;font-display: swap;src: url(/assets/fonts/literata-italic-400-latin-ext.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Literata';font-style: italic;font-weight: 400 900;font-display: swap;src: url(/assets/fonts/literata-italic-400-latin.woff2) format('woff2');unicode-range: U+0000-0025, U+0027-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Literata';font-style: italic;font-weight: 400 900;font-display: swap;src: url(/assets/fonts/literata-italic-400-amp.woff2) format('woff2');unicode-range: U+0026;}
@font-face {font-family: 'Literata';font-style: normal;font-weight: 400 900;font-display: swap;src: url(/assets/fonts/literata-normal-400-greek-ext.woff2) format('woff2');unicode-range: U+1F00-1FFF;}
@font-face {font-family: 'Literata';font-style: normal;font-weight: 400 900;font-display: swap;src: url(/assets/fonts/literata-normal-400-greek.woff2) format('woff2');unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}
@font-face {font-family: 'Literata';font-style: normal;font-weight: 400 900;font-display: swap;src: url(/assets/fonts/literata-normal-400-latin-ext.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Literata';font-style: normal;font-weight: 400 900;font-display: swap;src: url(/assets/fonts/literata-normal-400-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* ============================================================ the frame, kept as it was */
:root{
  /* the two inks and the paper */
  --kp-ink:#0B0A09; --kp-ink-2:#1D1A17; --kp-paper:#F6F4F0; --kp-sheet:#FFFFFF; --kp-tint:#EEEAE3;
  /* text on paper */
  --kp-text:#423D39; --kp-text-strong:#1B1816; --kp-text-body:#2B2622; --kp-text-mute:#6B625B;
  --kp-rule:rgba(27,24,22,.14); --kp-hair:rgba(27,24,22,.08);
  /* text on ink */
  --kp-on:#EFEAE3; --kp-on-soft:#CFC7BE; --kp-on-mute:#A39A91; --kp-on-rule:rgba(239,234,227,.13);
  /* copper */
  --kp-copper:#8C4F30; --kp-copper-deep:#6E3C22; --kp-copper-mid:#C9876A; --kp-copper-lt:#D4967D; --kp-copper-pale:#E6C6B0;
  --kp-copper-line:#9F7A62;
  /* type */
  --kp-serif:"Literata",Georgia,serif; --kp-sans:"Inter",system-ui,sans-serif;
  --kp-ease:cubic-bezier(.2,.7,.1,1);
  /* the names the pages' own markup and scripts already use; kept, and pointed at the tokens above */
  --s6:clamp(56px,4.4vw,72px); --s7:clamp(80px,6vw,96px); --s8:clamp(96px,8vw,128px); --s5:clamp(40px,3.4vw,56px);
  --hero1:#1A1816; --hero2:#0D0C0B; --paper:#FAFAF9; --paper2:#F2F1EF;
  --ink:#1A1817; --body:#423D39; --mute:#554F49;
  --line:rgba(26,24,23,.14); --hair:rgba(26,24,23,.08);
  --accent:#8C4F30; --accent-lt:#D4967D;
  --link:#8C4F30; --link-hover:#6E4630; --link-visited:#A9643F;
  --onDark:#F2F3F4; --onDarkMute:rgba(242,243,244,.74); --onDarkLine:rgba(242,243,244,.14);
  --serif:"Literata",Georgia,serif; --sans:"Inter",system-ui,sans-serif;
  --w:1280px; --gut:clamp(24px,5vw,64px); --r:4px; --measure:665px;
  color-scheme:light;
}
@layer base{
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;text-rendering:optimizeLegibility;font-kerning:normal;scrollbar-width:thin;scrollbar-color:rgba(140,79,48,.35) transparent}
}
@layer base{@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
}}
@layer base{
body{margin:0;background:var(--kp-ink);color:var(--kp-text);font-family:var(--kp-sans);font-size:17px;line-height:1.8;
  -webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
a{color:inherit}
p{max-width:var(--measure)}
h1,h2,h3,.big,.mid{text-wrap:balance}
p,li,.stand{text-wrap:pretty}
h3{font-family:var(--kp-serif);font-weight:400;color:var(--ink);font-size:clamp(18px,1.5vw,21px);line-height:1.3;margin:0 0 10px}
.h4{font-family:var(--kp-serif);font-weight:400;color:var(--ink);font-size:21px;line-height:1.3;margin:0 0 12px}
summary{cursor:pointer}
::selection{background:var(--kp-copper-lt);color:var(--ink)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--kp-copper);outline-offset:3px}
[id]{scroll-margin-top:70px}
:target{scroll-margin-top:96px}
a[href^="tel:"],a[href^="mailto:"]{white-space:nowrap}
.nb{white-space:nowrap}
.crumb,.reg{max-width:none}
.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:-9999px;top:0;z-index:99;padding:12px 18px;border-radius:4px;background:var(--paper);color:var(--ink)}
.skip:focus{left:12px;top:12px}
#plan{display:none}
details summary{transition:color .2s ease}
details summary:hover{color:var(--accent)}
}
header.top{position:relative;z-index:1;overflow:hidden;background:var(--kp-ink);color:var(--kp-on)}
header.top>*{position:relative;z-index:1}
.top h2,.top h3,.masthead h2,.masthead h3,.footwrap h2,.footwrap h3,.drawer h2,.drawer h3,.kpst h2,.kpst h3{color:inherit}
.nav{display:flex;align-items:center;justify-content:space-between;gap:32px;height:84px;border-bottom:1px solid #302C28}
.mark{display:flex;align-items:center;min-height:44px;font-family:var(--kp-serif);font-size:18px;color:var(--kp-on);text-decoration:none}
.mark .lk{position:relative;display:inline-flex;align-items:center;gap:8px}
.mark .lk::before{content:"";position:absolute;left:0;bottom:calc(100% + 9px);width:22px;height:2px;background:var(--kp-copper-lt)}
.mark .nm{font-family:var(--kp-serif);font-weight:500;font-size:15px;line-height:1;letter-spacing:.19em;text-transform:uppercase;white-space:nowrap}
.mark .nm .amp{font-style:italic}
.mark .nm .llc{font-size:76%;letter-spacing:.19em}
:is(.nav,.kpst) .mark .nm .llc{font-size:68%}
.nav ul{display:flex;gap:20px;margin:0;padding:0;list-style:none}
.nav ul a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;text-decoration:none;
  color:rgba(239,234,227,.92);background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0% 1px;background-position:0 calc(100% - 13px);
  transition:background-size .3s ease,color .2s ease}
.nav ul a:hover{color:var(--kp-on);background-size:100% 1px}
.nav ul a[aria-current="page"]{color:var(--kp-copper-pale);background-size:100% 1px}
.nav ul a[data-language-fallback]{letter-spacing:0}
.navcta{display:flex;align-items:center;justify-content:center;padding:12px 20px;border:1px solid var(--kp-copper-line);border-radius:0;background:transparent;color:var(--kp-copper-pale);
  font:600 13px/1.5 var(--kp-sans);letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;text-decoration:none;transition:border-color .22s ease,color .22s ease,background-color .22s ease}
.navcta:hover{background:#30251E;border-color:var(--kp-copper-lt);color:#FFFFFF}
@media (min-width:1024px){
.navcta{display:inline-flex;min-height:48px}
}
@media (min-width:1200px){
.nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:32px}
.nav ul{justify-content:center;align-items:center;column-gap:20px}
}
.burger{display:none;position:relative;width:46px;height:40px;padding:0;border:1px solid #55514D;border-radius:0;background:none;cursor:pointer}
.burger::before{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
.burger span{position:absolute;left:11px;right:11px;height:1px;background:var(--kp-on);transition:transform .22s,top .22s,bottom .22s}
.burger span:nth-child(1){top:15px}
.burger span:nth-child(2){bottom:15px}
.burger[aria-expanded="true"] span:nth-child(1){top:20px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){bottom:20px;transform:rotate(-45deg)}
html[lang=el] .nav ul{min-width:0;flex-wrap:wrap;row-gap:6px}
@media (min-width:1024px) and (max-width:1600px){
html[lang=el] .nav ul{gap:14px}
}
@media (min-width:1601px){
html[lang=el] .nav ul{column-gap:13px}
}
@media (max-width:1180px){
.nav ul{gap:16px}
.nav ul a{font-size:11px}
.navcta{padding:10px 13px;font-size:10px;letter-spacing:.13em}
.mark .lk{gap:7px}
.mark .nm{font-size:13.5px}
}
@media (max-width:1023px){
.nav ul,.navcta{display:none}
.burger{display:block}
}
@media (max-width:720px){
.mark .lk{gap:6px}
.mark .nm{font-size:13px;letter-spacing:.12em}
.mark .lk::before{width:18px;bottom:calc(100% + 7px)}
}
.drawer{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;justify-content:flex-start;height:100vh;height:100dvh;
  padding:72px var(--gut) max(32px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:var(--hero2);
  transform:translateX(100%);visibility:hidden;transition:transform .3s,visibility .3s}
.drawer[data-open="true"]{transform:none;visibility:visible}
.drawer a:focus-visible{outline:2px solid var(--accent-lt);outline-offset:3px}
@media (min-width:1024px){
.drawer{display:none}
}
.kpst .mark .lk::before{display:none}
.kpst ul a[aria-current="page"]{color:var(--kp-copper-lt);background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 calc(100% - 1px);background-size:100% 1px}
.kpst .navcta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 16px}
@media (min-width:1024px){
.kpst .mark .nm{font-size:13px;letter-spacing:.08em}
}
.kpst .kpst-in ul a{font-size:11px;letter-spacing:.07em}
.kpst .kpst-in ul a[aria-current="page"]{color:var(--kp-copper-pale)}
@media (min-width:1200px){
.kpst .kpst-in{column-gap:20px}
.kpst .kpst-in ul{column-gap:14px}
}
@media (max-width:480px){
body .kpst .kpst-in{column-gap:8px}
}
html.kp-down .kpst.in{transform:translateY(-100%);visibility:hidden}
.footwrap{position:relative;z-index:1;color:var(--kp-on-mute);border-top:1px solid var(--kp-on-rule);background-color:var(--kp-ink);background-image:linear-gradient(180deg,rgba(11,10,9,.9),rgba(11,10,9,.8)),url(/assets/plan-texture.svg);background-size:auto,cover;background-position:0 0,50% 80%;background-repeat:no-repeat}
footer{padding:72px 0 48px;font-size:13.5px;line-height:1.8;color:var(--kp-on-mute)}
footer a{color:var(--kp-on-soft);text-decoration-color:rgba(239,234,227,.25)}
footer a:hover{color:var(--kp-on)}
.fgrid{display:grid;grid-template-columns:330fr 412fr 313fr;align-items:start;gap:48px;padding-bottom:48px;border-bottom:1px solid var(--kp-on-rule)}
.fgrid h3,.fgrid h4,.fgrid .h4{display:flex;align-items:center;min-height:20px;margin:0 0 24px;font:500 10.5px/1.5 var(--kp-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--kp-on)}
.fgrid ul{margin:0;padding:0;list-style:none}
.fgrid li{margin-bottom:4px}
.fgrid li>a{display:inline-block;padding:8px 0;font-size:14px;line-height:1.7;color:var(--kp-on-soft);text-decoration:none}
.fgrid li>a:hover{color:var(--kp-copper-lt)}
.fgrid>div:nth-child(2) ul{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
@media (min-width:900px){
.fgrid>div:nth-child(2) ul{grid-auto-flow:column;grid-template-rows:repeat(5,auto)}
}
.footmark{display:flex;align-items:center;min-height:20px;gap:9px;margin:0 0 24px;color:var(--kp-on);text-decoration:none}
.fnm{font-family:var(--kp-serif);font-weight:500;font-size:13px;line-height:1;letter-spacing:.19em;text-transform:uppercase;white-space:nowrap;color:var(--kp-on)}
.fnm .amp{font-style:italic;color:var(--kp-copper-lt)}
.fnm .llc{font-size:68%;letter-spacing:.19em;opacity:.8}
.faddr{margin:0;padding-top:8px;font-style:normal;font-size:14px;line-height:1.75;color:var(--kp-on-mute)}
.fmapline{max-width:none;margin:12px 0 0}
.fmap{padding:8px 0 1px;color:var(--kp-copper-lt);text-decoration:none;border-bottom:1px solid rgba(212,150,125,.35)}
.fmap:hover{color:var(--kp-copper-lt);border-bottom-color:var(--kp-copper-lt)}
.fhrs{max-width:none;margin:24px 0 0;font-size:12.5px;color:var(--kp-on-mute)}
footer .fhrs{font-size:13px}
.footwrap footer :is(p,li,address){line-height:1.8}
.fbar{display:block;margin-top:8px;padding-top:28px}
.fends{display:grid;grid-template-columns:1fr auto auto;align-items:start;gap:18px 32px}
.fends .reg{margin:0;font-size:12.5px;line-height:24px;color:var(--kp-on-mute)}
.fends .reg a{padding-bottom:1px;color:var(--kp-on-soft);text-decoration:none;border-bottom:1px solid rgba(239,234,227,.22)}
.fends .reg a:hover{color:var(--kp-copper-lt);border-bottom-color:var(--kp-copper-lt)}
.fends .flang a{display:inline-block;min-height:24px}
.fends details{max-width:none}
.fends summary{position:relative;display:inline-flex;align-items:center;min-height:44px;padding-right:24px;font-size:13px;font-weight:500;line-height:24px;color:var(--kp-on);text-decoration:underline;list-style:none}
.fends summary::-webkit-details-marker{display:none}
.fends summary::after{content:"+";position:absolute;right:0;font-size:16px;color:var(--kp-copper-lt)}
.fends details[open] summary::after{content:"\2212"}
.fends details>div{max-width:648px;padding-top:18px}
.fends details .reg{margin:0 0 12px;font-size:12px;line-height:1.8;color:var(--kp-on-mute)}
@media (max-width:899px){
footer{padding:40px 0 28px}
.fgrid{grid-template-columns:1fr;gap:20px;padding-bottom:24px}
.fgrid>div+div{padding-top:20px;border-top:1px solid var(--kp-on-rule)}
.fgrid h3,.fgrid h4,.fgrid .h4{margin-bottom:10px;font-size:12px;letter-spacing:.1em}
.footmark{gap:8px;margin-bottom:16px}
.fnm{font-size:11px}
.fhrs{margin-top:4px}
}
@media (max-width:800px){
footer{padding:36px 0 30px}
.fgrid>div{padding-bottom:24px}
}
@media (max-width:760px){
.fgrid>div{grid-column:1;min-width:0}
.fgrid li{margin:0}
.footer-contact li>a{display:flex;align-items:center;width:100%;min-height:44px;padding:8px 0;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.fgrid>div:nth-child(2) ul{gap:0 24px;margin:0}
.fgrid>div:nth-child(2) li{display:flex}
.fgrid>div:nth-child(2) li>a{display:flex;align-items:center;width:100%;min-height:44px;padding:10px 0;font-size:14px;line-height:1.5}
.footwrap footer .faddr{padding:0;font-size:14px;line-height:1.7}
.fmapline{margin:4px 0 0}
.footwrap footer .fhrs{line-height:1.7}
.fmap{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:14px}
.fmap::after{content:"\2197"}
.fbar{margin-top:0;padding-top:12px;border-top:1px solid var(--kp-on-rule)}
.fends{display:flex;flex-wrap:wrap;align-items:start;gap:4px 16px}
.footer-legal{flex:1 1 calc(100% - 100px)}
.footer-legal[open]{flex-basis:100%}
.footer-legal summary{display:flex;width:100%;min-height:44px;padding:10px 24px 10px 0}
.footer-legal summary::after{top:10px}
.footer-legal>div a{display:inline-flex;align-items:center;min-height:44px}
.fends>p.reg{display:flex;flex-wrap:wrap;gap:0 16px;margin:0;font-size:0}
.fends>p.reg:not(.flang){flex-basis:100%;order:1}
.fends>p.reg a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;line-height:1.5}
.fends>p.flang{padding:0;border:0}
}
.actbar{display:none}
@media (max-width:899px){
.actbar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;padding-bottom:env(safe-area-inset-bottom);background:var(--kp-ink);border-top:1px solid rgba(239,234,227,.12)}
.actbar a{flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;padding:14px 8px;font:400 13px/1.3 var(--kp-sans);letter-spacing:.02em;text-align:center;text-decoration:none;color:var(--kp-on)}
.actbar a+a{border-left:1px solid rgba(250,250,249,.16)}
.actbar a:first-child{color:var(--kp-copper-lt)}
body:has(.actbar){padding-bottom:calc(72px + env(safe-area-inset-bottom))}
html:has(.actbar){scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom))}
body:has(form:focus-within,input:focus,textarea:focus,[contenteditable="true"]:focus) .actbar{display:none}
}
@media print{
.kpst,.actbar,.subcard,.nav ul,.navcta,.burger,.drawer,.skip,#plan,.sub-nav,.jumps{display:none}
header.top,.footwrap,.sheet{background:#fff;color:#1A1817;box-shadow:none}
header.top *{color:#1A1817}
}
body.publication-page{--kp-ease:cubic-bezier(.2,.7,.1,1)}
@media(max-width:900px){
html.kp-down .kpst.in{transform:translateY(-100%);visibility:hidden}
body.publication-page .kp-progress{display:none}
}
body.publication-page::after{content:none;display:none}
body.publication-page #rp{display:none}
@media print{
.kp-here,.kp-progress{display:none}
}
@media(max-width:899px){
body.publication-page .actbar{background:#0B0A09;border-top:1px solid rgba(239,234,227,.12);box-shadow:none;padding-bottom:env(safe-area-inset-bottom,0px);transition:transform .45s cubic-bezier(.2,.7,.1,1),opacity .35s}
body.publication-page .actbar a{display:flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box;padding:0 8px;font:400 13px/1.2 "Inter",system-ui,sans-serif;letter-spacing:.02em;text-transform:none;color:#EFEAE3}
body.publication-page .actbar a:first-child{color:#D4967D}
html:is(.kp-act-off,.kp-sheet-open) body.publication-page .actbar{transform:translateY(110%);opacity:0;pointer-events:none}
}
nav.drawer.kp-menu{--m-ink:#0B0A09;--m-on:#EFEAE3;--m-mute:#A39A91;--m-line:rgba(239,234,227,.13);--m-acc:#D4967D;--m-ease:cubic-bezier(.2,.7,.1,1);--m-serif:"Literata",Georgia,"Times New Roman",serif;--m-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  position:fixed;inset:0;height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;gap:0;
  background:var(--m-ink);color:var(--m-on);padding:calc(12px + env(safe-area-inset-top,0px)) clamp(20px,4.2vw,64px) calc(24px + env(safe-area-inset-bottom,0px));
  overflow-y:auto;overscroll-behavior:contain;transform:translateY(-100%);visibility:hidden;
  transition:transform .8s var(--m-ease),visibility 0s linear .8s}
nav.drawer.kp-menu[data-open="true"]{transform:none;visibility:visible;transition:transform .8s var(--m-ease),visibility 0s}
nav.drawer.kp-menu a{opacity:1;transform:none;transition:none;min-height:0;margin:0;font-weight:400;text-transform:none;letter-spacing:normal;text-decoration:none}
nav.drawer.kp-menu .kpm-top{display:flex;justify-content:space-between;align-items:center;height:64px;flex:none}
nav.drawer.kp-menu .kpm-mark{position:relative;display:inline-flex;align-items:baseline;gap:.5em;padding:0;border:0;font-family:var(--m-serif);font-size:13px;line-height:1;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--m-on)}
nav.drawer.kp-menu .kpm-mark::before{content:"";position:absolute;left:0;bottom:calc(100% + 9px);width:22px;height:2px;background:var(--m-acc)}
nav.drawer.kp-menu .kpm-mark i{font-style:italic;letter-spacing:0;text-transform:none}
nav.drawer.kp-menu .kpm-mark small{font-size:68%;letter-spacing:.12em}
nav.drawer.kp-menu .kpm-x{position:static;width:46px;height:46px;min-height:0;padding:0;display:grid;place-items:center;border:1px solid var(--m-line);border-radius:0;background:transparent;color:var(--m-on);font-family:var(--m-sans);font-size:22px;line-height:1;letter-spacing:0;cursor:pointer}
nav.drawer.kp-menu .kpm-x::after{content:none}
nav.drawer.kp-menu .kpm-idx{margin-top:auto;display:flex;flex-direction:column;padding-top:18px}
nav.drawer.kp-menu .kpm-idx>a,nav.drawer.kp-menu .grp>a{display:flex;align-items:baseline;gap:16px;padding:9px 0;border:0;border-bottom:1px solid var(--m-line);font-family:var(--m-serif);font-size:clamp(27px,7.2vw,46px);line-height:1.15;color:var(--m-on)}
nav.drawer.kp-menu .grp>a{border-bottom:0}
nav.drawer.kp-menu .n{font-family:var(--m-sans);font-size:11px;letter-spacing:.16em;color:var(--m-mute);font-variant-numeric:tabular-nums;min-width:22px}
nav.drawer.kp-menu a.on .n,nav.drawer.kp-menu a.in .n{color:var(--m-acc)}
nav.drawer.kp-menu a.on .t{font-style:italic;color:var(--m-acc)}
nav.drawer.kp-menu .subs{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 14px 38px;border-bottom:1px solid var(--m-line)}
nav.drawer.kp-menu .subs a{display:inline-block;padding:8px 12px;border:1px solid var(--m-line);border-radius:999px;font-family:var(--m-sans);font-size:12.5px;line-height:1.3;color:var(--m-mute);transition:border-color .3s,color .3s}
nav.drawer.kp-menu .subs a:hover{color:var(--m-on);border-color:var(--m-acc)}
nav.drawer.kp-menu .subs a.on{color:var(--m-on);border-color:var(--m-acc)}
nav.drawer.kp-menu .kpm-idx>*{transform:translateY(18px);opacity:0;transition:transform .8s var(--m-ease),opacity .8s}
nav.drawer.kp-menu[data-open="true"] .kpm-idx>*{transform:none;opacity:1}
nav.drawer.kp-menu .kpm-idx>*:nth-child(2){transition-delay:.04s}
nav.drawer.kp-menu .kpm-idx>*:nth-child(3){transition-delay:.08s}
nav.drawer.kp-menu .kpm-idx>*:nth-child(4){transition-delay:.12s}
nav.drawer.kp-menu .kpm-idx>*:nth-child(5){transition-delay:.16s}
nav.drawer.kp-menu .kpm-idx>*:nth-child(6){transition-delay:.2s}
nav.drawer.kp-menu .kpm-idx>*:nth-child(7){transition-delay:.24s}
nav.drawer.kp-menu .kpm-foot{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;font-family:var(--m-sans);font-size:14px;color:var(--m-mute)}
nav.drawer.kp-menu .kpm-foot>a{padding:0 0 2px;border:0;border-bottom:1px solid var(--m-line);font-family:var(--m-sans);font-size:14px;line-height:1.4;letter-spacing:normal;color:var(--m-on)}
nav.drawer.kp-menu .kpm-lang{display:inline-flex;border:1px solid var(--m-line)}
nav.drawer.kp-menu .kpm-lang>*{display:block;padding:8px 14px;border:0;font-family:var(--m-sans);font-size:11px;line-height:1.4;letter-spacing:.16em;color:var(--m-mute)}
nav.drawer.kp-menu .kpm-lang .on{background:var(--m-on);color:var(--m-ink)}
nav.drawer.kp-menu a:focus-visible,nav.drawer.kp-menu button:focus-visible{outline:2px solid var(--m-acc);outline-offset:3px}
@media (min-width:1024px){
nav.drawer.kp-menu{display:none}
}
@media (prefers-reduced-motion:reduce){
nav.drawer.kp-menu,nav.drawer.kp-menu .kpm-idx>*{transition:none}
}
html body .footwrap:not(#kp-f){padding-top:clamp(52px,6vw,80px)!important;padding-bottom:clamp(20px,2.4vw,32px)!important}
html body .footwrap footer .fgrid:not(#kp-f){display:grid!important;grid-template-columns:1fr!important;gap:30px!important;margin:0!important;padding:0!important;border:0!important}
html body .footwrap footer .fgrid>div:not(#kp-f){margin:0!important;padding:0!important;border:0!important}
html body .footwrap footer .footmark:not(#kp-f){display:block;margin:0 0 14px!important}
html body .footwrap footer .footer-contact ul:not(#kp-f){margin:0!important;padding:0!important;list-style:none}
html body .footwrap footer .footer-contact li:not(#kp-f){margin:0 0 6px!important;padding:0!important}
html body .footwrap footer .footer-contact a:not(#kp-f){font:400 17px/1.45 "Literata",Georgia,serif!important;letter-spacing:0!important;color:#EFEAE3!important;text-decoration:none!important}
html body .footwrap footer .footer-contact a:not(#kp-f):hover{color:#D4967D!important}
html body .footwrap footer .fgrid h3:not(#kp-f){display:flex;align-items:center;gap:12px;margin:0 0 12px!important;font:500 10.5px/1.5 "Inter",system-ui,sans-serif!important;letter-spacing:.2em!important;text-transform:uppercase;color:#C9876A!important}
html body .footwrap footer .fgrid h3:not(#kp-f)::before{content:"";width:18px;height:1px;background:#C9876A}
html body .footwrap footer .fgrid>div:nth-child(2) ul:not(#kp-f){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-flow:row!important;column-gap:24px;margin:0!important;padding:0!important;list-style:none;columns:auto!important}
html body .footwrap footer .fgrid>div:nth-child(2) li:not(#kp-f){margin:0!important;padding:0!important}
html body .footwrap footer .fgrid>div:nth-child(2) a:not(#kp-f){display:flex;align-items:center;min-height:36px;padding:0!important;font:400 14.5px/1.35 "Inter",system-ui,sans-serif!important;color:rgba(239,234,227,.8)!important;text-decoration:none!important;border:0!important}
html body .footwrap footer .fgrid>div:nth-child(2) a:not(#kp-f):hover{color:#EFEAE3!important}
html body .footwrap footer .faddr:not(#kp-f),html body .footwrap footer .fhrs:not(#kp-f){margin:0 0 8px!important;font:400 14px/1.65 "Inter",system-ui,sans-serif!important;font-style:normal!important;color:rgba(239,234,227,.72)!important}
html body .footwrap footer .fmapline:not(#kp-f){margin:0 0 8px!important}
html body .footwrap footer .fmap:not(#kp-f){font:400 14px/1.6 "Inter",system-ui,sans-serif!important;color:#D4967D!important}
html body .footwrap footer .fbar:not(#kp-f){margin:34px 0 0!important;padding:18px 0 0!important;border:0!important;border-top:1px solid rgba(239,234,227,.14)!important}
html body .footwrap footer .fends:not(#kp-f){display:flex!important;flex-wrap:wrap;align-items:baseline;gap:8px 20px!important;margin:0!important;padding:0!important;border:0!important}
html body .footwrap footer .fends>*:not(#kp-f){margin:0!important;padding:0!important;border:0!important}
html body .footwrap footer .fends .reg:not(#kp-f),html body .footwrap footer .footer-legal summary:not(#kp-f){font:400 12.5px/1.6 "Inter",system-ui,sans-serif!important;letter-spacing:0!important;color:rgba(239,234,227,.6)!important}
html body .footwrap footer .fends .reg a:not(#kp-f){display:inline!important;min-height:0!important;padding:0!important;border:0!important;color:rgba(239,234,227,.6)!important;text-decoration:none!important;box-shadow:none!important}
html body .footwrap footer .fends .reg a:not(#kp-f):hover{color:#EFEAE3!important;text-decoration:underline!important;text-underline-offset:.25em}
html body .footwrap footer .fends .flang:not(#kp-f){margin-left:auto!important}
html body .footwrap footer .fends .flang a:not(#kp-f){color:#EFEAE3!important}
@media(min-width:900px){
html body .footwrap footer .fgrid:not(#kp-f){grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr)!important;column-gap:clamp(40px,5vw,80px)!important}
html body .footwrap footer .fgrid>div:nth-child(2) ul:not(#kp-f){grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr) minmax(0,.85fr)!important;grid-template-rows:none!important;grid-auto-flow:row!important}
html body .footwrap footer .fgrid>div:nth-child(2) a:not(#kp-f){min-height:32px;white-space:normal}
html body .footwrap footer .fbar:not(#kp-f){margin-top:48px!important}
}
html body a.navcta,html body a.navcta:visited{background:#8C4F30!important;border-color:#8C4F30!important;color:#FBFAF7!important}
html body a.navcta:hover,html body a.navcta:focus-visible{background:#A3603C!important;border-color:#A3603C!important;color:#FFFFFF!important}
html body nav.actbar>a:first-child{background:#8C4F30!important;color:#FBFAF7!important;font-weight:500!important}
body.publication-page header.top>.wrap:not(.masthead){z-index:2}
html body.publication-page.publication-page header.top a.navcta,html body.publication-page.publication-page .kpst a.navcta{text-transform:none!important;letter-spacing:0!important;font-family:"Inter",system-ui,sans-serif!important;font-weight:500!important;font-size:14px!important}
html body.publication-page header.top .nav,html body.publication-page .kpst .kpst-in{position:relative}
.kp-mailpanel{position:absolute;right:0;top:calc(100% + 8px);z-index:80;width:300px;padding:18px 20px 16px;background:#FBFAF7;border-top:2px solid #8C4F30;box-shadow:0 18px 44px rgba(11,10,9,.3);text-align:left}
header.top .nav>.kp-mailpanel{top:calc(100% - 8px)}
.kp-mailpanel-addr{margin:0 0 14px;font:500 16px/1.4 "Inter",system-ui,sans-serif;color:#1B1816;user-select:all;overflow-wrap:anywhere}
.kp-mailpanel-copy{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid #8C4F30;border-radius:0;background:#8C4F30;color:#FBFAF7;font:500 14px/1.2 "Inter",system-ui,sans-serif;cursor:pointer}
.kp-mailpanel-copy:hover{background:#A3603C;border-color:#A3603C}
.kp-mailpanel-open{display:block;margin-top:12px;font:400 14px/1.5 "Inter",system-ui,sans-serif;color:#8C4F30!important;text-decoration:underline;text-underline-offset:.2em}
html body.publication-page.publication-page .actbar a{white-space:normal!important;text-wrap:balance}
@layer base{html[lang="en"] :is(header.top>.wrap:not(.masthead),nav.drawer,.footwrap,.kpst) [lang="el"]{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}}

/* ============================================================ the article
   Remade whole (Klitos, 14 October 2026: "Kame consider complete remake twn pages me vasi ta suggestions sou ...
   i want finished product"). What used to be here was five sheets of decisions laid one over the other, each
   correcting the one before with !important and with the class written six times over to win. This is the same
   page, decided once:

     one action colour   copper means "write to him": the filled Email buttons, the bar's first cell, nothing else
     one type scale      Literata for reading and display, Inter for the interface, eleven sizes in all
     three link styles   a link in the text (ink, copper underline), a row (no underline, an arrow), a button
     one rhythm          the gaps below are the only ones the article uses

   Everything he decided stays as he decided it: the look he kept on 13 October, his face and the box on the
   first screen, the box beside the summary on a computer, one closing box under the signoff, one end order,
   the rising headings (3 October) and the open further reading (5 October), email first, then WhatsApp, then
   the form. Nothing here is marked !important but one footer rule, which has to outweigh the footer's own; the markup's
   own style attributes are left alone where they agree with the design, and nowhere else does a rule have to outweigh
   another. */

/* ---- the article's own tokens. Phone first; the computer's sizes from 900px. */
body.publication-page{
  --a-ground:#F6F4F0; --a-tint:#EEEAE3; --a-ink:#0B0A09;
  --a-text:#2B2622; --a-strong:#1B1816; --a-quiet:#3F3A36; --a-mute:#6B625B; --a-edge:#DAD4CA;
  --a-rule:rgba(27,24,22,.14); --a-hair:rgba(27,24,22,.08);
  --a-copper:#8C4F30; --a-copper-deep:#6E3C22; --a-copper-mid:#C9876A; --a-copper-lt:#D4967D; --a-copper-hover:#A3603C;
  --a-underline:rgba(140,79,48,.55);
  --a-on:#EFEAE3; --a-on-mute:#A39A91; --a-on-rule:rgba(239,234,227,.16);
  --a-serif:"Literata",Georgia,serif; --a-sans:"Inter",system-ui,sans-serif;
  --a-h2:24px; --a-h3:21px; --a-lead:19px; --a-body:17.5px; --a-row:17.5px;
  --a-ui:15px; --a-ui-s:14px; --a-meta:13px; --a-label:11px;
  --a-measure:640px;
  --a-gap:1.05em; --a-h2-top:48px; --a-h2-bottom:14px; --a-h3-top:32px; --a-h3-bottom:8px; --a-block:40px;
}
@media (min-width:900px){
  body.publication-page{--a-h2:30px; --a-h3:24px; --a-lead:22px; --a-body:18.75px; --a-row:18.75px;
    --a-h2-top:64px; --a-h2-bottom:18px; --a-h3-top:40px; --a-h3-bottom:10px; --a-block:48px}
}

/* ---- the drawings that stand in where an article has none of its own, by its area */
body.publication-page:has(.masthead .crumb a[href="/property"]),body.publication-page:has(.masthead .crumb a[href="/el-dikigoroi-akiniton-kypros"]){--kp-fig:url(/assets/fig-property.svg)}
body.publication-page:has(.masthead .crumb a[href="/construction"]),body.publication-page:has(.masthead .crumb a[href="/el-kataskeuastiko-dikaio-kypros"]),body.publication-page:has(.masthead .crumb a[href="/el-kataskeuastikes-diafores-kypros"]){--kp-fig:url(/assets/fig-construction.svg)}
body.publication-page:has(.masthead .crumb a[href="/litigation-arbitration"]),body.publication-page:has(.masthead .crumb a[href="/el-dikastiriaki-ekprosopisi"]),body.publication-page:has(.masthead .crumb a[href="/debt-recovery-cyprus"]),body.publication-page:has(.masthead .crumb a[href="/el-eispraxi-ofeilon-kypros"]){--kp-fig:url(/assets/fig-litigation.svg)}
body.publication-page:has(.masthead .crumb a[href="/corporate-commercial"]),body.publication-page:has(.masthead .crumb a[href="/el-etairiko-emporiko-dikaio"]),body.publication-page:has(.masthead .crumb a[href="/banking-fintech"]),body.publication-page:has(.masthead .crumb a[href="/el-trapezikes-dianomes"]){--kp-fig:url(/assets/fig-corporate.svg)}
body.publication-page:has(.masthead .crumb a[href="/trusts-wills-succession"]),body.publication-page:has(.masthead .crumb a[href="/el-diathikes-klironomika"]){--kp-fig:url(/assets/fig-succession.svg)}
body.publication-page:has(.masthead .crumb a[href="/personal-injury"]),body.publication-page:has(.masthead .crumb a[href="/el-somatikes-vlaves-kypros"]),body.publication-page:has(.masthead .crumb a[href="/el-ergatika-atychimata-kypros"]){--kp-fig:url(/assets/fig-injury.svg)}

/* ================================================== the title band */
body.publication-page .masthead{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:end;
  padding-top:18px;padding-bottom:20px}
body.publication-page .masthead>*{position:relative;z-index:1}
/* the drawn frame: a hairline box closing just under the byline, with copper crosses at its corners */
body.publication-page .masthead>.kp-frame{position:absolute;z-index:0;inset:14px 10px 12px;pointer-events:none;border:1px solid transparent;
  border-color:transparent var(--a-on-rule) var(--a-on-rule);animation:kpFrameIn 1.4s var(--kp-ease,ease) .2s both}
body.publication-page .masthead>.kp-frame::before{content:"";position:absolute;inset:-11px;
  background:linear-gradient(#C9876A,#C9876A) 10px 0/1px 21px no-repeat,linear-gradient(#C9876A,#C9876A) 0 10px/21px 1px no-repeat,
    linear-gradient(#C9876A,#C9876A) calc(100% - 10px) 0/1px 21px no-repeat,linear-gradient(#C9876A,#C9876A) 100% 10px/21px 1px no-repeat,
    linear-gradient(#C9876A,#C9876A) 10px 100%/1px 21px no-repeat,linear-gradient(#C9876A,#C9876A) 0 calc(100% - 10px)/21px 1px no-repeat,
    linear-gradient(#C9876A,#C9876A) calc(100% - 10px) 100%/1px 21px no-repeat,linear-gradient(#C9876A,#C9876A) 100% calc(100% - 10px)/21px 1px no-repeat}
@keyframes kpFrameIn{from{opacity:0}to{opacity:1}}
/* the article's own drawing: beside the byline on a phone, cropped to its subject at one visible height */
body.publication-page .masthead::after{content:"";display:block;grid-column:2;grid-row:3;align-self:end;pointer-events:none;width:92px;height:69px;
  background:var(--kp-fig,none) center/contain no-repeat,radial-gradient(closest-side,#0B0A09 64%,rgba(11,10,9,.88) 80%,rgba(11,10,9,0) 100%) center/100% 100% no-repeat}
body.publication-page .masthead[style*="--kp-fh"]::after{--kp-s:min(calc(64px / var(--kp-fh,360)),calc(120px / var(--kp-fw,480)));
  width:calc(var(--kp-fw,480) * var(--kp-s));height:calc(var(--kp-fh,360) * var(--kp-s));
  background-size:calc(480 * var(--kp-s)) calc(360 * var(--kp-s)),100% 100%;
  background-position:calc(var(--kp-fx,0) * var(--kp-s) * -1) calc(var(--kp-fy,0) * var(--kp-s) * -1),center}
@media (prefers-reduced-motion:reduce){
  body.publication-page .masthead::after{background-image:var(--kp-fig-still,var(--kp-fig,none)),radial-gradient(closest-side,#0B0A09 64%,rgba(11,10,9,.88) 80%,rgba(11,10,9,0) 100%)}
}
/* the trail: a short copper rule and the section in spaced capitals */
body.publication-page .masthead .crumb{grid-column:1/-1;position:relative;display:block;max-width:none;margin:0 0 12px;padding:0 0 0 44px;
  font:500 var(--a-label)/1.9 var(--a-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--a-copper-mid)}
body.publication-page .masthead .crumb::before{content:"";position:absolute;left:0;top:.95em;width:28px;height:1px;background:var(--a-copper-mid);
  transform-origin:left center;animation:kpDrawX 1.2s var(--kp-ease,ease) .15s both}
body.publication-page .masthead .crumb a{color:var(--a-copper-lt);text-decoration:none;transition:color .4s}
body.publication-page .masthead .crumb a:hover{color:var(--a-on)}
@keyframes kpDrawX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* the title, and the part of it after the colon in copper italic */
body.publication-page .masthead h1{grid-column:1/-1;margin:0;padding:0;border:0;max-width:none;font:400 clamp(28px,7.6vw,34px)/1.08 var(--a-serif);
  letter-spacing:-.02em;color:var(--a-on);text-wrap:balance}
body.publication-page .masthead[data-kp-title="long"] h1{font-size:clamp(26px,7vw,31px)}
body.publication-page .masthead h1 .kp-sub{display:block;margin-top:.26em;font-style:italic;font-size:.64em;line-height:1.17;letter-spacing:-.008em;color:var(--a-copper-lt)}
/* the byline: who wrote it and when, on a hairline that draws itself */
body.publication-page .masthead .byline{grid-column:1;position:relative;display:block;max-width:none;margin:16px 0 0;padding:12px 0 0;border:0;
  font:400 var(--a-meta)/1.6 var(--a-sans);letter-spacing:.01em;color:var(--a-on-mute)}
body.publication-page .masthead .byline::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--a-on-rule);
  transform-origin:left center;animation:kpDrawX 1.6s var(--kp-ease,ease) .25s both}
body.publication-page .masthead .byline>span{display:block;margin:0;padding:0;border:0}
body.publication-page .masthead .byline b{font-weight:500;color:var(--a-on);white-space:nowrap}
body.publication-page .masthead .byline a{color:var(--a-on);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
body.publication-page .masthead .byline>.kp-face,body.publication-page .masthead .byline span:has(>#rt){display:none}
@media (max-width:380px){
  body.publication-page .masthead .crumb{padding-left:30px;letter-spacing:.14em}
  body.publication-page .masthead .crumb::before{width:18px}
  body.publication-page .quick>.k,body.publication-page .quick>p{padding-left:12px}
  body.publication-page .article-copy :is(ul,ol){padding-left:18px}
  body.publication-page .article-copy ul>li::before{left:-18px}
}
@media (min-width:900px){
  body.publication-page .masthead{grid-template-columns:minmax(0,1fr) 240px;grid-template-rows:auto auto auto;column-gap:clamp(28px,5vw,88px);
    padding-top:clamp(30px,4.6vw,76px);padding-bottom:40px}
  body.publication-page .masthead>.kp-frame{inset:14px clamp(10px,2.2vw,36px) 34px}
  body.publication-page .masthead .crumb{grid-column:1;display:flex;align-items:center;flex-wrap:wrap;margin:0 0 clamp(22px,2.4vw,34px);padding:0;
    font-size:var(--a-label);line-height:1.5;letter-spacing:.22em}
  body.publication-page .masthead .crumb::before{position:static;flex:0 0 auto;margin-right:16px}
  body.publication-page .masthead .crumb a{display:inline-flex;align-items:center;min-height:32px}
  body.publication-page .masthead h1{grid-column:1;max-width:24ch;font-size:clamp(38px,4.3vw,62px);line-height:1.06}
  body.publication-page .masthead[data-kp-title="long"] h1{max-width:27ch;font-size:clamp(34px,3.6vw,52px)}
  body.publication-page .masthead::after{grid-column:2;grid-row:1/span 2;place-self:center end;width:240px;height:180px;background-size:contain,100% 100%;background-position:center,center}
  body.publication-page .masthead[style*="--kp-fh"]::after{width:240px;height:180px;background-size:contain,100% 100%;background-position:center,center}
  body.publication-page .masthead .byline{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;margin-top:clamp(28px,3.4vw,52px);padding-top:20px}
  body.publication-page .masthead .byline>span{padding:10px 26px;border-left:1px solid var(--a-on-rule)}
  body.publication-page .masthead .byline>span:first-of-type{padding-left:0;border-left:0}
}
/* on a laptop the display type and the gaps are a fifth smaller (Klitos, 4 October 2026: the sizes are huge on a normal laptop),
   and the band is a little shorter, so the box's email button is on the first screen at 1366 by 768 */
@media (min-width:900px) and (max-width:1680px),(min-width:900px) and (max-height:960px){
  body.publication-page .masthead{padding-top:clamp(24px,3vh,44px)}
  body.publication-page .masthead .crumb{margin-bottom:22px}
  body.publication-page .masthead h1{font-size:clamp(34px,3.5vw,50px)}
  body.publication-page .masthead[data-kp-title="long"] h1{font-size:clamp(30px,2.9vw,42px)}
  body.publication-page .masthead .byline{margin-top:28px}
}
@media (prefers-reduced-motion:reduce){
  body.publication-page .masthead>.kp-frame,body.publication-page .masthead .crumb::before,body.publication-page .masthead .byline::before{animation:none}
}

/* ================================================== the sheet and its one column */
body.publication-page .sheet{background:var(--a-ground);color:var(--a-text)}
body.publication-page .cols{display:block;padding-bottom:clamp(80px,6vw,96px)}
/* flow-root: the summary's top margin stays inside the sheet, never collapsing through it to show the dark page behind */
body.publication-page main.article{display:flow-root;position:relative;min-width:0}
/* withdrawn on 12 October 2026 (a simpler article): the side rail, the reading switch, the updates box, the reading time */
body.publication-page main.article>.aside,body.publication-page .kp-mode,body.publication-page .article-copy>details.article-updates,
body.publication-page .first-contact-material,body.publication-page .kp-ch i{display:none}
body.publication-page .article-copy{max-width:var(--a-measure);min-width:0}
/* the box beside the text on a desk and the updates box went with the rail: nothing of them shows */
body.publication-page .railcard,body.publication-page .subcard{display:none}

/* ================================================== the summary, and the box with his face under it */
body.publication-page main.article>.quick{position:relative;margin:18px 0 0;padding:0;border:0;background:none;box-shadow:none;max-width:none}
body.publication-page main.article>.quick::before,body.publication-page main.article>.quick::after{content:none}
body.publication-page .quick>.k,body.publication-page .quick>p{max-width:680px;margin:0;padding:0 0 0 18px;border-left:2px solid var(--a-copper)}
body.publication-page .quick>.k{display:block;padding-bottom:10px;font:500 var(--a-label)/1.5 var(--a-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--a-copper)}
body.publication-page .quick>p{padding-top:0;padding-bottom:2px;font:400 var(--a-lead)/1.5 var(--a-serif);letter-spacing:-.004em;color:var(--a-strong);text-wrap:pretty}
body.publication-page .quick>p strong{font-weight:600}
body.publication-page .quick>p a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--a-underline);text-underline-offset:.2em}
body.publication-page .quick>p+p{padding-top:.6em}
/* on a phone the summary is set at the text's own size: the label, the copper rule and the darker ink give it its rank,
   and the box with his face comes up on the first screen (the second review, 14 October 2026) */
@media (max-width:699px){body.publication-page .quick>p{font-size:var(--a-body);line-height:1.6}}
/* on a phone the key line takes the summary's size too, never outranking the answer (the third review, 14 October 2026) */
@media (max-width:699px){body.publication-page .article-copy>p.keyline{font-size:var(--a-body);line-height:1.6}}
/* the box: his photograph and name, the first-message line, Email, then WhatsApp and the form. Two builds write it
   (the enquiry prompt and the situation box); it is one box. It takes the closing box's tint, so the page has one paper
   to read on, one tint that means "write to him" and the black of the band: no white beside the beige (Klitos, 14 October
   2026: "Edw exei 3 xrwmata, mavro mbez k aspro, isws einai too much ... des to esi"). */
body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation){position:relative;max-width:680px;margin:22px 0 4px;padding:22px 20px 20px;
  background:var(--a-tint);border:0;border-top:3px solid var(--a-copper);box-shadow:none}
body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation)::before,body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation)::after{content:none}
body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation) .kp-author{display:flex;align-items:center;gap:14px;max-width:none;margin:0 0 14px;padding:0}
body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation) .kp-author img{display:block;flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 14%;background:#E6E0D7}
body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation) .kp-author span{display:block;font:500 var(--a-ui)/1.3 var(--a-sans);color:var(--a-strong)}
body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation) :is(.inline-prompt-note,.kp-situation-copy){max-width:none;margin:0 0 18px;font:400 var(--a-ui)/1.6 var(--a-sans);color:var(--a-quiet)}
body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation) :is(.inline-prompt-actions,.kp-situation-actions){display:flex;flex-wrap:wrap;align-items:center;gap:6px 26px;margin:0}
body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation) :is(.inline-prompt-actions,.kp-situation-actions)>a{display:inline-flex;align-items:center;min-height:44px;font:400 var(--a-ui-s)/1.3 var(--a-sans);color:var(--a-strong);
  text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--a-underline);text-underline-offset:.24em;transition:color .2s,text-decoration-color .2s}
body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation) :is(.inline-prompt-actions,.kp-situation-actions)>a:hover{color:var(--a-copper);text-decoration-color:currentColor}
body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation) :is(.inline-prompt-actions,.kp-situation-actions)>a :is(svg,.inline-prompt-arrow,span[aria-hidden]){display:none}
/* the Email button, his name on it: the only filled button in the box */
body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation) :is(.inline-prompt-actions>a.kp-email,.kp-situation-actions>a.kp-situation-email){flex:1 1 100%;justify-content:center;gap:12px;min-height:50px;margin:0 0 4px;padding:13px 20px;
  border:1px solid transparent;background:var(--a-copper);color:#FFFFFF;font-weight:500;font-size:var(--a-ui);text-decoration:none;transition:background .2s}
body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation) :is(.inline-prompt-actions>a.kp-email,.kp-situation-actions>a.kp-situation-email)::after{content:"\2192";font-family:var(--a-sans)}
body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation) :is(.inline-prompt-actions>a.kp-email,.kp-situation-actions>a.kp-situation-email):hover{background:var(--a-copper-hover);color:#FFFFFF}
/* where a page still has the box in its text, it keeps to the text's measure */
body.publication-page .article-copy>:is(.inline-article-prompt,.kp-situation){max-width:var(--a-measure);margin:var(--a-block) 0}
/* the address itself, to copy where a mail link opens nothing */
body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation) .kp-mail-text{flex:1 1 100%;display:block;max-width:none;margin:4px 0 0;
  font:400 var(--a-meta)/1.6 var(--a-sans);letter-spacing:.01em;color:var(--a-mute);user-select:all;overflow-wrap:anywhere}
/* the few prompts that say what the fee covers, and the links beside the summary on some guides */
body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation) .fixed-scope-note{max-width:none;margin:16px 0 0;padding-top:14px;border-top:1px solid var(--a-hair);font:400 var(--a-meta)/1.6 var(--a-sans);color:var(--a-mute)}
body.publication-page .quick .quality-reading-links{display:block;max-width:680px;margin:14px 0 0}
body.publication-page .quick .quality-reading-links a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:400 var(--a-ui-s)/1.4 var(--a-sans);color:var(--a-strong);
  text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--a-underline);text-underline-offset:.24em}
body.publication-page .quick .quality-reading-links a span{color:var(--a-copper);text-decoration:none}
@media (min-width:900px){
  body.publication-page main.article>.quick{margin-top:clamp(28px,3vw,40px)}
  body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation){padding:26px 28px 24px}
  body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation) :is(.inline-prompt-actions>a.kp-email,.kp-situation-actions>a.kp-situation-email){flex:0 0 auto;justify-content:flex-start;padding:13px 22px}
}
@media (min-width:900px) and (max-width:1680px),(min-width:900px) and (max-height:960px){
  body.publication-page main.article>.quick{margin-top:26px}
}
/* on a computer the box stands beside the summary, in a right-hand column that ends where the header's button ends,
   out of the text's flow, so the text starts straight under the summary */
@media (min-width:1180px){
  body.publication-page .quick>:is(.inline-article-prompt,.kp-situation){position:absolute;top:0;right:0;width:340px;margin:0;z-index:2}
  body.publication-page .quick:has(>:is(.inline-article-prompt,.kp-situation))>:is(.k,p){max-width:min(var(--a-measure),calc(100% - 400px))}
}

/* ================================================== the text */
body.publication-page .article-copy>:first-child{margin-top:var(--a-h2-top)}
body.publication-page .article-copy :is(p,li){font-family:var(--a-serif);font-size:var(--a-body);font-weight:400;letter-spacing:0;color:var(--a-text);text-wrap:pretty}
body.publication-page .article-copy p{max-width:var(--a-measure);margin:0 0 var(--a-gap);line-height:1.68}
body.publication-page .article-copy :is(strong,b){font-weight:600;color:var(--a-strong)}
body.publication-page .article-copy em{font-style:italic}
/* a Greek title in an English article's text, and an English one in a Greek article, are set in the text's own face */
body.publication-page .article-copy [lang]{font-family:inherit}
/* a link in the text: ink, on a copper underline */
body.publication-page .article-copy a.link,body.publication-page .article-copy :is(p,li,dd) a:not(.btn){color:var(--a-strong);background:none;padding:0;margin:0;
  text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--a-underline);text-underline-offset:.2em;transition:color .2s,text-decoration-color .2s}
body.publication-page .article-copy a.link:hover,body.publication-page .article-copy :is(p,li,dd) a:not(.btn):hover{color:var(--a-copper);text-decoration-color:currentColor}
/* the long opening paragraph the build once wrapped to fold: plain text now */
body.publication-page .article-copy .kp-ft{display:inline}
/* section headings, which rise word by word as they arrive (his, 3 October 2026) */
body.publication-page .article-copy h2{max-width:var(--a-measure);margin:var(--a-h2-top) 0 var(--a-h2-bottom);padding:0;border:0;
  font:400 var(--a-h2)/1.2 var(--a-serif);letter-spacing:-.012em;color:var(--a-strong);text-wrap:balance}
body.publication-page .article-copy :is(h3,h3.mid){max-width:var(--a-measure);margin:var(--a-h3-top) 0 var(--a-h3-bottom);padding:0;
  font:400 var(--a-h3)/1.3 var(--a-serif);letter-spacing:-.006em;color:var(--a-strong);text-wrap:balance}
body.publication-page .article-copy h2+h3{margin-top:12px}
/* a passage that used to be folded keeps its own title, read as a heading of the text (Klitos, 13 October 2026) */
body.publication-page .article-copy details.kp-flat{margin:0;padding:0;border:0;background:none;box-shadow:none}
body.publication-page .article-copy details.kp-flat.reading-detail28{margin-bottom:var(--a-h3-top)}
body.publication-page .article-copy details.kp-flat>summary{display:none}
body.publication-page .article-copy details.kp-flat.reading-detail28>summary{display:block;margin:var(--a-h3-top) 0 var(--a-h3-bottom);padding:0;border:0;background:none;list-style:none;cursor:default;
  font:400 var(--a-h3)/1.3 var(--a-serif);letter-spacing:-.006em;text-transform:none;color:var(--a-strong);text-wrap:balance}
body.publication-page .article-copy details.kp-flat.reading-detail28>summary::-webkit-details-marker{display:none}
body.publication-page .article-copy details.kp-flat.reading-detail28>summary::before,body.publication-page .article-copy details.kp-flat.reading-detail28>summary::after{content:none}
body.publication-page .article-copy details.kp-flat .reading-detail-copy28{margin:0;padding:0;border:0;background:none}
/* lists: copper points, and a little less leading than a paragraph so an item reads as one */
body.publication-page .article-copy :is(ul,ol){max-width:var(--a-measure);margin:0 0 var(--a-gap);padding:0 0 0 20px;font-size:var(--a-body)}
body.publication-page .article-copy>p:has(+:is(ul,ol)){margin-bottom:.5em}
body.publication-page .article-copy ul,body.publication-page .article-copy ul.bullets{list-style:none}
body.publication-page .article-copy li{position:relative;max-width:none;margin:0 0 .55em;padding:0;line-height:1.68}
body.publication-page .article-copy li:last-child{margin-bottom:0}
body.publication-page .article-copy ul>li::before{content:"";position:absolute;left:-20px;top:calc(.84em - 3px);width:6px;height:6px;border-radius:50%;background:var(--a-copper)}
body.publication-page .article-copy ol{list-style:decimal}
body.publication-page .article-copy ol>li{padding-left:.2em}
body.publication-page .article-copy ol>li::marker{font:500 .86em var(--a-sans);color:var(--a-copper)}
body.publication-page .article-copy li>:is(ul,ol){margin:.55em 0 0}
body.publication-page .article-copy li p{margin:0 0 .5em}
/* a list whose items carry their own labels, (a), (aa), 27., hangs the label where the point would be */
body.publication-page .article-copy ul.kp-labelled{padding-left:0}
body.publication-page .article-copy ul.kp-labelled>li{padding-left:2.4em;text-indent:-2.4em}
body.publication-page .article-copy ul.kp-labelled>li>*{text-indent:0}
/* the label in a box of its own width, so the first line's text lines up with the turnover lines (the third review) */
body.publication-page .article-copy ul.kp-labelled>li>:is(b,strong):first-child{display:inline-block;min-width:2.4em;margin-right:-.25em;text-indent:0}
body.publication-page .article-copy ul.kp-labelled>li::before{content:none}
/* the key line: the section's own conclusion, at the summary's size on the summary's copper line */
body.publication-page .article-copy>p.keyline{margin:var(--a-h3-top) 0;padding:0 0 0 18px;border-left:2px solid var(--a-copper);
  font:italic 400 var(--a-lead)/1.5 var(--a-serif);color:var(--a-strong)}
body.publication-page .article-copy>p.keyline::before,body.publication-page .article-copy>p.keyline::after{content:none}
body.publication-page .article-copy>p.keyline strong{font-weight:600}
/* the two boxes in the text keep to its measure */
body.publication-page .article-copy>.contactbox{max-width:var(--a-measure);box-shadow:none}
/* a short ask written into the text reads as a sentence of it: no box, the text's own face, a copper line beside it */
body.publication-page .article-copy>.contactbox.article-context-note{max-width:var(--a-measure);padding:2px 0 2px 18px;background:none;border:0;
  border-left:2px solid var(--a-copper-mid);box-shadow:none}
body.publication-page .article-copy>.contactbox.article-context-note::before,body.publication-page .article-copy>.contactbox.article-context-note::after{content:none}
body.publication-page .article-copy>.contactbox.article-context-note p{font:400 var(--a-body)/1.68 var(--a-serif);color:var(--a-text)}
body.publication-page .article-copy>.contactbox.article-context-note a strong{font-weight:inherit;color:inherit}
/* the label some articles give such an ask ("If you are at this point") */
body.publication-page .article-copy>p.sumlab{font:500 var(--a-label)/1.5 var(--a-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--a-copper)}
/* a guide's numbered steps and its checklist are lists like the others */
body.publication-page .article-copy ol.steps{list-style:decimal}
body.publication-page .article-copy ul.checklist>li b{font-weight:600;color:var(--a-strong)}
/* a note that points to the other language's version */
body.publication-page .article-copy>p.rel{font:400 var(--a-meta)/1.6 var(--a-sans);color:var(--a-mute)}
body.publication-page .article-copy>p.rel a{color:inherit;text-decoration:underline;text-underline-offset:.2em}
body.publication-page .article-copy .article-service-links{max-width:var(--a-measure);margin:var(--a-block) 0 0}

/* ================================================== the questions */
body.publication-page .article-copy .faq{max-width:var(--a-measure)}
body.publication-page .article-copy .faq details{margin:0;padding:0;border:0;border-bottom:1px solid var(--a-rule);background:none}
body.publication-page .article-copy .faq summary{position:relative;display:block;margin:0;padding:16px 40px 16px 0;list-style:none;cursor:pointer;
  font:500 var(--a-body)/1.45 var(--a-serif);color:var(--a-strong);text-wrap:balance;transition:color .2s}
body.publication-page .article-copy .faq summary::-webkit-details-marker{display:none}
body.publication-page .article-copy .faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);
  font:300 24px/1 var(--a-sans);color:var(--a-copper);transition:transform .2s}
body.publication-page .article-copy .faq details[open]>summary::after{transform:translateY(-50%) rotate(45deg)}
body.publication-page .article-copy .faq summary:hover{color:var(--a-copper)}
body.publication-page .article-copy .faq details>div p{margin:0 0 .8em}
body.publication-page .article-copy .faq details>div p:last-child{margin-bottom:0}
/* where the questions come straight after the box (the five most read, a test from 13 October 2026), the article's own
   text begins as far below them as a section would */
body.publication-page .article-copy>.faq+p{margin-top:var(--a-h2-top)}

/* ================================================== the sources */
body.publication-page .article-copy>:is(h2#sources,h2#piges,h2#pigés)+ul>li{font-size:var(--a-row);line-height:1.45}
/* a list of one source is a reference, not a list: no point, no indent; the other language's name stands under it */
body.publication-page .article-copy>ul:has(>li:only-child){padding-left:0}
body.publication-page .article-copy>ul:has(>li:only-child)>li::before{content:none}
body.publication-page .article-copy .kp-src-alt{display:block;margin-top:2px;font:400 var(--a-ui-s)/1.5 var(--a-sans);color:var(--a-mute)}

/* ================================================== the signoff */
body.publication-page .article-copy>.signoff{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:22px;align-items:start;max-width:var(--a-measure);
  margin:var(--a-block) 0 0;padding:30px 0 0;border-top:1px solid var(--a-rule);background:none}
body.publication-page .article-copy>.signoff::before,body.publication-page .article-copy>.signoff::after{content:none}
body.publication-page .article-copy>.signoff img{display:block;width:64px;height:84px;object-fit:cover;object-position:50% 14%;filter:grayscale(1) contrast(1.05);mix-blend-mode:multiply}
body.publication-page .article-copy>.signoff h3{font-size:var(--a-h3)}
body.publication-page .article-copy>.signoff h3 a{color:inherit;text-decoration:none}
body.publication-page .article-copy>.signoff h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
body.publication-page .article-copy>.signoff .role{max-width:none;margin:4px 0 8px;font:500 var(--a-label)/1.5 var(--a-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--a-mute)}
body.publication-page .article-copy>.signoff p:not(.role){max-width:none;margin:0;font:400 var(--a-meta)/1.6 var(--a-sans);color:var(--a-mute)}

/* ================================================== the closing box: its heading, the first-message line, the buttons */
body.publication-page .article-copy>.contactbox.article-enquiry{display:block;max-width:var(--a-measure);margin:28px -24px 0;padding:34px 24px 30px;
  background:var(--a-tint);border:0;box-shadow:none}
body.publication-page .article-copy>.contactbox.article-enquiry::before,body.publication-page .article-copy>.contactbox.article-enquiry::after{content:none}
body.publication-page .article-copy>.contactbox.article-enquiry h3{max-width:none;margin:0 0 12px;font:400 var(--a-h2)/1.2 var(--a-serif);letter-spacing:-.012em;color:var(--a-strong)}
body.publication-page .article-copy>.contactbox.article-enquiry .enquiry-note{max-width:46ch;margin:0;font:400 var(--a-ui)/1.6 var(--a-sans);color:var(--a-quiet)}
body.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 26px;margin:24px 0 0}
body.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions>a.btn{display:inline-flex;align-items:center;gap:12px;min-height:52px;margin:0;padding:14px 24px;border:1px solid transparent;border-radius:0;
  background:var(--a-copper);color:#FFFFFF;box-shadow:none;font:500 var(--a-ui)/1.3 var(--a-sans);letter-spacing:0;text-transform:none;text-decoration:none;transform:none;transition:background .2s}
body.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions>a.btn:not(:has(span[aria-hidden]))::after{content:"\2192";font-family:var(--a-sans)}
body.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions>a.btn:hover{background:var(--a-copper-hover);color:#FFFFFF;transform:none;box-shadow:none}
body.publication-page .article-copy>.contactbox.article-enquiry .article-contact-options{display:flex;flex-wrap:wrap;gap:0 26px}
body.publication-page .article-copy>.contactbox.article-enquiry .article-contact-options a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;background:none;
  font:400 var(--a-ui-s)/1.3 var(--a-sans);letter-spacing:0;color:var(--a-strong);
  text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--a-underline);text-underline-offset:.24em;transition:color .2s,text-decoration-color .2s}
body.publication-page .article-copy>.contactbox.article-enquiry .article-contact-options a:hover{color:var(--a-copper);text-decoration-color:currentColor}
body.publication-page .article-copy>.contactbox.article-enquiry .article-contact-options a span[aria-hidden]{display:none}
body.publication-page .article-copy>.contactbox.article-enquiry>.kp-mail-text{display:block;max-width:none;margin:10px 0 0;font:400 var(--a-meta)/1.6 var(--a-sans);
  letter-spacing:.01em;color:var(--a-mute);user-select:all;overflow-wrap:anywhere}
@media (max-width:699px){
  body.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions>a.btn{flex:1 1 100%;justify-content:center}
}
@media (min-width:700px){
  body.publication-page .article-copy>.contactbox.article-enquiry{margin:32px 0 0;padding:44px 44px 40px}
}
/* the firm's registration line, small and close under the closing box */
body.publication-page .article-copy>p.kp-reg{max-width:var(--a-measure);margin:14px 0 0;padding:0;font:400 var(--a-meta)/1.6 var(--a-sans);letter-spacing:0;color:var(--a-mute)}
/* its four parts stay whole and its lines balance; a dot stands in the space before each,
   and the one that would start a line falls in the clipped margin, so no line starts or ends on a lone dot */
body.publication-page .article-copy>p.kp-reg:has(>span){display:block;text-wrap:balance;max-width:calc(var(--a-measure) + .82em);margin-left:-.82em;
  clip-path:inset(-.5em -2em -.5em .82em)}
body.publication-page .article-copy>p.kp-reg>span{position:relative;display:inline-block;margin-left:.82em;white-space:nowrap}
body.publication-page .article-copy>p.kp-reg>span::before{content:"\00B7";content:"\00B7" / "";position:absolute;left:-.72em;top:0}

/* ================================================== further reading: rows, one design */
body.publication-page .article-copy>:is(nav.kp-further,nav.article-related){display:block;max-width:var(--a-measure);margin:0;padding:0;border:0;border-top:1px solid var(--a-rule);columns:auto}
body.publication-page .article-copy>:is(nav.kp-further,nav.article-related)+:is(nav.kp-further,nav.article-related){border-top:0}
body.publication-page .article-copy>p+:is(nav.kp-further,nav.article-related){margin-top:8px}
body.publication-page .article-copy>nav.kp-further ul{margin:0;padding:0;list-style:none;border:0}
body.publication-page .article-copy>:is(nav.kp-further,nav.article-related) :is(li,p){max-width:none;margin:0;padding:0;border:0;border-bottom:1px solid var(--a-rule);background:none}
body.publication-page .article-copy>:is(nav.kp-further,nav.article-related) :is(li,p)::before{content:none}
body.publication-page .article-copy>:is(nav.kp-further,nav.article-related) :is(li,p)>a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;margin:0;padding:12px 0;
  font:400 var(--a-row)/1.45 var(--a-serif);letter-spacing:0;color:var(--a-strong);text-decoration:none;background:none;border:0;transition:color .2s}
body.publication-page .article-copy>:is(nav.kp-further,nav.article-related) :is(li,p)>a,body.publication-page .article-copy details.article-related-more p>a{text-wrap:balance}
body.publication-page .article-copy>nav.kp-further li a span{flex:none;color:var(--a-copper);font-family:var(--a-sans)}
body.publication-page .article-copy>nav.article-related>p>a::after{content:"\2192";flex:none;color:var(--a-copper);font-family:var(--a-sans)}
body.publication-page .article-copy>:is(nav.kp-further,nav.article-related) a:hover{color:var(--a-copper)}
/* the related service, on the six articles that have one, is a row like the others (the third review, 14 October 2026) */
body.publication-page .article-copy>nav.quality-reading-links{display:block;max-width:var(--a-measure);margin:0;padding:0;border:0;border-top:1px solid var(--a-rule);border-bottom:1px solid var(--a-rule)}
body.publication-page .article-copy>nav.quality-reading-links+:is(nav.kp-further,nav.article-related){border-top:0}
body.publication-page .article-copy>nav.quality-reading-links>a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;margin:0;padding:12px 0;
  font:400 var(--a-row)/1.45 var(--a-serif);letter-spacing:0;color:var(--a-strong);text-decoration:none;background:none;border:0;text-wrap:balance;transition:color .2s}
body.publication-page .article-copy>nav.quality-reading-links>a span{flex:none;color:var(--a-copper);font-family:var(--a-sans)}
body.publication-page .article-copy>nav.quality-reading-links>a:hover{color:var(--a-copper)}
body.publication-page .article-copy details.article-related-more{margin:0;padding:0;border:0;background:none}
body.publication-page .article-copy details.article-related-more>summary{display:none}
body.publication-page .article-copy details.article-related-more p{margin:0;border-bottom:1px solid var(--a-rule)}
body.publication-page .article-copy details.article-related-more p>a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:12px 0;
  font:400 var(--a-row)/1.45 var(--a-serif);color:var(--a-strong);text-decoration:none}
body.publication-page .article-copy details.article-related-more p>a::after{content:"\2192";flex:none;color:var(--a-copper);font-family:var(--a-sans)}

/* ================================================== the disclaimer, last, in small print */
body.publication-page .article-copy>:is(p.disclaimer,p.note){max-width:36em;margin:var(--a-block) 0 0;padding:16px 0 0;border-top:1px solid var(--a-rule);
  font:400 var(--a-meta)/1.6 var(--a-sans);color:var(--a-mute)}
body.publication-page .article-copy>:is(p.disclaimer,p.note) :is(em,a){font-style:normal;font-weight:400;color:inherit}
body.publication-page .article-copy>:is(p.disclaimer,p.note) a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}

body.publication-page .article-copy>nav+:is(p.disclaimer,p.note){border-top:0;padding-top:0}

/* ================================================== headings that rise word by word (the reveal script splits a heading still to
   come into .kp-w words): each word climbs out of its own clipped line, a beat after the one before. They start just before
   they come on screen and are up in half a second (Klitos, 13 October 2026). Nothing is hidden until the script has run. */
html.kp-rise .kp-split{opacity:1;transform:none}
html.kp-rise .kp-split .kp-w{display:inline-block;overflow:hidden;vertical-align:top;padding:.12em .2em .16em;margin:-.12em -.2em -.16em}
html.kp-rise .kp-split .kp-w>span{display:inline-block;transform:translateY(112%);transition:transform .42s cubic-bezier(.2,.7,.1,1);transition-delay:calc(var(--d,0s) * .15)}
html.kp-rise .kp-split.kp-in .kp-w>span{transform:none}
html.kp-rise .kp-split a .kp-w,html.kp-rise .kp-split a .kp-w>span{text-decoration:inherit}
@media (prefers-reduced-motion:reduce){html.kp-rise .kp-split .kp-w>span{transform:none;transition:none}}

/* ================================================== between a phone and a desk (the review of 14 October 2026) */
/* below 1180px the summary and the box keep to the text's measure, and the box's line to the closing box's 46ch */
@media (max-width:1179px){
  body.publication-page .quick>:is(.k,p),body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation){max-width:var(--a-measure)}
  body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation) :is(.inline-prompt-note,.kp-situation-copy){max-width:46ch}
}
@media (min-width:700px) and (max-width:899px){body.publication-page{--a-measure:600px}}
/* a long name on the Email button wraps inside the box on the smallest phones rather than running out of it */
body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation) :is(.inline-prompt-actions>a.kp-email,.kp-situation-actions>a.kp-situation-email),
body.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions>a.btn{white-space:normal;text-wrap:balance;text-align:center}
/* the copy panel, opened from an Email button on a computer: in a box it stands after the whole row of buttons, which
   stays as it was, and the plain address under them steps aside while it is open; after a sentence that holds the
   address it stands under that sentence; from the phone's bar in a narrow window it stands above the bar. Its type is
   its own, the same wherever it opens. */
body.publication-page :is(.inline-article-prompt,.kp-situation,.contactbox.article-enquiry,.article-context-note)>.kp-mailpanel,
body.publication-page .article-copy>.kp-mailpanel{position:relative;right:auto;top:auto;z-index:auto;width:auto;max-width:340px;margin:14px 0 0;
  box-shadow:none;border:1px solid var(--a-edge);border-top:2px solid var(--a-copper);scroll-margin:24px 0 24px}
/* the panel is on the page's own paper wherever it opens, never a white of its own */
body.publication-page .kp-mailpanel{background:var(--a-ground)}
body.publication-page :is(.inline-article-prompt,.kp-situation,.contactbox.article-enquiry):has(>.kp-mailpanel) .kp-mail-text{display:none}
body.publication-page nav.actbar>.kp-mailpanel{position:absolute;left:16px;right:16px;top:auto;bottom:calc(100% + 8px);width:auto;max-width:none;
  max-height:calc(100vh - 80px);overflow:auto}
#kp-mailpanel .kp-mailpanel-addr{max-width:none;margin:0 0 14px;font:500 16px/1.4 var(--a-sans);letter-spacing:0;color:#1B1816;text-wrap:wrap}
#kp-mailpanel .kp-mailpanel-open{display:block;flex:none;min-height:0;margin-top:12px;padding:0;border:0;background:none;text-align:left;
  font:400 14px/1.5 var(--a-sans);letter-spacing:0;color:var(--a-strong);text-decoration:underline;text-decoration-thickness:1px;
  text-decoration-color:var(--a-underline);text-underline-offset:.2em}
body.publication-page .kp-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* from 900 to 1023px there is no phone bar and the header showed no button: the Email button stands beside the menu */
@media (min-width:900px) and (max-width:1023px){
  body.publication-page header.top a.navcta,body.publication-page .kpst .navcta{display:inline-flex;margin-left:auto;margin-right:12px}
  body.publication-page .kpst .kpst-burger{margin-left:0}
}
/* the Greek header keeps one row: from 1024 to 1279px its links go into the menu, as below 1024, and the button keeps
   his whole name; the same on the English pages whose language link is the longer fallback */
@media (min-width:1024px) and (max-width:1279px){
  html[lang="el"] body.publication-page header.top .nav>ul,html[lang="el"] body.publication-page .kpst ul{display:none}
  html[lang="el"] body.publication-page header.top .burger{display:block}
  html[lang="el"] body.publication-page .kpst .kpst-burger{display:flex}
  html[lang="el"] body.publication-page nav.drawer.kp-menu{display:flex}
  html[lang="el"] body.publication-page :is(header.top a.navcta,.kpst .navcta){margin-left:auto;margin-right:12px}
  html[lang="el"] body.publication-page .kpst .kpst-burger{margin-left:0}
}
@media (min-width:1024px) and (max-width:1099px){
  body.publication-page:has(header.top .nav a[data-language-fallback]) header.top .nav>ul,body.publication-page:has(header.top .nav a[data-language-fallback]) .kpst ul{display:none}
  body.publication-page:has(header.top .nav a[data-language-fallback]) header.top .burger{display:block}
  body.publication-page:has(header.top .nav a[data-language-fallback]) .kpst .kpst-burger{display:flex}
  body.publication-page:has(header.top .nav a[data-language-fallback]) nav.drawer.kp-menu{display:flex}
  body.publication-page:has(header.top .nav a[data-language-fallback]) :is(header.top a.navcta,.kpst .navcta){margin-left:auto;margin-right:12px}
  body.publication-page:has(header.top .nav a[data-language-fallback]) .kpst .kpst-burger{margin-left:0}
}
/* the phone's bar, while it steps aside, is out of reach as well as out of sight (no invisible stops for the keyboard),
   and it never steps aside while it holds the focus */
html:is(.kp-act-off,.kp-sheet-open) body.publication-page .actbar:not(:focus-within){visibility:hidden;
  transition:transform .45s cubic-bezier(.2,.7,.1,1),opacity .35s,visibility 0s linear .45s}
html:is(.kp-act-off,.kp-sheet-open) body.publication-page .actbar:focus-within{transform:none;opacity:1;pointer-events:auto;visibility:visible}
/* the menu button keeps its size beside a long name on the smallest phones, and shows in high contrast; in a contrast
   theme a former folded passage's title reads as a heading, not a link, and the drawing, whose dark ground would stand
   as a black shape beside the byline, steps aside (the third review, 14 October 2026) */
body.publication-page header.top .burger{flex:none}
body.publication-page header.top .nav .mark{min-width:0}
@media (forced-colors:active){
  body.publication-page header.top .burger span{background:ButtonText}
  body.publication-page .article-copy ul>li::before{background:CanvasText}
  body.publication-page .article-copy details.kp-flat>summary,body.publication-page .article-copy details.kp-flat.reading-detail28>summary{forced-color-adjust:none;color:CanvasText}
  body.publication-page .masthead::after{display:none}
  body.publication-page .article-copy>.contactbox.article-enquiry,body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation){border:1px solid CanvasText}
  body.publication-page nav.drawer.kp-menu .kpm-lang .on{forced-color-adjust:none;background:Highlight;color:HighlightText}
}
/* the window's scrollbar is a copper thumb on the page's own ground: behind a transparent track the article's near-black
   body showed, and the faint copper thumb was lost in it (Klitos, 14 October 2026: "einai mavro k xanete") */
html:has(>body.publication-page){scrollbar-color:#A3603C #F6F4F0}
html:has(>body.publication-page)::-webkit-scrollbar-track{background:#F6F4F0}
html:has(>body.publication-page)::-webkit-scrollbar-thumb{background-color:#A3603C}
html:has(>body.publication-page)::-webkit-scrollbar-thumb:hover{background-color:#8C4F30}
/* keyboard focus never lands under the compact header that comes back on scrolling up */
html:has(>body.publication-page){scroll-padding-top:72px}
/* a ring that reads on the dark bands, and stays wholly on screen in the phone's bar */
body.publication-page :is(header.top,.actbar,.kpst,.footwrap) :focus-visible{outline-color:#D4967D}
body.publication-page .actbar a:focus-visible{outline-offset:-4px}
body.publication-page .actbar a:first-child:focus-visible{outline-color:#FBFAF7}
/* an address written in the text may wrap, so larger letter and word spacing never pushes the page sideways */
body.publication-page .article-copy a[href^="mailto:"]{white-space:normal;overflow-wrap:anywhere}
/* the footer's legal links are proper targets on a phone (their own rule is marked !important, so this has to be) */
@media (max-width:760px){
  html body.publication-page .footwrap footer .fends .reg a:not(#kp-f){display:inline-flex!important;align-items:center;min-height:44px!important}
}
/* the smallest phones: the drawing a little smaller, so the byline beside it keeps a short line, and the trail's
   section name breaking inside its line, so no line of the trail ends on its dot (the second review, 14 October 2026:
   his face on the first 360px screen on many more articles), and 25px less above the face row, so the bar no longer
   covers his face on the first screen (the third review) */
@media (max-width:374px){
  body.publication-page .masthead::after{width:88px;height:56px}
  body.publication-page .masthead[style*="--kp-fh"]::after{--kp-s:min(calc(56px / var(--kp-fh,360)),calc(88px / var(--kp-fw,480)))}
  body.publication-page .masthead .crumb{letter-spacing:.1em}
  body.publication-page main.article>.quick{margin-top:12px}
  body.publication-page .quick>.k{padding-bottom:7px}
  body.publication-page .quick>:is(.inline-article-prompt,.kp-situation){margin-top:12px;padding-top:16px}
}
/* from 375px a part of the byline never breaks over two lines ("Δημοσιεύθηκε" cut from its date): on a Greek article, whose
   parts run to 238px, a wide drawing beside them gives up the width the part needs, up to 429px. Below 375px a Greek
   date takes its own line under its label, whole (the second review, 14 October 2026). */
@media (min-width:375px) and (max-width:899px){body.publication-page .masthead .byline>span{white-space:nowrap}}
@media (min-width:375px) and (max-width:429px){
  html[lang="el"] body.publication-page .masthead::after{width:min(92px,calc(100vw - 300px))}
  html[lang="el"] body.publication-page .masthead[style*="--kp-fh"]::after{--kp-s:min(calc(64px / var(--kp-fh,360)),calc(min(120px,100vw - 300px) / var(--kp-fw,480)))}
}
/* the drawing never climbs into the title's last line on a phone; the trail's links are plain inline links there, so a long
   section name breaks inside its line and the dot, tied to both its neighbours, never ends one, and a little padding makes
   each a larger target without moving a line */
@media (max-width:899px){
  body.publication-page .masthead::after{margin-top:14px}
  body.publication-page .masthead .crumb a{display:inline;padding:5px 0}
}
/* nothing in the text runs off a narrow screen, even with the reader's own wider letter and word spacing: a word that
   cannot fit breaks rather than pushing the page sideways (the third review, 14 October 2026) */
body.publication-page :is(.quick>p,.article-copy :is(p,li,h2,h3,summary)){overflow-wrap:break-word}
body.publication-page .article-copy .signoff p{overflow-wrap:anywhere}
/* on a phone, at thirty-odd characters a line, long words break at their syllables, never short ones, never an address */
@media (max-width:699px){
  body.publication-page .article-copy :is(p,li){-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:8 4 3;
    -webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:3}
  body.publication-page .article-copy :is(p,li) a:is([href^="mailto:"],[href^="http"]){-webkit-hyphens:manual;hyphens:manual}
  body.publication-page .article-copy>:is(p.kp-reg,.signoff p){-webkit-hyphens:manual;hyphens:manual}
}
/* on a short screen (a laptop at 200%, a phone held sideways) the compact header gives its height back to the text */
@media (max-height:500px){
  body.publication-page .kpst{display:none}
  body.publication-page .actbar a{min-height:40px}
}
/* the glyphs drawn beside a question and on the Email buttons are not read out as part of their names */
body.publication-page .article-copy .faq summary::after{content:"+";content:"+" / ""}
body.publication-page .fends summary::after{content:"+";content:"+" / ""}
body.publication-page .fends details[open] summary::after{content:"\2212";content:"\2212" / ""}
body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation) :is(.inline-prompt-actions>a.kp-email,.kp-situation-actions>a.kp-situation-email)::after,
body.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions>a.btn:not(:has(span[aria-hidden]))::after,
body.publication-page .article-copy>nav.article-related>p>a::after,body.publication-page .article-copy details.article-related-more p>a::after{content:"\2192";content:"\2192" / ""}
/* nothing slides or turns when the reader has asked for less motion */
@media (prefers-reduced-motion:reduce){
  body.publication-page nav.drawer.kp-menu,body.publication-page nav.drawer.kp-menu[data-open="true"],body.publication-page nav.drawer.kp-menu .kpm-idx>*,
  body.publication-page header.top .burger span,body.publication-page .article-copy .faq summary::after,body.publication-page .kp-progress{transition:none}
  body.publication-page .actbar,html:is(.kp-act-off,.kp-sheet-open) body.publication-page .actbar:not(:focus-within){transition:none}
  body.publication-page header.top .nav ul a{transition:color .2s}
}

/* ================================================== print: the whole text, plainly */
@media print{
  html.kp-rise .kp-split .kp-w>span{transform:none;transition:none}
  /* as heavy as the screen rules they hide, so that they hold */
  html body.publication-page .masthead::after,html body.publication-page .masthead>.kp-frame,
  html body.publication-page :is(.quick,.article-copy)>:is(.inline-article-prompt,.kp-situation),
  html body.publication-page .article-copy>.contactbox,html body.publication-page .article-copy>.contactbox.article-enquiry,
  html body.publication-page .article-copy>:is(nav,nav.kp-further,nav.article-related),html body.publication-page .footwrap{display:none}
  html body.publication-page,body.publication-page .sheet{background:#fff}
  body.publication-page .masthead .byline{color:#4A443F}
  body.publication-page .masthead .byline b,body.publication-page .masthead .byline a,body.publication-page .masthead h1,body.publication-page .masthead h1 .kp-sub,
  body.publication-page .masthead .crumb,body.publication-page .masthead .crumb a{color:#1A1817}
  body.publication-page .article-copy details>*{display:block}
  body.publication-page .article-copy .faq summary::after{content:none}
  html body.publication-page,html body.publication-page .cols{padding-bottom:0}
  body.publication-page .article-copy :is(h2,h3,summary,[role=heading]){break-after:avoid;break-inside:avoid}
  body.publication-page .article-copy .faq details,body.publication-page .article-copy>.signoff{break-inside:avoid}
  html body.publication-page .article-copy>h2:is(:has(+nav),:has(+p+nav)),html body.publication-page .article-copy>h2:has(+p+nav)+p{display:none}
}