/* Article — copied from the approved MyNurseDesk design canvas. Regenerate with sync-design.py; do not edit by hand. */

/* ---- layout: article + right sidebar ---- */


.art-layout{grid-template-columns:minmax(0,1fr)!important;gap:24px!important;justify-content:stretch!important}
.toc-side{position:static!important;max-height:none!important;overflow:visible!important}
@media(min-width:1100px){
  .art-layout{grid-template-columns:minmax(0,1fr) 340px!important;grid-template-areas:"hero toc" "hero side" "main side";grid-template-rows:auto auto 1fr;gap:28px 48px!important}
  .art-layout>.art-hero{grid-area:hero;margin-top:0;align-self:start}
  .art-main{grid-area:main}
  .toc-side{grid-area:toc}
  .art-side{grid-area:side}
  .toc-side .atoc{border:1px solid var(--line);border-radius:18px;padding:18px 20px;background:var(--surface)}
  .toc-side .atoc-btn{display:none}
  .toc-side .atoc-title{display:block}
  .toc-side .atoc-body{display:block!important;height:auto!important;grid-template-rows:1fr!important}
}
.art-side{display:grid;gap:18px;align-content:start;min-width:0}
/* cover image sits inside the layout so "On this page" starts beside it on desktop */


.art-layout>.art-hero{width:100%;max-width:100%}
.art-layout{margin-top:clamp(20px,3vw,32px)}
/* ---- header: compact, like the job page ---- */


.ah2{max-width:900px}
.ah2-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.ah2-tag{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:999px;background:#CFEDE7;color:#0A5F5E;font:600 13.5px/1 var(--font-b);text-decoration:none}
.ah2-tag:hover{background:#BFE6DE}
.ah2-h1{max-width:none!important;margin:0;font:800 clamp(28px,3.2vw,40px)/1.15 var(--font-h);letter-spacing:-.02em;color:var(--text);text-wrap:balance}
.ah2-lead{max-width:68ch!important;margin:12px 0 0;font-size:clamp(16px,1.3vw,18px);line-height:1.55;color:var(--muted);max-width:68ch}
.ah2-by{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin-top:20px}
.ah2-av{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--blue);flex:none}
.ah2-av svg{width:22px;height:22px}
.ah2-who{display:grid;gap:2px}
.ah2-who b{font:700 15px/1.2 var(--font-h);color:var(--text)}
.ah2-who small{font-size:13px;color:var(--muted)}
.ah2-meta{display:flex;flex-wrap:wrap;gap:8px 18px;padding-left:16px;border-left:1px solid var(--line-strong);color:var(--muted);font-size:14.5px}
.ah2-meta>span,.ah2-meta>a{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none}
.ah2-meta a:hover{color:var(--link)}
.ah2-meta .ico{width:16px;height:16px;color:var(--link)}
@media(max-width:639px){.ah2-meta{padding-left:0;border-left:0;width:100%}}
/* ---- header: same look, a shorter band ---- */


.art-band{padding-bottom:clamp(20px,2.4vw,28px)!important}
.art-band .art-head{padding-top:clamp(20px,2.4vw,28px)!important}
.ah2-h1{font-size:clamp(26px,2.8vw,36px)!important}
.ah2-top{margin-bottom:10px}
.ah2-lead{margin-top:8px!important}
.ah2-by{margin-top:14px}
.ah2-av{width:40px;height:40px}.ah2-av svg{width:20px;height:20px}
.ah2-meta>a{text-underline-offset:3px}.ah2-meta>a:hover{text-decoration:none}
.ah2-tag:focus-visible,.ah2-meta a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
/* ---- about the author (site style) ---- */


.aut{margin-top:36px}
.aut-title{margin:0 0 14px;font:800 22px/1.2 var(--font-h);color:var(--text)}
.aut-card{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface-2)}
@media(min-width:640px){.aut-card{grid-template-columns:88px minmax(0,1fr);gap:22px;padding:24px}}
.aut-logo{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:var(--blue);box-shadow:0 0 0 6px var(--blue-soft)}
@media(min-width:640px){.aut-logo{width:88px;height:88px;border-radius:22px}}
.aut-logo svg{width:44%;height:44%}
.aut-name{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.aut-name b{font:800 19px/1.2 var(--font-h);color:var(--text)}
.aut-role{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;background:#CFEDE7;color:#0A5F5E;font:600 12.5px/1 var(--font-b)}
.aut-role .ico{width:14px;height:14px}
.aut-tx p{margin:10px 0 0;font-size:15.5px;line-height:1.6;color:var(--muted)}
.aut-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.aut-links{display:flex;gap:8px}
.aut-links a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--link)}
.aut-links a:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.aut-links .ico{width:16px;height:16px}
.aut-links .aut-fill{fill:currentColor;stroke:none}
/* ---- sidebar widgets (site style, like the job page cards) ---- */


