/* ══════════════════════════════════════════════════════════════════════════
   css/medical-advisory-board.css — /medical-advisory-board  (prefix fw-mb)

   Its own grammar, deliberately not the Leadership Team's: the opening line
   and live figures beside the board in session with an "independent review"
   seal; a word from the chair set as a letter with a small signed portrait;
   what the board does as a numbered vertical timeline beside a review
   photograph; the board as a registry, one ruled row per advisor grouped by
   panel (portrait, name and credentials, institution and country,
   expertise, pages reviewed); recently reviewed pages as a ruled list; an
   invitation to specialists beside numbered questions.

   House rules kept: bright grounds with soft brand light; no max-width;
   colour only from :root; no boxed cards, structure from space and fade
   rules; photographs square-cornered, no shadow; icon discs, pills and
   buttons stay round; 28px / 14px gutters; each band about 55vh, sizes in
   vh, released at 1024px and below. Each advisor's profile is
   advisory-detail.php with its own sheet (css/advisory-detail.css, fw-mp).
   ══════════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════
   00 · TOKENS & PRIMITIVES
   ══════════════════════════════════════════════════════════════ */

.fw-mb-page{
	--pad:28px;
	--ink:var(--dk-d);
	--line:color-mix(in srgb, var(--dk) 9%, transparent);
	--fade-x:linear-gradient(90deg, transparent, var(--line) 10%, var(--line) 90%, transparent);
	--fade-y:linear-gradient(180deg, transparent, var(--line) 14%, var(--line) 86%, transparent);
	--sec:clamp(30px, 5.2vh, 62px);
	--gap:clamp(22px, 3.2vw, 64px);
	--ease:cubic-bezier(.22,1,.36,1);
	--ease-soft:cubic-bezier(.16,1,.3,1);
	--ac:var(--bl);--ac-dd:var(--bl-dd);--ac-ink:var(--bl-ink);--ac-l:var(--bl-l);--ac-t:var(--bl-t);
	background:var(--wh);
	-webkit-text-size-adjust:100%
}
.fw-mb-ac--pk{--ac:var(--pk);--ac-dd:var(--pk-dd);--ac-ink:var(--pk-ink);--ac-l:var(--pk-l);--ac-t:var(--pk-t)}
.fw-mb-ac--bl{--ac:var(--bl);--ac-dd:var(--bl-dd);--ac-ink:var(--bl-ink);--ac-l:var(--bl-l);--ac-t:var(--bl-t)}
.fw-mb-ac--mt{--ac:var(--mt);--ac-dd:var(--mt-dd);--ac-ink:var(--mt-ink);--ac-l:var(--mt-l);--ac-t:var(--mt-t)}
.fw-mb-ac--pu{--ac:var(--pu);--ac-dd:var(--pu-dd);--ac-ink:var(--pu-ink);--ac-l:var(--pu-l);--ac-t:var(--pu-t)}
.fw-mb-ac--co{--ac:var(--co);--ac-dd:var(--co-dd);--ac-ink:var(--co-ink);--ac-l:var(--co-l);--ac-t:var(--co-t)}

.fw-mb{display:block;position:relative}
.fw-mb-page em{font-family:var(--ff)}
.fw-mb .fw-ico{stroke-width:1.6}
.fw-mb-inner{position:relative;z-index:1;width:100%;padding-inline:var(--pad)}

