/* Existing A design language, scoped only to the two reference pages. */
body.reference-outdoor{
  --blue:#173c2e;--blue-dark:#153327;--blue-soft:#eee9dd;--ink:#153327;
  --ink-soft:#405449;--orange:#d95424;--green:#173c2e;
  --line:#15332726;--card:#fbf8f1;--shadow:0 20px 45px #23372918;
  position:relative;isolation:isolate;background:#f2efe7;color:#153327;
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
.reference-outdoor::before{
  content:"";position:absolute;inset:0 0 auto;height:520px;z-index:-1;
  background:linear-gradient(90deg,#f7f2e9e8,#f7f2e970),url('/ab-assets/assets/river-concept-portrait-20261022.webp') center 58%/cover no-repeat;
  mask-image:linear-gradient(#000 72%,transparent);
}
.reference-outdoor .site-header{width:min(1040px,calc(100% - 80px));min-height:84px;gap:24px}
.reference-outdoor .site-header .brand{gap:10px;flex:none}
.reference-outdoor .site-header .brand>.bukong-wordmark{width:68px!important;height:64px!important}
.reference-outdoor .brand-tagline{font-size:12px;white-space:nowrap;color:#153327;font-weight:500}
.reference-outdoor .site-header nav{gap:20px}
.reference-outdoor .site-header nav a{color:#153327;font-size:13px;font-weight:500}
.reference-outdoor .article-page{width:min(960px,calc(100% - 80px));margin:20px auto 64px}
.reference-outdoor .breadcrumbs{color:#405449;margin-bottom:14px}
.reference-outdoor .article-hero{padding:36px 0 46px}
.reference-outdoor h1,.reference-outdoor h2,.reference-outdoor h3{
  font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;font-weight:900;
  letter-spacing:-.035em;color:inherit;
}
.reference-outdoor .article-hero h1{font-size:clamp(36px,4.8vw,58px);line-height:1.2;margin:14px 0 22px;text-wrap:wrap;text-shadow:0 2px 18px #fff8}
.reference-outdoor .article-hero>p{font-size:18px;line-height:1.8;color:#30483a;max-width:760px;margin-bottom:0}
.reference-outdoor .eyebrow{color:#276b8c;font-size:12px;letter-spacing:.1em}
.reference-outdoor .article-block{padding:42px 0}
.reference-outdoor .article-block h2{font-size:clamp(25px,3.5vw,36px);line-height:1.35;margin:0 0 18px}
.reference-outdoor .article-block p{font-size:16px;line-height:1.8;color:#405449}
.reference-outdoor .article-block p+h2{margin-top:28px}
.reference-outdoor .method-factor-strip span{background:#faf7f0c9;color:#30483a;border-radius:4px}
.reference-outdoor .method-factor-strip b{color:#d95424}
.reference-outdoor .method-formula{color:#153327;background:#e7e9df;border-left-color:#d95424;border-radius:4px;font-size:clamp(15px,2.2vw,22px)}
.reference-outdoor .method-weight-grid>div,.reference-outdoor .method-replay-grid article,
.reference-outdoor .method-source-list article,.reference-outdoor .method-fish-grid>div,
.reference-outdoor .method-verified-list p{background:#faf7f0;border:1px solid #15332720;border-radius:5px;box-shadow:none}
.reference-outdoor .method-faq details{background:#faf7f0;border:1px solid #15332720;border-radius:5px;padding:18px 22px;margin-bottom:12px}
.reference-outdoor .method-faq summary{color:#153327;font-weight:650;font-size:17px}
.reference-outdoor .method-faq details[open]{border-left:3px solid #d95424}
.reference-outdoor .method-faq details p{font-size:16px;color:#405449}
.reference-outdoor .guide-link{background:#faf7f0;border-color:#15332720;border-radius:5px;box-shadow:none}
.reference-outdoor .guide-link span{color:#405449}
.reference-outdoor .guide-link b{color:#d95424}
.reference-outdoor .map-feature{
  position:relative;isolation:isolate;grid-template-columns:1fr 260px;gap:56px;
  color:#fff;padding:48px 36px;margin:24px 0 0;border:0;
  background:linear-gradient(#102f25bd,#102f25bd),url('/ab-assets/assets/feature-landscape-20261022.webp') center bottom/cover no-repeat;
}
.reference-outdoor .map-feature h2{font-size:clamp(30px,3.8vw,46px)}
.reference-outdoor .map-feature p,.reference-outdoor .map-feature li span{color:#e5eee8}
.reference-outdoor .map-feature .eyebrow{color:#b9e3e8}
.reference-outdoor .map-feature li strong{font-size:16px;color:#fff}
.reference-outdoor .map-feature>img{width:230px;border-radius:24px;box-shadow:0 25px 50px #06180f60}
.reference-outdoor .map-feature a{display:inline-block;font-size:14px;text-decoration:none;border-bottom:1px solid #ffffff66;padding-bottom:4px}
.reference-outdoor .primary-button,.reference-outdoor .app-store-button,
.reference-outdoor .secondary-button,.reference-outdoor .official-entry-actions a{
  border-radius:999px;background:#173c2e;color:#fff;border:1px solid #173c2e;
  box-shadow:0 9px 25px #15332720;text-decoration:none;
}
.reference-outdoor .primary-button,.reference-outdoor .official-entry-actions a:first-child{background:#ed561e;border-color:#ed561e;color:#fff}
.reference-outdoor .method-final-cta{background:#173c2e;border-radius:8px;box-shadow:none}
.reference-outdoor .method-final-cta h2{color:#fff}
.reference-outdoor .method-final-cta .eyebrow{color:#d8e6da}
.reference-outdoor .site-footer{width:min(960px,calc(100% - 80px));color:#405449;padding:24px 0 28px}
.reference-outdoor .site-footer .product-tagline{color:#405449}
.reference-outdoor a:focus-visible,.reference-outdoor summary:focus-visible{outline:3px solid #e9703d;outline-offset:4px}
@media(max-width:700px){
 .reference-outdoor::before{height:470px;background-position:63% center}
 .reference-outdoor .site-header{width:calc(100% - 36px);min-height:62px}
 .reference-outdoor .site-header .brand>.bukong-wordmark{width:58px!important;height:50px!important}
 .reference-outdoor .brand-tagline{font-size:10px}
 .reference-outdoor .article-page{width:calc(100% - 40px);margin:10px auto 40px}
 .reference-outdoor .article-hero{padding:24px 0 30px}
 .reference-outdoor .article-hero h1{font-size:32px;line-height:1.3;letter-spacing:-.03em}
 .reference-outdoor .article-hero>p{font-size:15px;line-height:1.8}
 .reference-outdoor .article-block,.reference-outdoor .method-page .article-block{padding:30px 0}
 .reference-outdoor .article-block h2,.reference-outdoor .method-page .article-block h2{font-size:25px;line-height:1.35}
 .reference-outdoor .article-block p,.reference-outdoor .method-faq details p{font-size:15px}
 .reference-outdoor .method-factor-strip{gap:6px}
 .reference-outdoor .method-factor-strip span{padding:10px 8px}
 .reference-outdoor .method-faq summary{font-size:16px}
 .reference-outdoor .method-faq details{padding:16px}
 .reference-outdoor .map-feature{grid-template-columns:1fr;gap:26px;padding:32px 22px;margin-inline:-20px}
 .reference-outdoor .map-feature h2{font-size:30px}
 .reference-outdoor .map-feature>img{width:220px}
 .reference-outdoor .site-footer{width:calc(100% - 40px);padding:20px 0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
