/* Extracted verbatim from StockAZ-Blog-Final-Sync-Master-v9.html */

:root{
  --ink:#111413;
  --soft:#343a37;
  --muted:#6f7773;
  --line:#e3e7e4;
  --line2:#ccd3cf;
  --surface:#f7f8f7;
  --surface2:#f0f2f0;
  --white:#fff;
  --radius:12px;
  --shadow:0 16px 36px rgba(17,20,19,.07);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Be Vietnam Pro',Arial,sans-serif;
  color:var(--ink);
  background:#fff;
  -webkit-font-smoothing:antialiased;
}
button,input{font:inherit}
a{text-decoration:none;color:inherit}
.wrap{width:min(calc(100% - 40px),1380px);margin:auto}

/* Header */
.top{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.topin{height:72px;display:flex;align-items:center;gap:28px}
.brand{font-size:26px;font-weight:900;letter-spacing:-.055em}
.nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}
.nav a{transition:opacity .2s ease;position:relative}
.nav a:hover{opacity:.58}
.nav a.active{font-weight:800}
.nav a.active:after{
  content:"";position:absolute;left:0;right:0;bottom:-25px;height:2px;background:var(--ink)
}
.mobile-nav{display:none;margin-left:auto;position:relative}
.mobile-nav summary{list-style:none}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-menu-toggle{
  width:42px;height:42px;border:1px solid var(--line);
  border-radius:9px;display:grid;place-content:center;gap:4px;cursor:pointer;background:#fff;
}
.mobile-menu-toggle span{display:block;width:18px;height:1.5px;background:var(--ink)}
.mobile-menu{
  position:absolute;right:0;top:52px;width:min(320px,calc(100vw - 28px));
  background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);
  padding:9px;
}
.mobile-menu a{
  display:block;padding:14px 14px;border-radius:8px;font-size:14px;font-weight:600;
}
.mobile-menu a:hover,.mobile-menu a.active{background:var(--surface)}