.fw-mb-eyebrow{display:flex;align-items:center;gap:8px;margin:0;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--bl-ink)}
.fw-mb-eyebrow i{font-size:14px;letter-spacing:0}
.fw-mb-h1{margin:10px 0 0;font-family:var(--ff);font-size:clamp(28px, 5vh, 54px);font-weight:600;line-height:1.08;letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.fw-mb-h2{margin:0;font-family:var(--ff);font-size:clamp(24px, 3.9vh, 40px);font-weight:600;line-height:1.12;letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.fw-mb-h3{margin:0;font-family:var(--ff);font-size:clamp(18px, 2.7vh, 24px);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}
.fw-mb-lead{margin:0;font-size:clamp(15px, 2vh, 17.5px);font-weight:400;line-height:1.6;color:var(--g6);text-wrap:pretty}
.fw-mb-more{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--bl-ink)}
.fw-mb-more i{font-size:12px;transition:transform .3s var(--ease)}
.fw-mb-more:hover{color:var(--bl-dd)}
.fw-mb-more:hover i{transform:translateX(3px)}

.fw-mb-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:clamp(46px, 5.8vh, 54px);padding:0 26px;border:0;border-radius:100px;cursor:pointer;
	font-family:var(--ff);font-size:15px;font-weight:600;white-space:nowrap;color:var(--wh);background:linear-gradient(100deg, var(--pk), var(--pk-d) 45%, var(--pk-dd));box-shadow:var(--pk-glow);
	transition:box-shadow .3s, transform .25s var(--ease)
}
.fw-mb-btn i{font-size:13px;transition:transform .3s var(--ease)}
.fw-mb-btn:hover{color:var(--wh);box-shadow:var(--pk-glow-lg);transform:translateY(-1px)}
.fw-mb-btn--ghost{color:var(--ink);background:var(--wh);box-shadow:inset 0 0 0 1.5px var(--line)}
.fw-mb-btn--ghost:hover{color:var(--bl-ink);background:var(--bl-wash);box-shadow:inset 0 0 0 1.5px var(--bl-ring)}
.fw-mb-act{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:clamp(18px, 3vh, 30px)}

.fw-mb-disc{display:grid;place-items:center;flex:0 0 auto;width:clamp(42px, 5.6vh, 50px);height:clamp(42px, 5.6vh, 50px);border-radius:50%;font-size:clamp(19px, 2.5vh, 22px);color:var(--ac-ink);background:var(--ac-l)}
.fw-mb-mono{display:grid;place-items:center;width:100%;height:100%;font-family:var(--ff);font-size:20px;font-weight:600;color:var(--ac-ink);background:linear-gradient(150deg, var(--ac-l), var(--ac-t))}

.fw-mb img.lazy{opacity:0;transition:opacity .6s var(--ease-soft)}
.fw-mb img.lazy-loaded,
.fw-mb img.lazy-error{opacity:1}

.fw-mb-anim [data-mb-reveal]{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease-soft), transform .8s var(--ease-soft)}
.fw-mb-anim [data-mb-reveal].is-in{opacity:1;transform:none}

/* ══════════════════════════════════════════════════════════════
   01 · WHO CHECKS OUR MEDICINE
   ══════════════════════════════════════════════════════════════ */

.fw-mb-hero{
	--hh:clamp(250px, 42vh, 460px);
	position:relative;display:grid;grid-template-columns:minmax(0, 1fr) auto;column-gap:var(--gap);align-items:center;
	padding:clamp(12px, 2vh, 24px) var(--pad) clamp(28px, 4.6vh, 56px) 0;
	background:
		radial-gradient(55% 80% at 90% 10%, color-mix(in srgb, var(--bl) 11%, transparent), transparent 70%),
		radial-gradient(45% 70% at 8% 100%, color-mix(in srgb, var(--mt) 9%, transparent), transparent 70%),
		var(--wh)
}
.fw-mb-crumb{margin-bottom:clamp(12px, 2.4vh, 24px)}
.fw-mb-hero .fw-mb-lead{margin-top:clamp(12px, 2vh, 18px)}
.fw-mb-hero__fig{position:relative;margin:0;height:var(--hh);aspect-ratio:1600 / 893;background:var(--g1)}
.fw-mb-hero__fig img{display:block;width:100%;height:100%;object-fit:contain}
/* The seal: a white pill over the photograph's corner. */
.fw-mb-seal{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:10px;padding:8px 18px 8px 10px;border-radius:100px;background:var(--wh)}
.fw-mb-seal i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:16px;color:var(--wh);background:linear-gradient(135deg, var(--bl), var(--mt-dd))}
.fw-mb-seal span{display:flex;flex-direction:column;font-size:11.5px;line-height:1.3;color:var(--g6)}
.fw-mb-seal b{font-size:13px;font-weight:600;color:var(--ink)}

