.journal-page{background:#fff;color:#28455a}.journal-header{background:linear-gradient(120deg,#fff,#f0f8fde8);border-bottom:1px solid #dfebf4}.journal-header>.wrap{min-height:86px;gap:24px}.journal-nav{display:flex;gap:28px;margin-left:auto;align-items:center}.journal-nav a{font-size:.875rem;color:#355b78;text-decoration:none;white-space:nowrap}.journal-nav a:hover{color:#0077b6}.journal-header .header-actions{gap:12px}.journal-header .btn{font-size:.875rem;white-space:nowrap}.journal-header .brand-logo{width:155px;height:72px;object-fit:contain}.journal-header .lang{background:#f6fbff}.journal-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:32px;color:#698094;font-size:.8125rem;line-height:1.7}.journal-breadcrumb a{color:inherit;text-decoration:none}.journal-breadcrumb a:hover{text-decoration:underline}.journal-heading{max-width:890px;padding-top:44px;padding-bottom:34px;text-align:center}.journal-heading .eyebrow{font-size:.75rem;letter-spacing:.15em;display:block;margin-bottom:18px}.journal-page h1{font-size:clamp(1.85rem,3.2vw,2.7rem);font-weight:500;line-height:1.25;letter-spacing:-.025em;max-width:780px;margin:0 auto 22px;color:#153c57;text-wrap:balance}.journal-lead{font-size:1.0625rem;line-height:1.9;max-width:740px;margin:0 auto;color:#536c7c}.journal-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;color:#718798;font-size:.8125rem;line-height:1.7;margin-top:23px}.journal-hero{margin-top:8px;margin-bottom:0}.journal-hero-frame{overflow:hidden;border-radius:12px;max-height:485px;background:#edf5fc}.journal-hero img{display:block;width:100%;height:clamp(260px,36vw,485px);object-fit:cover;object-position:center 45%}.journal-page[data-article="ngoi-nha-xanh-trang"] .journal-hero img{object-position:center 52%}.journal-hero figcaption,.journal-inline-photo figcaption{font-size:.75rem;line-height:1.7;color:#748796;margin-top:10px}.journal-hero figcaption a{color:inherit;text-decoration:underline;text-underline-offset:3px}.journal-layout{display:grid;grid-template-columns:235px minmax(0,740px);gap:70px;justify-content:center;padding-top:52px;padding-bottom:52px}.journal-toc{position:sticky;top:122px;padding:23px 0;border-top:1px solid #b9d4e7}.journal-toc>p{font-size:.875rem;font-weight:600;margin:0 0 18px;color:#234962}.journal-toc ol{margin:0 0 24px;padding-left:18px;color:#6a8aa3}.journal-toc li{padding:0 0 13px 4px;font-size:.875rem;line-height:1.7}.journal-toc a{color:#4f6f87;text-decoration:none}.journal-toc li a:hover{text-decoration:underline;text-underline-offset:4px}.journal-toc .btn{font-size:.8125rem;color:#153d57;display:flex;align-items:center;gap:8px;justify-content:space-between;padding:12px 14px;white-space:normal}.journal-toc .btn .ui-icon{flex-shrink:0;width:17px;height:17px}.journal-reading{min-width:0}.journal-section{position:relative;margin-bottom:42px;scroll-margin-top:116px}.journal-section-number{display:block;font-size:.75rem;letter-spacing:.18em;color:#638db0;margin-bottom:10px}.journal-page h2{font-size:clamp(1.3rem,2.2vw,1.65rem);line-height:1.4;letter-spacing:-.015em;font-weight:500;color:#214760;margin:0 0 19px}.journal-section p{font-size:1rem;line-height:1.95;color:#415d71;margin:0 0 18px}.journal-inline-photo{margin:6px 0 43px}.journal-inline-photo img{display:block;width:100%;height:350px;object-fit:cover;border-radius:10px;background:#edf5fc}.journal-reference{font-size:.8125rem;line-height:1.8;color:#6b8192;padding-top:8px;margin-bottom:28px}.journal-reference a{color:#397397}.journal-help{border:1px solid #d7e7f3;background:linear-gradient(120deg,#f0f8ff,#e9f5fb99,#f6faff);padding:32px;border-radius:16px;margin-top:18px}.journal-help .eyebrow{display:block;font-size:.75rem;margin-bottom:12px}.journal-help h2{font-size:1.5rem;margin-bottom:12px}.journal-help p{font-size:.9375rem;line-height:1.9;color:#526b7c;margin:0 0 22px}.journal-help-actions{display:flex;gap:10px;flex-wrap:wrap}.journal-help-actions .btn{display:flex;align-items:center;gap:10px;font-size:.875rem;min-height:46px}.journal-help-actions .ui-icon{width:18px;height:18px}.journal-back{display:inline-block;margin-top:30px;color:#3b759a;font-size:.9375rem;text-underline-offset:5px}.journal-related{border-top:1px solid #deebf4;padding-top:44px;padding-bottom:70px}.journal-related-heading{margin-bottom:24px}.journal-related-heading .eyebrow{display:block;margin-bottom:9px;font-size:.75rem}.journal-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.journal-related-card{display:grid;grid-template-columns:42% 1fr;border:1px solid #e0ebf4;border-radius:12px;background:#fbfdff;overflow:hidden;color:inherit;text-decoration:none;transition:transform .35s,box-shadow .35s}.journal-related-card>img{width:100%;height:100%;min-height:230px;object-fit:cover}.journal-related-card>div{padding:28px 24px}.journal-related-card .eyebrow{font-size:.6875rem;letter-spacing:.09em}.journal-related-card h3{font-size:1.125rem;line-height:1.5;font-weight:500;letter-spacing:0;margin:12px 0 22px;color:#254c66}.journal-read-more{font-size:.8125rem;line-height:1.6;color:#4b7796;display:flex;gap:10px;align-items:center}.journal-read-more .ui-icon{width:17px;min-width:17px;height:17px}.journal-footer{padding:34px 0 120px;background:#edf5fb;border-top:1px solid #dbe8f1}.journal-footer>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.journal-footer p{margin:5px 0;font-size:.875rem;line-height:1.8;color:#587184}.journal-footer strong{font-weight:500;font-size:1rem;color:#234c68}.journal-footer-actions{display:flex;gap:15px;flex-wrap:wrap}.journal-footer-actions a{font-size:.875rem;color:#2d668e;text-underline-offset:4px}.journal-page a:focus-visible{outline:3px solid #4b8dbd;outline-offset:4px;border-radius:4px}
@media(min-width:1350px){.journal-layout{padding-right:150px;grid-template-columns:220px minmax(0,720px);gap:48px}}
@media(max-width:950px){.journal-header>.wrap{gap:16px}.journal-nav{display:none}.journal-header .header-actions{margin-left:auto}.journal-layout{grid-template-columns:1fr;gap:26px;padding-top:30px;max-width:800px}.journal-toc{position:static;padding:20px 24px;border:1px solid #dbe8f1;border-radius:12px;background:#f8fbfe}.journal-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin-bottom:6px}.journal-toc .btn{display:none}.journal-toc li{padding-bottom:9px}.journal-related-card{grid-template-columns:1fr}.journal-related-card>img{height:210px;min-height:0}.journal-related-card>div{padding:24px}.journal-footer>.wrap{align-items:flex-start;flex-direction:column;gap:15px}}
@media(max-width:600px){.journal-header>.wrap{min-height:76px;gap:9px}.journal-header .brand-logo{width:117px;height:62px}.journal-header .header-actions{gap:7px}.journal-header .btn{font-size:.8125rem;padding:10px 12px}.journal-header .lang{font-size:.8125rem;max-width:88px;padding:8px 4px}.journal-breadcrumb{padding-top:23px;font-size:.75rem;gap:8px}.journal-heading{padding-top:30px;padding-bottom:26px;text-align:left}.journal-page h1{font-size:1.875rem;margin-bottom:17px}.journal-lead{font-size:1rem;line-height:1.9}.journal-meta{justify-content:flex-start;gap:9px;margin-top:19px}.journal-hero img{height:285px}.journal-hero-frame{border-radius:9px}.journal-hero figcaption{font-size:.75rem}.journal-layout{gap:28px;padding-bottom:34px}.journal-toc{padding:18px 20px}.journal-toc ol{grid-template-columns:1fr;gap:0}.journal-toc li{font-size:.875rem}.journal-section{margin-bottom:34px}.journal-section p{line-height:1.9}.journal-inline-photo img{height:240px}.journal-inline-photo{margin-bottom:32px}.journal-help{padding:25px 22px}.journal-help h2{font-size:1.375rem}.journal-help-actions .btn{padding:11px 14px}.journal-related{padding-top:31px;padding-bottom:38px}.journal-related-grid{grid-template-columns:1fr;gap:22px}.journal-related-card{grid-template-columns:38% 1fr}.journal-related-card>img{height:100%;min-height:200px}.journal-related-card>div{padding:22px 18px}.journal-related-card h3{font-size:1.0625rem;margin-bottom:15px}.journal-read-more{font-size:.8125rem}.journal-footer{padding-bottom:30px}}
@media(max-width:380px){.journal-header .btn{padding:10px 8px;font-size:.75rem}.journal-header .brand-logo{width:102px}.journal-related-card{grid-template-columns:1fr}.journal-related-card>img{height:210px}}