/* Mobile layout refinements; desktop layout is preserved. */
.menu-toggle{display:none}
@media(max-width:700px){
  .header.menu-ready{align-items:center;min-height:80px;padding-block:16px;gap:0 16px}
  .menu-ready .menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:68px;padding:8px 14px;border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--ink);font:500 14px var(--font);cursor:pointer}
  .menu-toggle:focus-visible{outline:3px solid #698c24;outline-offset:4px}
  .header.menu-ready nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-top:12px}
  .header.menu-ready.menu-open nav{display:flex}
  .header nav a{display:flex;align-items:center;min-height:44px;padding:10px 0}
  .header.menu-open nav a+a{border-top:1px solid var(--line)}
  .hero{padding-block:32px;gap:26px}
  .portrait{height:300px}
  .portrait img{object-position:center 25%}
  .about-portrait{height:300px;aspect-ratio:auto;margin-top:22px}
  .about-portrait img{object-position:center 25%}
  .section{padding-block:48px}
  .latest-articles{padding-bottom:0}
  .investing{padding-block:48px}
  .personal{padding-block:10px 44px;gap:26px}
  .timeline article{padding-block:24px}
  .text-link,.subtle-link,.post-back,.footer-bottom a{min-height:44px;display:inline-flex;align-items:center;padding-block:10px}
  .article-preview h3 a{display:inline-block;min-height:44px}
  .article-preview .text-link{margin-top:16px}
  .social-links a{min-width:44px;min-height:44px}
}
@media(max-width:480px){
  .timeline article{grid-template-columns:minmax(0,1fr);gap:9px}
  .year{padding-top:0}
}