.fw-mb-facts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0, 1fr);width:fit-content;margin:clamp(20px, 3.4vh, 34px) 0 0;padding:0;list-style:none}
.fw-mb-facts li{position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:0 clamp(16px, 1.8vw, 28px)}
.fw-mb-facts li:first-child{padding-left:0}
.fw-mb-facts li + li::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:1px;background:var(--fade-y)}
.fw-mb-facts .fw-mb-disc{grid-row:1 / span 2}
.fw-mb-facts b{align-self:end;font-family:var(--ff);font-size:clamp(24px, 3.8vh, 36px);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--ac-ink);font-variant-numeric:tabular-nums}
.fw-mb-facts__label{align-self:start;margin-top:5px;font-size:13px;font-weight:500;line-height:1.3;color:var(--g6);white-space:nowrap}

/* ══════════════════════════════════════════════════════════════
   02 · A WORD FROM THE CHAIR — a letter
   ══════════════════════════════════════════════════════════════ */

.fw-mb-letter{position:relative;padding:var(--sec) 0;background:linear-gradient(115deg, color-mix(in srgb, var(--bl) 6%, var(--wh)), var(--wh) 60%, color-mix(in srgb, var(--pk) 5%, var(--wh)))}
.fw-mb-letter__grid{display:grid;grid-template-columns:minmax(0, 1fr) clamp(300px, 28vw, 440px);column-gap:var(--gap);align-items:center}
.fw-mb-letter__quote{position:relative;margin:clamp(12px, 2vh, 18px) 0 0;padding-left:clamp(30px, 3vw, 44px);font-family:var(--ff);font-size:clamp(22px, 3.6vh, 34px);font-weight:500;line-height:1.25;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.fw-mb-letter__quote::before{content:'\201C';position:absolute;left:0;top:-.1em;font-size:1.9em;font-weight:700;line-height:1;color:var(--bl)}
.fw-mb-letter__body{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:clamp(24px, 3vw, 48px);align-items:start}
.fw-mb-letter__body > .fw-mb-eyebrow,
.fw-mb-letter__body > .fw-mb-letter__quote{grid-column:1 / -1}
.fw-mb-letter__text{margin:clamp(14px, 2.4vh, 22px) 0 0;font-size:clamp(14.5px, 1.95vh, 16px);line-height:1.7;color:var(--g7);text-wrap:pretty}

/* The signature: a small portrait beside the name, a fade rule on the left. */
.fw-mb-sign{position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:18px;align-items:center;padding-left:var(--gap)}
.fw-mb-sign::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--fade-y)}
.fw-mb-sign__pic{display:block;height:clamp(150px, 22vh, 220px);aspect-ratio:4 / 5;overflow:hidden;background:var(--g1)}
.fw-mb-sign__pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-soft)}
.fw-mb-sign:hover .fw-mb-sign__pic img{transform:scale(1.04)}
.fw-mb-sign__who{display:flex;flex-direction:column;min-width:0}
.fw-mb-sign__who b{font-family:var(--ff);font-size:clamp(17px, 2.4vh, 20px);font-weight:600;line-height:1.2;color:var(--ink)}
.fw-mb-sign__who > span{margin-top:3px;font-size:13.5px;font-weight:600;color:var(--bl-ink)}
.fw-mb-sign__who small{margin-top:4px;font-size:12.5px;line-height:1.4;color:var(--g6)}
.fw-mb-sign__who em{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-style:normal;font-size:13.5px;font-weight:600;color:var(--pk-ink)}
.fw-mb-sign__who em i{font-size:12px;transition:transform .3s var(--ease)}
.fw-mb-sign:hover .fw-mb-sign__who em i{transform:translateX(3px)}

/* ══════════════════════════════════════════════════════════════
   03 · WHAT THE BOARD DOES — a numbered timeline
   ══════════════════════════════════════════════════════════════ */