.aw{border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--surface)}
.aw-h{margin:0 0 14px;font:800 17px/1.25 var(--font-h);color:var(--text)}
.aw-soc{display:flex;flex-wrap:wrap;gap:8px}
.aw-soc a,.aw-copy{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer}
.aw-soc a:hover,.aw-copy:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.aw-soc .ico{width:17px;height:17px;fill:currentColor;stroke:none;fill-rule:evenodd}
.aw-copy .ico{width:17px;height:17px}
.ah2-top{gap:8px}
.ah2-tag{gap:7px;height:34px;padding:0 14px 0 11px;border:1px solid color-mix(in srgb,var(--blue) 30%,transparent);background:color-mix(in srgb,var(--blue) 9%,var(--surface));color:var(--link);font:600 14px/1 var(--font-b)}
.ah2-tag:hover{background:color-mix(in srgb,var(--blue) 15%,var(--surface))}
.ah2-tag .ico{width:16px;height:16px;flex:none}
.ah2-tag-n{border-color:var(--line);background:var(--surface-2);color:var(--text);font-weight:500}
.ah2-tag-n .ico{color:var(--link)}

/* =====================================================================
   28 Oct 2026 · single article refresh (header kept, sidebar kept on the right)
   ===================================================================== */



:root{--tip-bg:#F1F6FA;--tip-line:#D8E4EE;--tip-ico:#2F6690;--note-bg:#FFF8EA;--note-line:#F0DDB0;--note-ico:#8A4B00;--take-bg:#EAF6F4;--take-line:#CBE7E2;--take-ico:#0A6E6D;--qs-bg:#EEF8F6;--qs-line:#CFE9E4;--th-bg:#E8F5F2}
:root[data-theme="dark"]{--tip-bg:#11222E;--tip-line:#1F3A4C;--tip-ico:#8EC3E8;--note-bg:#241D10;--note-line:#4A3A17;--note-ico:#F5C26B;--take-bg:#0F2A2E;--take-line:#1D4A4C;--take-ico:#5CCAC7;--qs-bg:#0F2A2E;--qs-line:#1D4A4C;--th-bg:#123236}
/* header: rounded-rectangle badges, meta row with thin separators */


.ah2-tag{border-radius:9px!important;height:32px!important}
.ah2-h1{line-height:1.18!important;letter-spacing:-.015em}
.ah2-lead{color:color-mix(in srgb,var(--text) 78%,var(--bg))!important;line-height:1.6!important}
.ah2-by{gap:10px 14px;align-items:center}
.ah2-meta{border-left:0!important;padding-left:0!important;gap:6px 0!important;align-items:center}
.ah2-meta>*{line-height:1.3}
.ah2-meta>*+*::before{content:"";display:inline-block;width:1px;height:16px;margin:0 14px;background:var(--line-strong);vertical-align:middle}
.ah2-who b{font-size:15.5px}
@media(max-width:639px){
  .ah2-by{flex-wrap:nowrap!important;align-items:flex-start!important}
  .ah2-meta{flex:1 1 auto;min-width:0;font-size:14px!important;row-gap:4px!important}
  .ah2-meta>.ah2-who{flex-basis:100%}
  .ah2-meta{column-gap:14px!important}
  .ah2-meta>*+*::before{display:none!important}
}
/* article text: readable width, plain white background */


.art-prose{max-width:74ch;color:var(--text)}
@media(min-width:1100px){.art-prose{max-width:none}}
.art-prose p,.art-prose li{color:color-mix(in srgb,var(--text) 90%,var(--bg))}
.art-prose>*+*{margin-top:18px}
.art-prose h2{margin-top:44px!important;font-size:clamp(23px,2.3vw,28px);line-height:1.25;scroll-margin-top:calc(var(--hdr-h) + 24px)}
.art-prose h3{margin-top:30px!important;font-size:clamp(19px,1.8vw,21px);line-height:1.3;scroll-margin-top:calc(var(--hdr-h) + 24px)}
.art-prose h2+*,.art-prose h3+*{margin-top:12px!important}
/* data tables: mint header, lines on every row and column, rounded outer corners */


.art-prose .tbl-scroll{border:1px solid var(--line-strong);border-radius:12px;background:var(--surface)}
.art-prose .dt{font-size:15.5px;border-collapse:separate;border-spacing:0}
.art-prose .dt-th{background:var(--th-bg);padding:11px 14px;font:600 14.5px/1.35 var(--font-b);color:var(--text);white-space:normal;border-bottom:1px solid var(--line-strong)}
.art-prose .dt-td{padding:11px 14px;line-height:1.5;color:color-mix(in srgb,var(--text) 90%,var(--bg))}
.art-prose .dt-th+.dt-th,.art-prose .dt-td+.dt-td{border-left:1px solid var(--line)}
.art-prose .dt-td:first-child{white-space:normal;font-weight:600;color:var(--text)}
.art-prose .dt.c3{min-width:560px}.art-prose .dt.c5{min-width:560px}
.art-prose .dt.c5 .dt-td:not(:first-child),.art-prose .dt.c5 .dt-th:not(:first-child){text-align:center}
.tbl-cap{margin:0 0 8px;font:600 14px/1.3 var(--font-b);color:var(--muted)}
/* sources, tags, prev/next */
/* about the author: compact */



.aut{margin-top:32px!important}
.aut-title{font-size:20px!important;margin-bottom:12px!important}
.aut-card{padding:18px!important;border-radius:14px!important;gap:16px!important}
@media(min-width:640px){.aut-card{grid-template-columns:56px minmax(0,1fr)!important}}
.aut-logo{width:56px!important;height:56px!important;border-radius:14px!important;box-shadow:none!important}
.aut-logo svg{width:44%!important;height:44%!important}
.aut-name b{font-size:17px!important}
.aut-role{border-radius:8px!important;height:24px!important}
.aut-tx p{font-size:15.5px!important;margin-top:8px!important;color:color-mix(in srgb,var(--text) 80%,var(--bg))!important}
.aut-foot{margin-top:12px!important;padding-top:12px!important}
/* comments: lighter, clearer */


.cmt-note{display:flex;gap:8px;align-items:flex-start;margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--muted)}
.cmt-note .ico{flex:none;width:16px;height:16px;margin-top:2px;color:var(--link)}
.cform .input,.cform .textarea{border-radius:10px}
.cform .field-err:not(:empty){display:flex;align-items:center;gap:6px;margin-top:6px;font-size:14px;color:var(--red)}
.cform [aria-invalid="true"]{border-color:var(--red)!important}
@media(prefers-reduced-motion:reduce){.atags a{transition:none}}

/* Quick Summary + boxes: exactly his FINAL2 design (28 Oct 2026) */



:root{--f2-qs-line:#CFE3E6;--f2-row:#EEF2F5;--f2-navy:#0B2545;--f2-teal:#0F8B8D;--f2-tip:#F7F9FB;--f2-note:#FFF8EC;--f2-note-i:#C2410C;--f2-key:#EEF9F8}
:root[data-theme="dark"]{--f2-qs-line:#1D4A4C;--f2-row:#1B3440;--f2-navy:#E6F1F0;--f2-teal:#5CCAC7;--f2-tip:#122833;--f2-note:#241D10;--f2-note-i:#F5A25B;--f2-key:#0F2A2E}
.art-prose .qs{margin-top:22px!important;border:1px solid var(--f2-qs-line);border-radius:14px;overflow:hidden;background:var(--surface)}
.art-prose .qs-h{display:flex;align-items:center;gap:8px;margin:0;padding:11px 16px;background:linear-gradient(90deg,#0F8B8D,#0B2545);color:#fff;font:700 16px/1.3 var(--font-b)}
.art-prose .qs-h svg{width:18px;height:18px;flex:none}
.art-prose .qs-list{list-style:none;margin:0;padding:6px 16px 10px;display:block}
.art-prose .qs-list li{display:flex;gap:10px;padding:7px 0;font-size:16px;line-height:1.55;border-bottom:1px solid var(--f2-row);min-height:0}
.art-prose .qs-list li:last-child{border-bottom:0}
.art-prose .qs-list li::before{content:none!important;display:none!important}
.art-prose .qs-list b{color:var(--f2-navy);font-weight:700}
.art-prose .callout{display:flex;gap:12px;align-items:flex-start;margin-top:20px;padding:14px 16px;border:0!important;border-radius:12px;background:var(--f2-tip);font-size:16px;line-height:1.6}
.art-prose .callout .co-i{flex:none;margin-top:2px;color:var(--f2-navy)}
.art-prose .callout .co-i svg{width:20px;height:20px;display:block}
.art-prose .callout p{margin:0;color:color-mix(in srgb,var(--text) 88%,var(--bg))}
.art-prose .callout p>b{color:var(--f2-navy);font-weight:700}
.art-prose .callout.warn{background:var(--f2-note)}
.art-prose .callout.warn .co-i{color:var(--f2-note-i)}
.art-prose .callout.take{background:var(--f2-key)}
.art-prose .callout.take .co-i{color:var(--f2-teal)}
.art-prose .callout p>b{display:inline;margin:0;font:inherit;font-weight:700}
/* tags: one quiet row under the text */


.atags{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:36px;padding-top:20px;border-top:1px solid var(--line)}
.atags-h{display:inline-flex;align-items:center;gap:7px;font:600 14px/1 var(--font-b);color:var(--text)}
.atags-h svg{width:17px;height:17px;color:var(--link)}
.atags-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.atags-list a{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font:500 14px/1 var(--font-b);text-decoration:none;transition:border-color .2s,color .2s,background .2s}
.atags-list a:hover{border-color:var(--blue);color:var(--link);background:var(--blue-soft)}
.atags-list a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
/* previous / next: two plain links between thin lines */


.pn{display:grid;grid-template-columns:minmax(0,1fr);margin-top:32px;border-block:1px solid var(--line)}
@media(min-width:640px){.pn{grid-template-columns:repeat(2,minmax(0,1fr))}.pn-link+.pn-link{border-left:1px solid var(--line)}.pn-link.is-next{text-align:right;align-items:flex-end}}
@media(max-width:639px){.pn-link+.pn-link{border-top:1px solid var(--line)}}
.pn-link{display:flex;flex-direction:column;gap:6px;padding:18px 4px;color:inherit;text-decoration:none;min-width:0}
@media(min-width:640px){.pn-link.is-prev{padding-right:24px}.pn-link.is-next{padding-left:24px}}
.pn-lb{display:inline-flex;align-items:center;gap:6px;font:600 13px/1 var(--font-b);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pn-lb .ico{width:15px;height:15px;color:var(--link);transition:transform .2s}
.pn-t{font:600 17px/1.4 var(--font-h);color:var(--text);overflow-wrap:anywhere;transition:color .2s}
.pn-link:hover .pn-t{color:var(--link)}
.pn-link.is-prev:hover .ico{transform:translateX(-3px)}.pn-link.is-next:hover .ico{transform:translateX(3px)}
.pn-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}
/* comments: each comment a light card, replies tucked in, form in a soft panel */


.cmts{margin-top:36px;padding-top:0!important;border-top:0!important}
.cmts>h2{display:flex;align-items:center;gap:10px}
.cmt-list{display:grid;gap:12px;margin-top:16px!important}
.cmt{padding:16px 18px!important;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.cmt+.cmt:not(.is-reply){border-top:1px solid var(--line)!important}
.cmt.is-reply{margin:-4px 0 0 28px!important;padding:14px 16px!important;border:1px solid var(--line)!important;border-left:3px solid var(--blue-soft-2)!important;background:var(--surface-2)}
@media(min-width:640px){.cmt.is-reply{margin-left:56px!important}}
.cmt-name{font-size:16px!important}
.cmt-date{font-size:13.5px!important}
.cmt-text{margin-top:4px!important;font-size:16px!important;line-height:1.6!important;color:color-mix(in srgb,var(--text) 88%,var(--bg))}
.cmt-reply{margin:6px 0 -6px -8px!important;min-height:34px!important;font-size:14px!important}
.cmt-av{background:var(--blue-soft);color:var(--link)}
/* comment form: like his reference (28 Oct) */


.cform{margin-top:28px!important;padding:clamp(20px,3vw,28px) 0 0!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0;background:none;gap:18px!important}
.cform-head{display:flex!important;align-items:flex-start!important;gap:14px!important;justify-content:flex-start!important;flex-wrap:nowrap!important}
.cf-badge{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--blue-soft);color:var(--link)}
.cf-badge svg{width:24px;height:24px}
.cf-tx{flex:1 1 auto;min-width:0}
.cf-tx h2{margin:2px 0 0;font-size:clamp(22px,2.4vw,26px)}
.cf-tx .hint{margin-top:4px}
.cform-head .link-btn{flex:none;margin-left:auto}
.cform .field>label{font:600 15.5px/1.3 var(--font-b)}
.cform .input,.cform .textarea{border:1px solid color-mix(in srgb,var(--blue) 28%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--blue) 2%,var(--surface))}
.cform .textarea{min-height:130px;padding:14px 16px}
.cform .input:focus,.cform .textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 16%,transparent);outline:0}
.cf-ic{position:relative}
.cf-ic svg{position:absolute;left:14px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.cf-ic .input{width:100%;padding-left:46px;height:48px}
.cform .check input[type="checkbox"]{border-radius:6px}
.cf-human .captcha{height:52px;border:0;border-radius:12px;background:var(--blue-soft);justify-content:flex-start;gap:12px}
.cf-human .captcha small{display:inline-flex;align-items:center;gap:6px;margin-left:clamp(16px,12vw,240px)}
.cf-human .captcha small svg{width:18px;height:18px;color:var(--link)}
@media(max-width:479px){.cf-human .captcha small{margin-left:auto}}
.cf-human .captcha[aria-invalid="true"]{box-shadow:inset 0 0 0 1px var(--red)}
.cform .form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.cform .form-foot .hint{padding-left:20px;border-left:1px solid var(--line-strong)}
@media(max-width:479px){.cform .form-foot .hint{padding-left:0;border-left:0}}
.cform .btn-lg{height:50px;padding:0 24px;font-size:16px;font-weight:600;border-radius:12px}
.cmt-note{margin-top:10px}
/* contents list can be long: the text starts right under the picture, the list runs down beside it */


@media(min-width:1100px){
  .art-layout{grid-template-areas:"hero toc" "main toc" "main side"!important;grid-template-rows:min-content min-content 1fr!important}
}
@media(max-width:479px){.cf-human .captcha small{font-size:12px}}
.cform{grid-template-columns:minmax(0,1fr)}.cform>*,.cf-human .captcha{min-width:0}
@media(max-width:359px){.cf-human .captcha small{display:none}}
/* article header v3 (28 Oct, from his reference): same dotted band, roomier, bigger title */


.art-band{padding-bottom:clamp(26px,3.4vw,44px)!important}
.art-band .art-head{padding-top:clamp(26px,3.4vw,44px)!important}
.ah2{max-width:none!important}
.ah2-top{gap:12px!important;margin-bottom:18px!important}
.ah2-tag{height:38px!important;padding:0 16px 0 13px!important;border-radius:10px!important;gap:9px!important;font:600 15px/1 var(--font-b)!important;border:0!important;background:color-mix(in srgb,var(--blue) 14%,var(--surface))!important;color:var(--link)!important}
.ah2-tag .ico{width:18px!important;height:18px!important}
.ah2-tag.ah2-tag-n{border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--text)!important;font-weight:500!important}
.ah2-h1{font-size:clamp(28px,3vw,40px)!important;line-height:1.15!important;letter-spacing:-.02em!important}
.ah2-by{margin-top:22px!important;gap:12px 16px!important;align-items:center!important}
.ah2-av{width:48px!important;height:48px!important;border-radius:12px!important;background:var(--blue)!important}
.ah2-av svg{width:28px!important;height:28px!important}
.ah2-meta{font-size:15px!important;color:var(--muted)!important}
.ah2-meta .ico{width:18px!important;height:18px!important;color:var(--link)!important}
.ah2-meta>span,.ah2-meta>a{gap:8px!important}
.ah2-who b{font:600 16px/1.2 var(--font-b)!important;color:var(--text)}
@media(min-width:640px){.ah2-meta>*+*::before{height:26px!important;margin:0 18px!important}}
@media(min-width:900px){.ah2-h1{text-wrap:pretty!important}}
@media(max-width:639px){.ah2-by{align-items:flex-start!important}.ah2-av{width:42px!important;height:42px!important}.ah2-av svg{width:24px!important;height:24px!important}.ah2-tag{height:34px!important;font-size:14px!important}}
/* article header v4 (28 Oct, his desktop/tablet/mobile picture) */


.ah2-tag,.ah2-tag.ah2-tag-n{border:1px solid color-mix(in srgb,var(--blue) 30%,var(--line))!important;background:color-mix(in srgb,var(--blue) 6%,var(--surface))!important;color:var(--link)!important;font-weight:600!important}
.ah2-tag.ah2-tag-n{color:var(--text)!important;font-weight:500!important}
.ah2-lead{display:block;max-width:62ch!important;margin:12px 0 0!important;line-height:1.55!important;color:color-mix(in srgb,var(--link) 70%,var(--muted))!important}
.ah2-av{width:46px!important;height:46px!important;border-radius:50%!important;background:color-mix(in srgb,var(--blue) 14%,var(--surface))!important;color:var(--link)}
.ah2-av svg{width:24px!important;height:24px!important}
:root .qs-list li,:root .qs-list li b,:root .qs-list li span,:root .callout p,:root .callout p b,:root .callout p strong{font-size:15.5px!important;line-height:1.55!important}
:root .art-prose .qs .qs-h,:root .qs p.qs-h{font-size:15.5px!important;line-height:1.4!important;padding-top:13px!important;padding-bottom:13px!important}
:root .art-prose .qs .qs-list li,:root .qs ol.qs-list>li{padding-top:13px!important;padding-bottom:13px!important}
:root .callout{padding:12px 16px!important}
:root .ah2-av{background:none!important;border-radius:12px!important;overflow:hidden}
:root .ah2-av img{width:100%!important;height:100%!important;display:block}
.ah2-who b{font-weight:500!important}
@media(max-width:1023px){
  .ah2-by{flex-wrap:wrap!important;align-items:center!important}
  .ah2-meta{display:contents!important}
  .ah2-meta>.ah2-who{order:1}
  .ah2-meta>span:not(.ah2-who),.ah2-meta>a{order:2}
  .ah2-meta>a{order:3;flex-basis:100%}
  .ah2-by::after{content:"";order:1;flex-basis:100%;height:0}
  .ah2-meta>.ah2-who::before,.ah2-meta>a::before{display:none!important}
  .ah2-meta>span:not(.ah2-who){display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--muted)}
  .ah2-meta>a{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--muted);text-decoration:none}
  .ah2-meta .ico{width:20px!important;height:20px!important;color:var(--link)!important}
}
@media(max-width:1023px){.ah2-meta>.ah2-who{flex-basis:auto!important}.ah2-meta>*::before{display:none!important}}
@media(min-width:640px) and (max-width:1023px){.ah2-meta>.ah2-upd{padding-left:18px;margin-left:4px;border-left:1px solid var(--line-strong)}}
@media(max-width:639px){
  .ah2-meta>span:not(.ah2-who){flex-basis:100%}
  .ah2-meta>*::before{display:none!important}
  .ah2-by{row-gap:10px!important}
}
/* header icon tile beside the title (28 Oct) */


