/* The site's design system, in one sheet (Klitos, 3 October 2026: "consider redrafting, not patches here and there").

   It replaces the seven sheets every article loaded, each of which corrected the one before it with !important
   and with class names repeated six times over to win. Here the order of the cascade is stated once, with a
   cascade layer instead of weight:

     1  tokens and the two typefaces
     @layer base
        2  elements: body, headings, links, buttons
        4  shared components: the rail, the questions, the lists, the forms, the boxes in the text
        4b features a few pages use: the folded guide sections, the fixed-scope panel
     3  the frame: the head and its navigation, the phone's menu and bar, the footer
     5  the page designs: the article, the page heads, the library, the contact page
     6  the few rules that answer a style="" written into the markup, the only !important in the file

   Everything in the base layer gives way to everything outside it, whatever its selector, so a design rule never
   needs to outweigh a default. Safari and Chrome are both first-class: nothing relies on one element painting
   over another across sections, and every layout has a plain fallback.

   The home pages keep their own sheet (home-plan.css). The enquiry form that opens inside a page keeps
   inline-enquiry.css and reply-choice.css, which the service pages share. The name is the sha1 of the content:
   after an edit, python3 tools/rehash-assets.py --apply. */

/* ============================================================ 1. tokens */
: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;
}

/* the two faces, self-hosted, split by script */
@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;}
@layer base{

/* ============================================================ 2. 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}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
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 Greek word inside an English page is set in the system face, as before */
html[lang="en"] [lang="el"]{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
img,svg{max-width:100%}
a{color:inherit}
p{max-width:var(--measure)}
h1,h2,h3,.big,.mid{text-wrap:balance}
p,li,.stand{text-wrap:pretty}
h2{font-family:var(--kp-serif);font-weight:400;color:var(--ink);font-size:clamp(24px,2.4vw,33px);line-height:1.2;letter-spacing:-.008em;margin:0 0 14px}
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}
/* the overline: a short rule and spaced capitals */
.label{display:block;margin:0 0 20px;font:500 11px/1.5 var(--kp-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--kp-copper)}
.label i{display:inline-block;width:28px;height:1px;margin-right:12px;vertical-align:middle;background:currentColor}
.label a{vertical-align:middle}
/* the form's answers, shown only when the page is reached with their fragment */
.said{display:none}
.said:target{display:block}

/* buttons */
.btn{display:inline-block;padding:16px 28px;border:0;border-radius:4px;cursor:pointer;background:var(--kp-copper);color:var(--paper);
  font:600 13px/1.5 var(--kp-sans);letter-spacing:.045em;text-transform:uppercase;text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);transition:background .22s ease,transform .22s ease,box-shadow .22s ease}