.fw-mb-how{position:relative;padding:var(--sec) 0}
.fw-mb-how__grid{display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:var(--gap);align-items:center}
.fw-mb-how__fig{margin:0;height:clamp(230px, 38vh, 400px);aspect-ratio:1600 / 1073;background:var(--g1)}
.fw-mb-how__fig img{display:block;width:100%;height:100%;object-fit:contain}
.fw-mb-steps{position:relative;margin:clamp(12px, 2vh, 20px) 0 0;padding:0;list-style:none}
/* The thread the numbers hang on. */
.fw-mb-steps::before{content:'';position:absolute;left:clamp(17px, 2.2vh, 21px);top:14px;bottom:14px;width:2px;background:linear-gradient(180deg, var(--pk), var(--bl), var(--mt), var(--pu));opacity:.35}
.fw-mb-steps li{position:relative;display:grid;grid-template-columns:clamp(36px, 4.6vh, 44px) minmax(0, 1fr);column-gap:18px;padding:clamp(7px, 1.2vh, 11px) 0}
.fw-mb-steps__n{position:relative;display:grid;place-items:center;width:clamp(36px, 4.6vh, 44px);height:clamp(36px, 4.6vh, 44px);border-radius:50%;font-family:var(--ff);font-size:13px;font-weight:700;color:var(--wh);background:var(--ac-ink)}
.fw-mb-steps h3{display:flex;align-items:center;gap:9px;margin:clamp(4px, .8vh, 8px) 0 0;font-family:var(--ff);font-size:clamp(16px, 2.3vh, 19px);font-weight:600;line-height:1.25;letter-spacing:-.015em;color:var(--ink)}
.fw-mb-steps__ico{display:inline-grid;font-size:18px;color:var(--ac-ink)}
.fw-mb-steps p{margin:3px 0 0;font-size:13.5px;line-height:1.55;color:var(--g6);text-wrap:pretty}

/* ══════════════════════════════════════════════════════════════
   04 · THE BOARD — a registry by panel
   ══════════════════════════════════════════════════════════════ */

.fw-mb-board{position:relative;padding:var(--sec) 0;background:linear-gradient(180deg, color-mix(in srgb, var(--bl) 5%, var(--wh)), var(--wh) 40%, color-mix(in srgb, var(--mt) 5%, var(--wh)))}
.fw-mb-board__top{display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:var(--gap);align-items:end}
.fw-mb-panel{position:relative;margin-top:clamp(22px, 3.6vh, 36px);scroll-margin-top:110px}
.fw-mb-panel__head{display:grid;grid-template-columns:auto auto minmax(0, 1fr);column-gap:14px;align-items:center;padding-bottom:clamp(8px, 1.4vh, 12px)}
.fw-mb-panel__head h3{margin:0;font-family:var(--ff);font-size:clamp(17px, 2.5vh, 21px);font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.fw-mb-panel__head p{margin:0;font-size:13.5px;color:var(--g6)}
.fw-mb-reg{margin:0;padding:0;list-style:none;border-top:2px solid var(--ac-l)}
.fw-mb-reg li{position:relative}
.fw-mb-reg li::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--fade-x)}
.fw-mb-reg__row{
	display:grid;grid-template-columns:clamp(54px, 7.2vh, 68px) minmax(0, 1.25fr) minmax(0, 1.2fr) minmax(0, 1fr) 34px;column-gap:clamp(14px, 1.6vw, 26px);align-items:center;
	padding:clamp(10px, 1.6vh, 14px) 0;color:inherit;transition:background .3s
}
.fw-mb-reg__row:hover{background:linear-gradient(90deg, transparent, var(--ac-t) 20%, var(--ac-t) 80%, transparent)}
.fw-mb-reg__pic{display:block;aspect-ratio:4 / 5;overflow:hidden;background:var(--g1)}
.fw-mb-reg__pic img{display:block;width:100%;height:100%;object-fit:cover}
.fw-mb-reg__who{display:flex;flex-direction:column;min-width:0}
.fw-mb-reg__who b{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--ff);font-size:clamp(15.5px, 2.2vh, 18px);font-weight:600;line-height:1.25;color:var(--ink);transition:color .3s}
.fw-mb-reg__who > span{margin-top:3px;font-size:13px;font-weight:500;color:var(--ac-ink)}
.fw-mb-chair{display:inline-flex;align-items:center;padding:2px 10px;border-radius:100px;font-family:var(--ff);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--wh);background:var(--pk-ink)}
.fw-mb-reg__where{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:13px;color:var(--g7)}
.fw-mb-reg__where > span{display:flex;align-items:flex-start;gap:8px;line-height:1.4}
.fw-mb-reg__where i{margin-top:1px;color:var(--g5)}
.fw-mb-reg__where img{flex:0 0 auto;display:block;width:18px;margin-top:2px;aspect-ratio:4 / 3;object-fit:cover;box-shadow:0 0 0 1px var(--line)}
.fw-mb-reg__areas{display:flex;flex-wrap:wrap;gap:6px}
.fw-mb-reg__areas > span{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:12px;font-weight:600;color:var(--g7);background:var(--g1)}
.fw-mb-reg__rev{color:var(--mt-ink);background:var(--mt-l)}
.fw-mb-reg__go{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:13px;color:var(--ac-ink);background:var(--ac-l);transition:transform .3s var(--ease), background .3s, color .3s}
.fw-mb-reg__row:hover .fw-mb-reg__who b{color:var(--ac-ink)}
.fw-mb-reg__row:hover .fw-mb-reg__go{color:var(--wh);background:var(--ac-ink);transform:translateX(3px)}

