/* =====================================================================
   War-Documentary.info: the English article page in the dark frame (since 2026-10-27).
   The text of the article lies on white "paper"; everything around it is dark, in the colours of About and of the
   dark part under the article: the first screen (template-parts/article-hero.php), the "desk" on both sides of the
   paper with the contents (left, from 1200 px) and the sharing buttons with the reading ring (right, from 992 px),
   the books (template-parts/article-books.php) and the signature (template-parts/article-sign.php) at the end of the
   paper. The paper itself keeps the theme's own styles of the text.
   The selectors start with "html body div#page.site main#primary.site-main" so that they outweigh the theme's own rules for the same elements.
   Loaded by header.php on articles, after the theme's style-en.css and after wd-rate.css.
   ===================================================================== */

html body div#page.site main#primary.site-main{--wa-desk:#182f4c;--wa-y:#ffc107;--wa-text:#d5dce6;--wa-muted:#8d9cb0;--wa-soft:#a9b8ca;--wa-ink:#1a2334}
/* the page itself: dark from the top (an overscroll on a phone shows the colour of the first screen, not white) */
html body.single-post{background:#0f1827}

/* ---------- shared ---------- */
/* (a rule of a component that sets margin or padding on a p, ol or ul names the element too, to outweigh these) */
html body div#page.site main#primary.site-main .wd-ahero,html body div#page.site main#primary.site-main .wd-ahero *,html body div#page.site main#primary.site-main .wd-contents,html body div#page.site main#primary.site-main .wd-contents *,html body div#page.site main#primary.site-main .wd-dock,html body div#page.site main#primary.site-main .wd-dock *,html body div#page.site main#primary.site-main .wd-books,html body div#page.site main#primary.site-main .wd-books *,html body div#page.site main#primary.site-main .wd-sign,html body div#page.site main#primary.site-main .wd-sign *{box-sizing:border-box;letter-spacing:0;text-transform:none}
html body div#page.site main#primary.site-main .wd-ahero svg,html body div#page.site main#primary.site-main .wd-contents svg,html body div#page.site main#primary.site-main .wd-dock svg,html body div#page.site main#primary.site-main .wd-books svg,html body div#page.site main#primary.site-main .wd-sign svg{display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html body div#page.site main#primary.site-main .wd-ahero svg.wd-fill,html body div#page.site main#primary.site-main .wd-dock svg.wd-fill{fill:currentColor;stroke:none}
html body div#page.site main#primary.site-main .wd-ahero p,html body div#page.site main#primary.site-main .wd-ahero ul,html body div#page.site main#primary.site-main .wd-ahero li,html body div#page.site main#primary.site-main .wd-ahero figure,html body div#page.site main#primary.site-main .wd-contents p,html body div#page.site main#primary.site-main .wd-contents ol,html body div#page.site main#primary.site-main .wd-contents li,html body div#page.site main#primary.site-main .wd-dock p,
html body div#page.site main#primary.site-main .wd-books p,html body div#page.site main#primary.site-main .wd-books ul,html body div#page.site main#primary.site-main .wd-books li,html body div#page.site main#primary.site-main .wd-sign ul,html body div#page.site main#primary.site-main .wd-sign li{margin:0;padding:0;list-style:none}
html body div#page.site main#primary.site-main .wd-ahero li::before,html body div#page.site main#primary.site-main .wd-contents li::before,html body div#page.site main#primary.site-main .wd-books li.wd-book::after,html body div#page.site main#primary.site-main .wd-sign li::before{display:none}
html body div#page.site main#primary.site-main .wd-ahero a,html body div#page.site main#primary.site-main .wd-contents a,html body div#page.site main#primary.site-main .wd-dock a,html body div#page.site main#primary.site-main .wd-sign a{text-decoration:none}
html body div#page.site main#primary.site-main .wd-ahero a:focus,html body div#page.site main#primary.site-main .wd-contents a:focus,html body div#page.site main#primary.site-main .wd-dock a:focus,html body div#page.site main#primary.site-main .wd-sign a:focus{outline:0}
html body div#page.site main#primary.site-main .wd-ahero a:focus-visible,html body div#page.site main#primary.site-main .wd-contents a:focus-visible,html body div#page.site main#primary.site-main .wd-dock a:focus-visible{outline:2px solid var(--wa-y);outline-offset:3px}
html body div#page.site main#primary.site-main .wd-sign a:focus-visible,html body div#page.site main#primary.site-main .wd-books a:focus-visible{outline:2px solid #3a6f86;outline-offset:3px}

/* ---------- the first screen ---------- */
html body div#page.site main#primary.site-main .wd-ahero{--g:clamp(16px,4vw,64px);--pw:min(1120px,100vw - 2 * var(--g),(100vh - 420px) * 1375 / 540);
	position:relative;isolation:isolate;padding:86px 0 calc(56px + 20px);
	background:radial-gradient(70% 480px at 50% 0%,rgba(143,184,255,.1) 0%,rgba(143,184,255,0) 70%),linear-gradient(180deg,#0f1827 0%,#13223a 52%,#182f4c 100%);
	color:var(--wa-text);font-family:Transat,sans-serif;font-weight:300;font-size:16px;line-height:1.5;text-align:left;-webkit-font-smoothing:antialiased}
html body div#page.site main#primary.site-main .wd-ahero__in{width:var(--pw);max-width:calc(100% - 2 * var(--g));margin:0 auto}
html body div#page.site main#primary.site-main .wd-ahero__photo{position:relative;margin:0;overflow:hidden;aspect-ratio:1375/540;border-radius:18px;background:#16263b;box-shadow:0 40px 90px -50px rgba(0,0,0,.9)}
html body div#page.site main#primary.site-main .wd-ahero__photo picture,html body div#page.site main#primary.site-main .wd-ahero__photo img{display:block;width:100%;height:100%}
html body div#page.site main#primary.site-main .wd-ahero__photo img{max-width:none;margin:0;object-fit:cover;border-radius:0}
/* the light shade: a thin veil, the corners, the upper edge under the menu and the lower edge under the minutes */
html body div#page.site main#primary.site-main .wd-ahero__photo::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
	background:linear-gradient(0deg,rgba(11,18,30,.5) 0%,rgba(11,18,30,.16) 30%,rgba(11,18,30,0) 52%),
		linear-gradient(180deg,rgba(11,18,30,.3) 0%,rgba(11,18,30,0) 24%),
		radial-gradient(130% 125% at 50% 42%,rgba(11,18,30,0) 56%,rgba(11,18,30,.34) 100%),
		linear-gradient(rgba(18,34,58,.1),rgba(18,34,58,.1))}
