/* Commwiser — knowledge.css. The Knowledge Centre: its index (the masthead and categories, the latest, Commwiser's
   research on a dark ground, every piece by category) and the article (the shared chapter rail as "In this piece",
   a reading column). Laid out like a publication, not a service page. Each category carries its colour (--c), a
   deep tone (--d) and a light one for dark grounds (--l), set once here and used by every tag, card and section. */
.k-lit{--l:#A9CBD8;--c:#3E7C96;--d:#1C3E4E}
.k-ima{--l:#A9CBD8;--c:#6C9BAD;--d:#2B3F48}
.k-grw{--l:#D9C29A;--c:#B89868;--d:#5A452F}
.k-ai{--l:#C9B6CF;--c:#907B96;--d:#47364F}
.k-pol{--l:#CFCDB8;--c:#9E9C8A;--d:#4C503A}
.k-ins{--l:#A9CBD8;--c:#486675;--d:#15191B}
body{background:#F7F2EF}
.kc{--indigo:#224D5F}
.kc section{position:relative}
.kc h2.lbl{font-size:13px;letter-spacing:.16em;color:var(--indigo)}

/* shared parts: the category tag, the meta line, the card (a coloured rule, the tag, the title, the meta) */
.kc-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.14em;line-height:1.3;text-transform:uppercase;color:var(--d)}
.kc-tag i{flex:none;width:9px;height:9px;background:var(--c)}
.kc-meta{font-family:var(--display);font-size:15px;line-height:1.4;color:rgba(21,25,27,.62)}
.kc-meta i{margin:0 .4em;font-style:normal}
.kc-card{position:relative;padding-top:16px;border-top:3px solid var(--c)}
.kc-card h3{margin-top:10px;font-family:var(--display);font-weight:400;font-size:clamp(20px,1.6vw,24px);line-height:1.2;letter-spacing:-.005em;color:var(--dust)}
.kc-card h3 a::after{content:"";position:absolute;inset:0}
.kc-card h3 a{transition:color .3s ease}
.kc-card:hover h3 a{color:var(--d)}
.kc-card .kc-meta{margin-top:10px}
.kc :focus-visible{outline:2px solid var(--indigo);outline-offset:3px}

/* ============ the index ============ */
/* 1. the masthead: the name set large like a publication's, the line under it, the six categories as its contents */
.kc-mast{padding:calc(68px + clamp(36px,5vh,64px)) var(--gutter) 0}
.kc-mast__lbl{color:var(--indigo)}
.kc-mast h1{margin-top:6px;font-family:var(--display);font-weight:400;font-size:clamp(52px,9vw,148px);line-height:.92;letter-spacing:-.035em;color:var(--dust)}
.kc-mast__say{margin-top:clamp(14px,1.6vw,22px);font-family:var(--display);font-size:clamp(22px,2.2vw,34px);line-height:1.15;letter-spacing:-.01em;color:var(--indigo)}
.kc-cats{margin-top:clamp(34px,4vw,60px);border-top:2px solid var(--dust);border-bottom:1px solid var(--line)}
.kc-cats ul{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.kc-cats li+li{border-left:1px solid var(--line)}
.kc-cats a{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:clamp(16px,1.6vw,22px) clamp(12px,1.2vw,18px) clamp(16px,1.6vw,22px) 0;transition:background .3s ease}
.kc-cats li+li a{padding-left:clamp(12px,1.2vw,18px)}
.kc-cats a::before{content:"";width:22px;height:4px;background:var(--c);transition:width .4s var(--ease)}
.kc-cats a:hover::before{width:44px}
.kc-cats b{font-family:var(--display);font-weight:400;font-size:clamp(17px,1.35vw,21px);line-height:1.15;color:var(--dust)}
.kc-cats span{font-family:var(--display);font-size:13px;letter-spacing:.04em;color:rgba(21,25,27,.55)}

/* 2. the latest: one lead piece on its category's deep colour, cut on the slash; four more beside it */
.kc-latest{padding:clamp(48px,5vw,80px) var(--gutter) clamp(64px,7vw,110px)}
.kc-latest__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:clamp(28px,4vw,72px);margin-top:clamp(18px,2vw,28px);align-items:start}
.kc-lead{position:relative;display:flex;flex-direction:column;min-height:clamp(420px,36vw,560px);padding:clamp(26px,3vw,48px);background:var(--d);color:#F7F2EF;clip-path:polygon(0 0,calc(100% - var(--k)) 0,100% calc(var(--k) * tan(55.753deg)),100% 100%,0 100%);--k:clamp(60px,7vw,120px)}
.kc-lead .kc-tag{color:var(--l)}
.kc-lead .kc-tag i{background:var(--l)}
.kc-lead h3{margin-top:auto;padding-top:40px;max-width:16ch;font-family:var(--display);font-weight:400;font-size:clamp(36px,4vw,64px);line-height:1;letter-spacing:-.02em}
.kc-lead h3 a::after{content:"";position:absolute;inset:0}
.kc-lead__sf{margin-top:clamp(14px,1.6vw,22px);max-width:46ch;font-family:var(--display);font-size:clamp(18px,1.45vw,22px);line-height:1.35;color:rgba(247,242,239,.84)}
.kc-lead .kc-meta{margin-top:clamp(16px,1.8vw,24px);color:rgba(247,242,239,.66)}
.kc-lead__go{margin-top:18px;font-family:var(--display);font-size:17px;color:var(--l);transition:letter-spacing .3s ease}
.kc-lead:hover .kc-lead__go{letter-spacing:.04em}
.kc-next{list-style:none;display:grid;gap:clamp(22px,2.2vw,32px)}
.js .kc-lead{opacity:0;translate:0 18px}
.js .kc-lead.is-play{opacity:1;translate:none;transition:opacity .6s ease .1s,translate .7s var(--ease) .1s}
.kc-next li:nth-child(1){--i:0}.kc-next li:nth-child(2){--i:1}.kc-next li:nth-child(3){--i:2}.kc-next li:nth-child(4){--i:3}
.js .kc-next li{opacity:0;translate:0 14px}
.js .kc-next.is-play li{opacity:1;translate:none;transition:opacity .5s ease calc(var(--i) * .12s + .3s),translate .6s var(--ease) calc(var(--i) * .12s + .3s)}

/* 3. Commwiser research: the dark moment. What is published, as covers; what is in preparation, as a shelf of
   spines in each report's colours, cut on the slash */
.kc-rep{isolation:isolate;color:#F7F2EF;padding:calc(var(--wz) * .6 + clamp(30px,4vw,60px)) var(--gutter) clamp(70px,8vw,120px)}
.kc-rep>.depth{left:0;right:0;clip-path:polygon(0 0,62% 0,calc(62% + var(--wz) * .6 / tan(55.753deg)) calc(var(--wz) * .6),100% calc(var(--wz) * .6),100% 100%,0 100%);background:#15191B}
.kc-rep>.depth::before{background:radial-gradient(50% 40% at 80% 30%,rgba(108,155,173,.14),transparent 70%),radial-gradient(44% 40% at 12% 80%,rgba(184,152,104,.1),transparent 70%)}
.kc-rep h2.lbl{color:#A9CBD8}
.kc-rep__say{margin-top:14px;max-width:24ch;font-family:var(--display);font-size:clamp(30px,3.4vw,52px);line-height:1.06;letter-spacing:-.02em}
.kc-rep__h{margin-top:clamp(36px,4vw,60px);padding-bottom:12px;border-bottom:1px solid rgba(247,242,239,.22);font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#A9CBD8}
.kc-pub{list-style:none;display:flex;flex-wrap:wrap;gap:clamp(20px,2.4vw,40px);margin-top:clamp(20px,2.2vw,32px)}
.kc-pub li{width:clamp(150px,14vw,210px)}
.kc-pub__cover{display:block;box-shadow:0 18px 40px -18px rgba(0,0,0,.7)}
.kc-pub img{display:block;width:100%;height:auto}
.kc-pub figcaption{display:flex;flex-direction:column;gap:4px;margin-top:14px}
.kc-pub b{font-family:var(--display);font-weight:400;font-size:clamp(17px,1.3vw,19px);line-height:1.2}
.kc-pub figcaption span{font-family:var(--display);font-size:14px;color:rgba(247,242,239,.62)}
.kc-shelf{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1vw,14px);margin-top:clamp(20px,2.2vw,32px)}
.kc-shelf li{position:relative;display:flex;flex-direction:column;min-height:clamp(250px,22vw,330px);padding:clamp(16px,1.5vw,22px);background:var(--d);overflow:hidden}
.kc-shelf li::before{content:"";position:absolute;right:-30%;top:-10%;width:42%;height:130%;background:var(--c);opacity:.22;transform:rotate(var(--slash))}
.kc-shelf__k{position:relative;font-family:var(--display);font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c)}
.kc-shelf b{position:relative;margin-top:auto;font-family:var(--display);font-weight:400;font-size:clamp(21px,1.8vw,28px);line-height:1.08;letter-spacing:-.01em}
.kc-shelf__w{position:relative;margin-top:10px;font-family:var(--display);font-size:15px;line-height:1.3;color:rgba(247,242,239,.72)}
.kc-pub li:nth-child(1),.kc-shelf li:nth-child(1){--i:0}.kc-pub li:nth-child(2),.kc-shelf li:nth-child(2){--i:1}.kc-shelf li:nth-child(3){--i:2}.kc-shelf li:nth-child(4){--i:3}.kc-shelf li:nth-child(5){--i:4}
.js .kc-pub li,.js .kc-shelf li{opacity:0;translate:0 24px}
.js .kc-pub.is-play li,.js .kc-shelf.is-play li{opacity:1;translate:none;transition:opacity .5s ease calc(var(--i) * .14s + .15s),translate .7s var(--ease) calc(var(--i) * .14s + .15s)}

/* 4. by category: the whole library. Each category a row under its colour: its name and what it covers on the left,
   every piece in it on the right, in two columns where there is room */
.kc-by{padding:clamp(64px,7vw,110px) var(--gutter) clamp(64px,7vw,110px)}
.kc-by__grid{display:grid;gap:clamp(40px,4vw,64px);margin-top:clamp(22px,2.4vw,36px)}
.kc-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);grid-template-areas:"h l" "d l" "s l";grid-template-rows:auto auto 1fr;column-gap:clamp(24px,4vw,64px);align-items:start;padding-top:18px;border-top:4px solid var(--c);scroll-margin-top:84px}
.kc-sec h3{grid-area:h}.kc-sec__d{grid-area:d}.kc-sec__soon{grid-area:s}
.kc-sec ul{grid-area:l;columns:2;column-gap:clamp(24px,3vw,48px)}
.kc-sec h3{font-family:var(--display);font-weight:400;font-size:clamp(26px,2.3vw,34px);line-height:1.08;letter-spacing:-.015em;color:var(--dust)}
.kc-sec__d{margin-top:8px;font-family:var(--display);font-size:16px;line-height:1.35;color:var(--d)}
.kc-sec ul{list-style:none;margin-top:0;border-top:1px solid var(--line)}
.kc-sec li{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid var(--line);break-inside:avoid}
.kc-sec li a,.kc-sec li b{font-family:var(--display);font-weight:400;font-size:clamp(17px,1.25vw,19px);line-height:1.25;color:var(--dust);transition:color .3s ease}
.kc-sec li a:hover{color:var(--d)}
.kc-sec li span{font-family:var(--display);font-size:13.5px;color:rgba(21,25,27,.55)}
.kc-sec__soon{margin-top:14px;font-family:var(--display);font-style:italic;font-size:16px;color:rgba(21,25,27,.6)}
.kc-sec__soon a{font-style:normal;color:var(--d);border-bottom:1px solid currentColor}
.js .kc-sec li,.js .kc-sec__soon{opacity:0;translate:0 10px}
.js .kc-sec.is-play li,.js .kc-sec.is-play .kc-sec__soon{opacity:1;translate:none;transition:opacity .45s ease calc(var(--i,0) * .1s + .15s),translate .5s var(--ease) calc(var(--i,0) * .1s + .15s)}
.kc-sec li:nth-child(2){--i:1}.kc-sec li:nth-child(3){--i:2}.kc-sec li:nth-child(4){--i:3}.kc-sec__soon{--i:4}

/* the close, on both pages */
.kc-close{padding:clamp(64px,7vw,112px) var(--gutter);background:var(--indigo);color:#F7F2EF}
.kc-close h2{font-family:var(--display);font-weight:400;font-size:clamp(38px,5vw,76px);line-height:1;letter-spacing:-.02em}
.kc-close .btn{margin-top:clamp(26px,3vw,40px);border-color:#F7F2EF;color:#F7F2EF}
.kc-close .btn:hover{background:#F7F2EF;color:var(--indigo)}
.kc-close :focus-visible{outline-color:#A9CBD8}

/* ============ the article ============ */
/* the top: where it sits, the title, the writer's opening lines, the byline on the category's rule */
.ar-top{padding:calc(68px + clamp(30px,4vh,52px)) var(--gutter) 0}
.ar-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-family:var(--display);font-size:15px}
.ar-crumb>a:first-child{color:rgba(21,25,27,.62);border-bottom:1px solid transparent;transition:border-color .3s ease}
.ar-crumb>a:first-child:hover{border-color:currentColor}
.ar-crumb>i{font-style:normal;color:rgba(21,25,27,.35)}
.ar-top h1{margin-top:clamp(18px,2vw,28px);max-width:22ch;font-family:var(--display);font-weight:400;font-size:clamp(38px,5vw,80px);line-height:1;letter-spacing:-.025em;color:var(--dust);text-wrap:balance}
.ar-open{margin-top:clamp(22px,2.4vw,36px);max-width:46ch}
.ar-open p{font-family:var(--display);font-style:italic;font-size:clamp(20px,1.7vw,26px);line-height:1.35;color:rgba(21,25,27,.78)}
.ar-open strong{font-style:normal;font-weight:400;color:var(--d)}
.ar-by{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:clamp(26px,3vw,44px);padding:14px 0 16px;border-top:3px solid var(--c);border-bottom:1px solid var(--line);font-family:var(--display);font-size:16px;color:rgba(21,25,27,.66)}
.ar-by b{font-weight:400;color:var(--dust)}
.ar-by i{font-style:normal;color:rgba(21,25,27,.35)}
/* the rail (inner.css) names the sections; above it, its label; below it, the related service */
.ar .rail a::after,.ar .rail.is-dark a::after{background:var(--c)}
.ar .rail a.is-here::before{color:var(--d)}
.ar-rail__lb{margin-bottom:12px;font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--d)}
.ar .rail a.ar-svc{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:28px;padding:16px;background:#EEE8E5;border-left:3px solid var(--c);color:var(--dust);font-size:17px;line-height:1.2}
.ar .rail a.ar-svc::before,.ar .rail a.ar-svc::after{content:none}
.ar-svc span{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--d)}
.ar-svc b{font-weight:400}
.ar .rail a.ar-svc:hover{background:#E6DFDB}
/* the reading column: a measure of about 68 characters; sections are quiet, a rule between them */
.ar-body .ch{padding:clamp(30px,3vw,46px) 0 clamp(6px,1vw,12px)}
.ar-body .ch:first-child{padding-top:clamp(28px,3vw,44px)}
.ar-body .ch+.ch{border-top:0}
.ar-body .ch h2{max-width:28ch;font-size:clamp(26px,2.3vw,34px)}
.ar-body p{max-width:68ch;font-size:clamp(17.5px,1.3vw,19.5px);line-height:1.68;color:rgba(21,25,27,.86)}
.ar-body h2+p,.ar-body p+p,.ar-body div+p,.ar-body p+div{margin-top:1.05em}
.ar-body h2+p{margin-top:16px}
/* lines the writer sets apart: three short lines, in turn, on the category's rule */
.ar-trio{margin:1.6em 0;padding:4px 0 4px clamp(18px,2vw,28px);border-left:3px solid var(--c);max-width:60ch}
.ar-body .ar-trio p{margin:0;font-family:var(--display);font-size:clamp(21px,1.8vw,27px);line-height:1.3;color:var(--dust)}
.ar-body .ar-trio p+p{margin-top:6px}
.ar-body .ar-pull{margin-top:1.4em;margin-bottom:.4em;max-width:30ch;font-family:var(--display);font-size:clamp(25px,2.3vw,34px);line-height:1.18;letter-spacing:-.01em;color:var(--d)}
/* everything an imported article can hold: sub-headings, lists, pictures, quotes, tables */
.ar-body h3{margin-top:1.6em;max-width:40ch;font-family:var(--display);font-weight:400;font-size:clamp(21px,1.7vw,25px);line-height:1.2;color:var(--dust)}
.ar-body h4{margin-top:1.4em;font-family:var(--display);font-size:clamp(18px,1.4vw,20px);font-weight:700;color:var(--dust)}
.ar-body h3+p,.ar-body h4+p,.ar-body h3+ul,.ar-body h3+ol{margin-top:.6em}
.ar-body ul,.ar-body ol{max-width:64ch;margin-top:1em;padding-left:1.3em}
.ar-body li{font-size:clamp(17px,1.25vw,19px);line-height:1.6;color:rgba(21,25,27,.86)}
.ar-body li+li{margin-top:.4em}
.ar-body li::marker{color:var(--c)}
.ar-body a{color:var(--d);text-decoration:underline;text-decoration-color:var(--c);text-underline-offset:3px}
.ar-body .ar-end a,.ar-body .ar-end__svc{text-decoration:none}
.ar-body img{display:block;max-width:100%;height:auto;margin:1.6em 0;background:#EEE8E5}
.ar-body figure{margin:1.6em 0}.ar-body figure img{margin:0}
.ar-body figcaption{margin-top:8px;font-size:14px;color:rgba(21,25,27,.6)}
.ar-body blockquote{margin:1.6em 0;padding-left:clamp(18px,2vw,28px);border-left:3px solid var(--c);font-family:var(--display);font-size:clamp(20px,1.7vw,25px);line-height:1.35;color:var(--dust)}
.ar-body table{width:100%;max-width:760px;margin:1.6em 0;border-collapse:collapse;font-size:16px}
.ar-body th,.ar-body td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ar-body th{font-family:var(--display);font-weight:700}
@media (max-width:700px){.ar-body table{display:block;overflow-x:auto}}
/* the end: the writer, the related service */
.ar-end{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(16px,2vw,28px);max-width:860px;margin-top:clamp(40px,4vw,64px);padding-top:clamp(22px,2.4vw,32px);border-top:1px solid var(--line)}
.ar-end__by{display:flex;flex-direction:column;gap:4px;font-family:var(--display);font-size:16px;color:rgba(21,25,27,.62)}
.ar-end__by span{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--d)}
.ar-end__by b{font-weight:400;font-size:clamp(22px,1.9vw,28px);line-height:1.1;color:var(--dust)}
.ar-end__svc{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:clamp(18px,1.8vw,24px);background:var(--d);color:#F7F2EF;transition:background .3s ease}
.ar-end__svc .kc-tag{color:var(--l)}
.ar-end__svc b{font-family:var(--display);font-weight:400;font-size:clamp(22px,1.9vw,28px);line-height:1.1}
.ar-end__go{font-family:var(--display);font-size:16px;color:var(--l)}
.ar-end__svc:hover{background:#15191B}
/* more to read */
.ar-more{margin-top:clamp(56px,6vw,96px);padding:clamp(48px,5vw,80px) var(--gutter) clamp(64px,7vw,110px);background:#EEE8E5;border-top:1px solid var(--line)}
.ar-more__row{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2.6vw,40px);margin-top:clamp(20px,2.2vw,32px)}
.ar-more__row li:nth-child(1){--i:0}.ar-more__row li:nth-child(2){--i:1}.ar-more__row li:nth-child(3){--i:2}
.js .ar-more__row li{opacity:0;translate:0 14px}
.js .ar-more__row.is-play li{opacity:1;translate:none;transition:opacity .5s ease calc(var(--i) * .12s + .15s),translate .6s var(--ease) calc(var(--i) * .12s + .15s)}
.ar-more__all{margin-top:clamp(30px,3vw,44px)}

@media print{.js .kc-lead,.js .kc-next li,.js .kc-pub li,.js .kc-shelf li,.js .kc-sec li,.js .kc-sec__soon,.js .ar-more__row li{opacity:1;translate:none}}
@media (max-width:1100px){
  .kc-cats ul{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kc-cats li:nth-child(4){border-left:0}
  .kc-cats li:nth-child(4) a{padding-left:0}
  .kc-cats li:nth-child(n+4){border-top:1px solid var(--line)}
  .kc-latest__grid{grid-template-columns:minmax(0,1fr);row-gap:clamp(32px,4vw,48px)}
  .kc-next{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kc-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kc-sec{grid-template-columns:minmax(0,1fr);grid-template-areas:"h" "d" "l" "s";grid-template-rows:auto}
  .kc-sec ul{margin-top:16px}
}
@media (max-width:900px){
  /* the rail becomes inner.css's chip bar: the label and the service card leave it (the service is at the end) */
  .ar-rail__lb,.ar .rail a.ar-svc{display:none}
  .ar .rail a.is-here{background:var(--d);border-color:var(--d)}
  .ar-end{grid-template-columns:minmax(0,1fr)}
  .ar-more__row{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .kc-cats ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kc-cats li:nth-child(n){border-left:0;border-top:0}
  .kc-cats li:nth-child(even){border-left:1px solid var(--line)}
  .kc-cats li:nth-child(n+3){border-top:1px solid var(--line)}
  .kc-cats li a{padding-left:0}
  .kc-cats li:nth-child(even) a{padding-left:12px}
  .kc-lead{min-height:400px}
  .kc-next{grid-template-columns:minmax(0,1fr)}
  /* the shelf swipes sideways, bleeding to the screen's edge */
  .kc-shelf{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));padding:0 var(--gutter) 6px;scroll-padding:0 var(--gutter);scrollbar-width:none}
  .kc-shelf::-webkit-scrollbar{display:none}
  .kc-shelf li{flex:none;width:72%;min-height:260px;scroll-snap-align:start}
  .kc-pub li{width:calc(50% - 10px)}
  .kc-sec ul{columns:1}
}

/* a plain page in the same reading column: Terms & Conditions, the 404 page */
.lg{padding:clamp(28px,3vw,44px) var(--gutter) clamp(64px,7vw,110px)}
.lg>*:first-child{margin-top:0}
.lg p+p,.lg p+ol,.lg p+ul,.lg ol+p,.lg ul+p{margin-top:1em}
.lg p strong:only-child{font-family:var(--display);font-weight:400;font-size:clamp(21px,1.7vw,25px);color:var(--dust)}
.nf a{font-family:var(--display);font-size:clamp(19px,1.5vw,22px)}
/* imported articles: an even rhythm between whatever follows what, a little more before a sub-heading */
.ar-body .ch>*+*{margin-top:1em}
.ar-body .ch>h3,.ar-body .ch>h4{margin-top:1.6em}
.ar-body .ch>h2+*{margin-top:16px}
.ar-body .ar-trio em,.ar-body .ar-trio strong,.ar-body .ar-trio b,.ar-body .ar-trio i{font-style:normal;font-weight:400}