/* National Parks Guide | National visitor theme | v0.1.0
   Layout belongs to native Elementor containers and widgets, not HTML widgets.
*/
:root {
 --npg-forest:#183F31;
 --npg-forest-deep:#102E24;
 --npg-forest-soft:#356A50;
 --npg-canyon-gold:#B89A62;
 --npg-canyon-rust:#AE7448;
 --npg-cream:#F6F7F1;
 --npg-paper:#FFFFFF;
 --npg-ink:#243D30;
 --npg-secondary:#5B7466;
 --npg-border:#DBE4D9;
 --npg-radius:10px;
 --npg-gutter:clamp(16px,3vw,34px);
 --npg-max-width:1360px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.npg-theme{margin:0;background:var(--npg-cream);color:var(--npg-ink);font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body.npg-theme button,body.npg-theme input,body.npg-theme select{font:inherit}
.npg-main{min-height:55vh}
.npg-main img{max-width:100%;height:auto}
.npg-skip-link{position:absolute;left:10px;top:-90px;z-index:9999;background:white;color:#153927;padding:11px 15px}
.npg-skip-link:focus{top:10px}
.npg-fallback-header,.npg-fallback-footer{background:var(--npg-forest-deep);color:white}
.npg-fallback-header__inner,.npg-fallback-footer__inner{max-width:var(--npg-max-width);margin:auto;padding:23px var(--npg-gutter);display:flex;align-items:center;justify-content:space-between;gap:22px}
.npg-fallback-header a,.npg-fallback-footer a{color:inherit}
.npg-fallback-header nav ul,.npg-fallback-footer nav ul{display:flex;flex-wrap:wrap;gap:18px;list-style:none;padding:0;margin:0}
.npg-fallback-brand a{font-weight:800;font-size:19px;text-decoration:none}
.npg-fallback-footer__inner{align-items:flex-start;flex-direction:column;font-size:13px}
.npg-default-article{width:min(100% - 2*var(--npg-gutter),var(--npg-max-width));margin:65px auto;line-height:1.75}
.npg-default-article h1{font-size:clamp(34px,4vw,60px);line-height:1.1}
.npg-button{display:inline-flex;align-items:center;background:var(--npg-canyon-gold);color:#173629;text-decoration:none;padding:13px 21px;border-radius:5px;font-weight:800}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--npg-canyon-gold);outline-offset:3px}
@media(max-width:780px){.npg-fallback-header__inner{flex-direction:column;align-items:flex-start}.npg-fallback-header nav ul{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
