.article-hub{background:#e9efe2;padding:64px max(28px,calc((100vw - 1064px)/2));}.article-hub h2{font-size:32px;letter-spacing:-1px;margin:0 0 5px}.article-hub>p{margin-top:0;color:var(--muted)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.article-grid a{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;text-decoration:none;color:var(--ink)}.article-grid a:hover{border-color:var(--green)}.article-grid strong,.article-grid span{display:block}.article-grid span{color:var(--muted);font-size:14px;margin-top:5px}.article-page{max-width:780px;margin:0 auto;padding:52px 28px 80px}.article-page h1{font-size:clamp(36px,6vw,56px);line-height:1.05;letter-spacing:-2px}.article-page h2{font-size:26px;margin-top:40px}.article-page p,.article-page li{max-width:700px}.article-page li{margin:8px 0}.article-page .byline{color:var(--muted);font-size:14px}.article-page .callout{background:#e9efe2;border-left:4px solid var(--green);padding:17px 19px;margin:24px 0}.article-page .formula{font:700 19px/1.5 monospace;background:#122018;color:#fff;padding:18px;border-radius:9px}.article-page footer{padding:30px 0 0;margin-top:58px}body:has(.article-page) .site-header .brand{width:205px;height:43px;background:url('vattally-logo.png') left center/contain no-repeat;font-size:0}body:has(.article-page) .site-header .brand span{display:none}@media(max-width:700px){.article-hub{padding:48px 20px}.article-grid{grid-template-columns:1fr}.article-page{padding:35px 20px 55px}body:has(.article-page) .site-header .brand{width:172px;height:36px}}