/* Related-reading lines (9 Nov 2026): the bare "For more detail, read ..." paragraphs become quiet cards. */
html body #main#main#main#main#main p.queue-article-context{grid-column:1/-1;margin:-20px 0 0;padding:14px 20px;border:1px solid rgba(24,61,105,.16);border-left:4px solid #c9a96a;border-radius:10px;background:rgba(255,255,255,.6);font-size:16px!important;line-height:1.5;max-width:none;color:#183d69}
html body #main#main#main#main#main p.queue-article-context a{font-weight:700;color:#183d69;text-decoration:underline;text-underline-offset:3px}
html body #main#main#main#main#main p.queue-article-context a:hover{color:#0b2a4f}
/* Article balance: stray empty paragraphs and trailing line breaks no longer open large gaps. */
html body #main#main#main#main#main .ar-body p:has(>br:only-child){display:none}
html body #main#main#main#main#main .ar-body p>br:last-child{display:none}
/* Lens-choice article head (desktop): full-width title; intro and compact byline left, opening image right. */
@media(min-width:1000px){
html body #main#main#main#main#main .mat-head:has(.mat-lifestyle-opening) .ar-head-inner{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);column-gap:48px;row-gap:22px;align-items:start;max-width:1140px!important;margin:0 auto}
html body #main#main#main#main#main .mat-head:has(.mat-lifestyle-opening) .ar-head-inner>h1{grid-column:1/-1;margin-bottom:4px}
html body #main#main#main#main#main .mat-head:has(.mat-lifestyle-opening) .ar-head-inner>.mat-lead{grid-column:1;grid-row:2}
html body #main#main#main#main#main .mat-head:has(.mat-lifestyle-opening) .ar-head-inner>.ar-author{grid-column:1;grid-row:3}
html body #main#main#main#main#main .mat-head .mat-lifestyle-opening{grid-column:2;grid-row:2/span 2;align-self:center;max-width:none;width:100%;margin:0}
}
/* Article author panel v2 (Simon, 9 November 2026). Supersedes the 29 October panel.
   Structure: div.ar-author > portrait img (or a>img), then ONE details div containing
   p.ar-author-name, p.ar-author-post, p.ar-author-role and, for published articles,
   p.ar-date (inside the details div, after the role).
   Desktop (761px+): 84px round portrait beside three lines that fit the text:
     Written by Dr Simon Chen, MBBS, BSc (Hons), FRANZCO
     Cataract and retinal surgeon, Vision Eye Institute Chatswood, Sydney  · Published: <date>
   Name/post-nominals/role at body size (18px); the date is quieter: 16px, muted warm grey.
   The panel shrinks to its text (no empty space inside or beside the card).
   Phones: portrait beside the name; post-nominals, role and date full width below.
   Load after legacy article, site type and the 29 October author-panel styles. */
html body #main#main#main#main#main .ar-author.ar-author{display:grid!important;grid-template-columns:84px minmax(0,1fr)!important;column-gap:20px!important;row-gap:0!important;align-items:center!important;width:fit-content!important;max-width:100%!important;padding:16px 22px 16px 16px!important;box-sizing:border-box}
html body #main#main#main#main#main .ar-author.ar-author>:is(img,a){grid-column:1!important;grid-row:1!important;align-self:center!important}
html body #main#main#main#main#main .ar-author.ar-author img{width:84px!important;height:84px!important;min-width:84px!important;max-width:84px!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:50%!important;display:block}
html body #main#main#main#main#main .ar-author.ar-author>div{display:flow-root!important;grid-column:2!important;grid-row:1!important;min-width:0}
html body #main#main#main#main#main .ar-author.ar-author :is(p,a,span,time){font-size:var(--type-body,18px)!important;line-height:1.5!important}
html body #main#main#main#main#main .ar-author.ar-author p{margin:0!important}
html body #main#main#main#main#main .ar-author.ar-author .ar-author-name{font-weight:700!important}
html body #main#main#main#main#main .ar-author.ar-author .ar-author-post{font-weight:600!important}
html body #main#main#main#main#main .ar-author.ar-author .ar-date,
html body #main#main#main#main#main .ar-author.ar-author .ar-date :is(time,span){font-size:16px!important;color:#6f6250!important;font-weight:400!important}
@media(min-width:761px){
html body #main#main#main#main#main .ar-author.ar-author .ar-author-name{display:inline!important;white-space:nowrap}
html body #main#main#main#main#main .ar-author.ar-author .ar-author-name::after{content:","}
html:lang(zh) body #main#main#main#main#main .ar-author.ar-author .ar-author-name::after{content:"，"}
html body #main#main#main#main#main .ar-author.ar-author .ar-author-post{display:inline-block!important;white-space:nowrap;margin-left:.3em!important}
html body #main#main#main#main#main .ar-author.ar-author .ar-author-role{display:inline!important}
html body #main#main#main#main#main .ar-author.ar-author .ar-author-role::before{content:"\A";white-space:pre}
html body #main#main#main#main#main .ar-author.ar-author .ar-date{display:inline!important;white-space:nowrap}
html body #main#main#main#main#main .ar-author.ar-author .ar-date::before{content:"\00b7";margin:0 10px 0 9px;color:#a8916a}
}
@media(max-width:760px){
html body #main#main#main#main#main .ar-author.ar-author{grid-template-columns:76px minmax(0,1fr)!important;column-gap:16px!important;row-gap:4px!important;width:100%!important;padding:16px!important}
html body #main#main#main#main#main .ar-author.ar-author img{width:76px!important;height:76px!important;min-width:76px!important;max-width:76px!important}
html body #main#main#main#main#main .ar-author.ar-author>div{display:contents!important}
html body #main#main#main#main#main .ar-author.ar-author .ar-author-name{grid-column:2!important;grid-row:1!important;align-self:center}
html body #main#main#main#main#main .ar-author.ar-author :is(.ar-author-post,.ar-author-role,.ar-date){grid-column:1/-1!important}
html body #main#main#main#main#main .ar-author.ar-author .ar-author-post{margin-top:8px!important}
}