/* The frame every page shares with the home pages: the plan behind the page head and the
   consultation band, and the dark footer. Loaded last on every page except the two home
   pages, which carry it in home-plan.css. tools/build-visual-polish.py installs it. */

/* ---------- The page head: the plan behind the title, drawn in as the page opens ---------- */
html body header.top{position:relative;overflow:hidden;background:#0B0A09}
html body header.top>*{position:relative;z-index:1}
html body:not(.publication-page):not(.calculator-journey-page):not(.contact-page) header.top::before{content:"";display:block;position:absolute;inset:0;z-index:0;pointer-events:none;background:url(/assets/plan-texture.svg) 72% 38%/cover no-repeat;animation:kpPlanIn 2.2s cubic-bezier(.2,.7,.1,1) both}
html body:not(.publication-page):not(.calculator-journey-page):not(.contact-page) header.top::after{content:"";display:block;position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(11,10,9,.94) 0%,rgba(11,10,9,.7) 42%,rgba(11,10,9,.12) 100%)}
@keyframes kpPlanIn{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}
html body:not(.publication-page):not(.calculator-journey-page):not(.contact-page) header.top .masthead{padding-top:clamp(72px,8vw,128px);padding-bottom:clamp(72px,8vw,128px)}
html body:not(.publication-page) header.top .masthead h1{font-size:clamp(42px,5.2vw,78px);line-height:1.04;letter-spacing:-.02em}
@media(max-width:760px){html body:not(.publication-page):not(.calculator-journey-page):not(.contact-page) header.top::after{background:linear-gradient(180deg,rgba(11,10,9,.25) 0%,rgba(11,10,9,.82) 78%)}html body:not(.publication-page):not(.calculator-journey-page):not(.contact-page) header.top::before{background-position:88% 22%}}
@media (prefers-reduced-motion:reduce){html body header.top::before{animation:none}}

/* ---------- The reading ground: the home pages' paper rather than white ---------- */
html body .sheet{background-color:#F6F4F0}

/* ---------- Section headings rise into place, as on the home pages ---------- */
html.kp-rise main h2{transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.7,.1,1)}
html.kp-rise main h2:not(.kp-in){opacity:0;transform:translateY(18px)}
@media print{html.kp-rise main h2{opacity:1!important;transform:none!important}}

/* ---------- The consultation band ---------- */
html body .invite h2{font-size:clamp(40px,5.4vw,84px);line-height:1;letter-spacing:-.025em}
html body .invite{background-color:#1A1817;background-image:linear-gradient(180deg,rgba(26,24,23,.9),rgba(26,24,23,.82)),url(/assets/plan-texture.svg);background-size:auto,cover;background-position:0 0,30% 60%;background-repeat:no-repeat}

/* ---------- The footer, dark as on the home pages ---------- */
html body .footwrap{background-color:#0B0A09;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;border-top:1px solid rgba(239,234,227,.13);color:#A39A91}
html body .footwrap footer{background:transparent}
html body .footwrap footer,html body .footwrap footer p,html body .footwrap footer address,html body .footwrap footer li{color:#A39A91}
html body .footwrap footer a{color:#CFC7BE;text-decoration-color:rgba(239,234,227,.25)}
html body .footwrap footer a:hover{color:#EFEAE3}
html body .footwrap footer h3,html body .footwrap footer .h4,html body .footwrap footer summary{color:#EFEAE3}
html body .footwrap .fnm,html body .footwrap .footmark{color:#EFEAE3}
html body .footwrap .fnm .amp,html body .footwrap .footmark .amp{color:#D4967D}
html body .footwrap footer .fmap{color:#D4967D!important}
html body .footwrap .llc{color:#EFEAE3;opacity:.8}
html body .footwrap .fgrid,html body .footwrap .fbar,html body .footwrap .fends,html body .footwrap .footer-contact{border-color:rgba(239,234,227,.13)}
html body .footwrap footer hr{border-color:rgba(239,234,227,.13)}

/* ---------- 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 */
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/property"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/el-dikigoroi-akiniton-kypros"]){--kp-fig:url(/assets/fig-property.svg)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/construction"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/el-kataskeuastiko-dikaio-kypros"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/el-kataskeuastikes-diafores-kypros"]){--kp-fig:url(/assets/fig-construction.svg)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/litigation-arbitration"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/el-dikastiriaki-ekprosopisi"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/debt-recovery-cyprus"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/el-eispraxi-ofeilon-kypros"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/el-emporikes-diafores-kypros"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/public-administrative"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/el-dimosio-dioikitiko-kypros"]){--kp-fig:url(/assets/fig-litigation.svg)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/corporate-commercial"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/el-etairiko-emporiko-dikaio"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/banking-fintech"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/el-trapezikes-diafores-kypros"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/technology-e-commerce"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/el-technologia-ilektroniko-emporio"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/restructuring-insolvency"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/el-anadiarthrosi-aferengyotita-kypros"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/el-diafores-metochon-kypros"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/commercial-contracts-cyprus"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/el-emporikes-symvaseis-kypros"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/energy"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/el-energeia-kypros"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/immigration-employment"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/el-metanasteusi-ergasiaka-kypros"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/el-forologiki-katoikia-kypros"]){--kp-fig:url(/assets/fig-corporate.svg)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/trusts-wills-succession"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/el-diathikes-klironomika"]){--kp-fig:url(/assets/fig-succession.svg)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/personal-injury"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page:has(.masthead .crumb a[href="/el-somatikes-vlaves-kypros"]),html body.publication-page.publication-page.publication-page.publication-page.publication-page.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 ---------- */
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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){html body.publication-page.publication-page.publication-page.publication-page.publication-page.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%)}}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead>*{position:relative;z-index:1}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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 */
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead .crumb a:hover{color:#EFEAE3}

/* the title */
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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 */
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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!important}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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!important}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead .byline>span:first-of-type{padding-left:0;border-left:0}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead .byline>span::before,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead .byline>span::after{content:none}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead .byline b{font-weight:500;color:#EFEAE3!important}
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){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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)}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead>.crumb{grid-column:1;grid-row:1;align-self:end;margin-bottom:clamp(26px,2.4vw,34px)}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead>h1{grid-column:1;grid-row:2}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead>.byline{grid-column:1 / -1;grid-row:3}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead{padding-bottom:72px}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick{margin-top:-40px}
}
@media(max-width:699px){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead{padding-top:18px;padding-bottom:34px}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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 */
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead::after{justify-self:center;width:min(236px,62%);margin:4px 0 0}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead[data-kp-title="long"]::after{width:min(184px,48%);margin-top:2px}
}
@media(max-width:900px){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead .crumb::before{position:absolute;left:0;top:.95em;width:28px;margin:0}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead .crumb a{display:inline;min-height:0;padding:18.5px 0 12.5px;white-space:normal}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead .crumb a:first-child{position:relative;z-index:1}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead h1,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead[data-kp-title="long"] h1{max-width:none;font-size:clamp(30px,8.6vw,40px);line-height:1.08}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead[data-kp-title="long"] h1{font-size:clamp(28px,7.9vw,36px)}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead .crumb{padding-left:30px;font-size:10px;letter-spacing:.14em}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead .crumb::before{width:18px}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead .byline{font-size:12.5px}
}

