/* 2026-10-19: supplied disaster-preparedness resource. Existing site styles stay intact. */
.bosai-announcement{padding:19px 22px!important;background:#edf8f3;border:1px solid #c7e3d8;border-left:4px solid #167c70;border-radius:12px;word-break:normal!important;overflow-wrap:break-word!important}
.bosai-announcement>span{display:block;color:#12665b;font-size:.7rem;font-weight:900;letter-spacing:.06em;margin-bottom:8px}
.bosai-announcement>a{display:block;color:#125b52;font-size:1rem;line-height:1.8;text-decoration:underline;text-underline-offset:4px}
.bosai-announcement>small{display:block;font-size:.75rem;color:#45635e;margin-top:8px;line-height:1.7}
.bosai-learning-card{border-color:#b9dcd0}
.bosai-learning-card .ra-learning-image img{object-position:65% center}
.bosai-learning-card .ra-learning-image>span{color:#12665b}
.bosai-card-note{font-size:.72rem!important;color:#526f67}
.bosai-learning-card .ra-card-link{color:#12665b}
.bosai-announcement a:focus-visible{outline:3px solid #167c70;outline-offset:5px}
.materials-with-bosai .quick-bosai{background:#eff8f4}
.materials-with-bosai .quick-bosai .path-number{background:#167c70;color:#fff}
.materials-with-bosai .bosai-card .card-art{background:#edf6f0}
.materials-with-bosai .bosai-card .card-art img{width:100%;height:100%;object-fit:cover;object-position:65% center;border-radius:10px}
.materials-with-bosai .bosai-card .card-badge{background:#167c70;color:#fff}
.materials-with-bosai .bosai-card .card-index{color:#12665b}
.bosai-feature{padding:76px 0;background:linear-gradient(145deg,#edf7f2,#f9fbf5);border-block:1px solid #d8e7df;scroll-margin-top:16px}
.bosai-feature-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.bosai-feature-visual{margin:0;min-width:0}
.bosai-feature-visual img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:65% center;border:8px solid #fff;border-radius:18px;box-shadow:0 15px 35px #174f3d14}
.bosai-feature-visual figcaption{font-size:11px;color:#526b61;margin-top:12px}
.bosai-feature-copy{min-width:0;color:#25443a}
.bosai-feature-copy .eyebrow{color:#12665b}
.bosai-feature-copy h2{font-size:clamp(25px,3vw,38px);color:#125c50;line-height:1.45}
.bosai-feature-copy>p:not(.eyebrow):not(.bosai-feature-lead){font-size:14px;line-height:1.9;margin:18px 0}
.bosai-feature-lead{font-weight:700;font-size:21px;line-height:1.6;margin:20px 0;color:#125c50}
.bosai-feature-points{list-style:none;margin:24px 0;padding:0;display:grid;gap:14px}
.bosai-feature-points li{padding-left:16px;border-left:3px solid #d9b65b}
.bosai-feature-points strong{display:block;font-size:14px;color:#125c50}
.bosai-feature-points span{display:block;font-size:12px;color:#4e685f;margin-top:3px}
.bosai-button{background:#12665b;color:#fff;box-shadow:none}
.bosai-button:hover{background:#0d5148}
.bosai-safety-note{border:1px solid #c2dacf;background:#ffffffbf;border-radius:10px;padding:18px;margin-top:23px;font-size:12px;line-height:1.85}
.bosai-safety-note strong{color:#125c50}
.bosai-safety-note p{font-size:12px;margin:6px 0 0}
@media(min-width:851px){.materials-with-bosai .material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.materials-with-bosai .quick-paths{grid-template-columns:repeat(4,minmax(0,1fr))}.materials-with-bosai .quick-path{padding-inline:15px;gap:10px}.materials-with-bosai .quick-path strong{font-size:13px}}
@media(min-width:601px) and (max-width:850px){.materials-with-bosai .quick-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.materials-with-bosai .quick-path:nth-child(3){border-left:0}.materials-with-bosai .quick-path:nth-child(n+3){border-top:1px solid #dbe3ec}}
@media(max-width:850px){.bosai-feature-inner{grid-template-columns:1fr;gap:28px}.bosai-feature-visual img{aspect-ratio:2/1}.bosai-feature{padding:50px 0}.materials-with-bosai .site-header nav{flex-wrap:wrap}}
@media(max-width:600px){.bosai-announcement{padding:16px!important}.bosai-announcement>a{font-size:.9rem}.bosai-announcement>small{font-size:.72rem}.bosai-feature{padding:40px 0}.bosai-feature-inner{gap:25px}.bosai-feature-visual img{border-width:5px;border-radius:12px;aspect-ratio:16/10}.bosai-feature-lead{font-size:20px}.bosai-feature-copy>p:not(.eyebrow):not(.bosai-feature-lead){font-size:14px}.bosai-feature-points span,.bosai-safety-note,.bosai-safety-note p{font-size:13px}.bosai-feature-visual figcaption{font-size:10px}.materials-with-bosai .site-header nav{justify-content:flex-start;gap:4px 15px}.bosai-button{font-size:12px;gap:15px}}