html body div#page.site main#primary.site-main p.wd-ahero__min{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px 0 11px;border-radius:999px;background:rgba(13,20,32,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#e6ebf1;font-size:13.5px;line-height:1;white-space:nowrap}
html body div#page.site main#primary.site-main p.wd-ahero__min svg{width:18px;height:18px;color:var(--wa-y)}
html body div#page.site main#primary.site-main .wd-ahero__photo .wd-ahero__min{position:absolute;left:18px;bottom:18px;z-index:2}
/* above the picture's shadow, which would otherwise fall onto the title */
html body div#page.site main#primary.site-main .wd-ahero__text{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;margin-top:20px;text-align:center}
html body div#page.site main#primary.site-main .wd-ahero--nophoto .wd-ahero__text{gap:18px;margin-top:0}
html body div#page.site main#primary.site-main .wd-ahero h1.wd-ahero__title{margin:0;padding:0;border:0;background:none;color:#fff;font-family:Transat,sans-serif;font-weight:700;font-size:clamp(34px,2.3vw + 17px,54px);line-height:1.08;letter-spacing:-.012em;
	text-align:inherit;text-transform:none;text-decoration:underline;text-decoration-color:var(--wa-y);text-decoration-thickness:4px;text-underline-offset:.2em;text-wrap:balance;transition:none}
