@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&family=Noto+Serif:ital,wght@0,500;0,600;1,500&display=swap&subset=vietnamese');
@import url('../assets/style.css');
:root{--serif:"Noto Serif","Times New Roman",serif;--sans:"Noto Sans",Arial,sans-serif}
strong,b{font-family:"Noto Sans",Arial,sans-serif;font-weight:700}
.article-hero{background:var(--cream);padding:90px 0 75px;border-bottom:1px solid var(--line)}.breadcrumbs{font-size:12px;color:#766a67;margin-bottom:35px}.breadcrumbs a{color:var(--wine)}.article-hero h1{font-family:var(--serif);font-size:clamp(43px,6vw,76px);font-weight:500;letter-spacing:-.035em;line-height:1.08;max-width:950px;margin:0}.article-hero .dek{font-size:18px;color:#655b59;max-width:760px;margin:30px 0 0}.article-meta{display:flex;gap:20px;margin-top:28px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#857875}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:90px;padding:80px 0 110px}.article-body h2{font-family:var(--serif);font-size:38px;line-height:1.2;font-weight:500;margin:55px 0 20px}.article-body h3{font-family:var(--serif);font-size:26px;font-weight:500;margin:35px 0 12px}.article-body p,.article-body li{color:#514847}.article-body p{margin:0 0 20px}.article-body ul,.article-body ol{padding-left:22px}.article-body li{margin:8px 0}.article-body figure{margin:38px 0}.article-body figure img{max-height:580px;object-fit:cover}.article-body figcaption{font-size:11px;color:#847874;margin-top:8px}.note{border-left:3px solid var(--wine);background:var(--cream);padding:22px 25px;margin:30px 0}.note p{margin:0}.article-cta{background:var(--wine);color:#fff;padding:32px;margin:45px 0}.article-cta h3{margin:0 0 10px;color:#fff}.article-cta p{color:#f1dedb}.article-cta .btn{background:#fff;color:var(--wine);margin-top:8px}.toc{position:sticky;top:30px;align-self:start;border-top:1px solid var(--line);padding-top:20px}.toc b{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.toc a{display:block;font-size:13px;color:#6e6260;padding:8px 0;border-bottom:1px solid rgba(36,24,25,.08)}.related{background:var(--cream);padding:80px 0}.related h2{font-family:var(--serif);font-size:38px;font-weight:500}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-card{background:#fff;padding:25px}.related-card small{color:var(--wine);letter-spacing:.09em}.related-card h3{font-family:var(--serif);font-weight:500;font-size:23px;line-height:1.25}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-bottom:110px}.knowledge-card{border:1px solid var(--line);background:#fff;overflow:hidden}.knowledge-card img{height:250px;object-fit:cover}.knowledge-card div{padding:24px}.knowledge-card small{font-size:10px;color:var(--wine);letter-spacing:.12em}.knowledge-card h2{font-family:var(--serif);font-size:27px;line-height:1.2;font-weight:500;margin:12px 0}.knowledge-card p{font-size:14px;color:#706461}.area-list{columns:3;column-gap:25px}.area-list a{display:block;padding:8px 0;border-bottom:1px solid var(--line)}
@media(max-width:900px){.article-layout{grid-template-columns:1fr;gap:30px}.toc{position:static;order:-1}.related-grid,.knowledge-grid{grid-template-columns:1fr 1fr}.area-list{columns:2}}
@media(max-width:560px){.article-hero{padding:65px 0 55px}.article-hero h1{font-size:44px;line-height:1.12}.article-layout{padding:55px 0 85px}.article-body h2{font-size:32px}.related-grid,.knowledge-grid{grid-template-columns:1fr}.knowledge-card img{height:280px}.area-list{columns:1}}