.ah2-main{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.ah2-body{min-width:0}
.ah2-ico{display:none}
@media(min-width:640px){
  .ah2-main{grid-template-columns:auto minmax(0,1fr);column-gap:clamp(18px,2vw,26px);align-items:start}
  .ah2-ico{display:grid;place-items:center;width:clamp(64px,6vw,84px);height:clamp(64px,6vw,84px);border-radius:18px;background:linear-gradient(145deg,#1A8F7E,#0E6E63);box-shadow:0 10px 24px -10px rgba(14,110,99,.55)}
  .ah2-ico svg{width:52%;height:52%}
}

/* ===== 29 Oct · from his 10 pictures ===== */
/* contents box */




.toc-side .atoc{border:1px solid color-mix(in srgb,var(--blue) 14%,var(--line))!important;border-radius:16px!important;padding:20px 20px 16px!important;background:color-mix(in srgb,var(--blue) 2%,var(--surface))!important}
@media(max-width:1099px){.toc-side .atoc-title{display:none!important}}
@media(min-width:1100px){.toc-side .atoc-title{display:flex!important}}
.atoc-title{align-items:center;gap:12px;padding:0 0 16px!important;font:600 14px/1 var(--font-h)!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--link)!important}
.atoc-ic{width:22px;height:22px;flex:none}
.toc-side .atoc-list{border-left:2px solid color-mix(in srgb,var(--blue) 14%,var(--line))!important}
.toc-side .atoc-list a{margin-left:-2px!important;padding:8px 10px 8px 22px!important;border-left:3px solid transparent!important;font-size:15.5px!important;color:var(--muted)!important;line-height:1.4}
.toc-side .atoc-list .lv3 a{padding-left:38px!important;font-size:14.5px!important}
.toc-side .atoc-list a:hover{color:var(--text)!important}
.toc-side .atoc-list a.is-active{color:var(--link)!important;font-weight:600!important;border-left-color:var(--blue)!important;background:none!important}
/* share box */


.art-side .aw{border:1px solid color-mix(in srgb,var(--blue) 14%,var(--line))!important;border-radius:16px!important;padding:20px!important;background:color-mix(in srgb,var(--blue) 2%,var(--surface))!important}
.aw-h{display:flex!important;align-items:center;gap:12px;font-size:17px!important}
.aw-hic{width:22px;height:22px;color:var(--link);flex:none}
.aw-soc{gap:8px!important;flex-wrap:nowrap!important}
.aw-soc a,.aw-copy{flex:none;width:42px!important;height:42px!important;border-radius:12px!important;border:0!important;background:color-mix(in srgb,var(--blue) 9%,var(--surface))!important;color:var(--text)!important}
.aw-soc a .ico,.aw-copy .ico{width:19px!important;height:19px!important}
.aw-soc a:hover,.aw-copy:hover{background:var(--blue)!important;color:#fff!important}
.aw-copy{color:var(--link)!important}
/* header badges: white with a teal line */


.ah2-tag,.ah2-tag.ah2-tag-n{background:color-mix(in srgb,var(--surface) 75%,transparent)!important;border:1px solid color-mix(in srgb,var(--blue) 30%,var(--line))!important;color:var(--link)!important;font-weight:600!important}
.ah2-tag .ico,.ah2-tag-n .ico{color:var(--link)!important}
/* quick summary: numbers instead of ticks */


.art-prose .qs-list{list-style:none!important;counter-reset:none}
.qs-num{flex:none;display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:7px;background:color-mix(in srgb,var(--blue) 12%,var(--surface));color:var(--link);font:700 13px/1 var(--font-h)}
/* about the author */


.aut-card{background:color-mix(in srgb,var(--blue) 5%,var(--surface))!important;border:1px solid color-mix(in srgb,var(--blue) 18%,var(--line))!important;border-radius:16px!important;padding:22px!important}
@media(min-width:640px){.aut-card{grid-template-columns:72px minmax(0,1fr)!important;gap:22px!important}}
.aut-logo{width:72px!important;height:72px!important;border-radius:16px!important}
.aut-name b{font-size:19px!important}
.aut-role{height:30px!important;padding:0 12px!important;border-radius:9px!important;font-size:13.5px!important}
.aut-tx p{font-size:16px!important;line-height:1.6!important}
.aut-foot{border-top:0!important;padding-top:4px!important;margin-top:12px!important}
.aut-links{gap:10px!important}
.aut-links a{width:42px!important;height:42px!important;border:0!important;background:color-mix(in srgb,var(--blue) 11%,var(--surface))!important;color:var(--link)!important}
.aut-links a:hover{background:var(--blue)!important;color:#fff!important}
.aut .link-arrow{font-weight:600}
/* previous / next with round arrows */


.pn{border-top:0!important;border-bottom:1px solid var(--line)!important;margin-top:20px!important}
.pn-link{flex-direction:row!important;align-items:center!important;gap:16px!important;padding:16px 0!important}
.pn-link.is-next{justify-content:flex-end}
.pn-link+.pn-link{border-left:0!important}
.pn-tx{display:grid;gap:4px;min-width:0}
.pn-arr{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--blue) 10%,var(--surface));color:var(--link);transition:background .2s,color .2s}
.pn-arr .ico{width:20px;height:20px;stroke-width:2.2}
.pn-link:hover .pn-arr{background:var(--blue);color:#fff}
.pn-lb .ico{display:none}
@media(max-width:639px){.pn-link+.pn-link{border-top:1px solid var(--line)!important}}
/* comments: note box and replies like his picture */


.cmt-note{background:color-mix(in srgb,var(--blue) 6%,var(--surface))!important;border-color:color-mix(in srgb,var(--blue) 20%,var(--line))!important;color:var(--text)!important;align-items:center!important;padding:12px 16px!important}
.cmt-note .ico{width:20px!important;height:20px!important;margin:0!important;color:var(--link)!important}
.cmt.is-reply{background:color-mix(in srgb,var(--blue) 6%,var(--surface))!important;border-color:color-mix(in srgb,var(--blue) 20%,var(--line))!important;border-left-width:1px!important}
.cmt{border-color:color-mix(in srgb,var(--blue) 16%,var(--line))!important}

/* FAQ like the job page + listings box (29 Oct) */



.art-prose .acc-q span{font-weight:600;color:var(--text)}
.art-prose .acc h3,.art-prose .acc .acc-item{margin:0!important}
.art-prose .acc-q{min-height:56px!important;padding:14px 2px!important}
.art-prose .acc-item.is-open .acc-q span{color:var(--text)}
.art-prose .jguide2{display:flex;align-items:center;gap:20px;margin-top:22px!important;padding:18px 24px;border:1px solid color-mix(in srgb,var(--blue) 22%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--blue) 4%,var(--surface))}
.art-prose .jg2-tx{flex:1;min-width:0;margin:0!important;font-size:17px;color:var(--text)}
.art-prose .jg2-tx a{color:var(--link)!important;font-weight:600;text-decoration:none!important;text-underline-offset:3px}
.art-prose .jg2-go{flex:none;display:inline-flex;align-items:center;gap:8px;color:var(--link)!important;font:600 15.5px/1 var(--font-b);text-decoration:none!important}
.art-prose .jg2-go .ico{width:16px;height:16px;transition:transform .2s}
.art-prose .jg2-go:hover .ico{transform:translateX(3px)}
@media(max-width:760px){.art-prose .jguide2{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}}
.aut-logo{background:none!important;box-shadow:none!important;border-radius:0!important}
.aut-logo svg,.aut-logo img{width:100%!important;height:100%!important;display:block}