/* FolderForge site — base styles. Component styling is inline in the HTML; this file holds resets, hover states and responsive rules. */
:root{--ff-blue:#2271b1;--ff-blue-dark:#135e96;--ff-ink:#1d2327;--ff-offwhite:#f6f7f7;--ff-amber:#dba617;}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:#fff;color:var(--ff-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}
a{color:var(--ff-blue)}a:hover{color:var(--ff-blue-dark)}
img{max-width:100%}
.site-header nav a:hover{color:#fff !important}
.docnav-link:hover{background:#f6f7f7;color:#2271b1 !important}
.docnav-link.is-active{background:#f0f6fc;color:#135e96 !important;font-weight:600;box-shadow:inset 3px 0 0 #2271b1}
@media (max-width:900px){
  .grid-2{grid-template-columns:minmax(0,1fr) !important}
  .hero-grid{padding-bottom:0 !important}
  .docs-layout{grid-template-columns:minmax(0,1fr) !important;gap:0 !important}
  .docnav{position:static !important;max-height:none !important;border-right:0 !important;border-bottom:1px solid #dcdcde;padding:20px 0 !important}
  .docnav > div{flex-direction:row !important;flex-wrap:wrap;gap:4px}
  .docnav-link{border:1px solid #dcdcde;border-radius:3px}
}
@media (max-width:600px){
  h1{font-size:34px !important}
  .site-header > div{gap:14px !important}
  .site-header nav{gap:14px !important}
}