.btn:hover{background:#7A4529;transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 22px rgba(26,24,23,.18)}
.btn:active{transform:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 3px 10px rgba(26,24,23,.14)}
@media (prefers-reduced-motion:reduce){.btn,.btn:hover{transition:none;transform:none}}


/* ============================================================ 4. shared components */
/* ---- the two-column body: the text, and a rail beside it */
.cols{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(30px,5vw,72px);padding:var(--s6) 0 var(--s7)}
.cols>*{min-width:0}
.cols:has(>.article-layout){display:block}
@media (max-width:1000px){.cols{grid-template-columns:minmax(0,1fr)}}
.sheet>.wrap:has(>.quick:first-child){padding-top:var(--s7)}

/* ---- the short answer at the top of a page */
.quick{max-width:var(--measure);margin:0 0 32px;padding:20px 24px;background:#FFFFFF;border-left:2px solid #333333}
.quick p{margin:0}
.quick .k{display:block;margin-bottom:8px;font:500 11.5px/1.6 var(--kp-sans);letter-spacing:.1em;text-transform:uppercase;color:#555555}
.quick a{color:#333333}
@media (max-width:640px){.quick{padding:18px}}

/* ---- the rail: contents, the reading line, who wrote it */
.aside{position:sticky;top:96px;align-self:start;font-size:14px;line-height:1.8}
.aside :is(p,li){line-height:1.85}
.aside h5,.aside .h5{margin:0 0 16px;font:500 10.5px/1.5 var(--kp-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.aside ol{margin:0 0 30px;padding:0;list-style:none;counter-reset:toc}
.aside li{margin-bottom:2px;counter-increment:toc}
.aside a{position:relative;display:block;padding:8px 0 8px 30px;border-left:1px solid var(--hair);line-height:1.6;color:var(--mute);text-decoration:none;transition:.2s}
.aside a::before{content:counter(toc,decimal-leading-zero);position:absolute;left:12px;font-size:11px;color:var(--accent);opacity:.65}
.aside a:hover,.aside a[aria-current="true"]{color:var(--ink);border-left-color:var(--accent)}
.aside #toc a{font-size:13px;line-height:1.6}
.aside .contents-menu{margin:0}
.aside .contents-menu>.h5{margin:0;padding:16px 0;font:500 14px/1.5 var(--kp-sans);letter-spacing:0}
.progress{height:2px;margin-bottom:26px;overflow:hidden;border-radius:2px;background:var(--hair)}
.progress i{display:block;width:0;height:100%;background:var(--accent)}
.railcard{margin-top:28px;padding-top:24px;border-top:1px solid #DEDEDE;font-size:13px}
.railcard .k{margin:0 0 14px;font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.railcard .who{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.railcard img{flex:none;width:44px;height:56px;object-fit:cover;object-position:50% 18%;border-radius:var(--r)}
.railcard .nm{font-family:var(--kp-serif);font-size:16px;line-height:1.2;color:var(--ink)}
.railcard .rl{margin-top:3px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.railcard p{margin:0 0 8px;font-size:13px;line-height:1.75;color:var(--body)}
.railcard a{display:inline;padding:0;border-left:0;border-bottom:1px solid #D5D5D5;color:#333333;text-decoration:none}
.railcard a::before{content:none}
.aside .rail-action a{display:inline-flex;align-items:center;gap:14px;font-size:13px;line-height:1.7;color:#333333}
@media (max-width:1000px){
  .aside{position:static;order:-1;margin-bottom:28px;padding-bottom:12px;border-bottom:1px solid var(--line)}
  .aside .railcard,.aside>p:has(#printBtn){display:none}
}

/* ---- the article's grid: the text on the left, the rail on the right */
main.article.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;column-gap:72px;align-items:start;max-width:none}
.article-layout>.quick{grid-column:1;grid-row:1}
.article-layout>.article-copy{grid-column:1;grid-row:2;min-width:0}
.article-layout>.aside{grid-column:2;grid-row:1/span 2;min-width:0}
@media (max-width:900px){
  main.article.article-layout{display:flex;flex-direction:column}
  .article-layout>.quick{order:0}
  .article-layout>.aside{order:1;position:static;width:100%;margin:0 0 32px;padding:0 0 24px;border:0;border-bottom:1px solid #DEDAD6}
  .article-layout>.article-copy{order:2;width:100%}
  .aside.contents-relocated{display:none}
}

/* ---- an article's text: the defaults the article design (section 5) builds on */
.article{max-width:var(--measure);line-height:1.8}
.article h2{margin:44px 0 18px;font-family:var(--kp-serif);font-weight:400;font-size:30px;line-height:1.35;letter-spacing:-.01em;color:var(--ink);scroll-margin-top:96px}
.article h3{margin:40px 0 10px;font-family:var(--kp-serif);font-weight:500;font-size:clamp(18px,1.5vw,21px);line-height:1.4;color:var(--ink);scroll-margin-top:96px}
.article h3:not(.h4){font-size:23px}
@media (max-width:640px){.article h2{font-size:27px}.article h3:not(.h4){font-size:22px}}
.article p{margin:0 0 18px}
.publication-page .article-copy>:is(p,ul,ol){font-size:17px;line-height:1.9}
@media (max-width:600px){.publication-page .article-copy>:is(p,ul,ol){font-size:16px;line-height:1.85}}
@media (min-width:1100px){.article h2[id]{position:relative}}
.article :is(p,li){line-height:1.85}
.article strong{font-weight:600;color:var(--ink)}
.article :is(ul,ol){margin:0 0 18px;padding-left:1.3em}
.article li{margin-bottom:9px}
.article li::marker{color:var(--accent)}
.article a.link{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article a.link:visited{color:var(--link-visited)}
.article a.link:hover{color:var(--link-hover);text-decoration-thickness:2px}
.article .keyline{margin:46px 0;padding:2px 0 2px 24px;border-left:2px solid var(--accent);font-family:var(--kp-serif);font-size:clamp(20px,2vw,25px);line-height:1.42;color:var(--ink)}
.article table{width:100%;margin:26px 0;font-size:15.5px;line-height:1.6}
.article hr{width:56px;height:1px;margin:44px 0;border:0;background:var(--accent);opacity:.6}
.article figure{margin:32px 0}
.article figure img{display:block;max-width:100%;height:auto;border-radius:var(--r)}
details summary{transition:color .2s ease}
details summary:hover{color:var(--accent)}
.disclaimer{max-width:var(--measure);margin-top:34px;font-size:13.5px;font-style:italic;color:var(--mute)}
.article p.disclaimer{margin:22px 0;font-size:13px;line-height:1.75}
.article p.disclaimer em{font-style:normal}
.note{max-width:74ch;margin-top:18px;font-size:12px;line-height:1.6;color:var(--mute)}
.sumlab{display:flex;align-items:center;gap:12px;margin:26px 0 12px;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#555555}
.premium-page .sumlab{font-size:12px;font-weight:600;letter-spacing:.055em}
.sumlab::before{content:"";flex:none;width:26px;height:1px;background:var(--accent)}
.sublegal{margin:12px 0 0;font-size:12.5px;color:var(--mute)}
input,select,textarea,button[type="submit"]{scroll-margin-block:110px 90px}

/* ---- the enquiry box at the foot of an article */
.article-enquiry{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;max-width:none;margin:28px 0;padding:24px;border:0;background:#F5F2EE}
.article-enquiry h3{margin:0 0 16px;font-family:var(--kp-serif);font-size:24px;line-height:1.4}
.article-enquiry p{margin:0 0 16px;font-size:15px;line-height:1.8}
.article-enquiry .enquiry-note{margin-bottom:0;font-size:13px;color:#57524F}
.article-enquiry-actions .btn{display:flex;justify-content:center;width:100%;min-height:52px;padding:14px 16px;border:1px solid #C8997B;background:#EFDCCF;color:#5B2F18;font-size:12px;letter-spacing:.025em;text-decoration:none}
.article-enquiry-actions .btn:hover{background:#E6CBB8;border-color:#B0805F;color:#4A2612}
.article-enquiry-actions a:focus-visible{outline:2px solid #8C4F30;outline-offset:3px}
@media (max-width:600px){.article-enquiry{grid-template-columns:minmax(0,1fr);gap:24px}}

/* ---- questions and answers */
.faq{margin-top:14px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--hair)}
.faq p{max-width:var(--measure);margin:0;padding:0 0 20px}
.article-copy .faq details>div{padding:0 28px 22px 0}
.article-copy .faq details :is(p,li){max-width:70ch;font-size:15px;line-height:1.85}
.article-copy .faq details p:last-child{margin-bottom:0}
@media (max-width:600px){.article-copy .faq details>div{padding-right:0}}

/* ---- related reading */
nav.rel{margin-top:var(--s6);border-top:1px solid var(--line)}
nav.rel .k{margin:20px 0 0;font:500 10.5px/1.5 var(--kp-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
nav.rel ul{margin:0;padding:0;list-style:none}
nav.rel li{border-bottom:1px solid var(--hair)}
nav.rel li:last-child{border-bottom:0}
nav.rel a{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:15px 0;font-size:16px;line-height:1.45;color:var(--body);text-decoration:none;transition:color .2s ease}
nav.rel a span{flex:none;color:var(--accent);transition:transform .2s ease}
nav.rel a:hover{color:var(--accent)}
nav.rel a:hover span{transform:translateX(3px)}
@media (max-width:640px){nav.rel a{padding:14px 0;font-size:15.5px}}
p.rel{margin-top:26px;font-size:15px;color:var(--mute)}
p.rel a{color:var(--accent)}
.article .rel{margin-top:48px;padding-top:24px;border-top:1px solid #DEDEDE}
.article .rel a{padding:12px 0;font-size:14px;line-height:1.7}
.article .article-library-more .rel{margin-top:8px;padding-top:0;border:0}
.article .article-library-more .k{display:none}

/* ---- the author's sign-off */
.signoff h4,.signoff .h4{margin:0 0 2px;font-family:var(--kp-serif);font-weight:400;font-size:21px;line-height:1.4;color:var(--ink)}

/* ---- the direct ways in, under a short prompt */
:is(.first-contact-actions,.invite-direct,.contact-direct>div){display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
.first-contact-actions{margin:18px 0 8px}
:is(.first-contact-actions,.invite-direct,.contact-direct) a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.first-contact-actions .first-contact-primary{gap:12px;font-weight:600;color:#8C4F30}
@media (max-width:600px){.first-contact-actions{gap:4px 20px}.first-contact-actions .first-contact-primary{flex-basis:100%}}

/* ---- boxes in the text */
.contactbox{max-width:calc(var(--measure) + 56px);margin-top:40px;padding:26px 28px;border:1px solid #DEDEDE;background:#FFFFFF}
.premium-page .sheet .contactbox:not(.service-inline-enquiry){width:100%;max-width:none;padding:28px 32px}
.contactbox :is(h4,.h4){margin:0 0 12px;font-family:var(--kp-serif);font-weight:400;font-size:21px;color:var(--ink)}
.contactbox p{margin:0 0 8px;font-size:15.5px}
.premium-page .sheet .contactbox:not(.service-inline-enquiry) p{max-width:none;font-size:16px;line-height:1.85;overflow-wrap:anywhere}
.contactbox a:not(.btn){color:#333333;border-color:#D5D5D5}
@media (max-width:600px){.premium-page .sheet .contactbox:not(.service-inline-enquiry){padding:22px 20px}}
.article-copy .article-context-note{margin:28px 0;padding:4px 0 4px 20px;border:0;border-left:2px solid #C9C2BC;background:transparent}
.article-copy .article-context-note p{font-size:15px;line-height:1.85}

/* ---- lists with a rule between the items */
.bullets{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.bullets li{position:relative;max-width:var(--measure);padding:15px 0 15px 28px;border-bottom:1px solid var(--hair)}
.bullets li::before{content:"";position:absolute;left:2px;top:29px;width:9px;height:1px;background:var(--accent)}
.checklist{margin:0;padding:0;list-style:none}
.checklist li{position:relative;margin:0;padding:11px 0 11px 24px;font-size:16px;border-bottom:1px solid var(--hair)}
.checklist li:last-child{border-bottom:0}
.checklist li::before{content:"";position:absolute;left:0;top:calc(.7em + 11px);width:9px;height:1px;background:var(--accent)}
.steps{margin:0 0 18px;padding:0;list-style:none;counter-reset:s}
.steps li{position:relative;margin-bottom:14px;padding-left:2.6em;counter-increment:s}
.steps li::before{content:counter(s);position:absolute;left:0;top:.1em;width:1.8em;padding-bottom:2px;border-bottom:1px solid var(--accent);font-family:var(--kp-serif);font-size:15px;text-align:left;color:var(--accent)}

/* ---- the author's sign-off, before the article design takes it over */
.signoff{display:flex;flex-wrap:wrap;align-items:flex-start;gap:22px;margin-top:56px;padding-top:30px;border-top:1px solid var(--line)}
.article .signoff{margin:26px 0;padding:0;border:0}
.signoff img{flex:none;width:76px;height:100px;object-fit:cover;object-position:50% 20%;border-radius:var(--r)}
.signoff p{max-width:52ch;margin:0;font-size:15.5px}
.signoff .role{margin:0 0 12px;font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}

/* ---- further reading at the foot of an article */
.article-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0 0 32px;border-top:1px solid #DEDBD8}
.article .article-related{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}
.article-related>p{display:flex;min-width:0;margin:0;border-bottom:1px solid #DEDBD8}
.article-related>p>a{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:48px;padding:16px 0;font-size:14px;line-height:1.65;text-decoration:none}
.article-related>p>a::after{content:"\2192";flex:none;color:#744425}
.article-related>p>a:hover{text-decoration:underline;text-underline-offset:4px}
.article-related>p>a:focus-visible{outline:2px solid #8C4F30;outline-offset:3px}
@media (max-width:600px){.article-related,.article .article-related{grid-template-columns:1fr}}
.article :is(.article-related-more,.article-library-more){margin:16px 0 28px;padding:0;border:0}
.article .article-related-more{grid-column:1/-1}
.article :is(.article-related-more,.article-library-more)>summary{min-height:44px;padding:12px 30px 12px 0;font:500 14px/1.65 var(--kp-sans);text-decoration:underline;text-underline-offset:4px}
.article .article-related-more>p{font-size:15px}
.article-updates{margin:16px 0 40px;border:0;border-top:1px solid #DEDBD8;border-bottom:1px solid #DEDBD8}
.article-updates>summary{padding:20px 30px 20px 0;font-family:var(--kp-sans);font-size:14px;line-height:1.65;letter-spacing:0}
.publication-page .article-service-links{display:block;padding:20px 0;border-bottom:1px solid #DEDAD6}
.publication-page .article-service-links p{margin:0;font-size:13px;line-height:1.8}
.publication-page .article-service-links a{text-decoration:underline;text-underline-offset:3px}
.quality-reading-links{margin-top:22px}
:is(.practice-example,.quality-reading-links) a{font-size:14px;line-height:1.7;color:#754225;text-decoration:underline;text-underline-offset:4px}
.article-contact-options{display:flex;flex-wrap:wrap;gap:0 16px;margin-top:12px}
.article-contact-options a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:4px}

/* ---- the first-contact panel */
.first-contact{margin:48px 0 32px;padding:28px;border:0;background:#F5F2EE}
.article .first-contact>h2{margin:0 0 14px;padding:0;border:0;font-size:28px;line-height:1.3}
.article .first-contact>p{max-width:65ch;margin:0}
.article details.first-contact-material{margin:16px 0 0;padding:0;border:0;border-top:1px solid #D6CFC8;background:transparent}
.article details.first-contact-material>summary{min-height:44px;margin:0;padding:18px 30px 8px 0;border:0;font:400 15px/1.6 var(--kp-sans)}
.article details.first-contact-material>div{padding:8px 0 0}
.article .first-contact-material :is(p,li){font-size:15px;line-height:1.75}
.article .first-contact-material .first-contact-note{font-weight:500}
.article .first-contact.article-contact-final{margin:32px 0;padding:28px;border:0;background:#F5F2EE}
.article .article-contact-final .enquiry-note{margin:12px 0 18px;font-size:14px;line-height:1.7;color:#605A55}
@media (max-width:600px){.first-contact{margin-top:32px;padding:20px}.article .first-contact>h2{font-size:25px}.article .first-contact.article-contact-final{margin:28px 0;padding:22px 20px}}

/* ---- the subscription form */
.subcard{margin:48px 0 0;padding:28px 0;border:0;border-top:1px solid #DEDEDE;border-bottom:1px solid #DEDEDE;background:#FFFFFF}
.subcard .sh{margin:0 0 8px;font-family:var(--kp-serif);font-weight:400;font-size:21px;color:var(--ink)}
.subcard p{max-width:60ch;margin:0 0 16px;font-size:14.5px;line-height:1.6;color:var(--mute)}
.article .subcard .sh{font-size:22px;line-height:1.4}
.article .subcard>p:not(.sh){font-size:14px;line-height:1.75}
.subcard .sublegal a{color:#744425;text-decoration:underline;text-underline-offset:3px}
.subrow{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}
.subrow input[type=email]{flex:1 1 220px;min-width:0;min-height:48px;padding:12px 14px;border:1px solid #C8C8C8;border-radius:0;background:#FFFFFF;font:inherit;font-size:16px;color:var(--ink)}
.subcard :is(input,select,textarea){min-height:48px;border:1px solid #C8C8C8;border-radius:0;background:#FFFFFF;font-size:16px}
.subcard :is(input,select,textarea):focus{outline:2px solid #333333;outline-offset:2px;box-shadow:none}
.subrow button{min-height:48px;padding:14px 22px;border:0;border-radius:0;cursor:pointer;background:var(--accent);color:#FFFFFF;font:500 12px/1 var(--kp-sans);letter-spacing:.12em;text-transform:uppercase;transition:background .22s}
.subrow button:hover{background:#A05B38}
.subhp{position:absolute;left:-9999px}
.article-updates>.subcard{margin:0;padding:8px 0 24px;border:0;background:transparent}
.article-updates summary:focus-visible{outline:2px solid #8C4F30;outline-offset:3px}


/* ============================================================ 4b. features used on some pages only
   Folded in from the sheets that were loaded beside the main ones. The enquiry form that opens inside a page
   (inline-enquiry.css) and its reply choice (reply-choice.css) keep their own sheets: the service pages share them,
   and tools/test-inline-enquiries.py holds every page that uses them to exactly one link. The selectors are the ones the markup and
   the scripts already use. */
/* ---- the short prompt inside an article that leads to the matching service */
body.article-reading-first .article-copy > .inline-article-prompt {
  margin:32px 0;padding:24px 28px;border:0;background:#f6f3ef;
}
body.article-reading-first .article-copy > .inline-article-prompt .inline-prompt-title {
  font:400 23px/1.4 var(--serif,Georgia,serif);margin:0 0 12px;
}
body.article-reading-first .article-copy > .inline-article-prompt p {
  font-size:15px;line-height:1.75;margin:0 0 12px;max-width:none;
}
body.article-reading-first .article-copy > .inline-article-prompt a {
  min-height:44px;text-underline-offset:4px;
}
@media(max-width:650px){
  body.article-reading-first .article-copy > .inline-article-prompt {margin:28px 0;padding:22px;}
}
body.article-reading-first .article-copy > .inline-article-prompt .article-service-route {
  margin:14px 0 0;
}
body.article-reading-first .article-copy > .inline-article-prompt .article-service-route a {
  display:inline-flex;align-items:center;gap:10px;max-width:100%;
  font-size:14px;line-height:1.6;color:var(--ink,#28231f);
  text-decoration:underline;text-decoration-thickness:1px;
}
/* ---- the folded detail sections and the enquiry block of the longer guides */
body.reading-composition28 main .reading-detail28 {
  margin:20px 0 28px;padding:0 22px;border:0;background:#f6f3ef;
}
body.reading-composition28 main .reading-detail28>summary {
  display:flex;align-items:baseline;justify-content:space-between;gap:20px;
  padding:18px 0;list-style:none;cursor:pointer;
  font:500 15px/1.65 var(--sans,Arial,sans-serif);color:#493b32;
}
body.reading-composition28 main .reading-detail28>summary::-webkit-details-marker {display:none;}
body.reading-composition28 main .reading-detail28>summary::after {
  content:'+';position:static;transform:none;flex:none;color:#8c4f30;font:400 20px/1 Arial,sans-serif;
}
body.reading-composition28 main .reading-detail28[open]>summary::after {content:'\2212';}
body.reading-composition28 main .reading-detail28>summary:focus-visible {outline:2px solid #8c4f30;outline-offset:4px;}
body.reading-composition28 main .reading-detail-copy28 {padding:2px 0 22px;}
body.reading-composition28 main .reading-detail-copy28>p:first-child {margin-top:0;}
body.reading-composition28 main .reading-detail-copy28>p:last-child {margin-bottom:0;}
body.reading-article28 .article-copy>h2 {margin-top:42px;margin-bottom:18px;}
body.reading-article28 .article-copy>p {margin-top:0;margin-bottom:20px;}
body.reading-article28 .article-copy>.first-contact {margin:36px 0;}
body.reading-article28 .article-copy>h2:first-child {margin-top:0;}
body.reading-composition28 main .reading-enquiry28 {
  max-width:840px;margin:24px auto 32px;padding:26px 28px;background:#f6f3ef;border:0;
}
body.reading-composition28 main .reading-enquiry-title28 {font:400 25px/1.4 var(--serif,Georgia,serif);color:#292522;margin:0 0 10px;}
body.reading-composition28 main .reading-enquiry28>p:not(.reading-enquiry-title28) {font-size:16px;line-height:1.75;margin:0 0 14px;}
body.reading-composition28 main .reading-enquiry-actions28 {display:flex;flex-wrap:wrap;gap:8px 28px;}
body.reading-composition28 main .reading-enquiry-actions28>a {display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:15px;font-weight:600;text-underline-offset:5px;}
body.reading-composition28 main #claim-time-limits {max-width:840px;margin:28px auto 12px;}
body.reading-composition28 main .reading-scene28 {margin-top:20px;margin-bottom:0;}
body.reading-composition28 main .reading-duty28 {font-size:15px;line-height:1.75;}
@media(max-width:650px){
  body.reading-article28 .article-copy>h2 {font-size:27px;line-height:1.35;margin-top:34px;margin-bottom:16px;}
  body.reading-article28 .article-copy>p,
  body.reading-article28 .article-copy>ul,
  body.reading-article28 .article-copy>ol {font-size:16px;line-height:1.8;}
  body.reading-composition28 main .reading-detail28 {padding-inline:18px;}
  body.reading-composition28 main .reading-detail-copy28 :is(p,li) {font-size:16px;line-height:1.8;}
  body.reading-composition28 main .reading-detail28>summary {padding:16px 0;}
}
@media print{
  body.reading-composition28 main .reading-detail28 {background:none;padding:0;}
}
/* ---- the fixed-scope panel: what a fixed fee covers, in three steps */
.fixed-scope{margin:32px 0 40px;padding:28px 30px;background:#f6f3ef;color:#292522;}
.fixed-scope .fixed-scope-heading{font:600 17px/1.5 var(--sans);margin:0 0 24px;max-width:none;}
.fixed-scope ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;counter-reset:scope;margin:0;padding:0;}
.fixed-scope li{counter-increment:scope;padding:0;margin:0;min-width:0;}
.fixed-scope li::before{content:'0' counter(scope);display:block;font:500 13px/1.5 var(--sans);color:#8c4f30;margin:0 0 10px;}
.fixed-scope strong{display:block;font:600 15px/1.5 var(--sans);margin-bottom:8px;}
.fixed-scope li p{font:400 14px/1.75 var(--sans);margin:0;max-width:none;color:#554e48;}
.fixed-scope .fixed-scope-terms{font:400 13px/1.75 var(--sans);max-width:none;margin:24px 0 0;padding-top:20px;border-top:1px solid #ddd4ca;color:#554e48;}
.inline-article-prompt .fixed-scope-note{font:400 14px/1.7 var(--sans);margin:20px 0 0;max-width:72ch;color:#554e48;}
@media(max-width:700px){.fixed-scope{padding:24px;margin:24px 0 32px;}.fixed-scope ol{grid-template-columns:1fr;gap:22px;}.fixed-scope li{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:12px;}.fixed-scope li::before{grid-row:1/3;margin:2px 0 0;}.fixed-scope li p{grid-column:2;}.fixed-scope .fixed-scope-heading{margin-bottom:22px;}}
}
/* ============================================================ 3. the frame */
/* ---- the head: ink, with the navigation on its top line */
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)}}

/* ---- the phone's menu: a sheet that slides in from the right (its contents are styled in section 5, .kp-menu) */
.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}}

/* ---- the sticky copy of the navigation (built by the shared script, which brings its own layout) */
.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}}
/* the shared script writes the sticky bar's own layout into the page after this sheet; "body" is what lets this one narrowing win */
@media (max-width:480px){body .kpst .kpst-in{column-gap:8px}}
html.kp-down .kpst.in{transform:translateY(-100%);visibility:hidden}

/* ---- the page under the head */
.sheet,.light{overflow-x:clip}
.sheet{position:relative;z-index:1;background:var(--kp-paper);box-shadow:0 -1px 0 rgba(212,150,125,.22)}

/* ---- the footer */
.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}
}

/* ---- the phone's bar: write, WhatsApp, email */
.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))}
  /* out of the way while someone is typing */
  body:has(form:focus-within,input:focus,textarea:focus,[contenteditable="true"]:focus) .actbar{display:none}
}

/* ---- print: the text, without the furniture */
@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}
}

/* ============================================================ 4-5. the page designs (carried over from the frame sheet, unprefixed) */
/* ---------- The six practice pages: the area's own drawing beside the title, plotted as the page opens ---------- */
:root:is(:has(link[rel=canonical][href$="/property"]),:has(link[rel=canonical][href$="/el-dikigoroi-akiniton-kypros"])){--kp-fig:url(/assets/fig-property.svg)}
:root:is(:has(link[rel=canonical][href$="/construction"]),:has(link[rel=canonical][href$="/el-kataskeuastiko-dikaio-kypros"])){--kp-fig:url(/assets/fig-construction.svg)}
:root:is(:has(link[rel=canonical][href$="/litigation-arbitration"]),:has(link[rel=canonical][href$="/el-dikastiriaki-ekprosopisi"])){--kp-fig:url(/assets/fig-litigation.svg)}
:root:is(:has(link[rel=canonical][href$="/corporate-commercial"]),:has(link[rel=canonical][href$="/el-etairiko-emporiko-dikaio"])){--kp-fig:url(/assets/fig-corporate.svg)}
:root:is(:has(link[rel=canonical][href$="/trusts-wills-succession"]),:has(link[rel=canonical][href$="/el-diathikes-klironomika"])){--kp-fig:url(/assets/fig-succession.svg)}
:root:is(:has(link[rel=canonical][href$="/personal-injury"]),:has(link[rel=canonical][href$="/el-somatikes-vlaves-kypros"])){--kp-fig:url(/assets/fig-injury.svg)}
:root:is(:has(link[rel=canonical][href$="/property"]),:has(link[rel=canonical][href$="/el-dikigoroi-akiniton-kypros"]),:has(link[rel=canonical][href$="/construction"]),:has(link[rel=canonical][href$="/el-kataskeuastiko-dikaio-kypros"]),:has(link[rel=canonical][href$="/litigation-arbitration"]),:has(link[rel=canonical][href$="/el-dikastiriaki-ekprosopisi"]),:has(link[rel=canonical][href$="/corporate-commercial"]),:has(link[rel=canonical][href$="/el-etairiko-emporiko-dikaio"]),:has(link[rel=canonical][href$="/trusts-wills-succession"]),:has(link[rel=canonical][href$="/el-diathikes-klironomika"]),:has(link[rel=canonical][href$="/personal-injury"]),:has(link[rel=canonical][href$="/el-somatikes-vlaves-kypros"])) body header.top .masthead{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:clamp(32px,5vw,96px);align-items:center}
:root:is(:has(link[rel=canonical][href$="/property"]),:has(link[rel=canonical][href$="/el-dikigoroi-akiniton-kypros"]),:has(link[rel=canonical][href$="/construction"]),:has(link[rel=canonical][href$="/el-kataskeuastiko-dikaio-kypros"]),:has(link[rel=canonical][href$="/litigation-arbitration"]),:has(link[rel=canonical][href$="/el-dikastiriaki-ekprosopisi"]),:has(link[rel=canonical][href$="/corporate-commercial"]),:has(link[rel=canonical][href$="/el-etairiko-emporiko-dikaio"]),:has(link[rel=canonical][href$="/trusts-wills-succession"]),:has(link[rel=canonical][href$="/el-diathikes-klironomika"]),:has(link[rel=canonical][href$="/personal-injury"]),:has(link[rel=canonical][href$="/el-somatikes-vlaves-kypros"])) body header.top .masthead>*:not(.mmeta){grid-column:1}
:root:is(:has(link[rel=canonical][href$="/property"]),:has(link[rel=canonical][href$="/el-dikigoroi-akiniton-kypros"]),:has(link[rel=canonical][href$="/construction"]),:has(link[rel=canonical][href$="/el-kataskeuastiko-dikaio-kypros"]),:has(link[rel=canonical][href$="/litigation-arbitration"]),:has(link[rel=canonical][href$="/el-dikastiriaki-ekprosopisi"]),:has(link[rel=canonical][href$="/corporate-commercial"]),:has(link[rel=canonical][href$="/el-etairiko-emporiko-dikaio"]),:has(link[rel=canonical][href$="/trusts-wills-succession"]),:has(link[rel=canonical][href$="/el-diathikes-klironomika"]),:has(link[rel=canonical][href$="/personal-injury"]),:has(link[rel=canonical][href$="/el-somatikes-vlaves-kypros"])) body header.top .masthead>.stand{border-left:0;padding-left:0;margin-left:0;margin-top:22px;max-width:46ch}
:root:is(:has(link[rel=canonical][href$="/property"]),:has(link[rel=canonical][href$="/el-dikigoroi-akiniton-kypros"]),:has(link[rel=canonical][href$="/construction"]),:has(link[rel=canonical][href$="/el-kataskeuastiko-dikaio-kypros"]),:has(link[rel=canonical][href$="/litigation-arbitration"]),:has(link[rel=canonical][href$="/el-dikastiriaki-ekprosopisi"]),:has(link[rel=canonical][href$="/corporate-commercial"]),:has(link[rel=canonical][href$="/el-etairiko-emporiko-dikaio"]),:has(link[rel=canonical][href$="/trusts-wills-succession"]),:has(link[rel=canonical][href$="/el-diathikes-klironomika"]),:has(link[rel=canonical][href$="/personal-injury"]),:has(link[rel=canonical][href$="/el-somatikes-vlaves-kypros"])) body header.top .masthead::after{content:"";display:block;grid-column:2;grid-row:1 / span 5;justify-self:end;width:100%;max-width:520px;aspect-ratio:4/3;background:var(--kp-fig) center/contain no-repeat;border:1px solid rgba(239,234,227,.12);background-color:rgba(11,10,9,.94)}
@media(max-width:760px){:root:is(:has(link[rel=canonical][href$="/property"]),:has(link[rel=canonical][href$="/el-dikigoroi-akiniton-kypros"]),:has(link[rel=canonical][href$="/construction"]),:has(link[rel=canonical][href$="/el-kataskeuastiko-dikaio-kypros"]),:has(link[rel=canonical][href$="/litigation-arbitration"]),:has(link[rel=canonical][href$="/el-dikastiriaki-ekprosopisi"]),:has(link[rel=canonical][href$="/corporate-commercial"]),:has(link[rel=canonical][href$="/el-etairiko-emporiko-dikaio"]),:has(link[rel=canonical][href$="/trusts-wills-succession"]),:has(link[rel=canonical][href$="/el-diathikes-klironomika"]),:has(link[rel=canonical][href$="/personal-injury"]),:has(link[rel=canonical][href$="/el-somatikes-vlaves-kypros"])) body header.top .masthead{grid-template-columns:1fr}:root:is(:has(link[rel=canonical][href$="/property"]),:has(link[rel=canonical][href$="/el-dikigoroi-akiniton-kypros"]),:has(link[rel=canonical][href$="/construction"]),:has(link[rel=canonical][href$="/el-kataskeuastiko-dikaio-kypros"]),:has(link[rel=canonical][href$="/litigation-arbitration"]),:has(link[rel=canonical][href$="/el-dikastiriaki-ekprosopisi"]),:has(link[rel=canonical][href$="/corporate-commercial"]),:has(link[rel=canonical][href$="/el-etairiko-emporiko-dikaio"]),:has(link[rel=canonical][href$="/trusts-wills-succession"]),:has(link[rel=canonical][href$="/el-diathikes-klironomika"]),:has(link[rel=canonical][href$="/personal-injury"]),:has(link[rel=canonical][href$="/el-somatikes-vlaves-kypros"])) body header.top .masthead::after{display:block;grid-column:1;grid-row:auto;justify-self:start;width:100%;max-width:340px;margin-top:28px}}

/* ---------- Articles. One design for every article, set from the markup the build writes
   (tools/refine_article_head.py) and the reading rule the shared script adds. P is the six-times
   .publication-page prefix, used where the older sheets compete for the same element; the
   elements only this sheet styles take the plain body.publication-page. Hairlines are
   rgba(27,24,22,.14) on paper and rgba(239,234,227,.14) on the dark. ---------- */

body.publication-page{--kp-ease:cubic-bezier(.2,.7,.1,1)}
@keyframes kpDrawX{from{transform:scaleX(0)}to{transform:none}}
@keyframes kpDrawY{from{transform:scaleY(0)}to{transform:none}}
@keyframes kpPlot{from{clip-path:inset(0 100% 100% 0)}to{clip-path:inset(-14px -14px -14px -14px)}}
@keyframes kpFade{from{opacity:0}to{opacity:1}}

/* the area's drawing, where an article has none of its own yet */
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"]),body.publication-page:has(.masthead .crumb a[href="/el-emporikes-diafores-kypros"]),body.publication-page:has(.masthead .crumb a[href="/public-administrative"]),body.publication-page:has(.masthead .crumb a[href="/el-dimosio-dioikitiko-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-diafores-kypros"]),body.publication-page:has(.masthead .crumb a[href="/technology-e-commerce"]),body.publication-page:has(.masthead .crumb a[href="/el-technologia-ilektroniko-emporio"]),body.publication-page:has(.masthead .crumb a[href="/restructuring-insolvency"]),body.publication-page:has(.masthead .crumb a[href="/el-anadiarthrosi-aferengyotita-kypros"]),body.publication-page:has(.masthead .crumb a[href="/el-diafores-metochon-kypros"]),body.publication-page:has(.masthead .crumb a[href="/commercial-contracts-cyprus"]),body.publication-page:has(.masthead .crumb a[href="/el-emporikes-symvaseis-kypros"]),body.publication-page:has(.masthead .crumb a[href="/energy"]),body.publication-page:has(.masthead .crumb a[href="/el-energeia-kypros"]),body.publication-page:has(.masthead .crumb a[href="/immigration-employment"]),body.publication-page:has(.masthead .crumb a[href="/el-metanasteusi-ergasiaka-kypros"]),body.publication-page:has(.masthead .crumb a[href="/el-forologiki-katoikia-kypros"]){--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 head: the plan, the overline, the title and its second line, the byline as the
   home hero's lower strip, the article's own drawing in a column of its own, and a hairline
   frame with registration corners that plots itself in once ---------- */
body.publication-page .masthead{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:end;row-gap:0;padding-top:clamp(30px,4.6vw,76px);padding-bottom:clamp(96px,8.8vw,132px)}
body.publication-page .masthead::before{background-color:#0B0A09;background-image:linear-gradient(90deg,rgba(11,10,9,.95) 0%,rgba(11,10,9,.82) 46%,rgba(11,10,9,.56) 100%);background-size:auto;background-position:0 0;background-repeat:no-repeat;border-bottom:0}
body.publication-page .masthead::after{content:"";display:block;pointer-events:none;aspect-ratio:4/3;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}
@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%)}}
body.publication-page .masthead>*{position:relative;z-index:1}
body.publication-page .masthead>.kp-frame{position:absolute;z-index:0;left:clamp(10px,2.2vw,36px);right:clamp(10px,2.2vw,36px);top:14px;bottom:clamp(66px,6vw,92px);pointer-events:none;border:1px solid rgba(239,234,227,.1);border-top-color:transparent;animation:kpPlot 2s var(--kp-ease,ease) .1s 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;opacity:.75}

/* the overline */
body.publication-page .masthead .crumb{display:flex;align-items:center;flex-wrap:wrap;margin:0 0 clamp(14px,2vw,26px);padding:0;font:500 11px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#C9876A}
body.publication-page .masthead .crumb::before{content:"";flex:none;width:28px;height:1px;margin-right:16px;background:#C9876A;transform-origin:left;animation:kpDrawX 1.2s var(--kp-ease,ease) .15s both}
body.publication-page .masthead .crumb a{display:inline-flex;align-items:center;min-height:32px;color:#D4967D;text-decoration:none;border:0;background:none;transition:color .4s}
body.publication-page .masthead .crumb a:hover{color:#EFEAE3}

/* the title */
body.publication-page .masthead h1{margin:0;padding:0;border:0;max-width:19ch;font-family:"Literata",Georgia,serif;font-weight:400;font-size:clamp(38px,4.3vw,62px);line-height:1.06;letter-spacing:-.02em;color:#EFEAE3;text-wrap:balance}
body.publication-page .masthead[data-kp-title="long"] h1{max-width:22ch;font-size:clamp(34px,3.6vw,52px)}
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:#D4967D}

/* the byline */
body.publication-page .masthead .byline{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:0;max-width:none;margin:clamp(28px,3.4vw,52px) 0 0;padding:20px 0 0;border:0;font:400 13px/1.55 "Inter",system-ui,sans-serif;letter-spacing:.01em;color:#A39A91}
body.publication-page .masthead .byline::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(239,234,227,.16);transform-origin:left;animation:kpDrawX 1.6s var(--kp-ease,ease) .25s both}
body.publication-page .masthead .byline>span{display:block;margin:0;padding:10px 26px;border:0;border-left:1px solid rgba(239,234,227,.14);color:#A39A91}
body.publication-page .masthead .byline>span:first-of-type{padding-left:0;border-left:0}
body.publication-page .masthead .byline>span::before,body.publication-page .masthead .byline>span::after{content:none}
body.publication-page .masthead .byline b{font-weight:500;color:#EFEAE3}
body.publication-page .masthead .byline>.kp-face{flex:none;display:block;width:44px;height:44px;margin:0 16px 0 0;object-fit:cover;object-position:50% 14%;filter:grayscale(1) contrast(1.05) brightness(.95);background:#1D1A17}

@media(min-width:700px){
  body.publication-page .masthead{grid-template-columns:minmax(0,1fr) minmax(220px,min(41%,520px));grid-template-rows:1fr auto auto;column-gap:clamp(28px,5vw,88px)}
  body.publication-page .masthead>.crumb{grid-column:1;grid-row:1;align-self:end;margin-bottom:clamp(26px,2.4vw,34px)}
  body.publication-page .masthead>h1{grid-column:1;grid-row:2}
  body.publication-page .masthead>.byline{grid-column:1 / -1;grid-row:3}
  body.publication-page .masthead::after{grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:end;width:100%;max-width:520px}
}
@media(min-width:700px) and (max-width:900px){
  body.publication-page .masthead{padding-bottom:72px}
  body.publication-page main .quick{margin-top:-40px}
}
@media(max-width:699px){
  body.publication-page .masthead{padding-top:18px;padding-bottom:34px}
  body.publication-page .masthead::before{background-image:linear-gradient(180deg,rgba(11,10,9,.6) 0%,rgba(11,10,9,.9) 74%);background-position:0 0}
  body.publication-page .masthead>.kp-frame{bottom:28px}
  /* the drawing, open on the plan: no box, no shadow, centred under the byline, small enough that the summary starts on the first screen */
  body.publication-page .masthead::after{justify-self:center;width:min(236px,62%);margin:4px 0 0}
  body.publication-page .masthead[data-kp-title="long"]::after{width:min(184px,48%);margin-top:2px}
}
@media(max-width:900px){
  body.publication-page .masthead .crumb{display:block;position:relative;margin-bottom:16px;padding-left:44px;white-space:nowrap;font-size:10.5px;line-height:1.9;letter-spacing:.18em}
  body.publication-page .masthead .crumb::before{position:absolute;left:0;top:.95em;width:28px;margin:0}
  body.publication-page .masthead .crumb a{display:inline;min-height:0;padding:18.5px 0 12.5px;white-space:normal}
  body.publication-page .masthead .crumb a:first-child{position:relative;z-index:1}
  body.publication-page .masthead h1,body.publication-page .masthead[data-kp-title="long"] h1{max-width:none;font-size:clamp(30px,8.6vw,40px);line-height:1.08}
  body.publication-page .masthead[data-kp-title="long"] h1{font-size:clamp(28px,7.9vw,36px)}
  body.publication-page .masthead .byline{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;align-items:start;margin-top:20px;padding-top:16px}
  body.publication-page .masthead .byline>span{grid-column:2;padding:0;border:0;line-height:1.62}
  body.publication-page .masthead .byline>.kp-face{grid-column:1;grid-row:1 / span 4;margin:3px 0 0}
}
@media(max-width:380px){
  body.publication-page .masthead .crumb{padding-left:30px;font-size:10px;letter-spacing:.14em}
  body.publication-page .masthead .crumb::before{width:18px}
  body.publication-page .masthead .byline{font-size:12.5px}
}

/* ---------- The page under the head ---------- */
body.publication-page .sheet .cols{padding-top:0}
body.publication-page main.article{padding-top:0}
@media(min-width:1200px){
  /* one grid: a margin column for the labels and the numerals, and a 640px measure */
  body.publication-page main.article{--kp-m:clamp(108px,calc(90vw - 972px),180px);grid-template-columns:minmax(0,1fr) 260px;column-gap:72px}
  body.publication-page main.article>.article-copy{padding-left:var(--kp-m,180px)}
}

/* ---------- The summary: a white sheet laid over the foot of the head, with registration marks,
   set in Literata on a copper initial, with the reading choice at its foot ---------- */
body.publication-page main .quick{position:relative;z-index:2;max-width:none;margin:-64px 0 0;padding:44px 48px 40px;background:#FFFFFF;border:0;border-radius:0;box-shadow:0 1px 0 rgba(27,24,22,.04),0 26px 44px -34px rgba(11,10,9,.45)}
body.publication-page main .quick::before,body.publication-page main .quick::after{content:"";position:absolute;width:14px;height:14px;border:0 solid rgba(140,79,48,.6);pointer-events:none}
body.publication-page main .quick::before{left:12px;top:12px;border-width:1px 0 0 1px}
body.publication-page main .quick::after{right:12px;bottom:12px;border-width:0 1px 1px 0}
body.publication-page main .quick .k{display:flex;align-items:center;gap:12px;margin:0 0 16px;font:500 10.5px/1.6 "Inter",system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#8C4F30}
body.publication-page main .quick .k::before{content:"";flex:none;width:20px;height:1px;background:#8C4F30}
body.publication-page main .quick>p{max-width:640px;margin:0}
body.publication-page main .quick .k+p,body.publication-page main .quick>p:first-of-type{font-family:"Literata",Georgia,serif;font-weight:400;font-size:clamp(18px,1.45vw,20px);line-height:1.62;letter-spacing:-.004em;color:#1B1816}
body.publication-page main .quick .k+p::first-letter,body.publication-page main .quick>p:first-of-type::first-letter{float:left;font-family:"Literata",Georgia,serif;font-style:normal;font-size:3.5em;line-height:.82;margin:.07em .09em 0 -.02em;color:#8C4F30}
body.publication-page main .quick p :is(strong,b){font-weight:600;color:#1B1816}
body.publication-page main .quick>p+p{margin-top:16px;font:400 15px/1.7 "Inter",system-ui,sans-serif;color:#5E5650}
body.publication-page main .quick p a,body.publication-page main .quick .quality-reading-links a{color:#1B1816;text-decoration:underline;text-decoration-color:rgba(140,79,48,.5);text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .3s}
body.publication-page main .quick p a:hover,body.publication-page main .quick .quality-reading-links a:hover{color:#8C4F30}
body.publication-page main .quick .quality-reading-links{margin:14px 0 0;font:400 15px/1.7 "Inter",system-ui,sans-serif}
@media(min-width:1200px){
  body.publication-page main .quick{padding:48px 48px 40px var(--kp-m,180px)}
}
@media(min-width:1200px){
  body.publication-page main .quick .k{position:absolute;left:var(--kp-ml,36px);top:52px;width:calc(var(--kp-m,180px) - var(--kp-ml,36px) - 16px);margin:0;display:block}
  body.publication-page main .quick .k::before{content:none}
}
@media(min-width:1200px) and (max-width:1279px){
  body.publication-page main.article{--kp-ml:20px}
  body.publication-page main .quick .k,body.publication-page .quick .kp-mode .lb{letter-spacing:.15em}
}
@media(max-width:900px){
  body.publication-page main .quick{margin:-28px -8px 0;padding:46px 22px 26px}
  body.publication-page main .quick .k+p,body.publication-page main .quick>p:first-of-type{font-size:18px;line-height:1.6}
}
@media(max-width:900px){
  body.publication-page main .quick:has(>.kp-mode){padding-bottom:36px}
  body.publication-page main .quick::after{right:9px;bottom:9px;width:11px;height:11px}
}
@media(max-width:359px){body.publication-page main .quick{margin-left:-12px;margin-right:-12px;padding-left:18px;padding-right:18px}}

/* the reading choice: on paper, two ways of reading in Literata, each with its time beneath, and
   a copper dimension line under the one chosen. The same pair sits, light on dark, at the foot of
   the section list on a phone. */
body.publication-page .quick .kp-mode{position:relative;display:block;max-width:none;margin:28px 0 -8px;padding:16px 0 0;border-top:1px solid rgba(27,24,22,.14)}
body.publication-page .kp-mode .lb{display:block;margin:0 0 2px;font:500 10.5px/1.6 "Inter",system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#8C4F30}
body.publication-page .kp-mode .sw{position:relative;display:flex;align-items:stretch;gap:0 clamp(28px,4vw,44px);width:auto;padding:0 0 12px;background:none;border-radius:0;box-shadow:none}
body.publication-page .kp-mode button{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:58px;padding:10px 0 6px;cursor:pointer;white-space:nowrap;color:#6B625B;transition:color .4s}
body.publication-page .kp-mode .kp-o{font:400 19px/1.2 "Literata",Georgia,serif;letter-spacing:-.005em}
body.publication-page .kp-mode .kp-t{font:500 10.5px/1.3 "Inter",system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;font-variant-numeric:tabular-nums}
body.publication-page .kp-mode button[aria-pressed="true"]{color:#1B1816;cursor:default}
body.publication-page .kp-mode button[aria-pressed="true"] .kp-t{color:#8C4F30}
body.publication-page .kp-mode button[aria-pressed="false"]:hover{color:#1B1816}
body.publication-page .kp-mode button:focus-visible{outline:2px solid #8C4F30;outline-offset:4px}
body.publication-page .kp-mode .ind{position:absolute;z-index:1;left:0;top:auto;bottom:2px;width:var(--kp-w,0px);height:9px;border-radius:0;opacity:0;pointer-events:none;transform:translateX(var(--kp-x,0px));background:linear-gradient(#8C4F30,#8C4F30) 0 4px/100% 1px no-repeat,linear-gradient(#8C4F30,#8C4F30) 0 0/1px 100% no-repeat,linear-gradient(#8C4F30,#8C4F30) 100% 0/1px 100% no-repeat}
body.publication-page .kp-mode .sw.kp-measured .ind{opacity:1}
body.publication-page .kp-mode .sw.kp-slide .ind{transition:transform .7s var(--kp-ease,ease),width .7s var(--kp-ease,ease)}
body.publication-page .kp-mode .sw:not(.kp-measured) button[aria-pressed="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:9px;background:linear-gradient(#8C4F30,#8C4F30) 0 4px/100% 1px no-repeat,linear-gradient(#8C4F30,#8C4F30) 0 0/1px 100% no-repeat,linear-gradient(#8C4F30,#8C4F30) 100% 0/1px 100% no-repeat}
@media(min-width:1200px){
  body.publication-page .quick .kp-mode{margin-left:calc(var(--kp-ml,36px) - var(--kp-m,180px));padding-left:calc(var(--kp-m,180px) - var(--kp-ml,36px))}
  body.publication-page .quick .kp-mode .lb{position:absolute;left:0;top:34px;width:calc(var(--kp-m,180px) - var(--kp-ml,36px) - 16px);margin:0}
}
@media(max-width:359px){body.publication-page .kp-mode .kp-o{font-size:16px}body.publication-page .kp-mode .sw{gap:0 20px}}
@media (scripting:none){body.publication-page .quick .kp-mode{display:none}}
@media(prefers-reduced-motion:reduce){body.publication-page .kp-mode .sw.kp-slide .ind{transition:none}}

/* ---------- Contents: on a phone or a tablet, straight under the summary, the rail card's own
   words on the tint, then the contents folded under their label, one column of Literata rows a tap
   away; on a wide screen the rail beside the text, which never runs below the screen. The rail is a column the height of the
   screen at most: the contact card and the print link keep their full height and stay in view, and
   when the sections do not all fit, only the list of sections scrolls, with its own thin scrollbar,
   a soft edge where more follows, and the current section kept in view by the rail's script. The
   page itself always scrolls under the pointer. ---------- */
body.publication-page .aside .progress{display:none}
body.publication-page .aside .contents-menu .h5{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:0;border:0;font:500 10.5px/1.6 "Inter",system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#8C4F30}
body.publication-page .aside .contents-menu .h5::before{content:"";flex:none;width:20px;height:1px;background:#8C4F30}
body.publication-page .aside #toc{display:block;columns:auto;grid-template-columns:none;margin:0;padding:0;list-style:none;border-top:1px solid rgba(27,24,22,.14)}
body.publication-page .aside #toc li{margin:0;padding:0;border:0;border-bottom:1px solid rgba(27,24,22,.14);min-width:0}
body.publication-page .aside #toc a{position:relative;display:flex;align-items:baseline;gap:14px;box-sizing:border-box;margin:0;border:0;background:none;text-decoration:none;font-family:"Literata",Georgia,serif;font-weight:400;color:#1B1816;transition:color .3s}
body.publication-page .aside #toc a::before{position:static;flex:none;min-width:20px;opacity:1;font:italic 400 14px/1 "Literata",Georgia,serif;letter-spacing:0;color:#8C4F30;font-variant-numeric:lining-nums tabular-nums}
body.publication-page .aside #toc a::after{content:none}
body.publication-page .aside #toc a:hover{color:#8C4F30}
@media(max-width:900px){
  body.publication-page main.article>.aside{display:flex;flex-direction:column;position:static;margin:28px 0 0;padding:0;border:0}
  body.publication-page .aside #toc a{min-height:50px;padding:13px 0;font-size:17px;line-height:1.38}
  body.publication-page .aside #toc a[aria-current="true"]{color:#1B1816;border:0}
  /* the rail card, moved up by the sheet, not repeated: a tinted panel with a copper corner */
  body.publication-page .aside .railcard{order:-1;display:block;position:relative;max-width:640px;box-sizing:border-box;margin:0;padding:28px 30px 18px;background:#EEEAE3;border:0;border-radius:0;box-shadow:none;color:#2B2622}
  body.publication-page .aside .railcard::before{content:"";position:absolute;left:12px;top:12px;width:14px;height:14px;border:0 solid #8C4F30;border-width:1px 0 0 1px;background:none;pointer-events:none}
  body.publication-page .aside .railcard::after{content:none}
  body.publication-page .aside .railcard .who{display:none}
  body.publication-page .aside .railcard .k{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding:0;font:500 10.5px/1.6 "Inter",system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#8C4F30}
  body.publication-page .aside .railcard .k::before{content:"";flex:none;width:20px;height:1px;background:#8C4F30}
  body.publication-page .aside .railcard>p:not(.k):not(.rail-action){max-width:none;margin:0;font-size:16.5px;line-height:1.6;color:#2B2622}
  body.publication-page .aside .railcard .rail-action{margin:4px 0 0;padding:0}
  body.publication-page .aside .railcard .rail-action a{display:inline-block;padding:11px 0 9px;border:0;background:none;font:500 15.5px/1.4 "Inter",system-ui,sans-serif;color:#8C4F30;text-decoration:underline;text-decoration-color:rgba(140,79,48,.45);text-decoration-thickness:1px;text-underline-offset:.3em;transition:color .3s}
  body.publication-page .aside .railcard .rail-action a:hover{color:#1B1816}
  body.publication-page .aside .railcard .rail-action a span[aria-hidden]{white-space:nowrap}
  /* the contents, folded under their label with the home page's copper plus */
  body.publication-page main.article>.aside>.contents-menu{max-width:640px;margin:20px 0 0}
  body.publication-page .aside .contents-menu .h5{margin:0;border-top:1px solid rgba(27,24,22,.14)}
  body.publication-page .aside .contents-menu.kp-shut .h5{border-bottom:1px solid rgba(27,24,22,.14)}
  body.publication-page .aside .contents-menu .kp-tg{all:unset;box-sizing:border-box;flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}
  body.publication-page .aside .contents-menu .kp-tg::after{content:"+";flex:none;margin-right:2px;font:300 24px/1 "Inter",system-ui,sans-serif;letter-spacing:0;color:#8C4F30;transition:transform .6s var(--kp-ease,ease)}
  body.publication-page .aside .contents-menu .kp-tg[aria-expanded="true"]::after{transform:rotate(45deg)}
  body.publication-page .aside .contents-menu .kp-tg:focus-visible{outline:2px solid #8C4F30;outline-offset:2px}
  body.publication-page .aside .contents-menu.kp-shut #toc{display:none}
}
@media(max-width:699px){
  body.publication-page .aside .railcard{max-width:none;margin:0 -24px;padding:28px 24px 18px}
}
@media(min-width:901px){
  body.publication-page main.article>.aside{position:sticky;top:76px;display:flex;flex-direction:column;max-height:calc(100vh - 92px);overflow:visible;margin-left:-14px;padding:24px 0 8px 14px;box-sizing:border-box}
  body.publication-page main.article>.aside>*{flex:none}
  body.publication-page main.article>.aside>.contents-menu{flex:0 1 auto;display:flex;flex-direction:column;min-height:0;margin:0}
  body.publication-page main.article>.aside>.contents-menu>.h5{flex:none;margin:0;padding:0 0 12px;background:linear-gradient(rgba(27,24,22,.14),rgba(27,24,22,.14)) 0 100%/100% 1px no-repeat}
  body.publication-page .aside #toc{flex:0 1 auto;min-height:96px;overflow-y:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:rgba(27,24,22,.22) transparent;margin-left:-14px;padding-left:14px;border-top:0}
  body.publication-page .aside #toc.kp-more{-webkit-mask-image:linear-gradient(#000 calc(100% - 44px),transparent);mask-image:linear-gradient(#000 calc(100% - 44px),transparent)}
  body.publication-page .aside #toc.kp-up{-webkit-mask-image:linear-gradient(transparent,#000 30px);mask-image:linear-gradient(transparent,#000 30px)}
  body.publication-page .aside #toc.kp-up.kp-more{-webkit-mask-image:linear-gradient(transparent,#000 30px,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(transparent,#000 30px,#000 calc(100% - 44px),transparent)}
  body.publication-page .aside #toc a{min-height:0;padding:9px 0;font-size:15px;line-height:1.42;color:#5E5650}
  body.publication-page .aside #toc a::before{font-size:12.5px;min-width:18px;transform:translateY(-1px)}
  body.publication-page .aside #toc a[aria-current="true"]{color:#1B1816}
  body.publication-page .aside #toc a[aria-current="true"]::after{content:"";position:absolute;left:-14px;top:13px;bottom:13px;width:2px;background:#8C4F30}
  body.publication-page .aside #printBtn{font-size:12.5px;letter-spacing:.04em;color:#6B625B;border-bottom-color:rgba(27,24,22,.18)}
  body.publication-page .aside #printBtn:hover{color:#8C4F30}
  /* the contact card in the rail, dark, with an inset hairline */
  /* the author card: a light plate on the paper, not an ink box (Klitos, 3 October 2026: black on white is too loud) */
  body.publication-page .aside .railcard{position:relative;margin:30px 0 0;padding:26px 24px 22px;background:#EEEAE3;border:0;border-radius:0;box-shadow:none;color:#4A433D}
  body.publication-page .aside .railcard::before{content:"";position:absolute;left:10px;top:10px;width:14px;height:14px;border:0 solid #8C4F30;border-width:1px 0 0 1px;pointer-events:none}
  body.publication-page .aside .railcard::after{content:none}
  body.publication-page .aside .railcard .k{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:500 10px/1.4 "Inter",system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#8C4F30}
  body.publication-page .aside .railcard .k::before{content:"";flex:none;width:20px;height:1px;background:#8C4F30}
  body.publication-page .aside .railcard .nm{font:400 19px/1.3 "Literata",Georgia,serif;color:#1B1816}
  body.publication-page .aside .railcard .rl{margin-top:3px;font:500 10px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#6B625B}
  body.publication-page .aside .railcard>p{max-width:none;margin:12px 0 0;font-size:13.5px;line-height:1.7;color:#4A433D;text-wrap:pretty}
  body.publication-page .aside .railcard .rail-action{margin:14px 0 0}
  body.publication-page .aside .railcard .rail-action a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0;border:0;font:500 13.5px/1.3 "Inter",system-ui,sans-serif;color:#8C4F30;text-decoration:underline;text-decoration-color:rgba(140,79,48,.45);text-decoration-thickness:1px;text-underline-offset:.3em}
  body.publication-page .aside .railcard .rail-action a::before{content:none}
  body.publication-page .aside .railcard .rail-action a:hover{color:#1B1816}
}
@media(min-width:901px) and (max-height:820px){body.publication-page .aside #toc a{padding:6px 0}body.publication-page .aside .railcard{margin-top:20px;padding:20px 20px 18px}}

/* ---------- The text: one ink voice on one measure ---------- */
body.publication-page .article-copy{--kp-gut:-13px}
@media(min-width:700px){body.publication-page .article-copy{--kp-gut:-20px}}
@media(min-width:1200px){body.publication-page .article-copy{--kp-gut:-28px}}
body.publication-page .article-copy>*{max-width:640px;box-sizing:border-box}
body.publication-page .article-copy>p,body.publication-page .article-copy>ul>li,body.publication-page .article-copy>ol>li{font-size:clamp(17px,1.25vw,18px);line-height:1.65;color:#2B2622;text-wrap:pretty}
body.publication-page .article-copy>p{margin:0 0 1.05em}
body.publication-page .article-copy>p.rel{margin-top:48px}
body.publication-page .article-copy>:first-child:not(.kp-ch){margin-top:clamp(48px,5vw,64px)}
body.publication-page .article-copy>p.kp-lead{font-size:clamp(18.5px,1.45vw,20px);line-height:1.56;color:#1B1816}
html.kp-full body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>p.kp-lead{font-size:clamp(17px,1.25vw,18px);line-height:1.65;color:#2B2622}
body.publication-page .article-copy :is(p,li) :is(strong,b){font-weight:600;color:#1B1816}
body.publication-page .article-copy>:is(p,ul,ol) a:not(.btn){color:inherit;text-decoration:underline;text-decoration-color:rgba(140,79,48,.55);text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .3s,text-decoration-color .3s}
body.publication-page .article-copy>:is(p,ul,ol) a:not(.btn):hover{color:#8C4F30;text-decoration-color:#8C4F30}
body.publication-page .article-copy>h3,body.publication-page .article-copy>section>h3{margin:40px 0 12px;font-family:"Literata",Georgia,serif;font-weight:400;font-size:clamp(21px,1.7vw,24px);line-height:1.28;letter-spacing:-.008em;color:#1B1816}
body.publication-page .article-copy>ul,body.publication-page .article-copy>ol{margin:0 0 1.2em;padding:0 0 0 1.3em;background:none;border:0;border-radius:0;box-shadow:none}
body.publication-page .article-copy>ul>li,body.publication-page .article-copy>ol>li{margin:0 0 .6em;padding-left:.2em}
body.publication-page .article-copy>ul>li::marker{color:#8C4F30}
body.publication-page .article-copy>ol>li::marker{font-family:"Literata",Georgia,serif;font-style:italic;color:#8C4F30}

/* the section heading and its numeral, smaller than the heading; on a wide screen the numeral
   hangs in the margin on a leader hairline */
body.publication-page .article-copy h2{max-width:640px;font-family:"Literata",Georgia,serif;font-weight:400;font-size:clamp(28px,2.6vw,36px);line-height:1.16;letter-spacing:-.015em;color:#1B1816;text-wrap:balance}
body.publication-page .article-copy h2[id]::before{content:none;display:none}
body.publication-page .article-copy .kp-ch+h2{margin-top:0;padding-top:0;border:0;margin-bottom:18px}
body.publication-page .kp-ch{display:flex;align-items:center;gap:14px;max-width:640px;margin:clamp(64px,8vw,96px) 0 14px;color:#8C4F30}
body.publication-page .kp-ch .n{font:italic 400 20px/1 "Literata",Georgia,serif;letter-spacing:0;color:#8C4F30;font-variant-numeric:lining-nums tabular-nums;transition:opacity .9s ease,transform 1.1s var(--kp-ease,ease)}
body.publication-page .kp-ch i{flex:none;width:40px;height:1px;background:rgba(140,79,48,.55);transform-origin:left;transition:transform 1.3s var(--kp-ease,ease) .15s}
html.kp-rise body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .kp-ch:has(+h2:not(.kp-in)) i{transform:scaleX(0)}
html.kp-rise body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .kp-ch:has(+h2:not(.kp-in)) .n{opacity:0;transform:translateY(8px)}
@media(min-width:1200px){
  body.publication-page .kp-ch{position:relative;display:block;height:0;margin:clamp(88px,7.6vw,116px) 0 0}
  body.publication-page .kp-ch .n{position:absolute;left:calc(-1 * var(--kp-m,180px));top:12px;font-size:21px}
  body.publication-page .kp-ch i{position:absolute;left:calc(40px - var(--kp-m,180px));top:23px;width:calc(var(--kp-m,180px) - 64px)}
}

/* continue this section: a drawn plus, the words, a leader, the time; fold in the same voice */
body.publication-page .kp-open{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;gap:14px;width:100%;max-width:640px;min-height:52px;margin:12px 0 4px;padding:4px 0;cursor:pointer;color:#1B1816;font:500 15px/1.3 "Inter",system-ui,sans-serif;letter-spacing:.005em}
body.publication-page .kp-open[aria-expanded="true"]{display:none}
body.publication-page .kp-open .pl{order:0;position:relative;flex:none;width:22px;height:30px;box-sizing:border-box;transition:transform .6s var(--kp-ease,ease)}
body.publication-page .kp-open .pl::before,body.publication-page .kp-open .pl::after{content:"";position:absolute;left:50%;top:50%;width:15px;height:1px;background:#8C4F30;transform:translate(-50%,-50%)}
body.publication-page .kp-open .pl::after{transform:translate(-50%,-50%) rotate(90deg)}
body.publication-page .kp-open .tx{order:1;flex:none}
body.publication-page .kp-open::after{content:"";order:2;flex:1 1 auto;min-width:16px;height:1px;background:linear-gradient(#8C4F30,#8C4F30) 0 0/0% 100% no-repeat,rgba(27,24,22,.14);transition:background-size .9s var(--kp-ease,ease)}
body.publication-page .kp-open .m{order:3;flex:none;margin:0;padding:0;font:italic 400 16px/1 "Literata",Georgia,serif;letter-spacing:0;word-spacing:.08em;text-transform:none;color:#8C4F30;white-space:nowrap;font-variant-numeric:tabular-nums}
body.publication-page .kp-open:hover .pl{transform:rotate(90deg)}
body.publication-page .kp-open:hover::after{background-size:100% 100%,auto}
body.publication-page .kp-open:focus-visible,body.publication-page .kp-close:focus-visible{outline:2px solid #8C4F30;outline-offset:4px}
body.publication-page .kp-close{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;gap:14px;width:100%;max-width:640px;min-height:48px;margin:6px 0 0;padding:4px 0;cursor:pointer;color:#6B625B;font:500 15px/1.3 "Inter",system-ui,sans-serif;letter-spacing:.005em;transition:color .3s}
body.publication-page .kp-close[hidden]{display:none}
body.publication-page .kp-close .mi{position:relative;flex:none;width:22px;height:30px;box-sizing:border-box}
body.publication-page .kp-close .mi::before{content:"";position:absolute;left:50%;top:50%;width:15px;height:1px;background:currentColor;transform:translate(-50%,-50%)}
body.publication-page .kp-close:hover{color:#8C4F30}
html.kp-full body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .kp-open,html.kp-full body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .kp-close{display:none}
@media(max-width:380px){body.publication-page .kp-open{gap:10px;font-size:14px}body.publication-page .kp-open::after{min-width:0}body.publication-page .kp-open .m{font-size:15px}body.publication-page .kp-close{gap:10px;font-size:14px}}
@media screen{body.publication-page .article-copy>.kp-f[hidden]{margin:0;padding:0;border:0;min-height:0;background:none;box-shadow:none}}
/* the rest of a long opening paragraph: hidden until found it is a block, so it takes no room; open,
   it runs on in the paragraph as before */
@media screen{body.publication-page .article-copy .kp-ft[hidden]{display:block}}
body.publication-page .kp-f:focus{outline:none}
body.publication-page .kp-unfold{animation:kpFade .5s ease both}
/* where the essentials end: a short copper rule at the seam, and the opened text measured down
   the margin by a copper line with ticked ends, drawn once as it opens */
html.kp-rule:not(.kp-full) body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.kp-open:not(.kp-tl)[aria-expanded="true"]+.kp-f:not([hidden]){padding-top:24px;background:linear-gradient(#8C4F30,#8C4F30) 0 0/24px 1px no-repeat}
html.kp-rule:not(.kp-full) body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.kp-f:not([hidden]){position:relative}
html.kp-rule:not(.kp-full) body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.kp-f:not([hidden])::after{content:"";position:absolute;left:calc(var(--kp-gut,-13px) - 4px);top:-46px;bottom:-24px;width:9px;pointer-events:none;transform-origin:top;background:linear-gradient(#B98466,#B98466) 4px 0/1px 100% no-repeat}
html.kp-rule:not(.kp-full) body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.kp-open:not(.kp-tl)[aria-expanded="true"]+.kp-f:not([hidden])::after{top:0;background:linear-gradient(#B98466,#B98466) 4px 0/1px 100% no-repeat,linear-gradient(#8C4F30,#8C4F30) 0 0/9px 1px no-repeat}
html.kp-rule:not(.kp-full) body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.kp-close:not([hidden])::before{content:"";position:absolute;left:calc(var(--kp-gut,-13px) - 4px);top:-30px;width:9px;height:54px;pointer-events:none;background:linear-gradient(#B98466,#B98466) 4px 0/1px 100% no-repeat,linear-gradient(#8C4F30,#8C4F30) 0 100%/9px 1px no-repeat}
html.kp-rule:not(.kp-full) body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.kp-f.kp-unfold::after{animation:kpDrawY .9s var(--kp-ease,ease) both;animation-delay:var(--kp-d,0ms)}
/* where the essentials end inside a paragraph, the line starts at the line the folded words start on */
html.kp-rule:not(.kp-full) body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>p.kp-ftp:has(>.kp-ft:not([hidden])){position:relative}
html.kp-rule:not(.kp-full) body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>p.kp-ftp:has(>.kp-ft:not([hidden]))::after{content:"";position:absolute;left:calc(var(--kp-gut,-13px) - 4px);top:var(--kp-fty,0px);bottom:-24px;width:9px;pointer-events:none;transform-origin:top;background:linear-gradient(#B98466,#B98466) 4px 0/1px 100% no-repeat,linear-gradient(#8C4F30,#8C4F30) 0 0/9px 1px no-repeat}
html.kp-rule:not(.kp-full) body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>p.kp-ftp:has(>.kp-ft.kp-unfold)::after{animation:kpDrawY .9s var(--kp-ease,ease) both}
html.kp-rule:not(.kp-full) body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.kp-close:not([hidden]){animation:kpFade .6s ease .45s both}

/* the key line: Literata italic on the measure, its copper rule hanging in the gutter, drawn once */
body.publication-page .article-copy>.keyline{position:relative;margin:44px 0;padding:0;border:0;background:none;font-family:"Literata",Georgia,serif;font-style:italic;font-size:clamp(21px,1.9vw,25px);line-height:1.45;letter-spacing:-.006em;color:#1B1816;text-wrap:pretty}
body.publication-page .article-copy>.keyline::before{content:"";position:absolute;left:var(--kp-gut,-13px);top:.32em;bottom:.32em;width:1px;background:#8C4F30;transform-origin:top;transition:transform 1.3s var(--kp-ease,ease) .1s}
html.kp-rise body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.keyline:not(.kp-in)::before{transform:scaleY(0)}

/* on a phone, a closer rhythm: the sections, the key lines and the panels sit nearer one another,
   so the essentials read as one short page; the order and the voices are as above */
@media(max-width:699px){
  body.publication-page .article-copy>:first-child:not(.kp-ch){margin-top:36px}
  body.publication-page .kp-ch{margin:38px 0 10px}
  body.publication-page .article-copy .kp-ch+h2{margin-bottom:12px}
  body.publication-page .kp-open{min-height:48px;margin:6px 0 0}
  body.publication-page .kp-close{margin:2px 0 0}
  body.publication-page .article-copy>.keyline{margin:32px 0}
  body.publication-page .article-copy>:is(p.disclaimer,p.note,p.kp-notice){margin-top:32px}
  body.publication-page .article-copy>.signoff{margin-top:36px;padding-top:26px}
  body.publication-page .article-copy>.signoff::before{top:20px}
  body.publication-page .article-copy>.signoff::after{top:106px}
}

/* ---------- Contact in the text: one tinted panel, a copper corner, a copper action ---------- */
body.publication-page .article-copy>:where(.inline-article-prompt,.contactbox.article-context-note:not(.article-enquiry),.first-contact){position:relative;width:auto;max-width:640px;box-sizing:border-box;margin:52px 0;padding:34px 36px 30px;background:#EEEAE3;border:0;border-radius:0;box-shadow:none;color:#2B2622}
body.publication-page .article-copy>.contactbox.article-context-note:not(.article-enquiry){margin-top:52px;margin-bottom:52px}
body.publication-page .article-copy>:where(.inline-article-prompt,.contactbox.article-context-note:not(.article-enquiry),.first-contact)::before{content:"";position:absolute;left:12px;top:12px;width:14px;height:14px;border:0 solid #8C4F30;border-width:1px 0 0 1px;background:none;pointer-events:none}
body.publication-page .article-copy>:where(.inline-article-prompt,.contactbox.article-context-note:not(.article-enquiry),.first-contact) p{max-width:none;margin:0 0 12px;font-size:16.5px;line-height:1.7;color:#2B2622}
body.publication-page .article-copy>:where(.inline-article-prompt,.contactbox.article-context-note:not(.article-enquiry)) p:last-child{margin-bottom:0}
body.publication-page .article-copy>.inline-article-prompt .inline-prompt-title{margin:0 0 10px;font:400 clamp(21px,1.7vw,24px)/1.25 "Literata",Georgia,serif;letter-spacing:-.006em;color:#1B1816}
body.publication-page .article-copy>.inline-article-prompt>a,body.publication-page .article-copy>.first-contact .first-contact-actions a.first-contact-primary{display:inline-block;padding:11px 0 9px;font:500 15.5px/1.4 "Inter",system-ui,sans-serif;color:#8C4F30;text-decoration:underline;text-decoration-color:rgba(140,79,48,.45);text-decoration-thickness:1px;text-underline-offset:.3em;border:0;background:none;transition:color .3s}
body.publication-page .article-copy>.inline-article-prompt .article-service-route{margin:6px 0 0}
body.publication-page .article-copy>.inline-article-prompt .article-service-route a,body.publication-page .article-copy>.first-contact .first-contact-actions a:not(.first-contact-primary){display:inline-block;padding:11px 0 9px;font:500 14.5px/1.4 "Inter",system-ui,sans-serif;color:#1B1816;text-decoration:underline;text-decoration-color:rgba(27,24,22,.3);text-decoration-thickness:1px;text-underline-offset:.3em;border:0;background:none}
body.publication-page .article-copy>.contactbox.article-context-note:not(.article-enquiry) a{color:#8C4F30;font-weight:500;text-decoration:underline;text-decoration-color:rgba(140,79,48,.45);text-decoration-thickness:1px;text-underline-offset:.25em}
body.publication-page .article-copy>.contactbox.article-context-note:not(.article-enquiry) a :is(strong,b){font-weight:500;color:inherit}
body.publication-page .article-copy :where(.inline-article-prompt,.contactbox.article-context-note:not(.article-enquiry),.first-contact) a:hover{color:#1B1816}
body.publication-page .article-copy>.first-contact .first-contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0 26px;margin:14px 0 4px}
body.publication-page .article-copy>.first-contact .first-contact-actions a{flex:0 1 auto;width:auto;min-width:0;max-width:100%}
body.publication-page .article-copy>.first-contact>h2{max-width:none;margin:0 0 12px;font-size:clamp(25px,2.2vw,30px);line-height:1.18}
body.publication-page .article-copy>.first-contact>.kp-ch{margin:0 0 12px}
body.publication-page .article-copy>.first-contact .first-contact-body{background:none;padding:0;margin:0}
@media(min-width:1200px){
  body.publication-page .article-copy>:where(.inline-article-prompt,.contactbox.article-context-note:not(.article-enquiry),.first-contact){max-width:calc(640px + var(--kp-m,180px));margin-left:calc(-1 * var(--kp-m,180px));padding-left:var(--kp-m,180px);padding-right:44px}
  body.publication-page .article-copy>.first-contact>.kp-ch{margin:0;height:0}
  body.publication-page .article-copy>.first-contact>.kp-ch .n{left:calc(28px - var(--kp-m,180px));top:10px}
  body.publication-page .article-copy>.first-contact>.kp-ch i{left:calc(68px - var(--kp-m,180px));top:21px;width:calc(var(--kp-m,180px) - 92px)}
}
@media(max-width:699px){
  body.publication-page .article-copy>:where(.inline-article-prompt,.contactbox.article-context-note:not(.article-enquiry),.first-contact){max-width:none;margin:40px -24px;padding:30px 24px 24px}
  body.publication-page .article-copy>.first-contact details>summary{padding-top:14px;padding-bottom:14px}
  body.publication-page .article-copy>.contactbox.article-context-note:not(.article-enquiry){margin-top:40px;margin-bottom:40px}
}

/* ---------- The closing enquiry: the page's one dark band, on the plan, with the home page's
   solid copper action and a small plate repeating the article's drawing ---------- */
body.publication-page .article-copy>.contactbox.article-enquiry{position:relative;display:block;width:auto;max-width:640px;box-sizing:border-box;margin:56px 0 48px;padding:clamp(40px,4.4vw,56px) clamp(26px,3.4vw,48px);background:#EEEAE3;border:0;border-radius:0;box-shadow:none;color:#2B2622}

body.publication-page .article-copy>.contactbox.article-enquiry h3{margin:0 0 14px;max-width:16ch;font:400 clamp(28px,2.8vw,40px)/1.1 "Literata",Georgia,serif;letter-spacing:-.015em;color:#1B1816}
body.publication-page .article-copy>.contactbox.article-enquiry p{max-width:44ch;margin:0 0 10px;font-size:15px;line-height:1.7;color:#2B2622}
body.publication-page .article-copy>.contactbox.article-enquiry p.enquiry-note{font-size:13.5px;color:#6B625B}
body.publication-page .article-copy>.contactbox.article-enquiry a{color:#1B1816}
body.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;margin:28px 0 0}
body.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions>a{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;min-height:56px;box-sizing:border-box;margin:0;padding:14px 26px;background:#8C4F30;color:#FBF6F1;border:0;border-radius:0;box-shadow:none;font:500 15px/1.35 "Inter",system-ui,sans-serif;letter-spacing:.005em;text-transform:none;text-align:left;text-decoration:none;transition:background-color .4s}
body.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions>a:is(.btn,.kp-short){gap:14px;font:400 12px/1.2 "Inter",system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase}
body.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions>a:is(.btn,.kp-short):not(:has(span[aria-hidden]))::after{content:"\2192";content:"\2192" / "";flex:none;font:400 15px/1 "Inter",system-ui,sans-serif;letter-spacing:0;transition:transform .5s var(--kp-ease,ease)}
body.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions>a:is(.btn,.kp-short):hover::after{transform:translateX(4px)}
body.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions>a:hover{background:#A55F3C;color:#FBF6F1}
body.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions>a *{color:inherit}
body.publication-page .article-copy>.contactbox.article-enquiry .article-contact-options{display:flex;flex-wrap:wrap;gap:0 22px;margin:0}
body.publication-page .article-copy>.contactbox.article-enquiry .article-contact-options a{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;font:400 13.5px/1.3 "Inter",system-ui,sans-serif;letter-spacing:.01em;color:#1B1816;text-decoration:none;background:linear-gradient(rgba(27,24,22,.3),rgba(27,24,22,.3)) 0 calc(100% - 11px)/100% 1px no-repeat}
body.publication-page .article-copy>.contactbox.article-enquiry .article-contact-options a:hover{color:#8C4F30}
body.publication-page .article-copy>.contactbox.article-enquiry::before{content:none}
body.publication-page .article-copy>.contactbox.article-enquiry::after{content:none}
@media (prefers-reduced-motion:reduce){body.publication-page .article-copy>.contactbox.article-enquiry::after,body.publication-page .article-copy>.contactbox.article-enquiry::before{background-image:var(--kp-fig-still,var(--kp-fig,none))}}
@media(min-width:1200px){
  body.publication-page .article-copy>.contactbox.article-enquiry{max-width:calc(640px + var(--kp-m,180px));margin-left:calc(-1 * var(--kp-m,180px))}
}
@media(max-width:699px){
  body.publication-page .article-copy>.contactbox.article-enquiry{max-width:none;margin:44px -24px 40px;padding:36px 24px 32px}
  body.publication-page .article-copy>.contactbox.article-enquiry>div:first-child,body.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions{max-width:none}
  body.publication-page .article-copy>.contactbox.article-enquiry::after{content:none}
  body.publication-page .article-copy>.contactbox.article-enquiry::before{content:none}
  body.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions>a{width:100%;justify-content:space-between}
  body.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions>a:is(.btn,.kp-short){width:auto;justify-content:flex-start}
}
@media(max-width:699px) and (prefers-reduced-motion:reduce){body.publication-page .article-copy>.contactbox.article-enquiry::before{background-image:var(--kp-fig-still,var(--kp-fig,none))}}

/* ---------- The end of the article ---------- */
/* plain links set as rows, each with a copper arrow */
body.publication-page .article-copy>p.kp-rel,body.publication-page .article-copy>nav.article-related p{max-width:640px;margin:0;padding:0;border-bottom:1px solid rgba(27,24,22,.14)}
body.publication-page .article-copy>:not(.kp-rel)+p.kp-rel,body.publication-page .article-copy>nav.article-related{border-top:1px solid rgba(27,24,22,.14)}
body.publication-page .article-copy>nav.article-related{margin:0 0 36px}
body.publication-page .article-copy>p.kp-rel+:not(.kp-rel){margin-top:36px}
body.publication-page .article-copy>p.kp-rel>a,body.publication-page .article-copy>nav.article-related p>a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;box-sizing:border-box;padding:12px 0;font:400 clamp(17.5px,1.4vw,19px)/1.35 "Literata",Georgia,serif;color:#1B1816;text-decoration:none;border:0;background:none}
body.publication-page .article-copy>p.kp-rel>a::after,body.publication-page .article-copy>nav.article-related p>a::after{content:"\2192";flex:none;font:400 15px/1 "Inter",system-ui,sans-serif;color:#8C4F30;transition:transform .5s var(--kp-ease,ease)}
body.publication-page .article-copy>p.kp-rel>a:has(span[aria-hidden])::after,body.publication-page .article-copy>nav.article-related p>a:has(span[aria-hidden])::after{content:none}
body.publication-page .article-copy>p.kp-rel>a span[aria-hidden],body.publication-page .article-copy>nav.article-related p>a span[aria-hidden]{flex:none;color:#8C4F30}
body.publication-page .article-copy>p.kp-rel>a:hover,body.publication-page .article-copy>nav.article-related p>a:hover{color:#8C4F30}
body.publication-page .article-copy>p.kp-rel>a:hover::after,body.publication-page .article-copy>nav.article-related p>a:hover::after{transform:translateX(4px)}

/* the small print: the disclaimer and the author line */
body.publication-page .article-copy>:is(p.disclaimer,p.note,p.kp-notice){max-width:640px;margin:40px 0 0;padding:16px 0 0;font-size:13px;font-style:normal;line-height:1.7;color:#6B625B;background:linear-gradient(rgba(27,24,22,.14),rgba(27,24,22,.14)) 0 0/100% 1px no-repeat}
body.publication-page .article-copy>:is(p.disclaimer,p.note,p.kp-notice)+:is(p.disclaimer,p.note,p.kp-notice){margin-top:8px;padding-top:0;background:none}
body.publication-page .article-copy>:is(p.kp-rel,nav.article-related)+:is(p.disclaimer,p.note,p.kp-notice){padding-top:0;background:none}
body.publication-page .article-copy>:is(p.disclaimer,p.note,p.kp-notice) :is(em,i){font-style:normal}
body.publication-page .article-copy>:is(p.disclaimer,p.note,p.kp-notice) :is(strong,b){font-weight:600;color:#3E3934}
body.publication-page .article-copy>:is(p.disclaimer,p.note,p.kp-notice) a{color:#3E3934;text-decoration-color:rgba(27,24,22,.3)}

/* the author, the portrait in greyscale between registration marks */
body.publication-page .article-copy>.signoff{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:22px;align-items:start;max-width:640px;margin:48px 0 0;padding:30px 0 0;border:0;background:linear-gradient(rgba(27,24,22,.14),rgba(27,24,22,.14)) 0 0/100% 1px no-repeat}
body.publication-page .article-copy>.signoff img{grid-column:1;width:64px;height:84px;margin:0;object-fit:cover;object-position:50% 14%;border-radius:0;filter:grayscale(1) contrast(1.05) brightness(1.02)}
body.publication-page .article-copy>.signoff::before,body.publication-page .article-copy>.signoff::after{content:"";position:absolute;width:10px;height:10px;border:0 solid rgba(140,79,48,.65);pointer-events:none}
body.publication-page .article-copy>.signoff::before{left:-6px;top:24px;border-width:1px 0 0 1px}
body.publication-page .article-copy>.signoff::after{left:60px;top:110px;border-width:0 1px 1px 0}
body.publication-page .article-copy>.signoff>div{grid-column:2;min-width:0;padding-top:6px}
body.publication-page .article-copy>.signoff h3{margin:0 0 4px;font-size:21px;color:#1B1816}
body.publication-page .article-copy>.signoff .role{margin:0 0 10px;font:500 10.5px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#6B625B}
body.publication-page .article-copy>.signoff p:not(.role){max-width:none;margin:0;font-size:13px;line-height:1.65;color:#6B625B}
@media(min-width:1200px){
  body.publication-page .article-copy>.signoff{grid-template-columns:var(--kp-m,180px) minmax(0,1fr);column-gap:0;max-width:calc(640px + var(--kp-m,180px));margin-left:calc(-1 * var(--kp-m,180px))}
}

/* the questions, the updates, the library and the enquiry section's own list: the home page's
   plain copper plus, turning to a cross when open */
body.publication-page .article-copy>.faq{max-width:640px;margin:8px 0 40px;padding:0;border:0;border-top:1px solid rgba(27,24,22,.14)}
body.publication-page .article-copy>.faq details{margin:0;border:0;border-bottom:1px solid rgba(27,24,22,.14)}
body.publication-page .article-copy :where(.faq details>summary,details.article-updates>summary,details.article-library-more>summary,details.article-related-more>summary,.first-contact details>summary){position:relative;display:block;list-style:none;cursor:pointer;min-height:44px;box-sizing:border-box;margin:0;padding:18px 44px 18px 0;border:0;background:none;text-decoration:none}
body.publication-page .article-copy :where(.faq details>summary,details.article-updates>summary,details.article-library-more>summary,details.article-related-more>summary,.first-contact details>summary)::-webkit-details-marker{display:none}
body.publication-page .article-copy :where(.faq details>summary,details.article-updates>summary,details.article-library-more>summary,details.article-related-more>summary,.first-contact details>summary)::marker{content:""}
body.publication-page .article-copy :where(.faq details>summary,details.article-updates>summary,details.article-library-more>summary,details.article-related-more>summary,.first-contact details>summary)::before{content:none;display:none}
body.publication-page .article-copy :where(.faq details>summary,details.article-updates>summary,details.article-library-more>summary,details.article-related-more>summary,.first-contact details>summary)::after{content:"+";position:absolute;left:auto;right:2px;top:50%;width:auto;height:auto;margin:0;border:0;background:none;transform:translateY(-50%);font:300 24px/1 "Inter",system-ui,sans-serif;color:#8C4F30;transition:transform .6s var(--kp-ease,ease)}
body.publication-page .article-copy :where(.faq details[open]>summary,details.article-updates[open]>summary,details.article-library-more[open]>summary,details.article-related-more[open]>summary,.first-contact details[open]>summary)::after{transform:translateY(-50%) rotate(45deg)}
body.publication-page .article-copy>.faq details>summary{font-family:"Literata",Georgia,serif;font-weight:400;font-size:clamp(17.5px,1.4vw,19.5px);line-height:1.38;color:#1B1816}
body.publication-page .article-copy>.faq details>div p,body.publication-page .article-copy>.faq details>p{font-size:16.5px;line-height:1.65;color:#2B2622}
body.publication-page .article-copy :where(details.article-updates>summary,details.article-library-more>summary,details.article-related-more>summary,.first-contact details>summary){font:500 15px/1.4 "Inter",system-ui,sans-serif;letter-spacing:.005em;color:#1B1816}
body.publication-page .article-copy details.article-library-more>summary *{text-decoration:none;border:0}
body.publication-page .article-copy>:is(details.article-updates,details.article-library-more){max-width:640px;margin:0;padding:0;border:0;border-bottom:1px solid rgba(27,24,22,.14);background:none}
body.publication-page .article-copy>details.article-updates,body.publication-page .article-copy>:not(details.article-updates)+details.article-library-more{border-top:1px solid rgba(27,24,22,.14)}
body.publication-page .article-copy>.first-contact details{margin:16px 0 0;padding:0;border:0;border-top:1px solid rgba(27,24,22,.14);background:none}
body.publication-page .article-copy>.first-contact details>div{padding:0 0 12px;background:none}
body.publication-page .article-copy>.first-contact details>div p{font-size:15.5px;line-height:1.7}
/* the newsletter, opened */
body.publication-page .article-copy>details.article-updates>.subcard{margin:0;padding:2px 0 28px;background:none;border:0;border-radius:0;box-shadow:none}
body.publication-page .article-copy>details.article-updates .sh{margin:0 0 6px;font:400 20px/1.3 "Literata",Georgia,serif;color:#1B1816}
body.publication-page .article-copy>details.article-updates .subcard>p{max-width:560px;font-size:15px;line-height:1.7;color:#4A443F}
body.publication-page .article-copy>details.article-updates .subrow{display:flex;flex-wrap:wrap;gap:8px;max-width:520px;margin:16px 0 12px;padding:0;background:none;border:0}
body.publication-page .article-copy>details.article-updates .subrow input[type="email"]{flex:1 1 220px;min-width:0;min-height:48px;box-sizing:border-box;margin:0;padding:0 14px;border:1px solid rgba(27,24,22,.24);border-radius:0;background:#FFFFFF;font:400 16px/1.2 "Inter",system-ui,sans-serif;color:#1B1816}
body.publication-page .article-copy>details.article-updates .subrow button{flex:none;min-height:48px;margin:0;padding:0 22px;border:0;border-radius:0;background:#8C4F30;color:#FBF6F1;font:500 14.5px/1 "Inter",system-ui,sans-serif;letter-spacing:.01em;text-transform:none;cursor:pointer;transition:background-color .4s}
body.publication-page .article-copy>details.article-updates .subrow button:hover{background:#A55F3C}
body.publication-page .article-copy>details.article-updates .sublegal{font-size:12.5px;line-height:1.6;color:#6B625B}
body.publication-page .article-copy>details.article-updates .sublegal a{color:#3E3934}
/* the library, opened */
body.publication-page .article-copy>details.article-library-more .rel{margin-top:8px;padding:0 0 22px}
body.publication-page .article-copy>details.article-library-more .rel ul{margin:0;padding:0;list-style:none}
body.publication-page .article-copy>details.article-library-more .rel li{margin:0;border-bottom:1px solid rgba(27,24,22,.14)}
body.publication-page .article-copy>details.article-library-more .rel li a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:10px 0;font:400 17px/1.35 "Literata",Georgia,serif;color:#1B1816;text-decoration:none}
body.publication-page .article-copy>details.article-library-more .rel li a span{flex:none;color:#8C4F30}
body.publication-page .article-copy>details.article-library-more .rel li a:hover{color:#8C4F30}
@media(prefers-reduced-motion:reduce){body.publication-page .article-copy :is(.faq details>summary,details>summary)::after{transition:none}}
@media(max-width:699px){body.publication-page .article-copy>.faq details>summary{padding-top:14px;padding-bottom:14px}}

/* ---------- On a phone or a tablet, where the contents rail is not beside the text: one slim dark
   bar names the section on screen, with the sections as a line along its foot; it opens the list
   of sections, which keeps at its foot, pinned, the reading choice and then the rail card's link. The navigation steps aside while
   reading down. From 901px the rail is beside the text and the bar is not needed. ---------- */
.kp-here{display:none}
@media(max-width:900px){
  .kp-here{display:block;position:fixed;left:0;right:0;top:0;z-index:58;background:#0B0A09;border-bottom:0;transform:translateY(-120%);opacity:0;transition:transform .55s cubic-bezier(.2,.7,.1,1),opacity .35s,top .24s ease;pointer-events:none}
  .kp-here.show{transform:none;opacity:1;pointer-events:auto}
  .kp-here>button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:14px;width:100%;min-height:46px;padding:0 18px 2px;cursor:pointer;color:#EFEAE3}
  .kp-here .n{flex:none;font:italic 400 14px/1 "Literata",Georgia,serif;letter-spacing:.02em;color:#D4967D;font-variant-numeric:tabular-nums}
  .kp-here .t{flex:1;min-width:0;overflow:hidden;height:1.35em;font-family:"Literata",Georgia,serif;font-size:15.5px;line-height:1.35}
  .kp-here .tt{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kp-here .tt.swap{animation:kpSwap .6s cubic-bezier(.2,.7,.1,1)}
  @keyframes kpSwap{from{transform:translateY(100%);opacity:0}to{transform:none;opacity:1}}
  .kp-here .c{flex:none;width:8px;height:8px;border-right:1px solid #D4967D;border-bottom:1px solid #D4967D;transform:rotate(45deg) translateY(-3px);transition:transform .4s cubic-bezier(.2,.7,.1,1)}
  .kp-here.open .c{transform:rotate(225deg) translateY(-3px)}
  .kp-here>button:focus-visible{outline:1px solid #D4967D;outline-offset:-5px}
  .kp-here .segs{position:absolute;left:0;right:0;top:44px;display:flex;gap:2px;padding:0}
  .kp-here .segs i{flex:1;height:2px;background:rgba(239,234,227,.14);overflow:hidden}
  .kp-here .segs b{display:block;height:100%;background:#D4967D;transform:scaleX(0);transform-origin:left;transition:transform .2s linear}
  .kp-sheet{max-height:min(74vh,640px);overflow-y:auto;overscroll-behavior:contain;background:#0B0A09;border-top:1px solid rgba(239,234,227,.1);padding:18px 20px 14px;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
  .kp-sheet:has(>.kp-foot>*){padding-bottom:0}
  .kp-sheet .kh{margin:0 0 8px;font:400 10.5px/1 "Inter",system-ui,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#D4967D}
  .kp-sheet ol{list-style:none;margin:0;padding:0}
  .kp-sheet li{opacity:0;transform:translateY(10px);animation:kpIn .55s cubic-bezier(.2,.7,.1,1) forwards;animation-delay:calc(var(--i,0) * 45ms)}
  @keyframes kpIn{to{opacity:1;transform:none}}
  .kp-sheet a{display:flex;align-items:baseline;gap:16px;min-height:44px;box-sizing:border-box;padding:12px 0;color:#EFEAE3;text-decoration:none;font-family:"Literata",Georgia,serif;font-size:18px;line-height:1.25;border-bottom:1px solid rgba(239,234,227,.1)}
  .kp-sheet a .k{flex:none;min-width:22px;font:italic 400 14px/1 "Literata",Georgia,serif;color:#A39A91;font-variant-numeric:tabular-nums}
  .kp-sheet a[aria-current="true"] .x{font-style:italic;color:#D4967D}
  .kp-sheet a[aria-current="true"] .k{color:#D4967D}
  .kp-sheet .kp-foot{position:sticky;bottom:0;z-index:1;margin:16px -20px 0;padding:0 20px;background:#0B0A09;border-top:1px solid rgba(239,234,227,.12)}
  .kp-sheet .kp-foot:empty{display:none}
  .kp-sheet .kp-foot::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:40px;margin-bottom:1px;background:linear-gradient(rgba(11,10,9,0),#0B0A09);opacity:0;pointer-events:none;transition:opacity .3s}
  .kp-sheet.kp-more .kp-foot::before{opacity:1}
  body.publication-page .kp-sheet .kp-mode{position:relative;display:block;margin:0;padding:16px 0 12px;background:none;border:0}
  .kp-sheet .kp-ask{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;box-sizing:border-box;margin:0;padding:6px 0 8px;border:0;font:500 15px/1.3 "Inter",system-ui,sans-serif;letter-spacing:.005em;color:#D4967D;text-decoration:none}
  .kp-sheet .kp-mode+.kp-ask{border-top:1px solid rgba(239,234,227,.12)}
  .kp-sheet .kp-ask span[aria-hidden]{flex:none}
  .kp-sheet .kp-ask:hover{color:#EFEAE3}
  .kp-sheet .kp-ask:focus-visible{outline:1px solid #D4967D;outline-offset:-3px}
  body.publication-page .kp-sheet .kp-mode .lb{color:#D4967D}
  body.publication-page .kp-sheet .kp-mode button{color:#A39A91}
  body.publication-page .kp-sheet .kp-mode button[aria-pressed="true"],body.publication-page .kp-sheet .kp-mode button[aria-pressed="false"]:hover{color:#EFEAE3}
  body.publication-page .kp-sheet .kp-mode button[aria-pressed="true"] .kp-t{color:#D4967D}
  body.publication-page .kp-sheet .kp-mode .kp-o{font-size:18px}
  body.publication-page .kp-sheet .kp-mode button:focus-visible{outline-color:#D4967D}
  body.publication-page .kp-sheet .kp-mode .ind,body.publication-page .kp-sheet .kp-mode .sw:not(.kp-measured) button[aria-pressed="true"]::after{background:linear-gradient(#D4967D,#D4967D) 0 4px/100% 1px no-repeat,linear-gradient(#D4967D,#D4967D) 0 0/1px 100% no-repeat,linear-gradient(#D4967D,#D4967D) 100% 0/1px 100% no-repeat}
  html.kp-wf body.publication-page main h2[id]{scroll-margin-top:118px}
  /* the navigation steps aside while the reader scrolls down, and the copper line along the top,
     which the bar's own sections already show, is set aside */
  html.kp-down .kpst.in{transform:translateY(-100%);visibility:hidden}
  body.publication-page .kp-progress{display:none}
}
/* one measure of progress at a time: the base sheet's reading thread is set aside on an article,
   where the shared script's own line (or, on a phone, the bar's sections) measures the article */
body.publication-page::after{content:none;display:none}
body.publication-page #rp{display:none}
@media(max-width:359px){body.publication-page .kp-sheet .kp-mode .kp-o{font-size:16px}}
@media (prefers-reduced-motion:reduce){.kp-sheet li{animation:none;opacity:1;transform:none}.kp-here .tt.swap{animation:none}}
@media print{.kp-here,.kp-progress{display:none}}

/* the contact bar along the foot of a phone, quiet as on the home page, the enquiry first in
   copper; it steps aside while the closing enquiry, the enquiry section or the footer is on
   screen, and while the list of sections is open */
@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}
}

/* ---------- Motion, held still when the reader asks; print, the whole text ---------- */
@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}
  body.publication-page .kp-ch i,body.publication-page .kp-ch .n,body.publication-page .kp-open::after,body.publication-page .kp-open .pl,body.publication-page .article-copy>.keyline::before{transition:none}
  html.kp-rise body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .kp-ch:has(+h2:not(.kp-in)) i,html.kp-rise body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.keyline:not(.kp-in)::before{transform:none}
  html.kp-rise body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .kp-ch:has(+h2:not(.kp-in)) .n{opacity:1;transform:none}
  body.publication-page .kp-unfold,html.kp-rule:not(.kp-full) body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.kp-f.kp-unfold::after,html.kp-rule:not(.kp-full) body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>p.kp-ftp:has(>.kp-ft.kp-unfold)::after,html.kp-rule:not(.kp-full) body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.kp-close:not([hidden]){animation:none}
  body.publication-page .aside .contents-menu .kp-tg::after{transition:none}
}
@media print{
  body.publication-page .masthead::after,body.publication-page .masthead>.kp-frame,body.publication-page .masthead .byline>.kp-face,body.publication-page .kp-mode,body.publication-page .kp-open,body.publication-page .kp-close,body.publication-page .kp-ch,body.publication-page .article-copy>.contactbox.article-enquiry::after,body.publication-page .article-copy>.contactbox.article-enquiry::before{display:none}
  body.publication-page main .quick{margin-top:0;box-shadow:none}
  body.publication-page main.article>.aside{display:none}
  body.publication-page .article-copy>.kp-f[hidden]{content-visibility:visible}
  body.publication-page .article-copy .kp-ft[hidden]{display:inline;content-visibility:visible}
  body.publication-page .masthead .byline{display:block;padding-top:10px;color:#4A443F}
  body.publication-page .masthead .byline>span{display:inline;padding:0 18px 0 0;border:0;color:#4A443F}
  body.publication-page .masthead .byline b{color:#1A1817}
  body.publication-page .article-copy details::details-content{content-visibility:visible}
}

/* The phone menu on every page is the home page's menu (Klitos, 3 October 2026), written by
   tools/refine_menu.py. Measured from /assets/home-plan.css, and scoped to the new drawer so
   the older drawer rules in the shared sheets, which style every link inside it, do not reach it. */
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}}

/* ---------- The contact pages in the articles' hand (Klitos, 3 October 2026): the head in ink with the hairline
   frame and its drawing (tools/refine_page_head.py), and the form on a sheet that rises into it ---------- */
body.kp-page header.top{background:#0B0A09}
body.kp-page header.top::before,body.kp-page header.top::after{display:none}
body.kp-page header.top .masthead.kp-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:end;max-width:var(--max,1180px);margin:0 auto;padding-top:clamp(34px,4.6vw,76px);padding-bottom:clamp(64px,7vw,104px);background:none;border:0;color:#EFEAE3}
body.kp-page .kp-head>*{position:relative;z-index:1}
body.kp-page header.top .masthead.kp-head::before{background:#0B0A09;background-image:none;border:0;box-shadow:none}
body.kp-page .kp-head::after{content:"";display:block;pointer-events:none;aspect-ratio:4/3;background:var(--kp-fig,none) center/contain no-repeat}
@media (prefers-reduced-motion:reduce){body.kp-page .kp-head::after{background-image:var(--kp-fig-still,var(--kp-fig,none))}}
body.kp-page .kp-head>.kp-frame{position:absolute;z-index:0;left:clamp(10px,2.2vw,36px);right:clamp(10px,2.2vw,36px);top:14px;bottom:clamp(30px,3vw,48px);pointer-events:none;border:1px solid rgba(239,234,227,.1);border-top-color:transparent;animation:kpPlot 2s var(--kp-ease,ease) .1s both}
body.kp-page .kp-head>.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}
body.kp-page .kp-head .mmeta{display:none}
body.kp-page .kp-head .label{display:flex;align-items:center;margin:0 0 clamp(16px,2vw,26px);padding:0;font:500 11px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#C9876A}
body.kp-page .kp-head .label i{flex:none;display:block;width:28px;height:1px;margin-right:16px;background:#C9876A;transform-origin:left;animation:kpDrawX 1.2s var(--kp-ease,ease) .15s both}
body.kp-page .kp-head h1{margin:0;padding:0;border:0;max-width:15ch;font-family:"Literata",Georgia,serif;font-weight:400;font-size:clamp(38px,4.6vw,66px);line-height:1.05;letter-spacing:-.02em;color:#EFEAE3;text-wrap:balance}
body.kp-page .kp-head .stand{margin:clamp(20px,2.4vw,30px) 0 0;padding:18px 0 0;max-width:44ch;border:0;border-top:1px solid rgba(239,234,227,.16);font:400 15.5px/1.7 "Inter",system-ui,sans-serif;color:#A39A91}
body.contact-page main#start{padding-top:0}
/* the form's sheet sits on the line where the ink ends: the ink continues behind it as a band at the top of the
   page body, so nothing has to paint over the head (Safari on the iPhone painted the head over a sheet that rose into it) */
body.contact-page .sheet:has(.contact-primary){background-image:linear-gradient(180deg,#0B0A09 0,#0B0A09 var(--kp-band,clamp(96px,9vw,136px)),transparent var(--kp-band,clamp(96px,9vw,136px)));background-repeat:no-repeat;padding-top:clamp(28px,3vw,40px)}
body.contact-page .contact-primary{position:relative;margin-top:0;background:#FBFAF7;border-top:2px solid #8C4F30;box-shadow:0 40px 80px -48px rgba(11,10,9,.55),0 2px 0 rgba(11,10,9,.04)}
body.contact-page .contact-primary .contact-intro h2{font-family:"Literata",Georgia,serif;font-weight:400;font-size:clamp(24px,2.2vw,30px);line-height:1.25;letter-spacing:-.01em}
body.contact-page .contact-next-compact{display:block;margin:clamp(48px,5vw,72px) 0 24px;padding:clamp(28px,3.4vw,44px) clamp(24px,3.4vw,48px);background:#EEEAE3;color:#1B1816;border:0;border-left:2px solid #8C4F30}
body.contact-page .contact-next-compact h2{display:block;position:static;margin:0 0 12px;font:500 11px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#8C4F30}
body.contact-page .contact-next-compact p{max-width:52ch;margin:0;font-family:"Literata",Georgia,serif;font-size:clamp(19px,1.7vw,23px);line-height:1.5;color:#1B1816}
@media(min-width:900px){
  body.kp-page header.top .masthead.kp-head{grid-template-columns:minmax(0,1fr) minmax(220px,min(40%,460px));grid-template-rows:1fr auto auto;column-gap:clamp(28px,5vw,88px)}
  body.kp-page .kp-head>.label{grid-column:1;grid-row:1;align-self:end}
  body.kp-page .kp-head>h1{grid-column:1;grid-row:2}
  body.kp-page .kp-head>.stand{grid-column:1;grid-row:3}
  body.kp-page .kp-head::after{grid-column:2;grid-row:1 / span 3;align-self:center;justify-self:end;width:100%;max-width:440px}
  body.contact-page .contact-details{padding-top:calc(clamp(96px,9vw,136px) + 8px)}
}
@media(max-width:899px){

  body.kp-page .kp-head>.kp-frame{bottom:22px}

  body.kp-page .kp-head h1{max-width:none;font-size:clamp(32px,9vw,42px);line-height:1.07}
  body.kp-page .kp-head::after{order:-1;justify-self:start;width:min(150px,40%);margin:0 0 6px -6px}
  body.contact-page .sheet:has(.contact-primary){--kp-band:64px;padding-top:20px}
}
@media (prefers-reduced-motion:reduce){body.kp-page .kp-head>.kp-frame,body.kp-page .kp-head .label i{animation:none}}
@media print{body.kp-page .kp-head::after,body.kp-page .kp-head>.kp-frame{display:none}body.kp-page .contact-primary{margin-top:0;box-shadow:none}}


/* ---------- An invitation to write, wherever it sits in running text, is seen (Klitos, 3 October 2026): a link to
   the contact page or to the office's address inside a paragraph or a list carries a copper highlight that fills
   on hover, so it is not lost in the text. Buttons, the dark panels and the legal small print keep their own. ---------- */
main :is(p,li) a:is([href^="/contact"],[href^="/el-epikoinonia"],[href^="mailto:office@"],[href^="mailto:klitos@"]):not(.btn):not(.navcta):not(.kp-cta):not(.kp-mode a){color:#8C4F30;font-weight:500;text-decoration:none;border-bottom:0;padding:0 .14em;margin:0 -.04em;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(rgba(201,135,106,.24),rgba(201,135,106,.24));background-repeat:no-repeat;background-position:0 100%;background-size:100% .5em;transition:background-size .35s cubic-bezier(.2,.7,.1,1),color .35s}
main :is(p,li) a:is([href^="/contact"],[href^="/el-epikoinonia"],[href^="mailto:office@"],[href^="mailto:klitos@"]):not(.btn):not(.navcta):not(.kp-cta):hover{background-size:100% 100%;color:#6E3C22}
main :is(p,li) a:is([href^="/contact"],[href^="/el-epikoinonia"],[href^="mailto:office@"],[href^="mailto:klitos@"]):not(.btn):not(.navcta):focus-visible{outline:2px solid #8C4F30;outline-offset:2px}
main :is(.contactbox,.invite,.article-enquiry,.contact-details,.contact-direct,.said,.legal,.kp-dark,[class*="enquiry"]) :is(p,li) a:is([href^="/contact"],[href^="/el-epikoinonia"],[href^="mailto:office@"],[href^="mailto:klitos@"]),
main :is(.contactbox,.invite,.article-enquiry,.contact-details,.contact-direct,.said,.legal,[class*="enquiry"]) a:is([href^="/contact"],[href^="/el-epikoinonia"],[href^="mailto:"]){color:inherit;font-weight:inherit;background:none;padding:0;margin:0}
@media print{main :is(p,li) a[href^="/contact"],main :is(p,li) a[href^="mailto:"]{background:none;color:inherit}}
/* the same invitation standing on its own line is an outlined button (tools/refine_contact_cues.py marks it) */
main p a.kp-cta.kp-cta[href]{display:inline-flex;align-items:center;gap:12px;max-width:100%;padding:13px 22px;margin:6px 0 0;border:1px solid #8C4F30;border-radius:0;background:transparent;background-image:none;color:#8C4F30;font:500 15px/1.45 "Inter",system-ui,sans-serif;letter-spacing:.01em;text-decoration:none;transition:background-color .35s,color .35s}
main p a.kp-cta.kp-cta[href]:hover{background:#8C4F30;color:#FFFFFF}
main :is(.invite,.kp-dark) p a.kp-cta.kp-cta[href]{border-color:#C9876A;color:#E6C6B0}
main :is(.invite,.kp-dark) p a.kp-cta.kp-cta[href]:hover{background:#C9876A;color:#0B0A09}
main p a.kp-cta.kp-cta[href]::before,main p a.kp-cta.kp-cta[href]::after{content:none;display:none}
/* the button in the article rail's author card */
body.publication-page .aside .railcard .rail-action a.kp-cta{display:inline-flex;align-items:center;gap:12px;min-height:0;padding:13px 22px;border:1px solid #8C4F30;background:transparent;color:#8C4F30;font:500 15px/1.45 var(--kp-sans);letter-spacing:.01em;text-decoration:none}
@media (min-width:901px){body.publication-page .aside .railcard .rail-action a.kp-cta{gap:8px;font-size:13.5px;line-height:1.3}}
body.publication-page .aside .railcard .rail-action a.kp-cta:hover{background:#8C4F30;color:#FFFFFF}

/* ---------- A partner's own page (Klitos, 3 October 2026): the partner's portrait stands in the head where the
   drawing would be, in greyscale inside the frame, and the larger photograph in the body gives way to it ---------- */
body.kp-page .kp-head.kp-portrait::after{aspect-ratio:4/5;background:#1D1A17 var(--kp-fig) 50% 14%/cover no-repeat;filter:grayscale(1) contrast(1.05) brightness(.96);box-shadow:0 0 0 1px rgba(239,234,227,.14),0 0 0 9px #0B0A09,0 0 0 10px rgba(201,135,106,.45)}
body.partner-profile .person>.portrait{display:none}
body.partner-profile .person{display:block;max-width:760px}
@media(min-width:900px){body.kp-page .kp-head.kp-portrait::after{max-width:300px;justify-self:center}}
@media(max-width:899px){body.kp-page .kp-head.kp-portrait::after{width:min(176px,46%);margin:6px 0 18px 10px}}
@media print{body.partner-profile .person>.portrait{display:block}}
/* the practice hubs had their drawing on a plate; in the new head it stands on the ink like every other */
body.kp-page .masthead.kp-head:not(.kp-portrait)::after{border:0;background-color:transparent;box-shadow:none}
@media(min-width:900px){body.kp-page .masthead.kp-head:not(.kp-portrait)::after{max-width:440px}}
@media(max-width:899px){body.kp-page .masthead.kp-head:not(.kp-portrait)::after{width:min(150px,40%);max-width:none;margin:0 0 6px -6px;justify-self:start}}
body.contact-page .contact-layout .contact-details{background:transparent;border-top:0}
body.contact-page header.top{border-bottom:0;box-shadow:none}

/* ============================================================ 6. over the markup's own style attributes
   Some pages were written with style="" on an element, and the design has since moved on. A style attribute
   beats any rule in a sheet unless the rule is !important, so this is the one place this file uses it: each rule
   names the attribute it overrides. When the markup loses the attribute, the rule goes. */
/* <nav class="rel" style="margin-top:30px"> inside "More from the library" */
.article .article-library-more .rel[style]{margin-top:8px!important}
/* <div style="padding:0 0 20px"> around an answer in the questions */
.article-copy .faq details>div[style]{padding:0 28px 22px 0!important}
@media (max-width:600px){.article-copy .faq details>div[style]{padding-right:0!important}}
/* <div class="faq" style="border-top:1px solid var(--line);margin:10px 0 30px"> */
body.publication-page .article-copy>.faq[style]{margin:8px 0 40px!important;border:0!important;border-top:1px solid rgba(27,24,22,.14)!important}
/* <div class="contactbox article-context-note" style="margin:38px 0"> */
body.publication-page .article-copy>.contactbox.article-context-note[style]{margin:52px 0!important}
@media (min-width:1200px){body.publication-page .article-copy>.contactbox.article-context-note[style]{margin-left:calc(-1 * var(--kp-m,180px))!important}}
@media (max-width:699px){body.publication-page .article-copy>.contactbox.article-context-note[style]{margin:40px -24px!important}}