html body div#page.site main#primary.site-main .wd-ahero h1.wd-ahero__title::before,html body div#page.site main#primary.site-main .wd-ahero h1.wd-ahero__title::after{display:none}
html body div#page.site main#primary.site-main .wd-ahero__bar{display:flex;align-items:center;justify-content:space-between;gap:14px 24px;width:100%;margin-top:18px;text-align:left}
html body div#page.site main#primary.site-main .wd-ahero__author{display:inline-flex;align-items:center;gap:12px;color:#fff}
html body div#page.site main#primary.site-main .wd-ahero__author img{width:44px;height:44px;margin:0;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px rgba(255,255,255,.85)}
html body div#page.site main#primary.site-main .wd-ahero__author span{display:flex;flex-direction:column;line-height:1.25}
html body div#page.site main#primary.site-main .wd-ahero__author b{color:#fff;font-weight:700;font-size:16px}
html body div#page.site main#primary.site-main .wd-ahero__author i{color:var(--wa-soft);font-family:gotic,Transat,sans-serif;font-style:italic;font-size:15px}
html body div#page.site main#primary.site-main .wd-ahero__author:hover b{text-decoration:underline;text-decoration-color:var(--wa-y);text-underline-offset:.2em}
html body div#page.site main#primary.site-main .wd-ahero__meta{display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--wa-soft);font-size:14px;line-height:1.3}
html body div#page.site main#primary.site-main .wd-ahero__meta li{display:flex;align-items:center;gap:8px;white-space:nowrap}
html body div#page.site main#primary.site-main .wd-ahero__meta svg{width:18px;height:18px;color:var(--wa-muted)}
html body div#page.site main#primary.site-main .wd-ahero__meta b{color:#fff;font-weight:700}
html body div#page.site main#primary.site-main .wd-ahero__share{display:flex;align-items:center;gap:8px}
html body div#page.site main#primary.site-main .wd-ahero__btn{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:#fff;transition:background-color .2s ease,color .2s ease}
html body div#page.site main#primary.site-main .wd-ahero__btn svg{width:18px;height:18px}
html body div#page.site main#primary.site-main .wd-ahero__btn--fb svg{width:11px}
html body div#page.site main#primary.site-main .wd-ahero__btn--x svg{width:16px}
html body div#page.site main#primary.site-main .wd-ahero__btn:hover{background:#fff;color:var(--wa-ink)}
html body div#page.site main#primary.site-main .wd-ahero__talk{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px 0 13px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:#e6ebf1;font-size:14px;white-space:nowrap;transition:background-color .2s ease,color .2s ease}
html body div#page.site main#primary.site-main .wd-ahero__talk svg{width:19px;height:19px}
html body div#page.site main#primary.site-main .wd-ahero__talk b{color:#fff;font-weight:700}
html body div#page.site main#primary.site-main .wd-ahero__talk:hover{background:#fff;color:var(--wa-ink)}
html body div#page.site main#primary.site-main .wd-ahero__talk:hover b{color:var(--wa-ink)}
@media (max-width: 1239.98px){
	/* the bar takes two or three rows here, so the picture gives up a little more height */
	html body div#page.site main#primary.site-main .wd-ahero{--pw:min(1120px,100vw - 2 * var(--g),(100vh - 480px) * 1375 / 540)}
	html body div#page.site main#primary.site-main .wd-ahero__bar{flex-wrap:wrap;justify-content:center}
}
/* phones: the phone picture across the screen, the words come up onto its lower part */
@media (max-width: 767.98px){
	html body div#page.site main#primary.site-main .wd-ahero{padding:0 0 calc(24px + 22px);background:linear-gradient(180deg,#13223a 0%,#13223a 72%,#182f4c 100%)}
	html body div#page.site main#primary.site-main .wd-ahero--nophoto{padding-top:96px}
	html body div#page.site main#primary.site-main .wd-ahero__in{width:100%;max-width:none}
	html body div#page.site main#primary.site-main .wd-ahero__photo{aspect-ratio:375/425;border-radius:0;box-shadow:none}
	html body div#page.site main#primary.site-main .wd-ahero__photo::after{box-shadow:none;border-radius:0;
		background:linear-gradient(180deg,rgba(13,21,34,.5) 0%,rgba(13,21,34,0) 18%),
			linear-gradient(0deg,#13223a 0%,rgba(19,34,58,.94) 22%,rgba(19,34,58,.7) 40%,rgba(19,34,58,.3) 56%,rgba(19,34,58,0) 70%)}
	html body div#page.site main#primary.site-main .wd-ahero__photo .wd-ahero__min{left:20px;bottom:auto;top:calc(58vw - 46px)}
	html body div#page.site main#primary.site-main .wd-ahero__text{align-items:flex-start;padding:0 20px;text-align:left}
	html body div#page.site main#primary.site-main .wd-ahero__photo + .wd-ahero__text{margin-top:calc(58vw - 100vw * 425 / 375)}
	html body div#page.site main#primary.site-main .wd-ahero h1.wd-ahero__title{font-size:clamp(30px,8.4vw,40px);text-decoration-thickness:3px;text-shadow:0 2px 20px rgba(0,0,0,.35)}
	html body div#page.site main#primary.site-main .wd-ahero__bar{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:14px;margin-top:18px}
	html body div#page.site main#primary.site-main .wd-ahero__meta{gap:7px 16px}
}

/* ---------- the desk and the paper ---------- */
html body div#page.site main#primary.site-main article.wd-art div.entry-content.wd-desk{background:var(--wa-desk)}
html body div#page.site main#primary.site-main article.wd-art div.entry-content.wd-desk > .container-fluid{padding-left:0;padding-right:0}
html body div#page.site main#primary.site-main article.wd-art div.entry-content.wd-desk > .container-fluid > .row{margin-left:0;margin-right:0}
html body div#page.site main#primary.site-main article.wd-art div.entry-content.wd-desk > .container-fluid > .row > .wd-side{padding-left:0;padding-right:0}
html body div#page.site main#primary.site-main article.wd-art div.entry-content.wd-desk > .container-fluid > .row > .col.wd-paper{position:relative;z-index:2;margin:-56px 0 0;padding:0 0 40px;background:#fff;border-radius:6px 6px 4px 4px;
	box-shadow:0 0 0 1px rgba(255,255,255,.05),0 40px 90px -40px rgba(1,6,16,.85),0 2px 6px rgba(1,6,16,.25)}
