/* Survival Scout — Trailhead Editorial theme
   Completely new visual system: ink, bone, safety-orange and slate.
*/
:root{
  --ss-ink:#111416;--ss-ink-2:#1b2021;--ss-bone:#f4f0e7;--ss-paper:#fbfaf6;
  --ss-orange:#e7652a;--ss-orange-dark:#b94316;--ss-slate:#536168;--ss-line:#d9d4ca;
  --ss-shadow:0 18px 45px rgba(17,20,22,.10);--ss-radius:16px;--ss-max:1320px;
}
.site-page{background:var(--ss-paper);color:var(--ss-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background-image:linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.72)),url('../images/backgrounds/home-distressed.webp');background-size:auto,520px;background-attachment:fixed}
.site-page .container{width:min(var(--ss-max),94%)}
.site-page .site-header{background:var(--ss-ink);border:0;box-shadow:0 8px 24px rgba(0,0,0,.18);color:#fff}
.site-page .site-topbar{height:8px;background:var(--ss-orange);border:0}
.site-page .navbar{min-height:92px}
.site-page .nav{min-height:92px}
.site-page .brand{gap:13px;color:#fff}
.site-page .brand img{width:70px;height:62px;object-fit:contain;filter:none}
.site-page .site-nav-links>a{font:800 13px/1 Inter,ui-sans-serif,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#dfe4e4;padding:14px 13px;border:0;border-radius:999px}
.site-page .site-nav-links>a:hover,.site-page .site-nav-links>a.active{background:#2a3031;color:#fff;border:0}
.site-page .site-nav-links .nav-cta{background:var(--ss-orange);color:#fff;border:0!important;margin-left:10px}
.site-page .site-nav-links .nav-cta:hover{background:#f2763a}
.site-page .navbar-toggler{border:1px solid #687175;border-radius:10px;padding:8px}
.site-page .navbar-toggler-icon{filter:none}

.site-page .hero{position:relative;min-height:560px;padding:0;display:flex;align-items:center;overflow:hidden;background:#172023 url('../images/backgrounds/photos/hiking-hero-distressed-1280.webp') center/cover no-repeat;color:#fff}
.site-page .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,13,.92) 0%,rgba(8,12,13,.78) 43%,rgba(8,12,13,.18) 100%)}
.site-page .hero:after{content:"FIELD GUIDE / 01";position:absolute;right:5%;bottom:28px;color:rgba(255,255,255,.65);font:800 11px/1 Inter,sans-serif;letter-spacing:.18em}
.site-page .hero-grid{position:relative;z-index:1;display:block;min-height:560px;padding:90px 0 110px}
.site-page .hero-copy{max-width:760px}
.site-page .eyebrow{display:inline-flex;align-items:center;gap:10px;font:900 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ss-orange)}
.site-page .eyebrow:before{content:"";width:34px;height:3px;background:var(--ss-orange);display:inline-block}
.site-page .hero h1{font:900 clamp(58px,8vw,112px)/.88 Inter,ui-sans-serif,sans-serif;letter-spacing:-.055em;text-transform:none;margin:18px 0 24px;max-width:820px;color:#fff}
.site-page .hero p{font-size:19px;line-height:1.7;max-width:610px;color:#e5e9e8;margin:0}
.site-page .buttons{gap:12px;margin-top:30px}
.site-page .btn{min-height:48px;padding:13px 20px;border:1px solid #aeb6b5;border-radius:999px;font:800 12px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;transition:.2s ease}
.site-page .btn-primary{background:var(--ss-orange);border-color:var(--ss-orange);color:#fff}
.site-page .btn-primary:hover{background:#f2763a;border-color:#f2763a;transform:translateY(-2px)}
.site-page .btn-secondary,.site-page .hero .btn:not(.btn-primary){background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.45)}
.site-page .btn-secondary:hover{background:#fff;color:var(--ss-ink)}

.site-page section{padding:78px 0}
.site-page section:nth-of-type(even){background:#eef0ed}
.site-page .section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}
.site-page .section-head h2{font:900 clamp(34px,4vw,52px)/.95 Inter,sans-serif;letter-spacing:-.045em;text-transform:none;margin:8px 0;color:var(--ss-ink)}
.site-page .section-head .btn{color:var(--ss-ink);border-color:#b7bcb8;background:transparent}
.site-page .section-head .btn:hover{background:var(--ss-ink);color:#fff;border-color:var(--ss-ink)}

.site-page .product,.site-page .post{background:#fff;border:1px solid var(--ss-line);border-radius:var(--ss-radius);box-shadow:var(--ss-shadow);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}
.site-page .product:hover,.site-page .post:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(17,20,22,.16)}
.site-page .product-img{height:230px;background:#e6e8e4!important;background-image:none!important;border:0;overflow:hidden;display:block}
.site-page .product-img img{width:100%;height:100%;object-fit:contain;display:block;padding:16px}
.site-page .product-body{padding:20px 20px 22px}
.site-page .tag{display:inline-block;color:var(--ss-orange-dark);background:#fff0e9;border-radius:999px;padding:6px 9px;font:900 10px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.site-page .product h3{font:850 21px/1.15 Inter,sans-serif;letter-spacing:-.025em;text-transform:none;margin:12px 0 8px;color:var(--ss-ink)}
.site-page .product p{font-size:13px;line-height:1.65;color:#667074;min-height:63px;margin:0}
.site-page .price-row{margin:18px 0 13px;padding-top:13px;border-top:1px solid #e2e4e1}
.site-page .price{font-size:20px;font-weight:900;color:var(--ss-ink)}
.site-page .merchant{font-size:11px;color:#7a8589}
.site-page .affiliate-btn{background:var(--ss-ink);border-radius:10px;padding:12px;color:#fff;font:900 11px/1 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.site-page .affiliate-btn:hover{background:var(--ss-orange)}

.site-page .post{padding:0}
.site-page .post-image-link{display:block;background:#dfe4e1;overflow:hidden}
.site-page .post-image{width:100%;height:230px;display:block;object-fit:cover;transition:transform .4s ease}
.site-page .post:hover .post-image{transform:scale(1.035)}
.site-page .post-body{padding:19px 20px 22px}
.site-page .post-date{float:left;color:#899296;font:800 10px/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;margin-top:8px}
.site-page .post h3{font:850 22px/1.15 Inter,sans-serif;letter-spacing:-.025em;text-transform:none;margin:12px 0;color:var(--ss-ink)}
.site-page .post h3 a{color:inherit}
.site-page .post p{font-size:13px;line-height:1.65;color:#667074;margin:0 0 18px}
.site-page .post .read-more,.site-page .text-link{color:var(--ss-orange-dark);font:900 11px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}

.site-page .cat{min-height:125px;padding:20px;background:#fff;border:1px solid var(--ss-line);border-radius:14px;box-shadow:0 8px 25px rgba(17,20,22,.06);background-image:none;transition:.2s}
.site-page .cat:hover{transform:translateY(-4px);background:#fff;box-shadow:var(--ss-shadow)}
.site-page .cat-icon{color:var(--ss-orange);width:42px;height:42px;flex-basis:42px}
.site-page .cat strong{font:850 18px/1.05 Inter,sans-serif;text-transform:none;color:var(--ss-ink)}
.site-page .cat span{font-size:12px;color:#7b8588}
.site-page .cat-arrow{color:var(--ss-orange);font-size:20px}

.site-page .page-intro{padding:70px 0 38px;background:#f2f0ea;border-bottom:1px solid var(--ss-line)}
.site-page .page-intro h1,.site-page .page-hero h1{font:900 clamp(46px,6vw,82px)/.92 Inter,sans-serif;letter-spacing:-.055em;color:var(--ss-ink);margin:12px 0 15px}
.site-page .page-intro p,.site-page .page-hero p{max-width:750px;color:#626d70;font-size:17px;line-height:1.7}
.site-page .blog-categories{background:#fff;border-bottom:1px solid var(--ss-line)}
.site-page .blog-category-list{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0}
.site-page .blog-category-list a{border:1px solid #d3d8d5;border-radius:999px;padding:8px 13px;font:800 11px/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#566166}
.site-page .blog-category-list a:hover{border-color:var(--ss-orange);color:var(--ss-orange-dark)}
.site-page .notice{border:1px solid #efc5b2;background:#fff5ef;color:#87401f;border-radius:12px;padding:13px 16px}
.site-page .site-pagination{display:flex;gap:7px;justify-content:center;margin-top:35px}
.site-page .small-btn{border:1px solid #d0d5d2;border-radius:10px;padding:10px 13px;background:#fff;color:#3d474b;font-weight:800}
.site-page .small-btn.active,.site-page .small-btn:hover{background:var(--ss-ink);color:#fff;border-color:var(--ss-ink)}

.site-page .article{max-width:980px;margin:70px auto;background:#fff;border:1px solid var(--ss-line);border-radius:22px;padding:0;overflow:hidden;box-shadow:var(--ss-shadow);background-image:none}
.site-page .article-hero{padding:42px 50px 34px;background:#f0f2ef;border-bottom:1px solid var(--ss-line)}
.site-page .article-hero h1{font:900 clamp(44px,6vw,78px)/.94 Inter,sans-serif;letter-spacing:-.055em;text-transform:none;margin:14px 0 20px;color:var(--ss-ink)}
.site-page .article-hero .lead{font-size:18px;line-height:1.7;color:#606c70;max-width:760px}
.site-page .article-image{width:100%;max-height:560px;object-fit:cover;display:block}
.site-page .article-content{padding:40px 50px;font-size:17px;line-height:1.82;color:#30393c}
.site-page .article-content h2{font:900 31px/1.05 Inter,sans-serif;letter-spacing:-.035em;text-transform:none;color:var(--ss-ink);margin:0px 0 15px;border-top:0;}
.site-page .article-content a{color:var(--ss-orange-dark);font-weight:800}
.site-page .product .product-img img{object-fit:contain}

.site-page .product-detail-visual{background:#fff;border:1px solid var(--ss-line);border-radius:18px;padding:20px;box-shadow:var(--ss-shadow);display:grid;place-items:center}
.site-page .product-detail-visual img{width:100%;height:430px;object-fit:contain}
.site-page .price{color:var(--ss-orange-dark)}

.site-page .events-section .section-head{margin-bottom:22px}
.site-page .events-list>div{height:100%}
.site-page .events-list .event-card,.site-page .events-list article{background:#fff;border:1px solid var(--ss-line);border-radius:14px;box-shadow:0 8px 25px rgba(17,20,22,.06)}
.site-page .events-list article{padding:20px}
.site-page .events-source{color:#7a8589}
.site-page .events-status{padding:14px 18px;border-radius:12px;background:#eef4ef;border:1px solid #cddbd0}

.site-page footer{margin-top:0;padding:62px 0 24px;background:var(--ss-ink);color:#cfd6d5;border:0;background-image:linear-gradient(rgba(17,20,22,.96),rgba(17,20,22,.96)),url('../images/backgrounds/footer-field-guide.webp');background-size:cover}
.site-page .footer-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:38px}
.site-page .footer-grid strong{color:#fff;font:900 11px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:15px}
.site-page .footer-grid a:not(.brand){display:block;color:#9fa9aa;margin:9px 0;font-size:13px}
.site-page .footer-grid a:not(.brand):hover{color:#fff}
.site-page .footer-brand img{width:72px;height:62px}
.site-page .footer-brand-col p{max-width:340px;color:#9fa9aa;line-height:1.7}
.site-page .footer-social{display:flex;gap:9px;margin-top:20px}
.site-page .footer-social a{width:42px;height:42px;border:1px solid #4a5355!important;border-radius:11px;background:#202729;display:grid!important;place-items:center;color:#fff!important;margin:0!important;transition:.18s}
.site-page .footer-social a:hover{background:var(--ss-orange);border-color:var(--ss-orange)!important;transform:translateY(-2px)}
.site-page .footer-social svg{width:19px;height:19px;fill:currentColor}
.site-page .copyright{border-top:1px solid #303739;padding-top:20px;margin-top:42px;color:#7f8a8c;font-size:11px;display:flex;justify-content:space-between}

.site-page .weather-current-card,.site-page .weather-data-section,.site-page .weather-hourly,.site-page .weather-days,.site-page .weather-location-bar{background:#fff;border:1px solid var(--ss-line);border-radius:16px;box-shadow:0 8px 25px rgba(17,20,22,.06)}
.site-page .weather-current-card{padding:25px}
.site-page .weather-section-heading{font:900 28px/1 Inter,sans-serif;color:var(--ss-ink)}

.site-page .map-app{font-family:Inter,ui-sans-serif,sans-serif}
.site-page .map-topbar{background:var(--ss-ink);border-bottom:3px solid var(--ss-orange)}
.site-page .map-search-button{background:var(--ss-orange)}

@media(max-width:991.98px){
 .site-page .site-nav-links>a{width:100%;border-radius:10px!important;justify-content:center}
 .site-page .site-nav-links .nav-cta{margin-left:0}
 .site-page .hero,.site-page .hero-grid{min-height:520px}
 .site-page .hero-grid{padding:75px 0 90px}
 .site-page .footer-grid{grid-template-columns:repeat(2,1fr)}
 .site-page .footer-brand-col{grid-column:span 2}
}
@media(max-width:575.98px){
 .site-page{background-attachment:scroll}
 .site-page .brand img{width:55px;height:52px}
 .site-page .hero h1{font-size:55px}
 .site-page .hero p{font-size:16px}
 .site-page .hero:after{display:none}
 .site-page section{padding:55px 0}
 .site-page .section-head{align-items:flex-start;flex-direction:column}
 .site-page .section-head h2{font-size:38px}
 .site-page .product-img,.site-page .post-image{height:205px}
 .site-page .page-intro{padding:50px 0 30px}
 .site-page .article-hero{padding:30px 24px}
 .site-page .article-content{padding:28px 24px;font-size:16px}
  .site-page .footer-grid{grid-template-columns:1fr}
 .site-page .footer-brand-col{grid-column:auto}
 .site-page .copyright{display:block}
 .site-page .copyright>*{display:block;margin-top:7px}
}

/* Explicitly retire the old hero gear UI. */
.site-page .hero-panel,.site-page .gear-rotation-panel,#home-gear-rotation{display:none!important}

/* Individual post summary uses the former lead treatment without the lead class. */
body.site-page-blog-post .article-summary{margin:0 0 42px;padding:0 0 0 18px;border-left:3px solid #39482b;background:transparent;font-size:20px;line-height:1.55}
body.site-page-blog-post .article-summary h2{margin:0 0 8px;padding:0;border:0;font-size:20px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}
body.site-page-blog-post .article-summary p{margin:0;line-height:1.55}
body.site-page-blog-post .post-date{float:left}
@media(max-width:767px){body.site-page-blog-post .article-summary{margin:0 22px 34px;font-size:17px}}

/* Final individual-post layout adjustments. */
body.site-page-blog-post .article-hero .container{width:min(1400px,calc(100% - 32px));}
body.site-page-blog-post .article{width:100%;max-width:1400px;}
body.site-page-blog-post .article-content{max-width:1100px;}
body.site-page-blog-post .article-summary{clear:both;}
body.site-page-blog-post .post-date{float:left;}
@media(max-width:767px){body.site-page-blog-post .article-hero .container{width:min(100% - 20px,1400px);}}