.boiPage{color:#17452e}.boiCrumb{color:#66766b;align-items:center;gap:10px;min-height:60px;font-size:12px;display:flex}.boiCrumb a{align-items:center;min-height:44px;display:flex}.boiHero{border-bottom:1px solid #dae4d8;justify-content:space-between;align-items:center;gap:24px;padding:35px 0 42px;display:flex}.boiEyebrow{color:#54805b;letter-spacing:1.4px;font-size:10px;font-weight:700;line-height:1.5;display:block}.boiHero h1{letter-spacing:-2.5px;margin:8px 0 12px;font-size:clamp(42px,6vw,72px);line-height:1.05}.boiHero h1 span{color:#88a660}.boiHero p{color:#607164;max-width:740px;margin:0;font-size:16px;line-height:1.65}.boiHero>svg{color:#6f946c;flex:none}.boiMarket{padding:42px 0 24px}.boiSectionHead{justify-content:space-between;align-items:end;gap:20px;display:flex}.boiSectionHead h2,.boiSpot h2,.boiExplain h2{letter-spacing:-.8px;margin:8px 0 0;font-size:clamp(25px,3vw,36px);line-height:1.15}.boiTag{white-space:nowrap;border:1px solid #d7e3d5;border-radius:99px;padding:8px 13px;font-size:12px;font-weight:650}.boiMarket>p,.boiSpot p,.boiExplain p{color:#607164;max-width:800px;font-size:14px;line-height:1.7}.boiChartFrame{background:#f6f8f5;border:1px solid #dae4d8;border-radius:10px;margin-top:22px;overflow:hidden}.boiChart{width:100%;height:520px}.boiSource{color:#657368;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;font-size:12px;line-height:1.5;display:flex}.boiSource a,.boiExplain a{color:#145939;align-items:center;gap:5px;min-height:44px;font-weight:700;display:inline-flex}.boiSpot{background:#f4f7f1;border-left:4px solid #8eaa6b;justify-content:space-between;align-items:center;gap:30px;margin:30px 0 36px;padding:30px;display:flex}.boiSpot h2{font-size:clamp(24px,2.8vw,31px)}.boiSpot p{margin-bottom:0}.boiSpot>a{color:#fff;white-space:nowrap;background:#175538;border-radius:5px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 18px;font-size:13px;font-weight:700;display:inline-flex}.boiExplain{border-top:1px solid #dae4d8;max-width:900px;padding:20px 0 50px}.boiExplain h2{font-size:23px}.boiPage a:hover{text-underline-offset:4px;text-decoration:underline}.boiPage a:focus-visible{outline-offset:4px;outline:3px solid #287248}@media (max-width:700px){.boiHero{padding:24px 0 30px}.boiHero>svg{width:38px;height:38px}.boiHero p{font-size:14px}.boiSectionHead{flex-direction:column;align-items:start;gap:10px}.boiChart{height:430px}.boiSpot{flex-direction:column;align-items:start;gap:20px;padding:22px}.boiSpot>a{white-space:normal}}