/* ══════════════════════════════════════════════════════════════
   05 · RECENTLY REVIEWED BY THE BOARD
   ══════════════════════════════════════════════════════════════ */

.fw-mb-reviewed{position:relative;padding:var(--sec) 0}
.fw-mb-pages{columns:2;column-gap:clamp(24px, 3vw, 54px);margin:clamp(16px, 2.8vh, 26px) 0 0;padding:0;list-style:none}
.fw-mb-pages li{position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:14px;row-gap:3px;align-items:center;padding:clamp(10px, 1.6vh, 14px) 0;break-inside:avoid}
.fw-mb-pages li::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--fade-x)}
.fw-mb-pages__kind{grid-row:span 2;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ac-ink);background:var(--ac-l)}
.fw-mb-pages li > a{font-family:var(--ff);font-size:15px;font-weight:600;color:var(--ink)}
.fw-mb-pages li > a:hover{color:var(--pk-ink)}
.fw-mb-pages small{font-size:12.5px;color:var(--g6)}
.fw-mb-pages small a{color:var(--bl-ink);font-weight:600}

/* ══════════════════════════════════════════════════════════════
   06 · FOR SPECIALISTS, AND YOUR QUESTIONS
   ══════════════════════════════════════════════════════════════ */

.fw-mb-end{position:relative;padding:var(--sec) 0;background:linear-gradient(180deg, var(--wh), color-mix(in srgb, var(--bl) 5%, var(--wh)))}
.fw-mb-end__grid{display:grid;grid-template-columns:minmax(0, .85fr) minmax(0, 1.3fr);column-gap:var(--gap);align-items:start}
.fw-mb-invite{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding-right:var(--gap)}
.fw-mb-invite::after{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:var(--fade-y)}
.fw-mb-invite__fig{margin:0 0 clamp(12px, 2vh, 18px);height:clamp(170px, 23vh, 260px);aspect-ratio:1600 / 1073;background:var(--g1)}
.fw-mb-invite__fig img{display:block;width:100%;height:100%;object-fit:contain}
.fw-mb-invite p{margin:8px 0 12px;font-size:14.5px;line-height:1.6;color:var(--g6);text-wrap:pretty}
.fw-mb-qs{margin-top:clamp(12px, 2vh, 20px)}
.fw-mb-q{position:relative;padding:clamp(10px, 1.7vh, 15px) 0}
.fw-mb-q::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--fade-x)}
.fw-mb-q summary{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;column-gap:14px;align-items:center;cursor:pointer;list-style:none;font-family:var(--ff);font-size:clamp(15px, 2.1vh, 17px);font-weight:600;line-height:1.35;color:var(--ink)}
.fw-mb-q summary::-webkit-details-marker{display:none}
.fw-mb-q summary > span{font-size:12px;font-weight:700;color:var(--bl-ink)}
.fw-mb-q summary i{font-size:14px;color:var(--g5);transition:transform .35s var(--ease)}
.fw-mb-q[open] summary i{transform:rotate(180deg);color:var(--bl-ink)}
.fw-mb-q summary:hover{color:var(--bl-ink)}
.fw-mb-q p{margin:8px 30px 2px 34px;font-size:14.5px;line-height:1.6;color:var(--g6);text-wrap:pretty}

