/* Shared George Müller structure. Scoped once, never to individual people. */
html body.biography-master main .biography-masthead{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:20px 28px!important;align-items:start!important;margin:0!important;padding:24px 0 12px!important}
html body.biography-master main .biography-masthead:not(.has-portrait){grid-template-columns:minmax(0,1fr)!important}
html body.biography-master main .biography-heading{display:block!important;min-width:0!important}
html body.biography-master main .biography-heading h1{margin:8px 0 12px!important}
html body.biography-master main .biography-heading .dek{margin:0 0 10px!important}
html body.biography-master main .biography-masthead>.inline-action-zone{grid-column:1/-1!important;margin:0!important}
html body.biography-master main [data-master-portrait]{width:min(240px,100%)!important;max-width:100%!important;height:auto!important;margin:0!important;overflow:hidden!important;border-radius:0!important;background:transparent!important}
html body.biography-master main [data-master-portrait] img.owner-portrait{display:block!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:0!important;margin:0!important;max-height:none!important}
html body.biography-master main .biography-wrap>.reading-body{margin:0!important;padding:12px 0 0!important}
html body.biography-master main .biography-wrap .reading-layout{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:0!important;padding:0!important;margin:0!important}
html body.biography-master main .biography-wrap .reading-aside{position:static!important;display:block!important;width:100%!important;margin:0!important;padding:0!important}
html body.biography-master main [data-master-reading]{width:100%!important;max-width:var(--reading-width,68ch)!important;margin:0 auto!important;padding:0!important;min-width:0!important;background:transparent!important;border:0!important}
html[data-reading-width=narrow] body.biography-master main [data-master-reading]{max-width:55ch!important}
html[data-reading-width=wide] body.biography-master main [data-master-reading]{max-width:82ch!important}
html body.biography-master main [data-master-panel]{margin:0!important;padding:0!important;min-width:0!important;scroll-margin-top:90px}
html body.biography-master main [data-master-panel] p{font-family:var(--font-reading)!important;font-size:var(--reader-font-size,var(--type-reading,18px))!important;line-height:var(--reader-line-height,1.76)!important;margin:0 0 1.1em!important;overflow-wrap:break-word}
html body.biography-master main [data-master-panel] h2{font:500 clamp(24px,3vw,30px)/1.25 var(--font-reading)!important;margin:20px 0 18px!important}
html body.biography-master main [data-master-panel] h3{font:500 clamp(20px,2.6vw,25px)/1.35 var(--font-reading)!important;margin:26px 0 14px!important;overflow-wrap:anywhere}
html body.biography-master main .biography-witness-work h4{font:500 clamp(18px,2.4vw,23px)/1.4 var(--font-reading)!important;margin:24px 0 14px!important;overflow-wrap:anywhere}
html body.biography-master main [data-master-panel] .source-disclosure{margin:16px 0!important;font-family:var(--font-ui)!important;overflow-wrap:anywhere}
html body.biography-master main [data-master-panel] .source-disclosure :is(p,li){font:400 13px/1.65 var(--font-ui)!important}
html body.biography-master main .biography-archive-image{margin:0 0 20px!important}
html body.biography-master main .biography-archive-topics nav{display:flex;flex-wrap:wrap;gap:8px}
html body.biography-master main .biography-archive-topics a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:11px;font:500 13px/1.5 var(--font-ui);text-decoration:none;max-width:100%;overflow-wrap:anywhere}
html body.biography-master main .biography-related{margin:32px 0 0!important;padding:24px 0 0!important;border-top:1px solid var(--line);min-width:0}
html body.biography-master main .biography-related>.section .wrap{width:100%!important;max-width:100%!important;padding-inline:0!important}
html body.biography-master main .biography-section-links{display:flex;flex-wrap:wrap;gap:14px;font:500 13px/1.5 var(--font-ui);margin-bottom:16px}
html body.biography-master main .biography-section-links[hidden]{display:none!important}
html body.biography-master main .section-tab-panel[hidden]{display:none!important}
@media(max-width:700px){
 html body.biography-master main .biography-masthead{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;padding-top:18px!important}
 html body.biography-master main .biography-heading{grid-column:1!important}
 html body.biography-master main .biography-masthead>[data-master-portrait]{grid-column:1!important;justify-self:start!important}
 html body.biography-master main .biography-masthead .general-profile-meta.profile-facts{grid-column:auto!important}
}
@media print{html body.biography-master main .section-tab-panel[hidden]{display:block!important}}