/* ---------- The page under the head ---------- */
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .sheet .cols{padding-top:0}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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 */
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main.article{--kp-m:clamp(108px,calc(90vw - 972px),180px);grid-template-columns:minmax(0,1fr) 260px;column-gap:72px}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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 ---------- */
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick::before,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick::after{content:"";position:absolute;width:14px;height:14px;border:0 solid rgba(140,79,48,.6);pointer-events:none}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick::before{left:12px;top:12px;border-width:1px 0 0 1px}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick::after{right:12px;bottom:12px;border-width:0 1px 1px 0}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick .k::before{content:"";flex:none;width:20px;height:1px;background:#8C4F30}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick>p{max-width:640px;margin:0}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick .k+p,html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick .k+p::first-letter,html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick p :is(strong,b){font-weight:600;color:#1B1816}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick>p+p{margin-top:16px;font:400 15px/1.7 "Inter",system-ui,sans-serif;color:#5E5650}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick p a,html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick p a:hover,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick .quality-reading-links a:hover{color:#8C4F30}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick{padding:48px 48px 40px var(--kp-m,180px)}
}
@media(min-width:1200px){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick .k::before{content:none}
}
@media(min-width:1200px) and (max-width:1279px){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main.article{--kp-ml:20px}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick .k,body.publication-page .quick .kp-mode .lb{letter-spacing:.15em}
}
@media(max-width:900px){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick{margin:-28px -8px 0;padding:46px 22px 26px}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick .k+p,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick>p:first-of-type{font-size:18px;line-height:1.6}
}
@media(max-width:900px){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick:has(>.kp-mode){padding-bottom:36px}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick::after{right:9px;bottom:9px;width:11px;height:11px}
}
@media(max-width:359px){html body.publication-page.publication-page.publication-page.publication-page.publication-page.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. ---------- */
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .progress{display:none}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .contents-menu .h5::before{content:"";flex:none;width:20px;height:1px;background:#8C4F30}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside #toc li{margin:0;padding:0;border:0;border-bottom:1px solid rgba(27,24,22,.14);min-width:0}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside #toc a::after{content:none}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside #toc a:hover{color:#8C4F30}
@media(max-width:900px){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main.article>.aside{display:flex;flex-direction:column;position:static;margin:28px 0 0;padding:0;border:0}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside #toc a{min-height:50px;padding:13px 0;font-size:17px;line-height:1.38}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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 */
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .railcard::after{content:none}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .railcard .who{display:none}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .railcard .k::before{content:"";flex:none;width:20px;height:1px;background:#8C4F30}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .railcard .rail-action{margin:4px 0 0;padding:0}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .railcard .rail-action a:hover{color:#1B1816}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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 */
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main.article>.aside>.contents-menu{max-width:640px;margin:20px 0 0}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .contents-menu .h5{margin:0;border-top:1px solid rgba(27,24,22,.14)}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .contents-menu.kp-shut .h5{border-bottom:1px solid rgba(27,24,22,.14)}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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)}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .contents-menu .kp-tg[aria-expanded="true"]::after{transform:rotate(45deg)}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .contents-menu .kp-tg:focus-visible{outline:2px solid #8C4F30;outline-offset:2px}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .contents-menu.kp-shut #toc{display:none}
}
@media(max-width:699px){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .railcard{max-width:none;margin:0 -24px;padding:28px 24px 18px}
}
@media(min-width:901px){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main.article>.aside>*{flex:none}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main.article>.aside>.contents-menu{flex:0 1 auto;display:flex;flex-direction:column;min-height:0;margin:0}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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)}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside #toc.kp-up{-webkit-mask-image:linear-gradient(transparent,#000 30px);mask-image:linear-gradient(transparent,#000 30px)}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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)}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside #toc a{min-height:0;padding:9px 0;font-size:15px;line-height:1.42;color:#5E5650}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside #toc a::before{font-size:12.5px;min-width:18px;transform:translateY(-1px)}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside #toc a[aria-current="true"]{color:#1B1816}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside #toc a[aria-current="true"]::after{content:"";position:absolute;left:-14px;top:13px;bottom:13px;width:2px;background:#8C4F30}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside #printBtn{font-size:12.5px;letter-spacing:.04em;color:#6B625B;border-bottom-color:rgba(27,24,22,.18)}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside #printBtn:hover{color:#8C4F30}
  /* the contact card in the rail, dark, with an inset hairline */
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .railcard{position:relative;margin:30px 0 0;padding:26px 24px 22px;background:#0B0A09;border:0;border-radius:0;box-shadow:none;color:#A39A91}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .railcard::before{content:"";position:absolute;inset:6px;border:1px solid rgba(239,234,227,.1);pointer-events:none}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .railcard::after{content:none}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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:#D4967D}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .railcard .k::before{content:"";flex:none;width:20px;height:1px;background:#D4967D}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .railcard .nm{font:400 19px/1.3 "Literata",Georgia,serif;color:#EFEAE3}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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:#A39A91}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .railcard>p{max-width:none;margin:12px 0 0;font-size:13.5px;line-height:1.7;color:#A39A91;text-wrap:pretty}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .railcard .rail-action{margin:14px 0 0}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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:#D4967D;text-decoration:underline;text-decoration-color:rgba(212,150,125,.45);text-decoration-thickness:1px;text-underline-offset:.3em}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .railcard .rail-action a::before{content:none}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .railcard .rail-action a:hover{color:#EFEAE3}
}
@media(min-width:901px) and (max-height:820px){html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside #toc a{padding:6px 0}html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .railcard{margin-top:20px;padding:20px 20px 18px}}

/* ---------- The text: one ink voice on one measure ---------- */
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy{--kp-gut:-13px}
@media(min-width:700px){html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy{--kp-gut:-20px}}
@media(min-width:1200px){html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy{--kp-gut:-28px}}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>*{max-width:640px;box-sizing:border-box}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>p,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>ul>li,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>ol>li{font-size:clamp(17px,1.25vw,18px);line-height:1.65;color:#2B2622;text-wrap:pretty}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>p{margin:0 0 1.05em}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>:first-child:not(.kp-ch){margin-top:clamp(48px,5vw,64px)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy :is(p,li) :is(strong,b){font-weight:600;color:#1B1816}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>:is(p,ul,ol) a:not(.btn):hover{color:#8C4F30;text-decoration-color:#8C4F30}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>h3,html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>ul,html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>ul>li,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>ol>li{margin:0 0 .6em;padding-left:.2em}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>ul>li::marker{color:#8C4F30}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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 */
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy h2[id]::before{content:none;display:none}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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{html body.publication-page.publication-page.publication-page.publication-page.publication-page.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 */
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>:first-child:not(.kp-ch){margin-top:36px}
  body.publication-page .kp-ch{margin:38px 0 10px}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.keyline{margin:32px 0}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>:is(p.disclaimer,p.note,p.kp-notice){margin-top:32px}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.signoff{margin-top:36px;padding-top:26px}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.signoff::before{top:20px}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.signoff::after{top:106px}
}

/* ---------- Contact in the text: one tinted panel, a copper corner, a copper action ---------- */
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-context-note:not(.article-enquiry){margin-top:52px!important;margin-bottom:52px!important}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>:where(.inline-article-prompt,.contactbox.article-context-note:not(.article-enquiry)) p:last-child{margin-bottom:0}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.inline-article-prompt>a,html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.inline-article-prompt .article-service-route{margin:6px 0 0}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.inline-article-prompt .article-service-route a,html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-context-note:not(.article-enquiry) a :is(strong,b){font-weight:500;color:inherit}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy :where(.inline-article-prompt,.contactbox.article-context-note:not(.article-enquiry),.first-contact) a:hover{color:#1B1816}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.first-contact .first-contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0 26px;margin:14px 0 4px}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.first-contact .first-contact-actions a{flex:0 1 auto;width:auto;min-width:0;max-width:100%}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.first-contact>.kp-ch{margin:0 0 12px}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.first-contact .first-contact-body{background:none;padding:0;margin:0}
@media(min-width:1200px){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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))!important;padding-left:var(--kp-m,180px);padding-right:44px}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.first-contact>.kp-ch{margin:0;height:0}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.first-contact>.kp-ch .n{left:calc(28px - var(--kp-m,180px));top:10px}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>:where(.inline-article-prompt,.contactbox.article-context-note:not(.article-enquiry),.first-contact){max-width:none;margin:40px -24px!important;padding:30px 24px 24px}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.first-contact details>summary{padding-top:14px;padding-bottom:14px}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-context-note:not(.article-enquiry){margin-top:40px!important;margin-bottom:40px!important}
}

/* ---------- 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 ---------- */
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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)!important;background:#0B0A09!important;background-image:linear-gradient(180deg,rgba(11,10,9,.74),rgba(11,10,9,.9)),url(/assets/plan-texture.svg)!important;background-size:auto,cover!important;background-position:0 0,60% 50%!important;background-repeat:no-repeat!important;border:0!important;border-radius:0;box-shadow:none;color:#A39A91}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry>div:first-child{max-width:calc(100% - min(250px,30%) - 24px)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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:#EFEAE3}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry p{max-width:44ch;margin:0 0 10px;font-size:15px;line-height:1.7;color:#BDB4AA}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry p.enquiry-note{font-size:13.5px;color:#A39A91}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry a{color:#EFEAE3}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;max-width:calc(100% - min(250px,30%) - 24px);margin:28px 0 0}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions>a:is(.btn,.kp-short):hover::after{transform:translateX(4px)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions>a:hover{background:#A55F3C;color:#FBF6F1}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions>a *{color:inherit}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry .article-contact-options{display:flex;flex-wrap:wrap;gap:0 22px;margin:0}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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:#EFEAE3;text-decoration:none;background:linear-gradient(rgba(239,234,227,.3),rgba(239,234,227,.3)) 0 calc(100% - 11px)/100% 1px no-repeat}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry .article-contact-options a:hover{color:#D4967D}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry::before{content:none}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry::after{content:"";position:absolute;right:clamp(22px,3.2vw,44px);bottom:clamp(26px,3.2vw,44px);width:min(250px,30%);aspect-ratio:4/3;background:var(--kp-fig,none) center/contain no-repeat;pointer-events:none}
@media (prefers-reduced-motion:reduce){html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry::after,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry::before{background-image:var(--kp-fig-still,var(--kp-fig,none))}}
@media(min-width:1200px){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry{max-width:none;margin:44px -24px 40px;padding:36px 24px 32px!important}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry>div:first-child,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions{max-width:none}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry::after{content:none}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry::before{content:"";display:block;width:min(152px,46%);aspect-ratio:4/3;margin:0 0 16px -4px;background-color:transparent;background-image:var(--kp-fig,none);background-position:left center;background-size:contain;background-repeat:no-repeat;pointer-events:none}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry .article-enquiry-actions>a{width:100%;justify-content:space-between}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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){html body.publication-page.publication-page.publication-page.publication-page.publication-page.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 */
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>p.kp-rel,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>nav.article-related p{max-width:640px;margin:0;padding:0;border-bottom:1px solid rgba(27,24,22,.14)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>:not(.kp-rel)+p.kp-rel,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>nav.article-related{border-top:1px solid rgba(27,24,22,.14)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>nav.article-related{margin:0 0 36px}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>p.kp-rel+:not(.kp-rel){margin-top:36px}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>p.kp-rel>a,html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>p.kp-rel>a::after,html body.publication-page.publication-page.publication-page.publication-page.publication-page.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)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>p.kp-rel>a:has(span[aria-hidden])::after,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>nav.article-related p>a:has(span[aria-hidden])::after{content:none}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>p.kp-rel>a span[aria-hidden],html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>nav.article-related p>a span[aria-hidden]{flex:none;color:#8C4F30}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>p.kp-rel>a:hover,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>nav.article-related p>a:hover{color:#8C4F30}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>p.kp-rel>a:hover::after,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>nav.article-related p>a:hover::after{transform:translateX(4px)}

/* the small print: the disclaimer and the author line */
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>:is(p.kp-rel,nav.article-related)+:is(p.disclaimer,p.note,p.kp-notice){padding-top:0;background:none}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>:is(p.disclaimer,p.note,p.kp-notice) :is(em,i){font-style:normal}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>:is(p.disclaimer,p.note,p.kp-notice) :is(strong,b){font-weight:600;color:#3E3934}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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 */
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.signoff::before,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.signoff::after{content:"";position:absolute;width:10px;height:10px;border:0 solid rgba(140,79,48,.65);pointer-events:none}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.signoff::before{left:-6px;top:24px;border-width:1px 0 0 1px}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.signoff::after{left:60px;top:110px;border-width:0 1px 1px 0}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.signoff>div{grid-column:2;min-width:0;padding-top:6px}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.signoff h3{margin:0 0 4px;font-size:21px;color:#1B1816}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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 */
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.faq{max-width:640px;margin:8px 0 40px!important;padding:0;border:0!important;border-top:1px solid rgba(27,24,22,.14)!important}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.faq details{margin:0;border:0;border-bottom:1px solid rgba(27,24,22,.14)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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:""}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.faq details>div p,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.faq details>p{font-size:16.5px;line-height:1.65;color:#2B2622}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy details.article-library-more>summary *{text-decoration:none;border:0}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>details.article-updates,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>:not(details.article-updates)+details.article-library-more{border-top:1px solid rgba(27,24,22,.14)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.first-contact details>div{padding:0 0 12px;background:none}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.first-contact details>div p{font-size:15.5px;line-height:1.7}
/* the newsletter, opened */
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>details.article-updates>.subcard{margin:0;padding:2px 0 28px;background:none;border:0;border-radius:0;box-shadow:none}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>details.article-updates .sh{margin:0 0 6px;font:400 20px/1.3 "Literata",Georgia,serif;color:#1B1816}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>details.article-updates .subcard>p{max-width:560px;font-size:15px;line-height:1.7;color:#4A443F}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>details.article-updates .subrow button:hover{background:#A55F3C}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>details.article-updates .sublegal{font-size:12.5px;line-height:1.6;color:#6B625B}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>details.article-updates .sublegal a{color:#3E3934}
/* the library, opened */
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>details.article-library-more .rel{margin-top:4px;padding:0 0 22px}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>details.article-library-more .rel .k{margin:0 0 6px;font:500 10.5px/1.6 "Inter",system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#8C4F30}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>details.article-library-more .rel ul{margin:0;padding:0;list-style:none}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>details.article-library-more .rel li{margin:0;border-bottom:1px solid rgba(27,24,22,.14)}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>details.article-library-more .rel li a span{flex:none;color:#8C4F30}
html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>details.article-library-more .rel li a:hover{color:#8C4F30}
@media(prefers-reduced-motion:reduce){html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy :is(.faq details>summary,details>summary)::after{transition:none}}
@media(max-width:699px){html body.publication-page.publication-page.publication-page.publication-page.publication-page.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!important}}

/* 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){
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead>.kp-frame,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead .crumb::before,html body.publication-page.publication-page.publication-page.publication-page.publication-page.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,html body.publication-page.publication-page.publication-page.publication-page.publication-page.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}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .aside .contents-menu .kp-tg::after{transition:none}
}
@media print{
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead::after,html body.publication-page.publication-page.publication-page.publication-page.publication-page.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,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry::after,html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.contactbox.article-enquiry::before{display:none!important}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main .quick{margin-top:0!important;box-shadow:none!important}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page main.article>.aside{display:none}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .article-copy>.kp-f[hidden]{content-visibility:visible!important}
  body.publication-page .article-copy .kp-ft[hidden]{display:inline!important;content-visibility:visible!important}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead .byline{display:block!important;padding-top:10px!important;color:#4A443F!important}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead .byline>span{display:inline!important;padding:0 18px 0 0!important;border:0!important;color:#4A443F!important}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.publication-page .masthead .byline b{color:#1A1817!important}
  html body.publication-page.publication-page.publication-page.publication-page.publication-page.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. */
html body 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}
html body nav.drawer.kp-menu[data-open="true"]{transform:none;visibility:visible;transition:transform .8s var(--m-ease),visibility 0s}
html body 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}
html body nav.drawer.kp-menu .kpm-top{display:flex;justify-content:space-between;align-items:center;height:64px;flex:none}
html body 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)}
html body nav.drawer.kp-menu .kpm-mark::before{content:"";position:absolute;left:0;bottom:calc(100% + 9px);width:22px;height:2px;background:var(--m-acc)}
html body nav.drawer.kp-menu .kpm-mark i{font-style:italic;letter-spacing:0;text-transform:none}
html body nav.drawer.kp-menu .kpm-mark small{font-size:68%;letter-spacing:.12em}
html body 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}
html body nav.drawer.kp-menu .kpm-x::after{content:none}
html body nav.drawer.kp-menu .kpm-idx{margin-top:auto;display:flex;flex-direction:column;padding-top:18px}
html body nav.drawer.kp-menu .kpm-idx>a,html body 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)}
html body nav.drawer.kp-menu .grp>a{border-bottom:0}
html body 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}
html body nav.drawer.kp-menu a.on .n,html body nav.drawer.kp-menu a.in .n{color:var(--m-acc)}
html body nav.drawer.kp-menu a.on .t{font-style:italic;color:var(--m-acc)}
html body nav.drawer.kp-menu .subs{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 14px 38px;border-bottom:1px solid var(--m-line)}
html body 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}
html body nav.drawer.kp-menu .subs a:hover{color:var(--m-on);border-color:var(--m-acc)}
html body nav.drawer.kp-menu .subs a.on{color:var(--m-on);border-color:var(--m-acc)}
html body nav.drawer.kp-menu .kpm-idx>*{transform:translateY(18px);opacity:0;transition:transform .8s var(--m-ease),opacity .8s}
html body nav.drawer.kp-menu[data-open="true"] .kpm-idx>*{transform:none;opacity:1}
html body nav.drawer.kp-menu .kpm-idx>*:nth-child(2){transition-delay:.04s}
html body nav.drawer.kp-menu .kpm-idx>*:nth-child(3){transition-delay:.08s}
html body nav.drawer.kp-menu .kpm-idx>*:nth-child(4){transition-delay:.12s}
html body nav.drawer.kp-menu .kpm-idx>*:nth-child(5){transition-delay:.16s}
html body nav.drawer.kp-menu .kpm-idx>*:nth-child(6){transition-delay:.2s}
html body nav.drawer.kp-menu .kpm-idx>*:nth-child(7){transition-delay:.24s}
html body 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)}
html body 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)}
html body nav.drawer.kp-menu .kpm-lang{display:inline-flex;border:1px solid var(--m-line)}
html body 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)}
html body nav.drawer.kp-menu .kpm-lang .on{background:var(--m-on);color:var(--m-ink)}
html body nav.drawer.kp-menu a:focus-visible,html body nav.drawer.kp-menu button:focus-visible{outline:2px solid var(--m-acc);outline-offset:3px}
@media (min-width:1024px){html body nav.drawer.kp-menu{display:none}}
@media (prefers-reduced-motion:reduce){html body nav.drawer.kp-menu,html body 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 ---------- */
html body.kp-page.kp-page.kp-page header.top{background:#0B0A09}
html body.kp-page.kp-page.kp-page header.top::before,html body.kp-page.kp-page.kp-page header.top::after{display:none!important}
html body.kp-page.kp-page.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)!important;padding-bottom:clamp(64px,7vw,104px)!important;background:none;border:0;color:#EFEAE3}
html body.kp-page.kp-page.kp-page .kp-head>*{position:relative;z-index:1}
html body.kp-page.kp-page.kp-page header.top .masthead.kp-head::before{background:#0B0A09!important;background-image:none!important;border:0!important;box-shadow:none!important}
html body.kp-page.kp-page.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){html body.kp-page.kp-page.kp-page .kp-head::after{background-image:var(--kp-fig-still,var(--kp-fig,none))}}
html body.kp-page.kp-page.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}
html body.kp-page.kp-page.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}
html body.kp-page.kp-page.kp-page .kp-head .mmeta{display:none}
html body.kp-page.kp-page.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}
html body.kp-page.kp-page.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}
html body.kp-page.kp-page.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}
html body.kp-page.kp-page.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}
html body.contact-page.contact-page.contact-page main#start{padding-top:0!important}
/* 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) */
/* the form sits on the paper below the head, not on an ink band under it (Klitos, 3 October 2026: white on black is too loud) */
html body.contact-page.contact-page.contact-page .sheet:has(.contact-primary){background-image:none!important;padding-top:clamp(36px,4vw,56px)}
html body.contact-page.contact-page.contact-page .contact-primary{position:relative;margin-top:0;background:#FBFAF7!important;border-top:2px solid #8C4F30;box-shadow:0 30px 60px -44px rgba(11,10,9,.28),0 2px 0 rgba(11,10,9,.04)}
html body.contact-page.contact-page.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}
html body.contact-page.contact-page.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)!important;background:#EEEAE3;color:#1B1816;border:0;border-left:2px solid #8C4F30}
html body.contact-page.contact-page.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}
html body.contact-page.contact-page.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){
  html body.kp-page.kp-page.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)}
  html body.kp-page.kp-page.kp-page .kp-head>.label{grid-column:1;grid-row:1;align-self:end}
  html body.kp-page.kp-page.kp-page .kp-head>h1{grid-column:1;grid-row:2}
  html body.kp-page.kp-page.kp-page .kp-head>.stand{grid-column:1;grid-row:3}
  html body.kp-page.kp-page.kp-page .kp-head::after{grid-column:2;grid-row:1 / span 3;align-self:center;justify-self:end;width:100%;max-width:440px}
}
@media(max-width:899px){

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

  html body.kp-page.kp-page.kp-page .kp-head h1{max-width:none;font-size:clamp(32px,9vw,42px);line-height:1.07}
  html body.kp-page.kp-page.kp-page .kp-head::after{order:-1;justify-self:start;width:min(150px,40%);margin:0 0 6px -6px}
  html body.contact-page.contact-page.contact-page .sheet:has(.contact-primary){--kp-band:64px;padding-top:20px}
}
@media (prefers-reduced-motion:reduce){html body.kp-page.kp-page.kp-page .kp-head>.kp-frame,html body.kp-page.kp-page.kp-page .kp-head .label i{animation:none}}
@media print{html body.kp-page.kp-page.kp-page .kp-head::after,html body.kp-page.kp-page.kp-page .kp-head>.kp-frame{display:none!important}html body.kp-page.kp-page.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. ---------- */
html body 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!important;font-weight:500;text-decoration:none!important;border-bottom:0!important;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))!important;background-repeat:no-repeat!important;background-position:0 100%!important;background-size:100% .5em!important;transition:background-size .35s cubic-bezier(.2,.7,.1,1),color .35s}
html body 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%!important;color:#6E3C22!important}
html body 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}
html body 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@"]),
html body 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!important;font-weight:inherit;background:none!important;padding:0;margin:0}
@media print{html body main :is(p,li) a[href^="/contact"],html body main :is(p,li) a[href^="mailto:"]{background:none!important;color:inherit!important}}
/* the same invitation standing on its own line is an outlined button (tools/refine_contact_cues.py marks it) */
html body main p a.kp-cta.kp-cta[href]{display:inline-flex;align-items:center;gap:12px;max-width:100%;padding:13px 22px!important;margin:6px 0 0!important;border:1px solid #8C4F30!important;border-radius:0;background:transparent!important;background-image:none!important;color:#8C4F30!important;font:500 15px/1.45 "Inter",system-ui,sans-serif;letter-spacing:.01em;text-decoration:none!important;transition:background-color .35s,color .35s}
html body main p a.kp-cta.kp-cta[href]:hover{background:#8C4F30!important;color:#FFFFFF!important}
html body main :is(.invite,.kp-dark) p a.kp-cta.kp-cta[href]{border-color:#C9876A!important;color:#E6C6B0!important}
html body main :is(.invite,.kp-dark) p a.kp-cta.kp-cta[href]:hover{background:#C9876A!important;color:#0B0A09!important}
html body main p a.kp-cta.kp-cta[href]::before,html body main p a.kp-cta.kp-cta[href]::after{content:none!important;display:none!important}

/* ---------- 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 ---------- */
html body.kp-page.kp-page.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)}
html body.kp-page.partner-profile.kp-page .person>.portrait{display:none!important}
html body.kp-page.partner-profile.kp-page .person{display:block!important;max-width:760px}
@media(min-width:900px){html body.kp-page.kp-page.kp-page .kp-head.kp-portrait::after{max-width:300px;justify-self:center}}
@media(max-width:899px){html body.kp-page.kp-page.kp-page .kp-head.kp-portrait::after{width:min(176px,46%);margin:6px 0 18px 10px}}
@media print{html body.kp-page.partner-profile.kp-page .person>.portrait{display:block!important}}
/* the practice hubs had their drawing on a plate; in the new head it stands on the ink like every other */
html body.kp-page.kp-page.kp-page .masthead.kp-head:not(.kp-portrait)::after{border:0!important;background-color:transparent!important;box-shadow:none!important}
@media(min-width:900px){html body.kp-page.kp-page.kp-page .masthead.kp-head:not(.kp-portrait)::after{max-width:440px!important}}
@media(max-width:899px){html body.kp-page.kp-page.kp-page .masthead.kp-head:not(.kp-portrait)::after{width:min(150px,40%)!important;max-width:none!important;margin:0 0 6px -6px!important;justify-self:start!important}}
html body.contact-page.contact-page.contact-page .contact-layout .contact-details{background:transparent!important;border-top:0!important}
html body.contact-page.contact-page.contact-page header.top{border-bottom:0!important;box-shadow:none!important}

/* ---------- The partners on the About pages (Klitos, 3 October 2026): side by side at every width, in the home page's
   hand: greyscale, set into the paper, a copper mark at two corners. On a phone they no longer take a screen each. */
html body.kp-page.firm-about-page .firm-portraits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,3vw,40px);max-width:760px;margin:36px 0 28px}
html body.kp-page.firm-about-page .firm-portrait{position:relative;min-width:0;margin:0;container-type:inline-size}
html body.kp-page.firm-about-page .firm-portrait img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;margin:0 0 18px;filter:grayscale(1) contrast(1.06) brightness(1.02);mix-blend-mode:multiply;border-radius:0}
html body.kp-page.firm-about-page .firm-portrait::before,html body.kp-page.firm-about-page .firm-portrait::after{content:"";position:absolute;z-index:1;width:18px;height:18px;border:0 solid #8C4F30;opacity:.8;pointer-events:none}
html body.kp-page.firm-about-page .firm-portrait::before{left:8px;top:8px;border-width:1px 0 0 1px}
html body.kp-page.firm-about-page .firm-portrait::after{right:8px;top:calc(125cqw - 26px);border-width:0 1px 1px 0}
html body.kp-page.firm-about-page .firm-portrait h3{margin:0 0 4px;font:400 clamp(18px,1.9vw,23px)/1.3 "Literata",Georgia,serif}
html body.kp-page.firm-about-page .firm-portrait h3 a{color:#1B1816;text-decoration:none}
html body.kp-page.firm-about-page .firm-portrait .role{margin:0 0 10px;font:500 10.5px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#8C4F30}
html body.kp-page.firm-about-page .firm-portrait p:not(.role){max-width:none;margin:0;font-size:14px;line-height:1.75;color:#4A433D}
@media(max-width:520px){html body.kp-page.firm-about-page .firm-portrait img{margin-bottom:12px}html body.kp-page.firm-about-page .firm-portrait .role{font-size:9.5px;letter-spacing:.16em}html body.kp-page.firm-about-page .firm-portrait p:not(.role){font-size:13px;line-height:1.6}}
@media print{html body.kp-page.firm-about-page .firm-portrait::before,html body.kp-page.firm-about-page .firm-portrait::after{display:none}}

/* ---------- Recent work (Klitos, 3 October 2026): an index, not a wall of cards. Each matter is a row between
   hairlines, as "Our work in practice" on the home page: the area and the title on the left in Literata, what we did
   and where it stands on the right. Every word stays where it was. */
html body.kp-page.recent-work-page .work{display:block;max-width:none;margin:0;border-top:1px solid rgba(27,24,22,.16)}
html body.kp-page.recent-work-page .work .case-study,html body.kp-page.recent-work-page .work .case-study:first-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px clamp(32px,5vw,72px);margin:0;padding:clamp(30px,3.4vw,44px) 0;background:none;border:0;border-bottom:1px solid rgba(27,24,22,.16);box-shadow:none}
html body.kp-page.recent-work-page .case-study header{min-width:0}
html body.kp-page.recent-work-page .case-study .k{display:flex;align-items:center;gap:12px;margin:0 0 14px;font:500 10.5px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#8C4F30}
html body.kp-page.recent-work-page .case-study .k i{display:block;width:20px;height:1px;margin:0;background:#8C4F30}
html body.kp-page.recent-work-page .case-study h2{max-width:22ch;margin:0;font:400 clamp(22px,2vw,28px)/1.28 "Literata",Georgia,serif;letter-spacing:-.008em;color:#1B1816}
html body.kp-page.recent-work-page .case-detail{display:block;min-width:0;padding-top:30px}
html body.kp-page.recent-work-page .case-detail .case-label{display:none}
html body.kp-page.recent-work-page .case-detail>p:not(.case-label){max-width:58ch;margin:0;font-size:15.5px;line-height:1.8;color:#2B2622}
html body.kp-page.recent-work-page .case-status{display:flex;align-items:center;gap:10px;margin:18px 0 0;padding:0;border:0;font-size:0}
html body.kp-page.recent-work-page .case-status>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html body.kp-page.recent-work-page .case-status .st{display:inline-flex;align-items:center;gap:10px;margin:0;font:500 10.5px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#6B625B}
html body.kp-page.recent-work-page .case-status .st::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#C9876A}
html body.kp-page.recent-work-page .case-study a{color:#8C4F30;text-decoration:underline;text-decoration-color:rgba(140,79,48,.45);text-underline-offset:.22em}
@media(max-width:760px){
  html body.kp-page.recent-work-page .work .case-study,html body.kp-page.recent-work-page .work .case-study:first-child{grid-template-columns:1fr;gap:12px;padding:28px 0}
  html body.kp-page.recent-work-page .case-detail{padding-top:0}
  html body.kp-page.recent-work-page .case-detail>p:not(.case-label){font-size:15px;line-height:1.75}
}

/* ---------- The service and practice pages, in the home page's hand (Klitos, 3 October 2026: impressive, simple,
   elegant). No word moves. The boxes inside the text become light plates or open space, the chips become an
   index, and every page says the same things the same way. P scopes it to the pages outside the articles. */
/* the short answer at the top: a light plate with the label above and the answer in Literata */
html body.kp-page:not(.publication-page) .sheet main .quick{position:relative;max-width:820px;margin:0 0 clamp(36px,4vw,52px);padding:clamp(26px,3vw,36px) clamp(24px,3.4vw,44px);background:#EEEAE3;border:0;border-radius:0;box-shadow:none}
html body.kp-page:not(.publication-page) .sheet main .quick::before{content:"";position:absolute;left:12px;top:12px;width:14px;height:14px;border:0 solid #8C4F30;border-width:1px 0 0 1px;pointer-events:none}
html body.kp-page:not(.publication-page) .sheet main .quick .k{display:flex;align-items:center;gap:12px;margin:0 0 14px;font:500 10.5px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#8C4F30}
html body.kp-page:not(.publication-page) .sheet main .quick .k::before{content:"";flex:none;width:20px;height:1px;background:#8C4F30}
html body.kp-page:not(.publication-page) .sheet main .quick p{max-width:62ch;margin:0;font:400 clamp(17.5px,1.45vw,20px)/1.6 "Literata",Georgia,serif;color:#1B1816}
html body.kp-page:not(.publication-page) .sheet main .quick p+p{margin-top:12px}
/* on this page: an index of the sections, numbered, between hairlines, never a cloud of chips */
html body.kp-page:not(.publication-page) .sheet main .jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,56px);margin:0 0 clamp(40px,5vw,64px);padding:0;border:0;counter-reset:jmp}
html body.kp-page:not(.publication-page) .sheet main .jumps>span{grid-column:1/-1;display:flex;align-items:center;gap:12px;width:auto;margin:0 0 6px;padding:0 0 12px;border-bottom:1px solid rgba(27,24,22,.16);font:500 10.5px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#8C4F30}
html body.kp-page:not(.publication-page) .sheet main .jumps>span::before{content:"";flex:none;width:20px;height:1px;background:#8C4F30}
html body.kp-page:not(.publication-page) .sheet main .jumps a{counter-increment:jmp;display:flex;align-items:baseline;gap:14px;min-height:48px;margin:0;padding:12px 0;border:0;border-bottom:1px solid rgba(27,24,22,.1);border-radius:0;background:none;box-shadow:none;transform:none;font:400 15px/1.45 "Inter",system-ui,sans-serif;color:#2B2622;text-decoration:none}
html body.kp-page:not(.publication-page) .sheet main .jumps a::before{content:counter(jmp,decimal-leading-zero);display:block;flex:none;min-width:22px;font:italic 400 14px/1 "Literata",Georgia,serif;color:#8C4F30;opacity:1}
html body.kp-page:not(.publication-page) .sheet main .jumps a:hover{color:#8C4F30;background:none;box-shadow:none;transform:none}
@media(max-width:640px){html body.kp-page:not(.publication-page) .sheet main .jumps{grid-template-columns:1fr}html body.kp-page:not(.publication-page) .sheet main .jumps a{font-size:15px}}
/* what to send us: the same light plate, the label in copper */
html body.kp-page:not(.publication-page) .sheet main .send{position:relative;margin-top:34px;padding:clamp(22px,2.6vw,30px) clamp(22px,2.8vw,32px);background:#EEEAE3;border:0;border-radius:0;box-shadow:none}
html body.kp-page:not(.publication-page) .sheet main .send .h{display:flex;align-items:center;gap:12px;margin:0 0 12px;font:500 10.5px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#8C4F30}
html body.kp-page:not(.publication-page) .sheet main .send .h::before{content:"";flex:none;width:20px;height:1px;background:#8C4F30}
html body.kp-page:not(.publication-page) .sheet main .send p{max-width:none;font-size:15px;line-height:1.75;color:#2B2622}
html body.kp-page:not(.publication-page) .sheet main .send b{font-weight:600;color:#1B1816}
/* the line halfway down that says how to write to us: a light plate, not a white box with a border */
html body.kp-page:not(.publication-page) .sheet main .contactbox:not(.article-enquiry):not(.contact-primary){position:relative;background:#EEEAE3;border:0;border-radius:0;box-shadow:none;padding:clamp(22px,2.6vw,30px) clamp(22px,3vw,36px)}
html body.kp-page:not(.publication-page) .sheet main .contactbox:not(.article-enquiry):not(.contact-primary) p{font-size:15.5px;line-height:1.75;color:#2B2622}
/* the services on a practice page: open columns between hairlines, not cards */
html body.kp-page #start .purchase-services-grid{gap:0 clamp(28px,4vw,56px)}
html body.kp-page #start .purchase-services-grid>article{margin:0;padding:clamp(26px,3vw,34px) 0;background:none;border:0;border-top:1px solid rgba(27,24,22,.16);border-radius:0;box-shadow:none}
html body.kp-page #start .purchase-services-grid>article h3{font:400 clamp(22px,2vw,27px)/1.25 "Literata",Georgia,serif;color:#1B1816}

/* ---------- Fixed fees as a price list (Klitos, 3 October 2026). One row per service between hairlines: the service and
   what it covers on the left, the fee on the right in Literata. The enquiry is a quiet copper link, not fourteen buttons.
   The filters are words with a copper underline on the chosen one. No price and no word changes. */
html body.kp-page.fees-page .sheet .fee-navigation{margin-top:clamp(36px,4vw,56px);padding:0 0 4px;background:none;border-bottom:1px solid rgba(27,24,22,.16)}
html body.kp-page.fees-page .sheet .fee-navigation-title{display:flex;align-items:center;gap:12px;margin:0 0 6px;font:500 10.5px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#8C4F30}
html body.kp-page.fees-page .sheet .fee-navigation-title::before{content:"";flex:none;width:20px;height:1px;background:#8C4F30}
html body.kp-page.fees-page .sheet .fee-categories{gap:0 26px}
html body.kp-page.fees-page .sheet .fee-categories :is(a,button){min-height:44px;padding:10px 0 8px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#4A433D;font:500 14px/1.4 "Inter",system-ui,sans-serif;cursor:pointer}
html body.kp-page.fees-page .sheet .fee-categories :is(a,button):hover{background:none;color:#8C4F30;border-color:transparent;border-bottom-color:rgba(140,79,48,.4)}
html body.kp-page.fees-page .sheet .fee-categories button[aria-pressed="true"]{background:none;color:#1B1816;border-color:transparent;border-bottom-color:#8C4F30}
html body.kp-page.fees-page .sheet .fee-grid{display:block;border-top:1px solid rgba(27,24,22,.16)}
html body.kp-page.fees-page .sheet .fee-offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,auto);column-gap:clamp(28px,5vw,64px);align-items:start;margin:0;padding:clamp(24px,2.8vw,32px) 0;background:none;border:0;border-bottom:1px solid rgba(27,24,22,.16);border-radius:0;box-shadow:none}
html body.kp-page.fees-page .sheet .fee-offer>h3{grid-column:1;grid-row:1;margin:0;font:400 clamp(20px,1.8vw,24px)/1.3 "Literata",Georgia,serif}
html body.kp-page.fees-page .sheet .fee-offer>h3 a{color:#1B1816;text-decoration:none}
html body.kp-page.fees-page .sheet .fee-offer>h3 a:hover{color:#8C4F30}
html body.kp-page.fees-page .sheet .fee-offer>.fee-price{grid-column:2;grid-row:1/span 3;margin:0;text-align:right;font:400 clamp(26px,2.6vw,34px)/1.1 "Literata",Georgia,serif;letter-spacing:-.01em;color:#1B1816}
html body.kp-page.fees-page .sheet .fee-offer>.fee-price.q{font:italic 400 17px/1.4 "Literata",Georgia,serif;color:#6B625B}
html body.kp-page.fees-page .sheet .fee-offer .fee-unit{display:block;margin-top:8px;font:500 10px/1.4 "Inter",system-ui,sans-serif;font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:#6B625B}
html body.kp-page.fees-page .sheet .fee-offer>.fee-description{grid-column:1;grid-row:2}
html body.kp-page.fees-page .sheet .fee-offer>.fee-description p{max-width:62ch;margin:8px 0 0;font-size:15px;line-height:1.7;color:#4A433D}
html body.kp-page.fees-page .sheet .fee-offer>.fee-actions{grid-column:1;grid-row:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:0 26px;margin:10px 0 0}
html body.kp-page.fees-page .sheet .fee-offer>.fee-actions a.btn{width:auto;justify-content:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;transform:none;color:#8C4F30;font:500 14px/1.4 "Inter",system-ui,sans-serif;letter-spacing:.01em;text-transform:none;text-decoration:underline;text-decoration-color:rgba(140,79,48,.45);text-decoration-thickness:1px;text-underline-offset:.3em}
html body.kp-page.fees-page .sheet .fee-offer>.fee-actions a.btn::after{content:"\2192";display:inline-block;text-decoration:none}
html body.kp-page.fees-page .sheet .fee-offer>.fee-actions a.btn:hover{background:none;color:#1B1816}
html body.kp-page.fees-page .sheet .fee-offer>.fee-actions a:not(.btn){min-height:44px;display:inline-flex;align-items:center;font-size:14px;color:#6B625B}
@media(max-width:700px){
  html body.kp-page.fees-page .sheet .fee-offer{grid-template-columns:1fr;padding:24px 0}
  html body.kp-page.fees-page .sheet .fee-offer>.fee-price{grid-column:1;grid-row:2;margin:10px 0 0;text-align:left;font-size:28px}
  html body.kp-page.fees-page .sheet .fee-offer>.fee-price.q{font-size:16px}
  html body.kp-page.fees-page .sheet .fee-offer .fee-unit{display:inline;margin:0 0 0 10px}
  html body.kp-page.fees-page .sheet .fee-offer>.fee-description{grid-row:3}
  html body.kp-page.fees-page .sheet .fee-offer>.fee-actions{grid-row:4}
}

/* ---------- A calculator's answer, given its due (Klitos, 3 October 2026): the figure large, in Literata and copper, as the
   home page's calculator gives it. The figure carries a style attribute and an older rule by id, hence the id and the !important. */
html body.kp-page.calculator-journey-page .sheet main .calc-result-column .quick::before{content:none}
html body.kp-page.calculator-journey-page .calc-result-column #calculator-result>p[aria-live]{margin:10px 0 8px!important;font-size:clamp(40px,4.4vw,60px)!important;line-height:1.05!important;letter-spacing:-.025em;color:#8C4F30!important;font-variant-numeric:lining-nums}

/* ---------- The practice index: what each area includes is a line of names, not a row of little boxes (Klitos, 3 October 2026) */
html body.kp-page.practice-index .sheet .arearow .areas{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 0;margin-top:14px}
html body.kp-page.practice-index .sheet .arearow .areas>span{display:inline-flex;align-items:center;gap:10px;margin:0 14px 0 0;padding:0;border:0;background:none;font:500 10px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#8C4F30}
html body.kp-page.practice-index .sheet .arearow .areas>span::before{content:"";width:16px;height:1px;background:#8C4F30}
html body.kp-page.practice-index .sheet .arearow .areas>a{position:relative;z-index:2;display:inline-flex;align-items:center;min-height:32px;margin:0;padding:0;border:0;border-radius:0;background:none;font:400 14px/1.5 "Inter",system-ui,sans-serif;color:#4A433D;text-decoration:none}
html body.kp-page.practice-index .sheet .arearow .areas>a+a::before{content:"\00b7";margin:0 10px;color:#C9876A}
html body.kp-page.practice-index .sheet .arearow .areas>a:hover{color:#8C4F30;text-decoration:underline;text-underline-offset:.25em}

/* Partner profiles, in the hand of the About page: the portrait without its frame, corner marks in copper, and the areas
   a partner is instructed on as an index between hairlines. On a desk that index stands beside the biography; it spans a last
   flexible row, so it never pushes the biography's own rows apart. The index is the page's own <div class="profile-index">. */
html body.kp-page.kp-page.kp-page.partner-profile .kp-head.kp-portrait::after{box-shadow:none;background:linear-gradient(#C9876A,#C9876A) 10px 10px/18px 1px no-repeat,linear-gradient(#C9876A,#C9876A) 10px 10px/1px 18px no-repeat,linear-gradient(#C9876A,#C9876A) right 10px bottom 10px/18px 1px no-repeat,linear-gradient(#C9876A,#C9876A) right 10px bottom 10px/1px 18px no-repeat,#1D1A17 var(--kp-fig) 50% 14%/cover no-repeat}
@media(max-width:899px){html body.kp-page.kp-page.kp-page.partner-profile .kp-head.kp-portrait::after{width:min(200px,52%);margin:6px 0 20px 0}}
html body.kp-page.partner-profile .sheet .bio .areas{display:block;margin:44px 0 0;padding:0;border:0;background:none}
html body.kp-page.partner-profile .sheet .bio .areas>span{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:0;font:500 10.5px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#8C4F30}
html body.kp-page.partner-profile .sheet .bio .areas>span::before{content:"";width:20px;height:1px;background:#8C4F30}
html body.kp-page.partner-profile .sheet .bio .areas>a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;margin:0;padding:12px 0;border:0;border-top:1px solid rgba(27,24,22,.16);border-radius:0;background:none;font:400 clamp(17px,1.5vw,19px)/1.35 "Literata",Georgia,serif;letter-spacing:-.004em;color:#1B1816;text-decoration:none}
html body.kp-page.partner-profile .sheet .bio .areas>a:last-child{border-bottom:1px solid rgba(27,24,22,.16)}
html body.kp-page.partner-profile .sheet .bio .areas>a::after{content:"\2192";flex:0 0 auto;font:400 15px/1 "Inter",system-ui,sans-serif;color:#8C4F30;transition:transform .25s ease}
html body.kp-page.partner-profile .sheet .bio .areas>a:hover{color:#8C4F30;background:none}
html body.kp-page.partner-profile .sheet .bio .areas>a:hover::after{transform:translateX(4px)}
html body.kp-page.partner-profile .sheet .profile-index .areas:first-child{margin-top:44px}
html body.kp-page.partner-profile .sheet .profile-index .fact{margin:32px 0 0;padding:0;border:0;background:none}
html body.kp-page.partner-profile .sheet .profile-index .fact .k{display:flex;align-items:center;gap:12px;margin:0 0 12px;font:500 10.5px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#8C4F30}
html body.kp-page.partner-profile .sheet .profile-index .fact .k::before{content:"";width:20px;height:1px;background:#8C4F30}
html body.kp-page.partner-profile .sheet .profile-index .fact p:not(.k),html body.kp-page.partner-profile .sheet .profile-index .creds li{font-size:14.5px;line-height:1.7;color:#4A433D}
html body.kp-page.partner-profile .sheet .profile-index .creds{margin:0;padding:0;list-style:none}
html body.kp-page.partner-profile .sheet .profile-index .creds li{position:relative;margin:0;padding:8px 0 8px 20px;border-bottom:1px solid rgba(27,24,22,.1)}
html body.kp-page.partner-profile .sheet .profile-index .creds li::before{content:"";position:absolute;left:0;top:1.15em;width:5px;height:5px;border-radius:50%;background:#C9876A}
@media(min-width:1100px){
  html body.kp-page.partner-profile.kp-page .person{max-width:none}
  html body.kp-page.partner-profile .sheet .person>.bio{display:grid;grid-template-columns:minmax(0,680px) minmax(240px,320px);grid-template-rows:repeat(14,auto) 1fr;column-gap:clamp(56px,7vw,112px);align-items:start}
  html body.kp-page.partner-profile .sheet .bio>:not(.profile-index){grid-column:1}
  html body.kp-page.partner-profile .sheet .bio>.profile-index{grid-column:2;grid-row:1 / -1;align-self:start;position:sticky;top:112px}
  html body.kp-page.partner-profile .sheet .profile-index .areas:first-child{margin-top:4px}
}

/* The library, in the home page's hand (Klitos, 3 October 2026): no white panel round the search, a field drawn as a single
   rule, the subjects as one row of one-tap choices (journey-filters.js opens the folded panel and marks html.kp-lib-open),
   and the essential guides as an index between hairlines. */
html body.kp-page.library-search-first .sheet :is(.tools,.library-search-panel):not(#kp-lib){margin:0;padding:6px 0 18px;border:0;border-radius:0;background:none;box-shadow:none}
html body.kp-page.library-search-first .sheet .library-search-label{display:flex;align-items:center;gap:12px;margin:0 0 6px;font:500 10.5px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#8C4F30}
html body.kp-page.library-search-first .sheet .library-search-label::before{content:"";width:20px;height:1px;background:#8C4F30}
html body.kp-page.library-search-first .sheet :is(#q,#elq){display:block;width:100%;min-height:0;box-sizing:border-box;margin:0;padding:12px 0!important;border:0!important;border-bottom:1px solid #1B1816!important;border-radius:0;background:none!important;box-shadow:none;font:400 clamp(17px,1.6vw,20px)/1.4 "Literata",Georgia,serif!important;color:#1B1816!important}
html body.kp-page.library-search-first .sheet :is(#q,#elq)::placeholder{color:#8A8079;opacity:1}
html body.kp-page.library-search-first .sheet :is(#q,#elq):focus{outline:0;border-bottom-color:#8C4F30!important;box-shadow:0 1px 0 #8C4F30}
html body.kp-page.library-search-first .sheet .library-quick-filters{display:flex;flex-wrap:wrap;gap:12px 28px;margin:18px 0 0}
html body.kp-page.library-search-first .sheet .library-quick-filters label{display:flex;align-items:center;gap:10px;margin:0;font:500 10.5px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#6A625B}
html body.kp-page.library-search-first .sheet .library-quick-filters select{width:auto;min-height:36px;margin:0;padding:6px 26px 6px 0;border:0;border-bottom:1px solid rgba(27,24,22,.3);border-radius:0;background-color:transparent;font:400 15px/1.4 "Inter",system-ui,sans-serif;letter-spacing:0;text-transform:none;color:#1B1816}
html.kp-lib-open body.kp-page.library-search-first .sheet .library-quick-filters label[for="library-subject"]{display:none}
html.kp-lib-open body.kp-page.library-search-first .sheet .news-filters{margin:16px 0 0;padding:0;border:0;background:none}
html.kp-lib-open body.kp-page.library-search-first .sheet .news-filters>summary{display:none}
html.kp-lib-open body.kp-page.library-search-first .sheet .news-filters>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 22px;margin:0;padding:0;border:0;background:none}
html.kp-lib-open body.kp-page.library-search-first .sheet .news-filters :is(#pills,#langpills,#ola){display:flex;flex-wrap:wrap;gap:2px 22px;margin:0;padding:0;border:0!important;background:none;position:static}
html.kp-lib-open body.kp-page.library-search-first .sheet .news-filters :is(#pills button,#langpills button,#ola a){display:inline-flex;align-items:baseline;gap:6px;min-height:40px;margin:0;padding:10px 0 8px;border:0;border-radius:0;background:none;box-shadow:none;font:400 14.5px/1.4 "Inter",system-ui,sans-serif;letter-spacing:0;text-transform:none;white-space:nowrap;color:#6A625B;text-decoration:none;cursor:pointer}
html.kp-lib-open body.kp-page.library-search-first .sheet .news-filters :is(#pills button,#langpills button,#ola a) span{font-size:11.5px;opacity:1!important;color:#9A9089}
html.kp-lib-open body.kp-page.library-search-first .sheet .news-filters :is(#pills button,#langpills button,#ola a):hover{color:#1B1816;background:none}
html.kp-lib-open body.kp-page.library-search-first .sheet .news-filters :is(#pills button[aria-pressed="true"],#langpills button[aria-pressed="true"],#ola a[aria-current="true"]){color:#1B1816;background:none;box-shadow:inset 0 -1px 0 #8C4F30}
html.kp-lib-open body.kp-page.library-search-first .sheet .news-filters :is(#pills button[aria-pressed="true"],#langpills button[aria-pressed="true"],#ola a[aria-current="true"]) span{color:#8C4F30}
html.kp-lib-open body.kp-page.library-search-first .sheet .news-filters #ola a::before{content:none!important;display:none!important}
html.kp-lib-open body.kp-page.library-search-first .sheet .news-filters #langpills{padding-left:22px!important;border-left:1px solid rgba(27,24,22,.16)!important}
@media(max-width:760px){
  html.kp-lib-open body.kp-page.library-search-first .sheet .news-filters>div{display:block}
  html.kp-lib-open body.kp-page.library-search-first .sheet .news-filters :is(#pills,#langpills,#ola){flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px!important;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 40px),transparent)}
  html.kp-lib-open body.kp-page.library-search-first .sheet .news-filters :is(#pills,#langpills,#ola)::-webkit-scrollbar{display:none}
  html.kp-lib-open body.kp-page.library-search-first .sheet .news-filters #langpills{margin-top:2px;border-left:0!important;border-top:1px solid rgba(27,24,22,.1)!important}
}
html body.kp-page.library-search-first .sheet .featured-guides{display:block;padding:34px 0 8px}
html body.kp-page.library-search-first .sheet .featured-guides>span{display:flex;align-items:center;gap:12px;margin:0 0 10px;font:500 10.5px/1.5 "Inter",system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#8C4F30}
html body.kp-page.library-search-first .sheet .featured-guides>span::before{content:"";width:20px;height:1px;background:#8C4F30}
html body.kp-page.library-search-first .sheet .featured-guides>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"n t a" "n s a";align-items:baseline;gap:2px 12px;margin:0;padding:16px 0;border:0;border-top:1px solid rgba(27,24,22,.16);border-radius:0;background:none;box-shadow:none;text-decoration:none}
html body.kp-page.library-search-first .sheet .featured-guides>a:last-child{border-bottom:1px solid rgba(27,24,22,.16)}
html body.kp-page.library-search-first .sheet .featured-guides .guide-number{display:block;grid-area:n;font:500 11px/1.6 "Inter",system-ui,sans-serif;letter-spacing:.12em;color:#8C4F30}
html body.kp-page.library-search-first .sheet .featured-guides .guide-name{grid-area:t;font:400 clamp(19px,1.7vw,22px)/1.3 "Literata",Georgia,serif;color:#1B1816}
html body.kp-page.library-search-first .sheet .featured-guides .guide-note{grid-area:s;font:400 14px/1.6 "Inter",system-ui,sans-serif;color:#6A625B}
html body.kp-page.library-search-first .sheet .featured-guides .guide-arrow{grid-area:a;align-self:center;font:400 16px/1 "Inter",system-ui,sans-serif;color:#8C4F30;transition:transform .25s ease}
html body.kp-page.library-search-first .sheet .featured-guides>a:hover .guide-name{color:#8C4F30}
html body.kp-page.library-search-first .sheet .featured-guides>a:hover .guide-arrow{transform:translateX(4px)}
@media(min-width:900px){
  html body.kp-page.library-search-first .sheet .featured-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(28px,3vw,48px)}
  html body.kp-page.library-search-first .sheet .featured-guides>span{grid-column:1 / -1}
  html body.kp-page.library-search-first .sheet .featured-guides>a:last-child{border-bottom:0}
  html body.kp-page.library-search-first .sheet .featured-guides>a{border-bottom:0}
}