/* Hero */
.hero{
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 84% 20%,rgba(17,20,19,.065),transparent 23%),
    linear-gradient(180deg,#fff 0%,#f8f9f8 100%);
}
.heroin{
  min-height:500px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:74px;
  align-items:center;
  padding:72px 0;
}
.kicker{
  margin:0 0 14px;color:var(--muted);font-size:12px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
}
.hero h1{
  margin:0 0 24px;
  font-size:clamp(58px,7vw,96px);
  line-height:.96;
  letter-spacing:-.065em;
  font-weight:900;
}
.hero .headline{
  max-width:760px;
  font-size:clamp(25px,2.2vw,35px);
  font-weight:700;
  line-height:1.25;
  letter-spacing:-.035em;
  margin:0 0 18px;
}
.lead{font-size:17px;line-height:1.75;color:var(--soft);max-width:720px;margin:0}
.heroart{min-height:330px;display:flex;align-items:center;justify-content:center}
.heroart svg{display:block;width:100%;height:auto;max-height:400px}
.heroart .float{transform-origin:center;animation:float 5s ease-in-out infinite}
.heroart .pulse{transform-origin:center;animation:pulse 4.6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes pulse{0%,100%{opacity:.36}50%{opacity:.68}}
@media(prefers-reduced-motion:reduce){.heroart .float,.heroart .pulse{animation:none}}

/* Search / filters */
.discovery{padding:34px 0 0}
.searchbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  padding:8px;
  border:1px solid var(--line2);
  border-radius:12px;
  background:#fff;
  box-shadow:var(--shadow);
}
.searchbar input{
  min-width:0;border:0;outline:0;padding:0 14px;color:var(--ink);font-weight:600;background:transparent;
}
.searchbar button{
  min-height:46px;padding:0 20px;border:1px solid var(--ink);border-radius:8px;
  background:var(--ink);color:#fff;font-size:13px;font-weight:700;cursor:pointer;
}
.filters{
  display:flex;gap:8px;overflow:auto;padding:18px 0 8px;
  scrollbar-width:none;
}
.filters::-webkit-scrollbar{display:none}
.filter{
  white-space:nowrap;border:1px solid var(--line2);background:#fff;color:var(--soft);
  padding:9px 14px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;
  transition:.18s ease;
}
.filter:hover{border-color:#9ca39f}
.filter.active{background:var(--ink);border-color:var(--ink);color:#fff}

/* Shared sections */
.section{padding:72px 0}
.section.soft{background:var(--surface);border-block:1px solid var(--line)}
.head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.head h2{font-size:38px;letter-spacing:-.04em;margin:0;font-weight:800}
.head p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.6}
.textlink{font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}
.eyebrow{
  display:flex;align-items:center;gap:9px;
  color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
}
.eyebrow .dot{width:4px;height:4px;border-radius:50%;background:currentColor}

/* Featured */
.featured{
  display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:stretch;
  padding-bottom:14px;
}
.feature-visual{
  min-height:460px;border:1px solid var(--line);border-radius:14px;background:#f4f5f4;overflow:hidden;position:relative;
}
.editorial-art{position:absolute;inset:0;display:grid;place-items:center;padding:44px}
.paper-stack{position:relative;width:min(78%,520px);aspect-ratio:1.18/1}
.paper{
  position:absolute;inset:0;border:1px solid #bfc5c1;background:#fff;border-radius:7px;
  box-shadow:0 18px 40px rgba(17,20,19,.06);
}
.paper.p1{transform:translate(10%,-8%) rotate(3deg);background:#ecefec}
.paper.p2{transform:translate(-7%,5%) rotate(-4deg);background:#f9faf9}
.paper.p3{padding:34px;display:flex;flex-direction:column}
.paper .mini-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:#707773;margin-bottom:22px}
.paper .mini-title{height:16px;background:#111413;width:84%;margin-bottom:12px}
.paper .mini-title.short{width:55%}
.paper .rule{height:1px;background:#d9ddda;margin:20px 0}
.paper .lines{display:grid;gap:9px}
.paper .lines i{display:block;height:6px;background:#dfe3e0;border-radius:4px}
.paper .lines i:nth-child(2){width:91%}
.paper .lines i:nth-child(3){width:74%}
.lens{
  position:absolute;width:116px;height:116px;border:5px solid #111413;border-radius:50%;
  right:6%;bottom:4%;background:rgba(255,255,255,.55);
}
.lens:after{
  content:"";position:absolute;width:62px;height:6px;background:#111413;right:-46px;bottom:-22px;
  transform:rotate(45deg);transform-origin:left;border-radius:99px;
}
.feature-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px 0}
.feature-copy h3{
  margin:18px 0 18px;font-size:clamp(38px,4vw,58px);line-height:1.06;letter-spacing:-.052em;font-weight:800;
}
.feature-copy p{font-size:17px;line-height:1.75;color:var(--soft);max-width:620px;margin:0 0 26px}
.arrowlink{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700}
.arrowlink span{transition:transform .2s ease}
.arrowlink:hover span{transform:translateX(5px)}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card{
  border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.card:hover{transform:translateY(-3px);border-color:#c4cac6;box-shadow:0 18px 38px rgba(17,20,19,.06)}
.thumb{height:220px;border-bottom:1px solid var(--line);position:relative;overflow:hidden;background:#f4f5f4}
.thumb.t1:before,.thumb.t2:before,.thumb.t3:before{
  content:"";position:absolute;inset:28px;border:1px solid #cbd0cd;border-radius:10px;background:#fff;
}
.thumb.t1:after{
  content:"";position:absolute;left:56px;right:56px;bottom:52px;height:2px;background:#111413;
  box-shadow:0 -30px 0 #c9cecb,0 -60px 0 #111413,0 -90px 0 #dfe2e0;
}
.thumb.t2:after{
  content:"";position:absolute;width:94px;height:94px;border:4px solid #111413;border-radius:50%;
  left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:48px 26px 0 -43px #111413;
}
.thumb.t3:after{
  content:"";position:absolute;left:52px;top:48px;width:calc(100% - 104px);height:116px;
  background:
    linear-gradient(135deg,transparent 0 18%,#111413 18% 19.5%,transparent 19.5% 42%,#8c938f 42% 43.5%,transparent 43.5% 64%,#111413 64% 65.5%,transparent 65.5%);
}
.cardbody{padding:24px 23px 25px}
.card h3{font-size:21px;line-height:1.34;letter-spacing:-.025em;margin:13px 0 11px;font-weight:800}
.card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 20px}

/* Learning path */
.learning-grid{display:block}
.learning-intro{position:static}
.learning-intro h2{font-size:48px;line-height:1.08;letter-spacing:-.05em;margin:0 0 18px}
.learning-intro p{
  width:100%;
  max-width:none;
  font-size:16px;
  line-height:1.75;
  color:var(--muted);
  margin:0;
}
.learning-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:48px;
  row-gap:0;
  margin-top:32px;
  border-top:2px solid var(--ink);
}
.learn-row{
  display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:22px;align-items:center;
  min-height:91px;border-bottom:1px solid var(--line);padding:18px 0;
}
.learn-no{font-size:12px;font-weight:800;color:var(--muted)}
.learn-title{font-size:22px;font-weight:700;letter-spacing:-.025em}
.learn-desc{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.5}
.learn-arrow{font-size:22px;transition:transform .2s ease}
.learn-row:hover .learn-arrow{transform:translateX(5px)}

/* Archive */
.archive{border-top:2px solid var(--ink)}
.archive-row{
  display:grid;
  grid-template-columns:122px 145px minmax(0,1fr) 34px;
  gap:22px;align-items:center;
  min-height:82px;border-bottom:1px solid var(--line);
  transition:background .18s ease;
}
.archive-row:hover{background:#fafbfa}
.archive-date,.archive-cat{font-size:11px;color:var(--muted);font-weight:700}
.archive-cat{text-transform:uppercase;letter-spacing:.08em}
.archive-title{font-size:17px;font-weight:700;line-height:1.45;letter-spacing:-.015em}
.archive-arrow{text-align:right;font-size:19px}
.empty{
  display:none;padding:42px 0 26px;color:var(--muted);font-size:15px;text-align:center
}
.loadmore{
  display:flex;justify-content:center;margin-top:30px
}
.loadmore button{
  min-height:44px;padding:0 18px;border:1px solid var(--line2);border-radius:8px;background:#fff;
  color:var(--ink);font-size:13px;font-weight:700;cursor:pointer;
}

/* Footer */
.foot{border-top:1px solid var(--line);padding:38px 0 50px;margin-top:18px}
.footin{display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:13px;line-height:1.7}
.footbrand{font-size:24px;color:var(--ink);font-weight:900;letter-spacing:-.045em}
.footlinks{display:flex;gap:22px;align-items:flex-start}
.footlinks a:hover{color:var(--ink)}

/* Responsive */
@media(max-width:1000px){
  .nav{display:none}
  .mobile-nav{display:block}
  .heroin{grid-template-columns:1fr;gap:24px;padding:60px 0 50px}
  .heroart{min-height:0;max-width:670px;margin:0 auto}
  .featured{grid-template-columns:1fr;gap:34px}
  .feature-visual{min-height:400px}
  .feature-copy{padding:0}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards .card:last-child{grid-column:1/-1;display:grid;grid-template-columns:.85fr 1.15fr}
  .cards .card:last-child .thumb{height:auto;border-bottom:0;border-right:1px solid var(--line)}
  .learning-grid{display:block}
  .learning-intro{max-width:none}
  .learning-list{column-gap:32px;margin-top:28px}
}
@media(max-width:650px){
  .wrap{width:min(calc(100% - 28px),1380px)}
  .topin{height:64px}
  .brand{font-size:24px}
  .hero h1{font-size:58px}
  .hero .headline{font-size:25px}
  .lead{font-size:15px}
  .heroin{padding:46px 0 34px;gap:18px}
  .heroart{max-width:430px}
  .heroart svg{max-height:285px}
  .discovery{padding-top:24px}
  .searchbar{grid-template-columns:1fr}
  .searchbar input{min-height:46px}
  .searchbar button{width:100%}
  .filters{margin-right:-14px;padding-right:14px}
  .section{padding:52px 0}
  .head{align-items:flex-start}
  .head h2{font-size:32px}
  .head .textlink{display:none}
  .featured{gap:25px}
  .feature-visual{min-height:300px}
  .editorial-art{padding:28px}
  .paper.p3{padding:24px}
  .lens{width:82px;height:82px;border-width:4px}
  .lens:after{width:46px;height:5px;right:-34px;bottom:-18px}
  .feature-copy h3{font-size:34px;margin:15px 0}
  .feature-copy p{font-size:15px;line-height:1.7}
  .cards{grid-template-columns:1fr}
  .cards .card:last-child{grid-column:auto;display:block}
  .cards .card:last-child .thumb{height:220px;border-right:0;border-bottom:1px solid var(--line)}
  .thumb{height:200px}
  .learning-intro h2{font-size:38px}
  .learning-list{grid-template-columns:1fr;column-gap:0;margin-top:24px}
  .learn-row{grid-template-columns:44px 1fr auto;gap:12px;min-height:84px}
  .learn-title{font-size:18px}
  .archive-row{
    grid-template-columns:1fr auto;
    gap:5px 14px;padding:18px 0;align-items:start;
  }
  .archive-date{grid-column:1}
  .archive-cat{grid-column:1;margin-bottom:3px}
  .archive-title{grid-column:1;font-size:16px}
  .archive-arrow{grid-column:2;grid-row:1/4;align-self:center}
  .footin{flex-direction:column}
  .footlinks{gap:16px}
}

/* =========================================================
   StockAZ Blog · Refactor from Master Master v9
   Shared foundation is locked to the current site language.
   ========================================================= */
:root{
  --ink:#111413;
  --soft:#343a37;
  --muted:#6f7773;
  --line:#e3e7e4;
  --line2:#ccd3cf;
  --surface:#f7f8f7;
  --surface2:#f2f4f2;
  --white:#fff;
  --positive:#0a8f4e;
  --negative:#d64545;
  --radius-sm:8px;
  --radius:12px;
  --radius-lg:18px;
  --pill:999px;
  --shadow:0 16px 36px rgba(17,20,19,.07);
  --wrap:1380px;
}
.wrap{width:min(calc(100% - 40px),var(--wrap));margin:auto}

/* LOCKED · Global header */
.top{z-index:50;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line)}
.topin{height:72px}
.brand{display:inline-flex;align-items:center;flex:0 0 auto;font-size:0;letter-spacing:0}
.brand img{display:block;width:156px;height:auto}
.nav{gap:30px;font-size:14px;font-weight:600}
.nav a.active{font-weight:800}
.nav a.active:after{bottom:-26px}
.mobile-menu-toggle{border-color:var(--line);border-radius:9px}
.mobile-menu a{font-weight:600}

/* Blog hero keeps its editorial artwork but uses the shared foundation. */
.hero{
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fff 0%,#f8f9f8 100%);
}
.heroin{min-height:470px;padding:64px 0;gap:64px}
.kicker{font-size:11px;font-weight:800;letter-spacing:.15em}
.hero h1{
  font-size:clamp(48px,6vw,76px);
  line-height:.98;
  letter-spacing:-.06em;
  font-weight:900;
}
.hero .headline{font-weight:800}
.lead{color:var(--soft)}

/* Search + Filter are shared controls. */
.discovery{padding-top:32px}
.searchbar{
  border-color:var(--line2);
  border-radius:var(--radius);
  box-shadow:none;
}
.searchbar input{font-weight:600}
.searchbar button{
  min-height:44px;
  border-radius:var(--radius-sm);
  font-weight:700;
}
.filter{
  border-color:var(--line2);
  border-radius:var(--pill);
  font-size:12px;
  font-weight:700;
}
.filter.active{background:var(--ink);border-color:var(--ink);color:#fff}

/* Shared editorial rhythm */
.section{padding:64px 0}
.head h2{font-size:32px;line-height:1.18;letter-spacing:-.04em;font-weight:800}
.textlink,.arrowlink{font-weight:700}
.eyebrow{font-weight:700}
.feature-visual,.card{border-radius:var(--radius)}
.feature-copy h3{font-weight:800}
.card h3{font-weight:800}
.card:hover{transform:none;box-shadow:none;border-color:var(--line2)}
.learn-title{font-weight:700}
.archive-title{font-weight:700}
.loadmore button{min-height:44px;border-radius:var(--radius-sm);font-weight:700}

/* LOCKED · Global footer */
.foot{border-top:1px solid var(--line);padding:36px 0 50px;margin-top:0}
.footin{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;color:var(--muted);font-size:13px;line-height:1.7}
.footbrand{display:flex;align-items:center;margin-bottom:6px;font-size:0;letter-spacing:0}
.footer-logo{display:block;width:152px;height:auto}
.footlinks{display:flex;gap:22px;align-items:flex-start}

/* Shared breakpoints from Master v8 */
@media(max-width:1000px){
  .nav{display:none}
  .mobile-nav{display:block}
}
@media(max-width:650px){
  .wrap{width:min(calc(100% - 28px),var(--wrap))}
  .topin{height:64px}
  .brand img{width:138px}

  /* LOCKED · Mobile branding alignment */
  .heroin{
    padding:46px 0 38px;
    text-align:center;
    justify-items:center;
  }
  .heroin > div:first-child{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .hero h1{font-size:46px}
  .hero .headline,.lead{margin-left:auto;margin-right:auto}
  .heroart{width:100%}

  /* Data/content remains readable and left-aligned. */
  .discovery,.section{text-align:left}

  .footin{flex-direction:column;align-items:center;text-align:center;gap:18px}
  .footbrand{justify-content:center}
  .footer-logo{width:138px}
  .footlinks{justify-content:center;flex-wrap:wrap}
}





/* ==========================================================
   FINAL SYNC · StockAZ Master Design System v9 · 23.09.2026
   Source of truth: StockAZ-Design-System-v3-Master-v9.html
   ========================================================== */
:root{
  --ink:#111413 !important;--soft:#343a37 !important;--muted:#6f7773 !important;
  --line:#e3e7e4 !important;--line2:#ccd3cf !important;
  --surface:#f7f8f7 !important;--surface-2:#f2f4f2 !important;--surface2:#f2f4f2 !important;
  --white:#fff !important;--positive:#0a8f4e !important;--negative:#d64545 !important;
  --chart-up:#26a69a !important;--chart-down:#ef5350 !important;
  --radius-sm:8px !important;--radius:12px !important;--radius-lg:18px !important;--pill:999px !important;
  --shadow:0 16px 36px rgba(17,20,19,.07) !important;
  --wrap:1380px !important;--max:1380px !important;--article:820px !important;--editorial:850px !important;--legal:830px !important;--toc:260px !important;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--s8:40px;--s9:48px;--s10:64px;--s11:80px;--s12:96px;
}
html{scroll-behavior:smooth}
body{font-family:'Be Vietnam Pro',Arial,sans-serif !important;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 40px),var(--wrap)) !important;margin-left:auto !important;margin-right:auto !important}

/* Global navigation · locked */
.top{position:sticky !important;top:0 !important;z-index:80 !important;background:rgba(255,255,255,.95) !important;backdrop-filter:blur(14px);border-bottom:1px solid var(--line) !important}
.topin{height:72px !important;display:flex !important;align-items:center !important;gap:28px !important}
.brand{display:inline-flex !important;align-items:center !important;flex:0 0 auto !important;font-size:0 !important;line-height:0 !important}
.brand img,.brand svg{display:block !important;width:156px !important;height:auto !important;max-height:40px !important;object-fit:contain !important}
.nav{margin-left:auto !important;display:flex !important;align-items:center !important;gap:30px !important;font-size:14px !important;font-weight:600 !important}
.nav a{position:relative !important;padding:0 !important;color:var(--ink) !important;transition:opacity .2s ease}
.nav a:hover{opacity:.58}.nav a.active{font-weight:800 !important}
.nav a.active:after{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;bottom:-26px !important;height:2px !important;background:var(--ink) !important}
.mobile-nav{display:none !important;margin-left:auto !important;position:relative !important}
.mobile-nav summary{list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-toggle{width:42px !important;height:42px !important;border:1px solid var(--line) !important;border-radius:9px !important;display:grid !important;place-content:center !important;gap:4px !important;background:#fff !important;cursor:pointer !important;padding:0 !important}
.mobile-toggle span{display:block !important;width:18px !important;height:1.5px !important;background:var(--ink) !important}
.mobile-menu{position:absolute !important;right:0 !important;top:52px !important;width:min(320px,calc(100vw - 28px)) !important;background:#fff !important;border:1px solid var(--line) !important;border-radius:12px !important;box-shadow:var(--shadow) !important;padding:9px !important;z-index:100 !important}
.mobile-menu a{display:block !important;padding:14px !important;border-radius:8px !important;font-size:14px !important;font-weight:600 !important}
.mobile-menu a:hover,.mobile-menu a.active{background:var(--surface) !important}.mobile-menu a.active{font-weight:800 !important}

/* Shared controls */
.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border:1px solid var(--ink);border-radius:var(--radius-sm);background:var(--ink);color:#fff;font-size:13px;font-weight:700}
.btn.secondary{background:#fff;color:var(--ink);border-color:var(--line2)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.pos,.positive{color:var(--positive) !important}.neg,.negative{color:var(--negative) !important}

/* Footer · locked */
.foot{border-top:1px solid var(--line) !important;padding:38px 0 50px !important;margin-top:0 !important;background:#fff !important}
.footin{display:flex !important;justify-content:space-between !important;align-items:flex-start !important;gap:30px !important;color:var(--muted) !important;font-size:13px !important;line-height:1.7 !important}
.footbrandgroup{min-width:0}.footbrand{margin-bottom:6px !important;font-size:0 !important;line-height:0 !important}.footbrand img,.footbrand svg{display:block !important;width:152px !important;height:auto !important;max-height:38px !important;object-fit:contain !important}
.foottagline{color:var(--muted) !important}.footlinks{display:flex !important;gap:22px !important;align-items:flex-start !important;flex-wrap:wrap !important}.footlinks a:hover,.footlinks a.active{color:var(--ink) !important}.footlinks a.active{font-weight:700 !important}

/* Locked Full Analysis audit contrast */
.section .audit,.section .audit *{color:#fff !important}

@media(max-width:1000px){
  .nav{display:none !important}.mobile-nav{display:block !important}.topin{height:64px !important}
  .brand img,.brand svg{width:148px !important;max-height:36px !important}
}
@media(max-width:650px){
  .wrap{width:min(calc(100% - 28px),var(--wrap)) !important}
  .topin{height:64px !important;gap:14px !important}
  .brand img,.brand svg{width:142px !important;max-height:34px !important}
  .footin{flex-direction:column !important;align-items:center !important;text-align:center !important;gap:18px !important}
  .footbrandgroup{display:flex !important;flex-direction:column !important;align-items:center !important}.footlinks{justify-content:center !important}
}



/* v0.9.8.12 · Blog / Tất cả bài viết */
.archive{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  column-gap:48px !important;
  row-gap:0 !important;
  border-top:2px solid var(--ink);
}
.archive-row{
  grid-template-columns:96px 118px minmax(0,1fr) 28px !important;
  gap:14px !important;
  min-height:96px !important;
}

@media(max-width:1000px){
  .archive{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    column-gap:32px !important;
  }
  .archive-row{
    grid-template-columns:1fr auto !important;
    grid-template-areas:
      "meta arrow"
      "title arrow" !important;
    gap:7px 14px !important;
    min-height:112px !important;
    padding:18px 0 !important;
    align-items:start !important;
  }
  .archive-date{
    grid-area:meta !important;
  }
  .archive-cat{
    grid-area:meta !important;
    margin-left:88px !important;
    margin-bottom:0 !important;
  }
  .archive-title{
    grid-area:title !important;
  }
  .archive-arrow{
    grid-area:arrow !important;
    align-self:center !important;
  }
}

@media(max-width:650px){
  .archive{
    grid-template-columns:1fr !important;
    column-gap:0 !important;
  }
  .archive-row{
    grid-template-columns:1fr auto !important;
    grid-template-areas:
      "date arrow"
      "cat arrow"
      "title arrow" !important;
    gap:5px 14px !important;
    min-height:0 !important;
    padding:18px 0 !important;
  }
  .archive-date{
    grid-area:date !important;
  }
  .archive-cat{
    grid-area:cat !important;
    margin-left:0 !important;
    margin-bottom:3px !important;
  }
  .archive-title{
    grid-area:title !important;
    font-size:16px !important;
  }
  .archive-arrow{
    grid-area:arrow !important;
    align-self:center !important;
  }
}