/* Native section 2 media and readable editorial layout. */
article .basics-media { max-width:760px; margin:2rem auto; border-radius:10px; }
article .basics-media picture, article .basics-media img { display:block; width:100%; height:auto; }
article .basics-media figcaption { text-align:start; padding:.8rem 0; line-height:1.6; overflow-wrap:anywhere; }
article .basics-media-full-row { margin:-1.4rem 0 1.7rem; text-align:end; font-size:.86rem; }
article .basics-media-full-row a { display:inline-flex; align-items:center; min-height:44px; line-height:1.5; }
article :is(.tocBox,.tocList,.tocSub) { max-width:100%; overflow-wrap:anywhere; }
article .tocList,article .tocSub { list-style:none; margin:0; padding:0; }
article .tocList>li { margin:.45rem 0; }
article .tocSub { padding-inline-start:1rem; }
article .tocBox a { display:block; padding:.2rem 0; line-height:1.55; }
article .basics-media:focus-visible, .basics-lightbox button:focus-visible { outline:3px solid #d29d30; outline-offset:3px; }
.basics-lightbox { position:fixed; inset:0; z-index:10000; display:flex; flex-direction:column; align-items:center; background:rgba(10,18,33,.97); color:#fff; padding:64px 18px 24px; overflow:auto; overscroll-behavior:contain; }
.basics-lightbox[hidden] { display:none; }
.basics-lightbox__close { position:fixed; inset-block-start:12px; inset-inline-end:14px; width:44px; height:44px; border:1px solid #9aa8bc; border-radius:6px; background:#15263c; color:#fff; font-size:28px; cursor:pointer; }
.basics-lightbox img { display:block; width:auto; max-width:100%; height:auto; max-height:none; background:#fff; }
.basics-lightbox__caption { width:100%; max-width:1000px; margin-block-start:14px; font-size:.9rem; line-height:1.6; text-align:start; overflow-wrap:anywhere; }
html[lang="ar"] article :is(.tocBox,.basics-media figcaption) { direction:rtl; }
html[lang="ar"] .article-editorial .faq-question { padding-left:3rem; padding-right:1rem; }
html[lang="ja"] article, html[lang="th"] article { overflow-wrap:anywhere; }
@media(max-width:600px) { article .basics-media { margin-block:1.5rem; } .basics-lightbox { padding-inline:8px; } }

