:root{
  --bg:#f7f5f0;
  --paper:#fffdf9;
  --text:#24303a;
  --muted:#6d756f;
  --line:#e3dfd6;
  --accent:#6e7f67;
  --accent-soft:#edf1e9;
  --max:980px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;line-height:1.72;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-kerning:normal}
a{color:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:0 auto}
.site-header{border-bottom:1px solid var(--line);background:rgba(247,245,240,.92);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}
.header-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;font-weight:750;letter-spacing:.08em;font-size:.92rem}.quiet{font-size:.88rem;color:var(--muted)}.header-side{display:flex;align-items:center;gap:14px}.site-link{text-decoration:none;font-size:.88rem;font-weight:700;color:var(--accent);padding-left:14px;border-left:1px solid var(--line);white-space:nowrap}.site-link:hover{text-decoration:underline;text-underline-offset:4px}
.hero{padding:86px 0 58px}.eyebrow{margin:0 0 12px;color:var(--accent);font-weight:750;letter-spacing:.16em;font-size:.78rem}.hero h1{font-family:inherit;font-size:clamp(2.7rem,6.1vw,4.7rem);font-weight:720;line-height:1.06;letter-spacing:-.035em;word-spacing:normal;max-width:900px;margin:0;text-wrap:balance;color:#25313a}.lead{font-family:inherit;font-size:clamp(1.08rem,2vw,1.28rem);line-height:1.62;color:#59615c;max-width:680px;margin:28px 0 0;word-spacing:normal}
.section{padding:30px 0 60px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-head h2{font-family:inherit;font-size:2rem;font-weight:720;letter-spacing:-.02em;word-spacing:normal;margin:0}.section-head p{margin:0;color:var(--muted)}
.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.note-card{display:block;text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:28px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.note-card:hover{transform:translateY(-3px);border-color:#cfc8bc;box-shadow:0 14px 38px rgba(37,45,39,.06)}.note-meta{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.83rem;text-transform:uppercase;letter-spacing:.07em}.note-card h3{font-family:inherit;font-size:1.72rem;font-weight:720;line-height:1.24;letter-spacing:-.018em;word-spacing:normal;margin:18px 0 12px;text-wrap:balance}.note-card p{color:#59615c;margin:0 0 22px}.read-more{font-weight:700;color:var(--accent)}
.topics{padding-bottom:90px}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span{background:var(--accent-soft);border:1px solid #dce4d7;border-radius:999px;padding:9px 14px;font-size:.92rem;color:#53634e}

/* Long-form notes: use one font family throughout for cleaner Vietnamese rendering */
.article-shell{width:min(780px,calc(100% - 40px));margin:0 auto;padding:70px 0 96px;font-family:"Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-kerning:normal;text-rendering:optimizeLegibility;letter-spacing:0;word-spacing:normal}
.article-shell *{word-spacing:normal}
.back{display:inline-block;text-decoration:none;color:var(--muted);margin-bottom:34px;font-size:.96rem}.back:hover{color:var(--text)}
.article-meta{color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
.article-shell>h1{font-family:inherit;font-size:clamp(2.45rem,5.8vw,4.2rem);font-weight:720;line-height:1.08;letter-spacing:-.028em;margin:12px 0 30px;text-wrap:balance;color:#25313a}
.article-intro{font-family:inherit;font-size:1.28rem;line-height:1.65;color:#59615c}
.article-opening{padding:4px 0 22px;border-bottom:1px solid var(--line);margin-bottom:8px}
.article-opening p{margin:0 0 1.05em;font-size:1.06rem;line-height:1.78}
.article-opening p:first-child{font-family:inherit;font-size:1.23rem;font-weight:500;line-height:1.68;color:#4f5953;margin-bottom:1.12em}
.article-opening p:last-child{margin-bottom:0}
.article-body h2{font-family:inherit;font-size:clamp(1.65rem,3vw,2rem);font-weight:720;line-height:1.3;letter-spacing:-.018em;margin:56px 0 18px;text-wrap:balance;color:#27343c}
.article-body p{font-family:inherit;font-size:1.045rem;font-weight:400;line-height:1.82;letter-spacing:0;word-spacing:normal;margin:0 0 1.08em;overflow-wrap:break-word}
.article-body strong{font-weight:700;color:#202b34}
.article-body .pullquote{font-family:inherit;font-size:1.14rem;font-weight:500;line-height:1.62;letter-spacing:0;word-spacing:normal;margin:30px 0;padding:18px 22px;border-left:3px solid var(--accent);background:rgba(237,241,233,.72);border-radius:0 14px 14px 0}
.article-body .pullquote strong{font-weight:650;color:#334030}
.closing-line{font-family:inherit;font-size:clamp(2rem,5vw,3.2rem);font-weight:720;line-height:1.12;letter-spacing:-.025em;margin:48px 0 28px;color:#2f3d31;text-wrap:balance}
.article-signoff{color:var(--muted);font-size:.95rem!important;margin:.35em 0!important}.article-signoff:first-of-type{margin-top:34px!important}.placeholder{margin:42px 0;padding:24px;border:1px dashed #c9c2b7;border-radius:18px;background:#fbf9f5;color:var(--muted)}
footer{border-top:1px solid var(--line);color:var(--muted)}.footer-inner{padding:28px 0;font-size:.88rem;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-note{font-style:italic;color:#7b817d}
@media(max-width:720px){
  .wrap{width:min(100% - 28px,var(--max))}
  .header-inner{align-items:flex-start;flex-direction:column;justify-content:center;gap:7px;padding:12px 0}
  .header-side{width:100%;justify-content:space-between;gap:12px}
  .quiet{font-size:.82rem}
  .site-link{font-size:.82rem;padding-left:12px}
  .hero{padding:58px 0 36px}.hero h1{font-size:clamp(2.3rem,10.5vw,3.25rem)}.lead{font-size:1.05rem;line-height:1.58;margin-top:22px}
  .section-head{align-items:flex-start;flex-direction:column;gap:6px}.notes-grid{grid-template-columns:1fr}.note-card{padding:22px}
  .article-shell{width:min(100% - 28px,780px);padding:46px 0 72px}
  .back{margin-bottom:28px}
  .article-shell>h1{font-size:clamp(2.15rem,10vw,3rem);line-height:1.1;margin-bottom:24px}
  .article-opening{padding-bottom:14px}
  .article-opening p{font-size:1rem;line-height:1.75}
  .article-opening p:first-child{font-size:1.13rem;line-height:1.66}
  .article-body h2{font-size:1.55rem;line-height:1.3;margin:44px 0 15px}
  .article-body p{font-size:1rem;line-height:1.78;margin-bottom:1em}
  .article-body .pullquote{font-size:1.06rem;line-height:1.58;margin:25px 0;padding:16px 17px}
  .closing-line{font-size:2.1rem;margin:40px 0 24px}
  .footer-inner{align-items:flex-start;flex-direction:column;gap:4px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.note-card{transition:none}}