html body div#page.site main#primary.site-main article.wd-art div.entry-content.wd-desk .wd-paper > .article_text{padding-top:40px;padding-bottom:24px;background:transparent}
/* under the paper the dark part of the article continues in the colour of the desk */
html body div#page.site main#primary.site-main article.wd-art footer.entry-footer{background:var(--wa-desk)}
/* "Was this article useful?" now starts on the desk: its light comes in below its upper edge, so there is no seam */
html body div#page.site main#primary.site-main article.wd-art footer.entry-footer > .wd-rate:first-child{background:radial-gradient(70% 360px at 14% 360px,rgba(12,106,136,.3) 0%,rgba(12,106,136,0) 72%),radial-gradient(50% 300px at 92% 300px,rgba(143,184,255,.07) 0%,rgba(143,184,255,0) 70%),linear-gradient(180deg,#182f4c 0,#172b45 50%,#182f4c 100%)}

/* ---------- the contents (from 1200 px) ---------- */
html body div#page.site main#primary.site-main .wd-contents{position:sticky;top:96px;align-self:flex-start;isolation:isolate;width:calc(100% - 32px);max-width:224px;margin:56px 16px 40px auto;padding:22px 16px 14px 18px;border-radius:18px;
	background:radial-gradient(90% 50% at 0% 0%,rgba(143,184,255,.08) 0%,rgba(143,184,255,0) 60%),linear-gradient(160deg,#22314d 0%,#1b283f 52%,#16263b 100%);box-shadow:0 30px 60px -40px rgba(0,0,0,.9);
	color:var(--wa-muted);font-family:Transat,sans-serif;font-weight:300;font-size:14px;line-height:1.35;text-align:left;-webkit-font-smoothing:antialiased}
/* the thin line of light on the upper left edge, as on the panels of About */
html body div#page.site main#primary.site-main .wd-contents::before,html body div#page.site main#primary.site-main .wd-dock::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;padding:1px;pointer-events:none;
	background:linear-gradient(160deg,rgba(255,255,255,.26),rgba(255,255,255,.07) 28%,rgba(255,255,255,0) 52%,rgba(143,184,255,.14));
	-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