/* ══════════════════════════════════════════════════════════════
   07 · SMALLER SCREENS — the bands are released and stacked
   ══════════════════════════════════════════════════════════════ */

@media (max-width: 1024px){
	.fw-mb-hero{--hh:clamp(220px, 34vw, 360px)}
	.fw-mb-letter__grid,
	.fw-mb-end__grid{grid-template-columns:minmax(0, 1fr);row-gap:26px}
	.fw-mb-sign{padding-left:0}
	.fw-mb-sign::before{display:none}
	.fw-mb-invite{padding-right:0}
	.fw-mb-invite::after{display:none}
	.fw-mb-how__fig{height:clamp(200px, 26vw, 300px)}
	.fw-mb-reg__row{grid-template-columns:clamp(54px, 7vw, 68px) minmax(0, 1.2fr) minmax(0, 1fr) 34px}
	.fw-mb-reg__areas{grid-column:2 / 4;grid-row:2;margin-top:8px}
}

@media (max-width: 768px){
	.fw-mb-page{--pad:14px;--gap:18px}
	.fw-mb-h1{font-size:clamp(27px, 7.6vw, 36px)}
	.fw-mb-h2{font-size:clamp(22px, 6.4vw, 30px)}

	.fw-mb-hero{grid-template-columns:minmax(0, 1fr);row-gap:22px;padding:10px var(--pad) 28px 0}
	.fw-mb-hero__fig{height:auto;width:calc(100% - var(--pad));margin-left:var(--pad)}
	.fw-mb-act .fw-mb-btn{flex:1 1 auto}
	.fw-mb-facts{grid-auto-flow:row;grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:18px;width:100%}
	.fw-mb-facts li{padding:0 12px}
	.fw-mb-facts li:nth-child(odd){padding-left:0}
	.fw-mb-facts li:nth-child(odd)::before{display:none}
	.fw-mb-facts__label{white-space:normal}

	.fw-mb-letter__body{grid-template-columns:minmax(0, 1fr)}
	.fw-mb-how__grid{grid-template-columns:minmax(0, 1fr);row-gap:20px}
	.fw-mb-how__fig{height:auto;width:100%}
	.fw-mb-board__top{grid-template-columns:minmax(0, 1fr);row-gap:8px}
	.fw-mb-panel__head{grid-template-columns:auto minmax(0, 1fr);row-gap:2px}
	.fw-mb-panel__head .fw-mb-disc{grid-row:span 2}

	/* A registry row on a phone: portrait, name and credentials; the place
	   and expertise underneath, the arrow at the end. */
	.fw-mb-reg__row{grid-template-columns:62px minmax(0, 1fr) 30px;row-gap:8px;align-items:start}
	.fw-mb-reg__pic{grid-row:span 3}
	.fw-mb-reg__who{grid-column:2}
	.fw-mb-reg__where{grid-column:2;grid-row:2}
	.fw-mb-reg__areas{grid-column:2;grid-row:3;margin-top:0}
	.fw-mb-reg__go{grid-column:3;grid-row:1;width:30px;height:30px}
	.fw-mb-pages{columns:1}
	.fw-mb-invite__fig{height:auto;width:100%}
}

@media (prefers-reduced-motion: reduce){
	.fw-mb-anim [data-mb-reveal]{opacity:1;transform:none;transition:none}
	.fw-mb-sign__pic img{transition:none}
}