/* ODIN Lab — White Article V3.7.1 · enlarged reading typography.
 * Light Hub / White Article / High Contrast / Consistent Typography
 * Applies exclusively to reading-shell pages and single-posts, not hub templates.
 */
body.odin-ui-v1 main#main:has(>article.reading-shell){background:#f5f8fa!important;color:#263e4c!important;padding:24px 0 64px}
body.odin-ui-v1 main#main>article.reading-shell{--odin-bg:#fff;--odin-surface:#edf6f6;--odin-heading:#13354a;--odin-copy:#263e4c;--odin-teal:#087b80;width:min(850px,calc(100% - 40px))!important;margin:0 auto!important;padding:45px clamp(24px,5vw,56px) 55px!important;background:#fff!important;color:#263e4c!important;border:1px solid #e2eaed;border-radius:16px;box-shadow:0 10px 38px #102a4010;overflow-wrap:anywhere}
body.odin-ui-v1 main#main>article.reading-shell>.eyebrow{color:#087b80!important;font-size:13px!important;font-weight:750;letter-spacing:.09em}
body.odin-ui-v1 main#main>article.reading-shell>h1{color:#13354a!important;font-size:clamp(33px,3.6vw,46px)!important;line-height:1.24!important;font-weight:750!important;letter-spacing:-.025em!important;margin:15px 0 22px!important}
body.odin-ui-v1 main#main>article.reading-shell>.fine{color:#526f7e!important;font-size:14px}
body.odin-ui-v1 main#main>article.reading-shell>.reading-lead{color:#405d6c!important;font-size:20px!important;line-height:1.7!important;border-bottom:1px solid #d9e6ea!important;padding-bottom:25px;margin-bottom:28px}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content{font-size:19px!important;line-height:1.8!important;color:#263e4c!important;overflow-wrap:anywhere}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content :is(p,li,dt,dd){font-size:inherit;line-height:1.8;color:#263e4c!important}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content p{margin:15px 0}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content :is(h2,h3,h4,h5){color:#13354a!important;font-weight:750!important;overflow-wrap:anywhere}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content h2{font-size:clamp(27px,2.8vw,33px)!important;line-height:1.35!important;margin:40px 0 16px!important}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content h3{font-size:clamp(22px,2.2vw,26px)!important;line-height:1.4!important;margin:29px 0 13px!important}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content :is(strong,b){color:#13354a!important;font-weight:750}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content a:not(.button){color:#087b80!important;text-decoration:underline;text-underline-offset:3px}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content a:hover{color:#065a60!important}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content :is(ul,ol){margin:18px 0;padding-left:1.5rem}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content li{margin:8px 0}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content :is(blockquote,.wp-block-quote){background:#edf6f6!important;color:#254b60!important;border-left:4px solid #0e8589!important;border-radius:0 8px 8px 0;padding:17px 22px;margin:25px 0}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content :is(blockquote,.wp-block-quote) p{color:#254b60!important}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content nav[aria-label="Mục lục bài viết"]{background:#f0f7f8;border:1px solid #d4e5e9;border-radius:12px;padding:20px 23px;margin:28px 0}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content nav[aria-label="Mục lục bài viết"] h2{font-size:22px!important;margin:0 0 13px!important}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content :is(table,.wp-block-table table){width:100%;border-collapse:collapse;background:#fff;color:#263e4c;font-size:15px}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content :is(td,th){padding:12px 13px;color:#263e4c;border:1px solid #d3e1e5!important;vertical-align:top}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content th{background:#eaf3f5!important;color:#173e52!important}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content :is(figure,.wp-block-table,pre,table){max-width:100%;overflow-x:auto}
body.odin-ui-v1 main#main>article.reading-shell :is(img,video){max-width:100%;height:auto}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content figcaption{font-size:15px!important;color:#385365!important;line-height:1.65!important;text-align:center;font-weight:500!important;opacity:1!important}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content :is(.method-future-panel,article){background:#f4f9fa!important;border:1px solid #d8e6e9!important;border-radius:10px;padding:23px}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content .button{background:#15445b!important;color:#fff!important;border-radius:7px;text-decoration:none}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content :is(input,textarea,select){background:#fff!important;color:#263e4c!important;border:1px solid #98b2be!important}
body.odin-ui-v1 main#main>article.reading-shell>.odin-local-nav a,
body.odin-ui-v1 main#main>article.reading-shell>.odin-topic-links a{background:#edf6f6!important;color:#175163!important;border-color:#b7d4da!important}
body.odin-ui-v1 main#main>article.reading-shell>.back-link{color:#087b80!important;text-decoration:underline;text-underline-offset:4px;font-weight:750}
@media(max-width:700px){
body.odin-ui-v1 main#main:has(>article.reading-shell){padding:10px 0 32px}
body.odin-ui-v1 main#main>article.reading-shell{width:calc(100% - 24px)!important;padding:26px 18px 33px!important;border-radius:12px}
body.odin-ui-v1 main#main>article.reading-shell>h1{font-size:clamp(29px,8vw,37px)!important}
body.odin-ui-v1 main#main>article.reading-shell>.reading-lead{font-size:18px!important}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content{font-size:18px!important;line-height:1.76!important}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content h2{font-size:26px!important}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content h3{font-size:22px!important}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content :is(blockquote,.wp-block-quote){padding:15px}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content nav[aria-label="Mục lục bài viết"]{padding:16px}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content :is(.method-future-panel,article){padding:16px}
}


/* V3.7.2 legibility review (mobile screenshots): ChatGPT-like comfortable reading.
 * Slightly stronger strokes, darker body, tighter vertical rhythm; no wholesale bold.
 */
body.odin-ui-v1 main#main>article.reading-shell>.reading-content{
  color:#1d3442!important;
  font-family:Arial,"Segoe UI",sans-serif!important;
  font-size:20px!important;
  font-weight:500!important;
  line-height:1.68!important;
  letter-spacing:0!important;
}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content :is(p,li,dt,dd){
  color:#1d3442!important;
  font-weight:500!important;
  line-height:1.68!important;
}
body.odin-ui-v1 main#main>article.reading-shell>.reading-content :is(strong,b){
  color:#102f43!important;
  font-weight:750!important;
}
body.odin-ui-v1 main#main>article.reading-shell>.reading-lead{
  color:#294a5d!important;
  font-weight:500!important;
}
@media(max-width:700px){
 body.odin-ui-v1 main#main>article.reading-shell>.reading-content{
   font-size:19px!important;
   font-weight:500!important;
   line-height:1.67!important;
 }
 body.odin-ui-v1 main#main>article.reading-shell>.reading-content :is(p,li,dt,dd){line-height:1.67!important}
 body.odin-ui-v1 main#main>article.reading-shell>h1{font-weight:750!important}
}