html body div#page.site main#primary.site-main p.wd-contents__title{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding-bottom:14px;box-shadow:inset 0 -1px 0 rgba(255,255,255,.1);color:#fff;font-weight:700;font-size:17px;line-height:1.2}
html body div#page.site main#primary.site-main p.wd-contents__title svg{width:20px;height:20px;color:var(--wa-y);stroke-width:1.8}
html body div#page.site main#primary.site-main p.wd-contents__title svg circle{fill:currentColor}
/* a long list scrolls inside the panel; the script keeps the part being read in sight */
html body div#page.site main#primary.site-main ol.wd-contents__list{max-height:calc(100vh - 96px - 24px - 90px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;margin:0 -8px;padding:0 8px}
html body div#page.site main#primary.site-main .wd-contents__list li{margin:0;padding:0}
html body div#page.site main#primary.site-main .wd-contents__list a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start;margin:0 -8px;padding:6px 8px;border-radius:8px;color:inherit;transition:color .2s ease,background-color .2s ease}
html body div#page.site main#primary.site-main .wd-contents__list a:hover{background:rgba(255,255,255,.05);color:#fff}
html body div#page.site main#primary.site-main .wd-contents__n{padding-top:3px;color:#6f8097;font-size:12px;font-weight:700;line-height:1.2;text-align:right;font-variant-numeric:tabular-nums}
html body div#page.site main#primary.site-main .wd-contents__t{padding-top:1px}
html body div#page.site main#primary.site-main .wd-contents__list li.is-done{color:#a9b8ca}
html body div#page.site main#primary.site-main .wd-contents__list li.is-done .wd-contents__n{color:#8d9cb0}
html body div#page.site main#primary.site-main .wd-contents__list li.is-current a{background:rgba(255,193,7,.1);box-shadow:inset 3px 0 0 var(--wa-y);color:#fff;font-weight:700}
html body div#page.site main#primary.site-main .wd-contents__list li.is-current .wd-contents__n{color:var(--wa-y)}

/* ---------- the sharing buttons and the reading ring (from 992 px) ---------- */
html body div#page.site main#primary.site-main .wd-dock{position:sticky;top:96px;align-self:flex-start;isolation:isolate;display:flex;flex-direction:column;align-items:center;width:98px;margin:56px auto 40px 22px;padding:20px 0 18px;border-radius:18px;
	background:radial-gradient(90% 40% at 0% 0%,rgba(143,184,255,.08) 0%,rgba(143,184,255,0) 60%),linear-gradient(160deg,#22314d 0%,#1b283f 52%,#16263b 100%);box-shadow:0 30px 60px -40px rgba(0,0,0,.9);
	color:var(--wa-soft);font-family:Transat,sans-serif;font-weight:300;font-size:13px;line-height:1.3;text-align:center;-webkit-font-smoothing:antialiased}
html body div#page.site main#primary.site-main .wd-dock__share,html body div#page.site main#primary.site-main .wd-dock__read{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
html body div#page.site main#primary.site-main .wd-dock__share{padding-bottom:18px;box-shadow:inset 0 -1px 0 rgba(255,255,255,.1)}
html body div#page.site main#primary.site-main p.wd-dock__count{display:flex;flex-direction:column;align-items:center;margin-bottom:6px}
html body div#page.site main#primary.site-main .wd-dock__count b{color:#fff;font-weight:700;font-size:20px;line-height:1.1;font-variant-numeric:tabular-nums}
html body div#page.site main#primary.site-main .wd-dock__count span{color:var(--wa-muted);font-size:12.5px}
html body div#page.site main#primary.site-main .wd-dock__btn{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#fff;transition:background-color .2s ease,box-shadow .2s ease,color .2s ease}
html body div#page.site main#primary.site-main .wd-dock__btn svg{width:20px;height:20px}
html body div#page.site main#primary.site-main .wd-dock__btn--fb svg{width:12px}
html body div#page.site main#primary.site-main .wd-dock__btn--x svg{width:17px}
html body div#page.site main#primary.site-main .wd-dock__btn:hover{background:#fff;color:var(--wa-ink)}
html body div#page.site main#primary.site-main .wd-dock__btn--fb:hover{background:#1766d6;box-shadow:none;color:#fff}
html body div#page.site main#primary.site-main .wd-dock__btn--talk span{position:absolute;top:-5px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--wa-y);color:var(--wa-ink);font-weight:700;font-size:11.5px;line-height:20px}
html body div#page.site main#primary.site-main .wd-dock__ring{position:relative;width:72px;height:72px;margin:18px 0 8px}
html body div#page.site main#primary.site-main .wd-dock__ring svg{width:72px;height:72px;transform:rotate(-90deg)}
html body div#page.site main#primary.site-main .wd-dock__ring circle{fill:none;stroke-width:3}
html body div#page.site main#primary.site-main .wd-dock__track{stroke:rgba(255,255,255,.12)}
html body div#page.site main#primary.site-main .wd-dock__bar{stroke:var(--wa-y);stroke-linecap:round;transition:stroke-dashoffset .2s linear}
html body div#page.site main#primary.site-main .wd-dock__ring b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-weight:700;font-size:17px;font-variant-numeric:tabular-nums}
html body div#page.site main#primary.site-main .wd-dock__views{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--wa-muted);font-size:12.5px}
html body div#page.site main#primary.site-main .wd-dock__views svg{width:18px;height:18px;margin-bottom:2px;color:var(--wa-muted)}
html body div#page.site main#primary.site-main .wd-dock__views b{color:#fff;font-weight:700;font-size:14px}
html body div#page.site main#primary.site-main .wd-dock__btn--top{margin-top:14px;background:rgba(255,193,7,.1);box-shadow:inset 0 0 0 1px rgba(255,193,7,.5);color:var(--wa-y)}
html body div#page.site main#primary.site-main .wd-dock__btn--top:hover{background:var(--wa-y);color:var(--wa-ink)}