/* Portrait-first biography opening: one structural design, no per-person overrides. */
html body.biography-master main .biography-masthead{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 gap:0!important;padding:0!important;margin:0!important;min-width:0!important
}
html body.biography-master main .biography-hero-main{
 position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);
 align-items:center;gap:clamp(24px,4vw,60px);width:100%;max-width:100%;
 padding:clamp(28px,4.5vw,52px);box-sizing:border-box;text-align:left;
}
html body.biography-master main .biography-hero-main::before{
 content:"";position:absolute;inset:0 0 auto;min-height:0;height:88%;z-index:0;pointer-events:none;
 border-radius:30px 30px 42px 42px;
 background:linear-gradient(135deg,var(--frosted-blue,#EDF1FF) 0%,var(--porcelain-white,#F8FAFF) 80%);
}
html[data-theme=dark] body.biography-master main .biography-hero-main::before,
html body[data-theme=dark].biography-master main .biography-hero-main::before{
 background:linear-gradient(135deg,#17202c 0%,#101720 82%);
}
html body.biography-master main .biography-hero-main>.owner-portrait-frame{
 grid-column:1!important;grid-row:1!important;justify-self:center!important;
 width:min(100%,340px)!important;max-width:100%!important;max-height:none!important;
 position:relative!important;z-index:1!important;
 border:3px solid var(--porcelain-white,#F8FAFF)!important;border-radius:0!important;
 box-sizing:border-box!important;box-shadow:0 12px 35px #0B0D1212!important;
 overflow:hidden!important;background:transparent!important;
}
html body.biography-master main .biography-hero-main [data-master-portrait] .biography-portrait-open{
 display:block;width:100%;height:auto;border-radius:0;overflow:hidden;cursor:zoom-in;
}
html body.biography-master main .biography-hero-main [data-master-portrait] .biography-portrait-open:focus-visible,
html body.biography-master main .biography-archive-image .biography-portrait-open:focus-visible{
 outline:3px solid #7587AE;outline-offset:3px
}
html body.biography-master main .biography-hero-main [data-master-portrait] img.owner-portrait{
 width:100%!important;height:auto!important;object-fit:contain!important;
 border-radius:0!important;aspect-ratio:auto!important;
 filter:none!important;opacity:1!important;mix-blend-mode:normal!important
}
html body.biography-master main .biography-heading{
 grid-column:2!important;grid-row:1!important;min-width:0!important;
 position:relative!important;z-index:1!important;
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important
}
html body.biography-master main .biography-heading .biography-witness-label{
 order:0;margin:0 0 14px!important;padding:7px 17px!important;
 color:var(--muted,#667385)!important;font:600 12px/1.3 var(--font-ui)!important;
 letter-spacing:.12em;text-transform:uppercase;
 border-radius:999px;background:var(--frosted-blue,#EDF1FF)
}
html[data-theme=dark] body.biography-master main .biography-witness-label{background:#273245!important;color:#d4dce9!important}
html body.biography-master main .biography-heading h1{
 order:1;margin:0 0 9px!important;color:var(--ink,#0B0D12)!important;
 font:650 clamp(32px,4.6vw,64px)/1.08 var(--font-ui)!important;
 letter-spacing:-.045em!important;overflow-wrap:break-word
}
html body.biography-master main .biography-heading .reading-meta{
 order:2;margin:0!important;font:400 clamp(14px,1.65vw,19px)/1.5 var(--font-ui)!important;
 color:var(--muted,#667385)!important;letter-spacing:0!important
}
html body.biography-master main .biography-work-subtitle{
 order:3;margin-top:10px;color:var(--muted,#667385);max-width:50ch;
 font:400 15px/1.6 var(--font-reading)!important
}
html body.biography-master main .biography-work-subtitle .dek{
 margin:0!important;color:inherit!important;font:inherit!important
}
/* Desktop action controls share one readable row, while narrower widths may wrap. */
html body.biography-master main .biography-masthead>.inline-action-zone{
 display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;
 width:100%!important;min-width:0!important;max-width:950px!important;
 gap:12px!important;margin:20px auto 0!important;padding:0!important;grid-column:auto!important
}
html body.biography-master main .biography-masthead>.inline-action-zone :is(.save-control,.research-button,[data-share-control],.platform-button-secondary){
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 gap:10px!important;min-height:48px!important;box-sizing:border-box!important;
 border:1px solid var(--line,#dce1eb)!important;border-radius:13px!important;
 padding:11px 16px!important;background:transparent!important;
 color:var(--ink,#0B0D12)!important;
 text-decoration:none!important;font:500 14px/1.4 var(--font-ui)!important;
 white-space:nowrap!important
}
html body.biography-master main .biography-masthead>.inline-action-zone>.save-control,
html body.biography-master main .biography-masthead>.inline-action-zone>.research-button,
html body.biography-master main .biography-masthead>.inline-action-zone>.share-control-wrap{
 flex:1 1 0!important;min-width:0!important;max-width:none!important
}
html body.biography-master main .biography-masthead>.inline-action-zone .share-control-wrap>[data-share-control]{
 width:100%!important
}
/* Paired compact reading controls below the actions. */
html body.biography-master main .biography-pref-row{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 gap:0;margin:20px 0 0;padding:10px 0;
 border-top:1px solid var(--line,#dce1eb);border-bottom:1px solid var(--line,#dce1eb)
}
html body.biography-master main .biography-pref-row>details{
 margin:0!important;padding:0 10px!important;min-width:0!important;
 border:0!important;background:transparent!important;border-radius:0!important;position:relative
}
html body.biography-master main .biography-pref-row>details+details{
 border-left:1px solid var(--line,#dce1eb)!important
}
html body.biography-master main .biography-pref-row>details>summary{
 display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
 padding:10px 3px!important;margin:0!important;min-height:44px!important;
 color:var(--muted,#667385)!important;list-style:none!important;
 cursor:pointer;font:500 15px/1.45 var(--font-ui)!important;white-space:nowrap
}
html body.biography-master main .biography-pref-row summary::-webkit-details-marker{display:none}
html body.biography-master main .biography-pref-row .biography-control-icon{
 width:21px;height:21px;flex:0 0 21px;display:inline-block
}
html body.biography-master main .biography-pref-row .biography-chevron{
 width:16px;height:16px;flex-basis:16px;transition:transform .18s ease
}
html body.biography-master main .biography-pref-row details[open] .biography-chevron{transform:rotate(180deg)}
html body.biography-master main .biography-pref-row :is(.reader-options,.biography-genre-content){
 padding:10px 5px 12px!important;min-width:0!important
}
/* The Genre metadata must fill the actual usable column, not stop 5px short. */
html body.biography-master main .biography-pref-row .biography-genre-content{
 padding-inline:0!important;box-sizing:border-box!important;width:100%!important
}
html body.biography-master main .biography-pref-row .general-profile-meta.profile-facts{
 width:100%!important;max-width:100%!important;box-sizing:border-box!important;
 overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;
 margin:0!important;white-space:nowrap!important
}
html body.biography-master main .biography-pref-row .general-profile-meta.profile-facts::-webkit-scrollbar{
 display:none!important
}
html body.biography-master main .biography-genre-empty{
 margin:0;padding:12px 8px;color:var(--muted,#667385);font:400 13px/1.5 var(--font-ui)
}
html body.biography-master main .biography-tabs-host{
 margin:20px auto 10px;padding:6px;min-width:0;width:100%;max-width:950px;
 border:1px solid var(--line,#dce1eb);border-radius:16px;box-sizing:border-box
}
html body.biography-master main .biography-tabs-host :is(.section-tabs,.biography-section-links){
 display:flex!important;width:100%!important;gap:0!important;align-items:stretch!important;
 margin:0!important;min-height:48px
}
html body.biography-master main .biography-tabs-host .biography-section-links[hidden]{display:none!important}
html body.biography-master main .biography-tabs-host :is(.section-tabs,.biography-section-links)>:is(button,a){
 flex:1 1 0;min-width:0;border:0;background:transparent;border-radius:11px;
 padding:11px 8px;color:var(--muted,#667385);
 text-align:center;text-decoration:none;font:500 clamp(12px,1.6vw,16px)/1.4 var(--font-ui)!important
}
html body.biography-master main .biography-tabs-host .section-tabs>button[aria-selected=true]{
 color:var(--ink,#0B0D12);background:var(--frosted-blue,#EDF1FF);font-weight:650!important
}
html[data-theme=dark] body.biography-master main .biography-tabs-host .section-tabs>button[aria-selected=true]{
 background:#293344;color:#F8FAFF
}
html body.biography-master main .biography-tabs-host :is(button,a):focus-visible{
 outline:2px solid #7587AE;outline-offset:1px
}
html body.biography-master main .biography-wrap>.reading-body{padding:12px 0 0!important}
html body.biography-master main .biography-wrap [data-master-reading]{max-width:var(--reading-width,68ch)!important}
html body.biography-master main .biography-archive-image .biography-portrait-open{
 display:block;width:100%;border-radius:0;overflow:hidden;cursor:zoom-in
}
html body.biography-master main .biography-archive-image img{
 display:block;width:100%;height:auto;object-fit:contain;border-radius:0
}

/* No portrait: keep the approved editorial hierarchy, never reserve an empty column. */
html body.biography-master main .biography-masthead:not(.has-portrait) .biography-hero-main{
 display:flex!important;flex-direction:column!important;justify-content:center!important;
 align-items:flex-start!important;text-align:left!important;min-height:0!important;
 padding:24px 0!important
}
html body.biography-master main .biography-masthead:not(.has-portrait) .biography-heading{
 align-items:flex-start!important;text-align:left!important;max-width:100%!important
}
html body.biography-master main .biography-masthead:not(.has-portrait) .biography-hero-main::before{height:100%!important}

/* Desktop modal lightbox: the exact source JPEG is loaded, never re-encoded. */
.biography-image-dialog{
 border:1px solid #596477;background:#0B0D12;color:#F8FAFF;
 border-radius:18px;padding:0!important;box-shadow:0 22px 65px #0008;
 width:min(96vw,1200px);height:min(94dvh,1000px);max-width:96vw;max-height:94dvh;
 overflow:hidden
}
.biography-image-dialog::backdrop{background:#05070cdb}
.biography-image-dialog .biography-viewer-shell{height:100%;display:flex;flex-direction:column;min-width:0}
.biography-image-dialog .biography-viewer-toolbar{
 display:flex;align-items:center;justify-content:space-between;gap:10px;
 flex:0 0 auto;padding:10px 12px;border-bottom:1px solid #ffffff29;
 font:500 13px/1.4 var(--font-ui)
}
.biography-image-dialog .biography-viewer-actions{display:flex;align-items:center;gap:7px}
.biography-image-dialog .biography-viewer-toolbar button{
 background:#ffffff14;border:1px solid #ffffff38;border-radius:10px;
 color:#F8FAFF;min-width:44px;min-height:44px;padding:8px 12px;cursor:pointer;
 font:600 16px/1.2 var(--font-ui)
}
.biography-image-dialog .biography-viewer-toolbar button:focus-visible{outline:2px solid #F8FAFF;outline-offset:2px}
.biography-image-dialog .biography-viewer-stage{
 flex:1 1 auto;display:flex;align-items:safe center;justify-content:safe center;
 min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;
 padding:12px;box-sizing:border-box;touch-action:pan-x pan-y
}
.biography-image-dialog .biography-viewer-stage img{
 display:block;flex:0 0 auto;max-width:none!important;max-height:none!important;
 width:auto;height:auto;object-fit:contain;border-radius:0
}
@media(max-width:760px){
 html body.biography-master main .biography-hero-main{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:clamp(16px,5vw,30px) 6px 6px!important;gap:28px!important
 }
 html body.biography-master main .biography-hero-main::before{
  height:clamp(185px,54vw,295px);border-radius:25px 25px 36px 36px
 }
 html body.biography-master main .biography-hero-main>.owner-portrait-frame{
  width:min(62vw,285px)!important;min-width:0!important;max-width:100%!important;
  justify-self:center!important;margin:clamp(15px,4vw,30px) auto 0!important;
  border-width:3px!important;border-radius:0!important
 }
 html body.biography-master main .biography-heading{
  align-items:flex-start!important;text-align:left!important;max-width:100%!important;
  margin-top:0!important
 }
 html body.biography-master main .biography-heading h1{
  font-size:clamp(30px,7.2vw,48px)!important;line-height:1.12!important;margin-bottom:7px!important
 }
 html body.biography-master main .biography-heading .reading-meta{
  font-size:clamp(13px,3.7vw,17px)!important;text-align:left!important
 }
 html body.biography-master main .biography-work-subtitle{text-align:left!important}
 html body.biography-master main .biography-masthead>.inline-action-zone{
  margin-top:20px!important;gap:8px!important;max-width:100%!important
 }
 html body.biography-master main .biography-masthead>.inline-action-zone :is(.save-control,.research-button,[data-share-control]){
  padding:10px 7px!important;gap:6px!important;font-size:clamp(12px,3.2vw,14px)!important;
  min-height:48px!important
 }
 html body.biography-master main .biography-masthead>.inline-action-zone svg{
  width:19px!important;height:19px!important;flex:0 0 auto
 }
 html body.biography-master main .biography-pref-row{margin-top:18px}
 html body.biography-master main .biography-pref-row>details{padding-inline:5px!important}
 html body.biography-master main .biography-pref-row>details>summary{
  gap:6px!important;font-size:clamp(12px,3.3vw,15px)!important
 }
 html body.biography-master main .biography-pref-row .biography-control-icon{width:18px;height:18px;flex-basis:18px}
 html body.biography-master main .biography-pref-row .biography-chevron{width:14px;height:14px;flex-basis:14px}
 html body.biography-master main .biography-tabs-host{margin-top:16px}
}
@media(max-width:355px){
 html body.biography-master main .biography-masthead>.inline-action-zone{gap:5px!important}
 html body.biography-master main .biography-masthead>.inline-action-zone :is(.save-control,.research-button,[data-share-control]){padding:8px 4px!important;font-size:12px!important}
 html body.biography-master main .biography-pref-row>details>summary{gap:4px!important}
 html body.biography-master main .biography-pref-row .biography-control-icon{width:16px;height:16px;flex-basis:16px}
}
@media(min-width:761px) and (max-width:1020px){
 html body.biography-master main .biography-hero-main{grid-template-columns:minmax(200px,290px) minmax(0,1fr);padding:28px}
 html body.biography-master main .biography-heading h1{font-size:clamp(31px,4.2vw,48px)!important}
}
@media(prefers-reduced-motion:reduce){
 html body.biography-master main .biography-pref-row .biography-chevron{transition:none}
}
@media print{
 html body.biography-master main .biography-tabs-host{display:none!important}
 html body.biography-master main [data-master-panel]{display:block!important}
}

/* Stable alignment and explicit mobile portrait-to-WITNESS separation. */
html body.biography-master main [data-master-reading] > [data-master-panel]{
 box-sizing:border-box!important;display:block!important;width:100%!important;
 max-width:100%!important;min-width:0!important;margin-inline:0!important;
 padding-inline:0!important;position:relative!important;left:auto!important;right:auto!important
}
html body.biography-master main [data-master-reading] > [data-master-panel][hidden]{display:none!important}
@media(max-width:760px){
 html body.biography-master main .biography-masthead.has-portrait .biography-hero-main>.biography-heading{
  margin-top:-36px!important;flex:0 0 auto!important
 }
 html body.biography-master main .biography-masthead.has-portrait .biography-hero-main>.owner-portrait-frame{
  margin-bottom:0!important
 }
}

/* Prevent deferred motion/layout transforms from offsetting the shared reading panels. */
html body.biography-master main article[data-master-reading]>section[data-master-panel]{
 width:100%!important;max-width:100%!important;box-sizing:border-box!important;
 margin:0!important;padding:0!important;transform:none!important;
 translate:none!important;float:none!important
}

/* Shared Biography Master: balanced hero metadata and readable source disclosures. */
html body.biography-master main .biography-heading .reading-meta{
 display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;
 justify-content:flex-start!important;column-gap:12px!important;row-gap:4px!important;
 width:100%!important;max-width:100%!important;min-width:0!important
}
html body.biography-master main .biography-heading .reading-meta>span{
 min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important
}
html body.biography-master main .biography-heading .reading-meta>span:empty{display:none!important}
html body.biography-master main .biography-pref-row .biography-genre-content{
 box-sizing:border-box!important;min-width:0!important;
 max-width:100%!important;width:100%!important;overflow:visible!important
}
html body.biography-master main .biography-pref-row .general-profile-meta.profile-facts{
 display:block!important;width:100%!important;max-width:100%!important;
 min-width:0!important;height:auto!important;overflow:visible!important;
 white-space:normal!important;box-sizing:border-box!important;
 padding:12px 14px!important;margin:0!important
}
html body.biography-master main .biography-pref-row .profile-facts .profile-fact{
 display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;
 margin:0!important;padding:0!important;white-space:normal!important;
 overflow:visible!important;overflow-wrap:anywhere!important;word-break:normal!important
}
html body.biography-master main .biography-pref-row .profile-facts .profile-fact:not(:first-child),
html body.biography-master main .biography-pref-row .profile-facts .profile-fact strong{
 display:none!important
}
html body.biography-master main .biography-pref-row .profile-facts .profile-fact>span{
 display:block!important;min-width:0!important;max-width:100%!important;
 white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;
 line-height:1.55!important;font-size:13px!important
}
html body.biography-master main .biography-pref-row .biography-genre-details[open]{
 min-width:0!important
}
html body.biography-master main .biography-sources{
 border:1px solid var(--line,#dce1eb)!important;border-radius:12px!important;
 padding:0 14px!important;margin:18px 0!important;
 background:var(--surface-2,transparent)!important;max-width:100%!important
}
html body.biography-master main .biography-sources>summary{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 cursor:pointer!important;list-style:none!important;min-height:44px!important;
 font:600 13px/1.5 var(--font-ui)!important;color:var(--ink)!important
}
html body.biography-master main .biography-sources>summary::-webkit-details-marker{display:none!important}
html body.biography-master main .biography-sources>summary::after{
 content:"⌄";font-size:19px;line-height:1;transform-origin:center;
 transition:transform .16s ease
}
html body.biography-master main .biography-sources[open]>summary::after{transform:rotate(180deg)}
html body.biography-master main .biography-sources-content{
 min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;
 padding:3px 0 14px!important;font:400 13px/1.65 var(--font-ui)!important
}
html body.biography-master main .biography-sources-content p{
 margin:0!important;font:inherit!important;color:var(--muted)!important;white-space:normal!important
}
@media(max-width:760px){
 html body.biography-master main .biography-heading .reading-meta{
  flex-direction:column!important;align-items:center!important;gap:6px!important;
  line-height:1.45!important;margin:0 auto!important
 }
 html body.biography-master main .biography-heading .reading-meta>span{
  display:block!important;text-align:left!important;margin:0 auto!important
 }
 /* Opening Genre uses the full available width; it never sits behind the
    second column or forces long topics beneath each other. */
 html body.biography-master main .biography-pref-row:has(.biography-genre-details[open]){
  grid-template-columns:minmax(0,1fr)!important
 }
 html body.biography-master main .biography-pref-row:has(.biography-genre-details[open])>.reader-settings,
 html body.biography-master main .biography-pref-row:has(.biography-genre-details[open])>.biography-genre-details{
  grid-column:1!important;width:100%!important
 }
 html body.biography-master main .biography-pref-row:has(.biography-genre-details[open])>.biography-genre-details{
  border-left:0!important;border-top:1px solid var(--line)!important
 }
 html body.biography-master main .biography-pref-row .biography-genre-content{
  padding-inline:10px!important
 }
}
@media(prefers-reduced-motion:reduce){
 html body.biography-master main .biography-sources>summary::after{transition:none}
}

/* One full-width expandable Genre reading area, including desktop widths. */
html body.biography-master main .biography-pref-row:has(.biography-genre-details[open]){grid-template-columns:minmax(0,1fr)!important}
html body.biography-master main .biography-pref-row:has(.biography-genre-details[open])>details{grid-column:1!important;min-width:0!important;width:100%!important}
html body.biography-master main .biography-pref-row:has(.biography-genre-details[open])>.biography-genre-details{border-left:0!important;border-top:1px solid var(--line)!important}