/* ---------- the books ---------- */
html body div#page.site main#primary.site-main .wd-books{margin:24px 43px 0;padding:44px 0 4px;color:#424c55;font-family:Transat,sans-serif;font-weight:300;font-size:16px;line-height:1.45;text-align:left;-webkit-font-smoothing:antialiased}
html body div#page.site main#primary.site-main .wd-books__head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-bottom:24px}
html body div#page.site main#primary.site-main .wd-books h2.wd-books__title{margin:0;padding:0;border:0;background:none;color:#1a2334;font-family:Transat,sans-serif;font-weight:700;font-size:clamp(24px,.9vw + 15px,30px);line-height:1.2;letter-spacing:-.005em;
	text-align:left;text-transform:none;text-decoration:underline;text-decoration-color:var(--wa-y);text-decoration-thickness:3px;text-underline-offset:.24em}
html body div#page.site main#primary.site-main .wd-books h2.wd-books__title::before,html body div#page.site main#primary.site-main .wd-books h2.wd-books__title::after{display:none}
html body div#page.site main#primary.site-main .wd-books__count{display:inline-flex;align-items:center;gap:8px;color:#6c757d;font-size:15px;white-space:nowrap}
html body div#page.site main#primary.site-main .wd-books__count svg{width:19px;height:19px;color:#a77a22}
html body div#page.site main#primary.site-main .wd-books__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html body div#page.site main#primary.site-main .wd-books li.wd-book{--spine:#1a2334;position:relative;display:flex;flex-direction:column;gap:5px;padding:15px 18px 16px 34px;border-radius:8px 12px 12px 8px;background:#f5f7fa;box-shadow:inset 0 0 0 1px #e5e9ef}
html body div#page.site main#primary.site-main .wd-books li.wd-book--1{--spine:#6e2f2c}
html body div#page.site main#primary.site-main .wd-books li.wd-book--2{--spine:#2f5a4a}
html body div#page.site main#primary.site-main .wd-books li.wd-book--3{--spine:#3a6f86}
html body div#page.site main#primary.site-main .wd-books li.wd-book--4{--spine:#a77a22}
/* the spine of the book: its cloth colour and two thin gilt bands */
html body div#page.site main#primary.site-main .wd-books li.wd-book::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:16px;margin:0;border-radius:8px 0 0 8px;
	background:linear-gradient(180deg,transparent 12px,rgba(255,220,140,.75) 12px 14px,transparent 14px 17px,rgba(255,220,140,.75) 17px 19px,transparent 19px),linear-gradient(90deg,rgba(255,255,255,.16),rgba(0,0,0,.18)),var(--spine)}
html body div#page.site main#primary.site-main .wd-books cite.wd-book__title{display:block;color:#1a2334;font-style:normal;font-weight:700;font-size:16px;line-height:1.35;text-wrap:pretty}
html body div#page.site main#primary.site-main .wd-books cite.wd-book__title a{color:inherit;text-decoration:underline;text-decoration-color:rgba(26,35,52,.3);text-underline-offset:.18em}
html body div#page.site main#primary.site-main .wd-books .wd-book__by{display:block;color:#6c757d;font-size:14px;line-height:1.35}
html body div#page.site main#primary.site-main .wd-books .wd-book__year{color:#9aa3ad;font-variant-numeric:tabular-nums}
/* a field that has no list: shown as it was written */
html body div#page.site main#primary.site-main .wd-books__raw{color:#424c55;font-size:16px;line-height:1.6}

/* ---------- the signature at the end of the paper ---------- */
html body div#page.site main#primary.site-main .wd-sign{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;margin:44px 43px 0;padding:30px 0 12px;box-shadow:inset 0 1px 0 #e3e8ee;
	color:#6c757d;font-family:Transat,sans-serif;font-weight:300;font-size:14.5px;line-height:1.35;text-align:left;-webkit-font-smoothing:antialiased}
html body div#page.site main#primary.site-main .wd-sign__who{display:flex;align-items:center;gap:14px;color:#1a2334}
html body div#page.site main#primary.site-main .wd-sign__who img{width:64px;height:64px;margin:0;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 0 0 3px #e3e8ee}
html body div#page.site main#primary.site-main .wd-sign__who span{display:flex;flex-direction:column;line-height:1.3}
html body div#page.site main#primary.site-main .wd-sign__who i{color:#6c757d;font-family:gotic,Transat,sans-serif;font-style:italic;font-size:15px}
html body div#page.site main#primary.site-main .wd-sign__who b{color:#1a2334;font-weight:700;font-size:17px}
html body div#page.site main#primary.site-main .wd-sign__who em{color:#6c757d;font-style:normal;font-size:14px}
html body div#page.site main#primary.site-main .wd-sign__who:hover b{text-decoration:underline;text-decoration-color:var(--wa-y);text-underline-offset:.2em}
html body div#page.site main#primary.site-main .wd-sign__meta{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
html body div#page.site main#primary.site-main .wd-sign__meta li{display:flex;align-items:center;gap:8px;white-space:nowrap}
html body div#page.site main#primary.site-main .wd-sign__meta svg{width:18px;height:18px;color:#8d9cb0}
html body div#page.site main#primary.site-main .wd-sign__meta b{color:#1a2334;font-weight:700}

/* ---------- smaller screens ---------- */
@media (max-width: 1199.98px){
	html body div#page.site main#primary.site-main .wd-contents{display:none}
}
@media (max-width: 991.98px){
	html body div#page.site main#primary.site-main article.wd-art div.entry-content.wd-desk > .container-fluid > .row > .col.wd-paper{margin:-40px 16px 0;border-radius:16px 16px 6px 6px}
	html body div#page.site main#primary.site-main .wd-books__list{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 767.98px){
	html body div#page.site main#primary.site-main article.wd-art div.entry-content.wd-desk > .container-fluid > .row > .col.wd-paper{margin:-24px 0 0;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px -12px rgba(1,6,16,.5)}
	html body div#page.site main#primary.site-main article.wd-art div.entry-content.wd-desk .wd-paper > .article_text{padding-top:34px}
	html body div#page.site main#primary.site-main .wd-books{margin:16px 16px 0;padding-top:36px}
	html body div#page.site main#primary.site-main .wd-sign{margin:32px 16px 0;padding:24px 0 4px}
	html body div#page.site main#primary.site-main .wd-sign__meta{gap:10px}
}
/* wide screens: the paper does not grow past the line of a laptop; the desk takes the rest */
@media (min-width: 1441px){
	html body div#page.site main#primary.site-main article.wd-art div.entry-content.wd-desk > .container-fluid > .row > .col.wd-paper{flex:0 0 960px;max-width:960px}
	html body div#page.site main#primary.site-main article.wd-art div.entry-content.wd-desk > .container-fluid > .row > .wd-side{flex:1 1 0;max-width:none}
}
@media (prefers-reduced-motion: reduce){
	html body div#page.site main#primary.site-main .wd-dock__bar,html body div#page.site main#primary.site-main .wd-ahero__btn,html body div#page.site main#primary.site-main .wd-ahero__talk,html body div#page.site main#primary.site-main .wd-dock__btn,html body div#page.site main#primary.site-main .wd-contents__list a{transition:none}
}