/* AWT disaster: awt-disaster-navigation.css
   External migration from Additional CSS, 2026-09-22. */

#awt-disaster-guide .awtd-guide-nav,
#awtd-earthquake-page .awtd-guide-nav {
margin-top:48px;
padding:20px;
border:1px solid var(--line);
border-radius:17px;
background:#f8fbfd;
}

#awt-disaster-guide .awtd-guide-nav__title,
#awt-disaster-evacuation-page .awtd-guide-nav__title,
#awt-disaster-shelter-page .awtd-shelter-guide-nav__title,
#awtd-earthquake-page .awtd-guide-nav__title,
#awtd-power-water-page .awtd-guide-nav__title,
#awtd-flood-page .awtd-guide-nav__title {
display:flex;
align-items:baseline;
flex-wrap:wrap;
gap:5px 14px;
margin-bottom:14px;
}

#awt-disaster-guide .awtd-guide-nav__title strong,
#awt-disaster-evacuation-page .awtd-guide-nav__title strong,
#awt-disaster-shelter-page .awtd-shelter-guide-nav__title strong,
#awtd-earthquake-page .awtd-guide-nav__title strong {
color:var(--navy);
font-size:19px;
font-weight:900;
}

#awt-disaster-guide .awtd-guide-nav__title span {
color:var(--muted);
font-size:13px;
}

#awt-disaster-guide .awtd-guide-nav__grid,
#awt-disaster-evacuation-page .awtd-guide-nav__grid,
#awt-disaster-shelter-page .awtd-shelter-guide-nav__grid,
#awtd-heavy-snow .awtd-snow-guide-nav__grid,
#awtd-earthquake-page .awtd-guide-nav__grid,
#awtd-power-water-page .awtd-guide-nav__grid,
#awtd-flood-page .awtd-guide-nav__grid,
#awtd-tsunami-page .awtd-guide-nav__grid,
#awtd-family-contact-page .awtd-fc-guide .awtd-guide-nav__grid {
display:grid;
grid-template-columns:
repeat(5,minmax(0,1fr));
gap:10px;
}

#awt-disaster-guide .awtd-guide-nav__grid a,
#awt-disaster-evacuation-page .awtd-guide-nav__grid a,
#awt-disaster-shelter-page .awtd-shelter-guide-nav__grid a,
#awtd-earthquake-page .awtd-guide-nav__grid a {
display:flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:76px;
padding:8px 10px;
border:1px solid var(--line);
border-radius:11px;
background:#fff;
box-shadow:
0 2px 8px rgba(18,55,82,.04);
color:var(--navy);
font-size:13px;
font-weight:800;
line-height:1.5;
text-align:center;
}

#awt-disaster-guide .awtd-guide-nav__grid img,
#awt-disaster-evacuation-page .awtd-guide-nav__grid img,
#awtd-earthquake-page .awtd-guide-nav__grid img {
width:38px;
height:46px;
object-fit:contain;
flex-shrink:0;
}

@media (hover:hover) {
#awt-disaster-guide :is(
.awtd-urgent-card,
.awtd-tile,
.awtd-wide-card,
.awtd-mini-card,
.awtd-line-panel__cta,
.awtd-guide-nav__grid a
):where(.awtd-guide-nav__grid a):hover {
border-color:#83b6d6;
box-shadow:
0 8px 20px rgba(15,54,82,.12);
}
}

@media (max-width:767px) {
#awt-disaster-guide .awtd-guide-nav {
margin-top:36px;
padding:16px 12px;
}
}

@media (max-width:767px) {
#awt-disaster-guide .awtd-guide-nav__title {
align-items:flex-start;
flex-direction:column;
gap:3px;
margin-bottom:12px;
}
}

@media (max-width:767px) {
#awt-disaster-guide .awtd-guide-nav__grid {
grid-template-columns:
repeat(2,minmax(0,1fr));
gap:8px;
}
}

@media (max-width:767px) {
#awt-disaster-guide .awtd-guide-nav__grid a {
justify-content:flex-start;
min-height:70px;
padding:8px 10px;
text-align:left;
}
}

@media (max-width:767px) {
#awt-disaster-guide .awtd-guide-nav__grid img {
width:32px;
height:38px;
}
}

@media (max-width:390px) {
#awt-disaster-guide .awtd-guide-nav__grid a {
font-size:12px;
}
}

#awt-disaster-evacuation-page .awtd-related-grid {
display:grid;
grid-template-columns:
repeat(3,minmax(0,1fr));
gap:10px;
}

#awt-disaster-evacuation-page .awtd-related-card,
#awt-disaster-shelter-page .awtd-shelter-related-card {
display: grid;
align-items: center;
border: 1px solid var(--line);
background: #fff;
box-shadow: var(--shadow);
}

#awt-disaster-evacuation-page .awtd-related-card {
grid-template-columns: 58px
minmax(0,1fr)
14px;
gap: 10px;
min-height: 84px;
padding: 10px 12px;
border-radius: 12px;
}

#awt-disaster-evacuation-page .awtd-related-card img {
width:54px;
height:54px;
object-fit:contain;
}

#awt-disaster-evacuation-page .awtd-related-card strong {
color:var(--navy);
font-size:14px;
font-weight:800;
line-height:1.45;
}

#awt-disaster-evacuation-page .awtd-related-card b {
color:var(--blue);
font-size:22px;
font-weight:400;
}

#awt-disaster-evacuation-page .awtd-guide-nav,
#awt-disaster-shelter-page .awtd-shelter-guide-nav {
margin-top:46px;
padding:20px;
border:1px solid var(--line);
border-radius:17px;
background:#f8fbfd;
}

#awt-disaster-evacuation-page .awtd-guide-nav__title span {
color:var(--muted);
font-size:13px;
}

@media (hover:hover) {
#awt-disaster-evacuation-page :is(
.awtd-decision__action,
.awtd-route-card,
.awtd-support-card,
.awtd-related-card,
.awtd-line-panel__cta,
.awtd-official-source__grid a,
.awtd-guide-nav__grid a
):where(.awtd-related-card):hover,
#awt-disaster-evacuation-page :is(
.awtd-decision__action,
.awtd-route-card,
.awtd-support-card,
.awtd-related-card,
.awtd-line-panel__cta,
.awtd-official-source__grid a,
.awtd-guide-nav__grid a
):where(.awtd-guide-nav__grid a):hover {
border-color:#83b6d6;
box-shadow:
0 8px 20px rgba(15,54,82,.12);
}
}

@media (max-width:959px) {
#awt-disaster-evacuation-page .awtd-related-grid {
grid-template-columns:
repeat(2,minmax(0,1fr));
}
}

@media (max-width:767px) {
#awt-disaster-evacuation-page .awtd-related-grid {
grid-template-columns:1fr;
gap:8px;
}
}

@media (max-width:767px) {
#awt-disaster-evacuation-page .awtd-related-card {
grid-template-columns:
50px
minmax(0,1fr)
12px;
min-height:72px;
padding:9px 10px;
}
}

@media (max-width:767px) {
#awt-disaster-evacuation-page .awtd-related-card img {
width:46px;
height:46px;
}
}

@media (max-width:767px) {
#awt-disaster-evacuation-page .awtd-guide-nav {
margin-top:36px;
padding:16px 12px;
}
}

@media (max-width:767px) {
#awt-disaster-evacuation-page
.awtd-guide-nav__title {
align-items:flex-start;
flex-direction:column;
gap:3px;
margin-bottom:12px;
}
}

@media (max-width:767px) {
#awt-disaster-evacuation-page
.awtd-guide-nav__grid {
grid-template-columns:
repeat(2,minmax(0,1fr));
gap:8px;
}
}

@media (max-width:767px) {
#awt-disaster-evacuation-page
.awtd-guide-nav__grid a {
justify-content:flex-start;
min-height:70px;
padding:8px 10px;
text-align:left;
}
}

@media (max-width:767px) {
#awt-disaster-evacuation-page
.awtd-guide-nav__grid img {
width:32px;
height:38px;
}
}

@media (max-width:390px) {
#awt-disaster-evacuation-page
.awtd-guide-nav__grid a {
font-size:12px;
}
}

#awt-disaster-shelter-page .awtd-shelter-related-grid {
display:grid;
grid-template-columns:
repeat(4,minmax(0,1fr));
gap:10px;
}

#awt-disaster-shelter-page
.awtd-shelter-related-card {
grid-template-columns: 52px
minmax(0,1fr)
12px;
gap: 9px;
min-height: 82px;
padding: 10px;
border-radius: 11px;
}

#awt-disaster-shelter-page
.awtd-shelter-related-card img {
width:48px;
height:48px;
object-fit:contain;
}

#awt-disaster-shelter-page
.awtd-shelter-related-card__emoji {
display:grid;
width:48px;
height:48px;
place-items:center;
border-radius:12px;
background:#f2f8fc;
font-size:27px;
}

#awt-disaster-shelter-page
.awtd-shelter-related-card > span:not(
.awtd-shelter-related-card__emoji
) {
display:flex;
flex-direction:column;
gap:2px;
}

#awt-disaster-shelter-page
.awtd-shelter-related-card strong {
color:var(--navy);
font-size:13px;
font-weight:900;
line-height:1.45;
}

#awt-disaster-shelter-page
.awtd-shelter-related-card small {
color:var(--muted);
font-size:10.5px;
line-height:1.4;
}

#awt-disaster-shelter-page
.awtd-shelter-related-card > b {
color:var(--blue);
font-size:21px;
font-weight:400;
}

#awt-disaster-shelter-page
.awtd-shelter-guide-nav__title span {
color:var(--muted);
font-size:13px;
}

#awt-disaster-shelter-page
.awtd-shelter-guide-nav__icon {
display:grid;
width:36px;
height:36px;
flex:0 0 36px;
place-items:center;
font-size:24px;
}

@media (hover:hover) {
#awt-disaster-shelter-page :is(
.awtd-shelter-alert__button,
.awtd-shelter-hazard-card > a,
.awtd-shelter-find-card,
.awtd-shelter-related-card,
.awtd-line-panel__cta,
.awtd-shelter-official-links > a,
.awtd-shelter-guide-nav__grid a
):where(.awtd-shelter-related-card):hover,
#awt-disaster-shelter-page :is(
.awtd-shelter-alert__button,
.awtd-shelter-hazard-card > a,
.awtd-shelter-find-card,
.awtd-shelter-related-card,
.awtd-line-panel__cta,
.awtd-shelter-official-links > a,
.awtd-shelter-guide-nav__grid a
):where(.awtd-shelter-guide-nav__grid a):hover {
border-color:#83b6d6;
box-shadow:
0 8px 20px rgba(15,54,82,.12);
}
}

@media (max-width:959px) {
#awt-disaster-shelter-page
.awtd-shelter-related-grid {
grid-template-columns:
repeat(2,minmax(0,1fr));
}
}

@media (max-width:767px) {
#awt-disaster-shelter-page
.awtd-shelter-related-grid {
grid-template-columns:1fr;
gap:7px;
}
}

@media (max-width:767px) {
#awt-disaster-shelter-page
.awtd-shelter-related-card {
min-height:72px;
}
}

@media (max-width:767px) {
#awt-disaster-shelter-page
.awtd-shelter-guide-nav {
margin-top:36px;
padding:16px 12px;
}
}

@media (max-width:767px) {
#awt-disaster-shelter-page
.awtd-shelter-guide-nav__title {
align-items:flex-start;
flex-direction:column;
gap:3px;
margin-bottom:12px;
}
}

@media (max-width:767px) {
#awt-disaster-shelter-page
.awtd-shelter-guide-nav__grid {
grid-template-columns:
repeat(2,minmax(0,1fr));
gap:8px;
}
}

@media (max-width:767px) {
#awt-disaster-shelter-page
.awtd-shelter-guide-nav__grid a {
justify-content:flex-start;
min-height:70px;
padding:8px 10px;
text-align:left;
}
}

@media (max-width:390px) {
#awt-disaster-shelter-page
.awtd-shelter-guide-nav__grid a {
font-size:12px;
}
}

#awtd-heavy-snow .awtd-snow-guide-nav {
width:100%;
margin-top:44px;
margin-bottom:30px;
}

#awtd-heavy-snow .awtd-snow-guide-nav__title {
position:relative;
margin:0 0 15px!important;
padding:0 0 0 15px!important;
border:0!important;
background:none!important;
box-shadow:none!important;
color:var(--navy)!important;
font-size:23px!important;
font-weight:900!important;
line-height:1.4!important;
}

#awtd-heavy-snow .awtd-snow-guide-nav__title::before {
display:block!important;
position:absolute!important;
top:.15em!important;
bottom:.15em!important;
left:0!important;
width:4px!important;
height:auto!important;
border-radius:4px!important;
background:var(--blue)!important;
content:""!important;
}

#awtd-heavy-snow .awtd-snow-guide-nav__title::after {
display:none!important;
content:none!important;
}

#awtd-heavy-snow .awtd-snow-guide-nav__head { margin-bottom:16px; }

#awtd-heavy-snow .awtd-snow-guide-nav__head p { color:var(--muted); font-size:13px; }

#awtd-heavy-snow .awtd-snow-guide-nav__card {
display:flex; flex-direction:column; align-items:center; justify-content:center;
gap:10px; min-width:0; min-height:116px; padding:16px 10px;
border:1px solid var(--line); border-radius:12px;
background:#fff; color:var(--navy); text-align:center;
font-size:13px; font-weight:800; line-height:1.5;
}

#awtd-heavy-snow .awtd-snow-guide-nav__icon { display:block; font-size:28px; line-height:1.2; }

#awtd-heavy-snow .awtd-snow-guide-nav__card--current {
border-color:var(--navy); background:var(--navy); color:#fff;
}

@media (hover:hover) {
#awtd-heavy-snow .awtd-snow-guide-nav__card:not(.awtd-snow-guide-nav__card--current):hover {
background:var(--blue-pale);
}
}

@media (max-width:959px) {
#awtd-heavy-snow .awtd-snow-guide-nav__grid {
grid-template-columns:
repeat(3,minmax(0,1fr));
}
}

@media (max-width:767px) {
#awtd-heavy-snow .awtd-snow-guide-nav__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:767px) {
#awtd-heavy-snow .awtd-snow-guide-nav {
margin-top:36px;
}
}

@media (max-width:390px) {
#awtd-heavy-snow .awtd-snow-guide-nav__card:not(.awtd-snow-guide-nav__card--current),
#awtd-heavy-snow .awtd-snow-guide-nav__card--current {
font-size:12px;
}
}

#awtd-rain-page .awtd-rain-guide { margin:44px 0 30px; }

#awtd-rain-page .awtd-rain-guide__grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-top:20px; }

#awtd-rain-page .awtd-rain-guide__card { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:116px; padding:16px 10px; border:1px solid var(--line); border-radius:12px; background:#fff; color:var(--navy); text-align:center; font-size:13px; line-height:1.5; }

#awtd-rain-page .awtd-rain-guide__card > span { font-size:28px; }

#awtd-rain-page .awtd-rain-guide__card[aria-current="page"] { border-color:var(--navy); background:var(--navy); color:#fff; }

@media (hover:hover) {
#awtd-rain-page :is(.awtd-rain-card,.awtd-rain-guide__card):where(.awtd-rain-guide__card):hover { border-color:#83b6d6; box-shadow:0 8px 20px rgba(15,54,82,.11); }
}

@media (max-width:767px) {
#awtd-rain-page .awtd-rain-guide__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

#awtd-earthquake-page :is(.awtd-eq-button, .awtd-eq-hero__category, .awtd-eq-contact__links a, .awtd-eq-guide-card):where(.awtd-eq-guide-card) br { display:none; }

#awtd-earthquake-page .awtd-guide-nav__title span {
color:var(--muted);
font-size:13px;
}

#awtd-earthquake-page .awtd-guide-nav { margin-bottom:56px; }

#awtd-earthquake-page .awtd-guide-nav > p,
#awtd-earthquake-page .awtd-guide-nav__grid > p { display:none; }

#awtd-earthquake-page .awtd-guide-nav__title > p,
#awtd-earthquake-page .awtd-guide-nav__grid > a > p { display:contents; }

#awtd-earthquake-page .awtd-guide-nav br { display:none; }

#awtd-earthquake-page .awtd-guide-nav__grid > a:hover { border-color:#83b6d6; background:#f6fafc; }

@media (max-width: 767px) {
#awtd-earthquake-page .awtd-guide-nav { padding:16px; margin-top:40px; margin-bottom:40px; }
}

@media (max-width: 767px) {
#awtd-earthquake-page .awtd-guide-nav__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 767px) {
#awtd-earthquake-page .awtd-guide-nav__grid > a:last-of-type { grid-column:1 / -1; }
}

@media (max-width: 767px) {
#awtd-earthquake-page .awtd-guide-nav__grid a { min-height:76px; padding:10px 6px; gap:6px; }
}

@media (max-width: 767px) {
#awtd-earthquake-page .awtd-guide-nav__grid img { width:32px; height:38px; }
}

@media (max-width: 767px) {
#awtd-earthquake-page .awtd-guide-nav__title { display:block; }
}

@media (max-width: 767px) {
#awtd-earthquake-page .awtd-guide-nav__title span { display:block; margin-top:6px; }
}

#awtd-power-water-page .awtd-guide-nav {
width: 100%;
}

#awtd-power-water-page
.awtd-guide-nav__title > div {
align-items: baseline;
flex-wrap: wrap;
gap: 5px 14px;
}

#awtd-power-water-page
.awtd-guide-nav__title h2 {
background: none!important;
box-shadow: none!important;
line-height: 1.4!important;
}

#awtd-power-water-page
.awtd-guide-nav__title h2::before,
#awtd-power-water-page
.awtd-guide-nav__title h2::after {
display:none!important;
content:none!important;
}

#awtd-power-water-page
.awtd-guide-nav__icon {
place-items: center;
}

@media (hover:hover) {
#awtd-power-water-page
.awtd-guide-nav__grid a:hover {
border-color:#83b6d6;
background:#f6fafc;
box-shadow:
0 8px 20px rgba(15,54,82,.10);
}
}

@media (max-width:767px) {
#awtd-power-water-page
.awtd-guide-nav {
margin-bottom: 24px;
}
}

@media (max-width:767px) {
#awtd-power-water-page
.awtd-guide-nav__title > div {
display:block;
}
}

@media (max-width:767px) {
#awtd-power-water-page
.awtd-guide-nav__title span {
display:block;
margin-bottom:3px;
}
}

#awtd-power-water-page :is(
.awtd-pw-life-grid,
.awtd-pw-danger-visual__grid,
.awtd-pw-toilet__grid,
.awtd-pw-long__grid,
.awtd-pw-official__grid,
.awtd-guide-nav__grid
):where(.awtd-guide-nav__grid) > p {
display:contents!important;
}

#awtd-power-water-page
.awtd-guide-nav {
margin: 46px 0 30px!important;
border: 1px solid #dce6ec!important;
border-radius: 17px!important;
background: #f8fbfd!important;
}

#awtd-power-water-page
.awtd-guide-nav__title > div {
display:contents!important;
}

#awtd-power-water-page
.awtd-guide-nav__title span {
color:#536977;
font-size:13px;
}

#awtd-power-water-page
.awtd-guide-nav__title h2 {
margin:0!important;
padding:0!important;
border:0!important;
color:#0a3767!important;
font-size:19px!important;
font-weight:900!important;
}

#awtd-power-water-page
.awtd-guide-nav__title > p {
margin:0!important;
color:#536977;
font-size:13px;
}

#awtd-power-water-page
.awtd-guide-nav__grid {
display: grid!important;
width: 100%!important;
clear: both!important;
}

#awtd-power-water-page
.awtd-guide-nav__grid > p {
display:contents!important;
}

#awtd-power-water-page
.awtd-guide-nav__grid a {
display: flex!important;
border: 1px solid #dce6ec!important;
border-radius: 11px!important;
background: #fff!important;
color: #0a3767!important;
font-weight: 800!important;
box-shadow: 0 2px 8px rgba(18,55,82,.04)!important;
}

#awtd-power-water-page
.awtd-guide-nav__icon {
display:flex!important;
align-items:center;
justify-content:center;
width:38px!important;
height:38px!important;
color:#1478c9;
font-size:24px!important;
line-height:1!important;
}

@media (max-width:767px) {
#awtd-power-water-page
.awtd-guide-nav__title > p {
margin-top:5px!important;
}
}

@media (max-width:767px) {
#awtd-power-water-page
.awtd-guide-nav__grid > a:last-child {
grid-column:auto!important;
}
}

#awtd-power-water-page .awtd-guide-nav {
margin-top: 48px !important;
padding: 20px !important;
}

#awtd-power-water-page .awtd-guide-nav__title {
display: flex !important;
flex-direction: row !important;
align-items: baseline !important;
flex-wrap: wrap !important;
gap: 5px 14px !important;
margin: 0 0 14px !important;
}

#awtd-power-water-page .awtd-guide-nav__title > strong {
margin: 0;
color: #0a3767;
font-size: 19px;
font-weight: 900;
line-height: 1.5;
}

#awtd-power-water-page .awtd-guide-nav__title > span {
margin: 0 !important;
color: #536977;
font-size: 13px;
}

#awtd-power-water-page .awtd-guide-nav__grid {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 10px !important;
}

#awtd-power-water-page .awtd-guide-nav__grid a {
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
min-width: 0;
min-height: 76px !important;
padding: 8px 10px !important;
font-size: 13px !important;
line-height: 1.5 !important;
text-align: center !important;
}

#awtd-power-water-page .awtd-guide-nav__grid a > img {
display: block;
flex: 0 0 38px;
width: 38px !important;
max-width: 38px !important;
height: 46px !important;
margin: 0 !important;
object-fit: contain;
}

#awtd-power-water-page .awtd-guide-nav__grid a > span {
min-width: 0;
}

@media (max-width: 767px) {
#awtd-power-water-page .awtd-guide-nav {
margin-top: 36px !important;
padding: 16px 12px !important;
}
}

@media (max-width: 767px) {
#awtd-power-water-page .awtd-guide-nav__title {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 3px !important;
margin-bottom: 12px !important;
}
}

@media (max-width: 767px) {
#awtd-power-water-page .awtd-guide-nav__grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
}
}

@media (max-width: 767px) {
#awtd-power-water-page .awtd-guide-nav__grid a {
justify-content: flex-start !important;
min-height: 70px !important;
padding: 8px 10px !important;
text-align: left !important;
}
}

@media (max-width: 767px) {
#awtd-power-water-page .awtd-guide-nav__grid a > img {
flex-basis: 32px;
width: 32px !important;
max-width: 32px !important;
height: 38px !important;
}
}

@media (max-width: 390px) {
#awtd-power-water-page .awtd-guide-nav__grid a {
font-size: 12px !important;
}
}

#awtd-power-water-page .awtd-guide-nav__grid > br,
#awtd-power-water-page .awtd-guide-nav__title > br {
display: none !important;
}

#awtd-flood-page .awtd-flood-related-links {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
margin-top: 20px;
}

#awtd-flood-page .awtd-flood-related-links > a {
display: grid;
grid-template-columns: minmax(0, 1fr) 18px;
gap: 4px 12px;
min-width: 0;
padding: 16px 20px;
border: 1px solid var(--awtd-line);
border-radius: 10px;
background: #f7fafc;
}

#awtd-flood-page .awtd-flood-related-links strong {
color: var(--awtd-navy);
font-size: 15px;
}

#awtd-flood-page .awtd-flood-related-links a > span {
grid-column: 1;
color: var(--awtd-muted);
font-size: 12px;
}

#awtd-flood-page .awtd-flood-related-links b {
grid-column: 2;
grid-row: 1 / 3;
align-self: center;
font-size: 24px;
font-weight: 400;
}

#awtd-flood-page .awtd-guide-nav {
width: 100%;
margin-top: 48px;
padding: 20px;
border: 1px solid #dce6ec;
border-radius: 17px;
background: #f8fbfd;
}

#awtd-flood-page .awtd-guide-nav__title > strong {
color: #0a3767;
font-size: 19px;
font-weight: 900;
line-height: 1.5;
}

#awtd-flood-page .awtd-guide-nav__title > span {
color: #536977;
font-size: 13px;
line-height: 1.7;
}

#awtd-flood-page .awtd-guide-nav__grid > a {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
min-width: 0;
min-height: 76px;
padding: 8px 10px;
border: 1px solid #dce6ec;
border-radius: 11px;
background: #fff;
color: #0a3767;
box-shadow: 0 2px 8px rgba(18, 55, 82, .04);
font-size: 13px;
font-weight: 800;
line-height: 1.5;
text-align: center;
}

#awtd-flood-page .awtd-guide-nav__grid > a > img,
#awtd-flood-page .awtd-guide-nav__icon {
flex: 0 0 38px;
width: 38px !important;
max-width: 38px !important;
height: 46px !important;
margin: 0 !important;
object-fit: contain;
}

#awtd-flood-page .awtd-guide-nav__icon {
display: grid;
place-items: center;
font-size: 27px;
}

#awtd-flood-page .awtd-guide-nav__grid > a > span:last-child {
min-width: 0;
}

#awtd-flood-page :is(
.awtd-flood-hero__inner,
.awtd-flood-action-grid,
.awtd-flood-check-grid,
.awtd-flood-check-card__head,
.awtd-flood-river-alert,
.awtd-flood-info-guide__grid,
.awtd-flood-info-guide__item,
.awtd-flood-split,
.awtd-flood-emergency,
.awtd-flood-hazard,
.awtd-flood-hazard__points,
.awtd-flood-button-row,
.awtd-flood-difference-grid,
.awtd-flood-difference-card,
.awtd-flood-after,
.awtd-flood-prepare-grid,
.awtd-flood-prepare-card,
.awtd-flood-related-links,
.awtd-flood-source-grid,
.awtd-flood-contact-grid,
.awtd-guide-nav__title,
.awtd-guide-nav__grid,
.awtd-btn,
.awtd-flood-source-card
):where(.awtd-flood-related-links) > br,
#awtd-flood-page :is(
.awtd-flood-hero__inner,
.awtd-flood-action-grid,
.awtd-flood-check-grid,
.awtd-flood-check-card__head,
.awtd-flood-river-alert,
.awtd-flood-info-guide__grid,
.awtd-flood-info-guide__item,
.awtd-flood-split,
.awtd-flood-emergency,
.awtd-flood-hazard,
.awtd-flood-hazard__points,
.awtd-flood-button-row,
.awtd-flood-difference-grid,
.awtd-flood-difference-card,
.awtd-flood-after,
.awtd-flood-prepare-grid,
.awtd-flood-prepare-card,
.awtd-flood-related-links,
.awtd-flood-source-grid,
.awtd-flood-contact-grid,
.awtd-guide-nav__title,
.awtd-guide-nav__grid,
.awtd-btn,
.awtd-flood-source-card
):where(.awtd-guide-nav__title) > br,
#awtd-flood-page :is(
.awtd-flood-hero__inner,
.awtd-flood-action-grid,
.awtd-flood-check-grid,
.awtd-flood-check-card__head,
.awtd-flood-river-alert,
.awtd-flood-info-guide__grid,
.awtd-flood-info-guide__item,
.awtd-flood-split,
.awtd-flood-emergency,
.awtd-flood-hazard,
.awtd-flood-hazard__points,
.awtd-flood-button-row,
.awtd-flood-difference-grid,
.awtd-flood-difference-card,
.awtd-flood-after,
.awtd-flood-prepare-grid,
.awtd-flood-prepare-card,
.awtd-flood-related-links,
.awtd-flood-source-grid,
.awtd-flood-contact-grid,
.awtd-guide-nav__title,
.awtd-guide-nav__grid,
.awtd-btn,
.awtd-flood-source-card
):where(.awtd-guide-nav__grid) > br {
display: none;
}

@media (hover: hover) {
#awtd-flood-page .awtd-flood-related-links > a:hover,
#awtd-flood-page .awtd-guide-nav__grid > a:hover {
border-color: #83b6d6;
box-shadow: 0 5px 14px rgba(15, 54, 82, .07);
}
}

@media (min-width: 768px) and (max-width: 1023px) {
#awtd-flood-page .awtd-guide-nav__grid > a {
gap: 6px;
padding: 8px;
font-size: 12px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
#awtd-flood-page .awtd-guide-nav__grid > a > img,
#awtd-flood-page .awtd-guide-nav__icon {
flex-basis: 30px;
width: 30px !important;
max-width: 30px !important;
height: 38px !important;
}
}

@media (max-width: 767px) {
#awtd-flood-page .awtd-flood-related-links {
grid-template-columns: minmax(0, 1fr);
gap: 14px;
}
}

@media (max-width: 767px) {
#awtd-flood-page .awtd-guide-nav {
margin-top: 36px;
padding: 16px 12px;
}
}

@media (max-width: 767px) {
#awtd-flood-page .awtd-guide-nav__title {
flex-direction: column;
align-items: flex-start;
gap: 3px;
margin-bottom: 12px;
}
}

@media (max-width: 767px) {
#awtd-flood-page .awtd-guide-nav__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
}

@media (max-width: 767px) {
#awtd-flood-page .awtd-guide-nav__grid > a {
justify-content: flex-start;
min-height: 70px;
padding: 8px 10px;
font-size: 12px;
text-align: left;
}
}

@media (max-width: 767px) {
#awtd-flood-page .awtd-guide-nav__grid > a > img,
#awtd-flood-page .awtd-guide-nav__icon {
flex-basis: 32px;
width: 32px !important;
max-width: 32px !important;
height: 38px !important;
}
}

@media (max-width: 767px) {
#awtd-flood-page .awtd-guide-nav__icon {
font-size: 24px;
}
}

@media (max-width: 374px) {
#awtd-flood-page .awtd-guide-nav__grid > a {
gap: 6px;
padding: 8px;
}
}

@media (max-width: 374px) {
#awtd-flood-page .awtd-guide-nav__grid > a > img,
#awtd-flood-page .awtd-guide-nav__icon {
flex-basis: 28px;
width: 28px !important;
max-width: 28px !important;
height: 34px !important;
}
}

#awtd-alerts-page .awtd-alerts__related-grid {
display: grid;
width: 100%;
grid-template-columns:
repeat(3, minmax(0, 1fr));
gap: 16px;
}

#awtd-alerts-page .awtd-alerts__related-card {
display: grid;
min-width: 0;
min-height: 100px;
grid-template-columns:
46px
minmax(0, 1fr)
18px;
gap: 12px;
align-items: center;
padding: 18px;
border: 1px solid var(--awtda-line);
border-radius: var(--awtda-radius-m);
color: var(--awtda-navy) !important;
background: #fff;
text-decoration: none !important;
}

#awtd-alerts-page .awtd-alerts__related-card:hover {
transform: translateY(-2px);
box-shadow: var(--awtda-shadow);
}

#awtd-alerts-page .awtd-alerts__related-icon {
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 12px;
color: var(--awtda-blue);
background: var(--awtda-blue-soft);
font-size: 18px;
font-weight: 900;
}

#awtd-alerts-page .awtd-alerts__related-card > span {
min-width: 0;
}

#awtd-alerts-page .awtd-alerts__related-card strong,
#awtd-alerts-page .awtd-alerts__related-card small {
display: block;
min-width: 0;
writing-mode: horizontal-tb !important;
word-break: normal;
}

#awtd-alerts-page .awtd-alerts__related-card strong {
line-height: 1.5;
}

#awtd-alerts-page .awtd-alerts__related-card small {
margin-top: 3px;
color: var(--awtda-muted);
font-size: 12px;
line-height: 1.5;
}

@media (hover:hover) {
#awtd-alerts-page :is(
.awtd-shelter-alert__button,
.awtd-shelter-hazard-card > a,
.awtd-shelter-find-card,
.awtd-shelter-related-card,
.awtd-line-panel__cta,
.awtd-shelter-official-links > a,
.awtd-shelter-guide-nav__grid a
):where(.awtd-shelter-related-card):hover,
#awtd-alerts-page :is(
.awtd-shelter-alert__button,
.awtd-shelter-hazard-card > a,
.awtd-shelter-find-card,
.awtd-shelter-related-card,
.awtd-line-panel__cta,
.awtd-shelter-official-links > a,
.awtd-shelter-guide-nav__grid a
):where(.awtd-shelter-guide-nav__grid a):hover {
border-color:#83b6d6;
box-shadow:
0 8px 20px rgba(15,54,82,.12);
}
}

#awtd-alerts-page .awtd-guide-nav {
display: block;
width: 100%;
margin: 56px 0 26px;
padding: 30px;
border-radius: 24px;
background: #f4f8fa;
}

#awtd-alerts-page .awtd-guide-nav__heading {
display: block;
width: 100%;
margin: 0 0 20px;
}

#awtd-alerts-page .awtd-guide-nav__heading h2 {
margin: 0;
padding: 0 !important;
border: 0 !important;
color: var(--awtda-navy);
font-size: 24px;
font-weight: 900;
line-height: 1.4;
}

#awtd-alerts-page .awtd-guide-nav__heading p {
margin: 5px 0 0;
color: var(--awtda-muted);
font-size: 14px;
}

#awtd-alerts-page .awtd-guide-nav__grid {
display: grid;
width: 100%;
grid-template-columns:
repeat(5, minmax(0, 1fr));
gap: 12px;
align-items: stretch;
}

#awtd-alerts-page .awtd-guide-nav__card {
display: flex;
min-width: 0;
flex-direction: column;
align-items: stretch;
overflow: hidden;
border: 1px solid var(--awtda-line);
border-radius: 17px;
color: var(--awtda-navy) !important;
background: #fff;
text-decoration: none !important;
}

#awtd-alerts-page a.awtd-guide-nav__card:hover {
transform: translateY(-3px);
border-color: #bad5e1;
box-shadow:
0 10px 26px rgba(16, 42, 58, 0.10);
}

#awtd-alerts-page .awtd-guide-nav__image {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
background: #edf6f9;
}

#awtd-alerts-page .awtd-guide-nav__image img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
margin: 0;
}

#awtd-alerts-page .awtd-guide-nav__label {
display: flex;
min-width: 0;
min-height: 62px;
flex: 1 0 auto;
align-items: center;
justify-content: center;
padding: 10px 8px;
color: var(--awtda-navy);
font-size: 14px;
font-weight: 900;
line-height: 1.4;
text-align: center;
writing-mode: horizontal-tb !important;
word-break: normal;
}

#awtd-alerts-page .awtd-guide-nav__back {
display: block;
width: 100%;
margin-top: 20px;
text-align: center;
}

#awtd-alerts-page .awtd-guide-nav__back a {
display: inline-flex;
gap: 8px;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 8px 17px;
color: var(--awtda-blue) !important;
font-size: 14px;
font-weight: 900;
text-decoration: none !important;
}

#awtd-alerts-page .awtd-guide-nav__back a:hover {
text-decoration: underline !important;
text-underline-offset: 4px;
}

@media (max-width: 900px) {
#awtd-alerts-page .awtd-guide-nav__grid {
grid-template-columns:
repeat(3, minmax(0, 1fr));
}
}

@media (max-width: 767px) {
#awtd-alerts-page .awtd-alerts__related-grid {
grid-template-columns: 1fr;
}
}

@media (max-width: 767px) {
#awtd-alerts-page .awtd-guide-nav {
margin-top: 44px;
padding: 21px 14px;
}
}

@media (max-width: 767px) {
#awtd-alerts-page .awtd-guide-nav__grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap: 10px;
}
}

@media (max-width: 767px) {
#awtd-alerts-page .awtd-guide-nav__label {
min-height: 58px;
padding: 9px 7px;
font-size: 13px;
}
}

#awt-hazard-map-page
.awt-hazard-link-strip__item--related {
background: #f5fbf8;
}

#awt-hazard-map-page
.awt-disaster-guide-nav {
margin-top: 56px;
padding:
20px
20px
17px;
border:
1px solid var(--ah-line);
border-radius: 16px;
background: #f7fafc;
}

#awt-hazard-map-page
.awt-disaster-guide-nav
.awt-hazard-section__header {
margin-bottom: 14px;
}

#awt-hazard-map-page
.awt-disaster-guide-nav__grid {
display: grid;
grid-template-columns:
repeat(5, minmax(0, 1fr));
gap: 8px;
}

#awt-hazard-map-page
.awt-disaster-guide-nav__grid
> :not(.awt-disaster-guide-nav__card) {
display: none !important;
}

#awt-hazard-map-page
.awt-disaster-guide-nav__card {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 8px;
min-width: 0;
min-height: 64px;
padding:
8px
10px;
border:
1px solid var(--ah-line);
border-radius: 10px;
background: #fff;
box-shadow:
0 2px 6px
rgba(16,42,58,.035);
color: var(--ah-navy);
text-align: left;
text-decoration: none;
}

#awt-hazard-map-page
.awt-disaster-guide-nav__media {
display: flex;
flex:
0
0
42px;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
margin: 0;
}

#awt-hazard-map-page
.awt-disaster-guide-nav__media img {
display: block;
width: 40px;
height: 40px;
margin: 0;
object-fit: contain;
object-position: center;
}

#awt-hazard-map-page
.awt-disaster-guide-nav__title {
display: block;
min-width: 0;
color: var(--ah-navy);
font-size: 12.5px;
font-weight: 800;
line-height: 1.45;
text-align: left;
word-break: normal;
overflow-wrap: normal;
}

#awt-hazard-map-page
.awt-disaster-guide-nav__back {
margin:
14px
0
0;
text-align: center;
}

#awt-hazard-map-page
.awt-disaster-guide-nav__back a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
padding:
5px
12px;
border:
1px solid #cbdde7;
border-radius: 999px;
background: #fff;
color: var(--ah-blue);
font-size: 12px;
font-weight: 800;
line-height: 1.4;
text-decoration: none;
}

@media (hover: hover) {
#awt-hazard-map-page
:is(
.awt-hazard-basic-card,
.awt-hazard-type-card,
.awt-hazard-link-strip__item,
.awt-disaster-guide-nav__card
):where(.awt-disaster-guide-nav__card):hover {
border-color: #94bdd6;
box-shadow:
0 8px 20px
rgba(16,42,58,.10);
}
}

@media (max-width: 959px) {
#awt-hazard-map-page
.awt-disaster-guide-nav__grid {
grid-template-columns:
repeat(3, minmax(0, 1fr));
}
}

@media (max-width: 767px) {
#awt-hazard-map-page
.awt-disaster-guide-nav {
margin-top: 44px;
padding:
17px
11px;
}
}

@media (max-width: 767px) {
#awt-hazard-map-page
.awt-disaster-guide-nav__grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap: 7px;
}
}

@media (max-width: 767px) {
#awt-hazard-map-page
.awt-disaster-guide-nav__card {
min-height: 60px;
padding:
7px
8px;
gap: 6px;
}
}

@media (max-width: 767px) {
#awt-hazard-map-page
.awt-disaster-guide-nav__media {
flex-basis: 36px;
width: 36px;
height: 36px;
}
}

@media (max-width: 767px) {
#awt-hazard-map-page
.awt-disaster-guide-nav__media img {
width: 34px;
height: 34px;
}
}

@media (max-width: 767px) {
#awt-hazard-map-page
.awt-disaster-guide-nav__title {
font-size: 11.5px;
}
}

#awtd-landslide-page > :is(
.awtd-landslide-hero,
.awtd-landslide-section,
.awtd-landslide-rain-note,
.awt-disaster-guide-nav
):where(.awt-disaster-guide-nav),
#awtd-landslide-page > :is(
.awtd-landslide-hero,
.awtd-landslide-section,
.awtd-landslide-rain-note,
.awt-disaster-guide-nav
):where(.awt-disaster-guide-nav) * {
box-sizing: border-box;
}

#awtd-landslide-page :is(
.awtd-landslide-section,
.awt-disaster-guide-nav,
.awtd-landslide-rain-note
):where(.awt-disaster-guide-nav) {
min-width: 0;
margin-block: var(--awtd-landslide-gap) 0;
scroll-margin-top: 110px;
}

#awtd-landslide-page :is(
.awtd-landslide-section__head,
.awtd-landslide-early__content,
.awtd-landslide-indoor__content,
.awt-disaster-guide-nav__heading
):where(.awt-disaster-guide-nav__heading) > h2 {
margin: 0 0 14px;
padding: 0 0 0 16px;
border-left: 4px solid var(--awtd-landslide-orange);
font-size: clamp(23px, 2.2vw, 31px);
line-height: 1.5;
text-wrap: pretty;
}

#awtd-landslide-page .awt-disaster-guide-nav__grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
align-items: stretch;
gap: 10px;
}

#awtd-landslide-page :is(
.awtd-landslide-next__grid,
.awt-disaster-guide-nav__grid
):where(.awt-disaster-guide-nav__grid) > :is(p, div) {
display: flex;
align-items: stretch;
min-width: 0;
margin: 0;
padding: 0;
}

#awtd-landslide-page :is(
.awtd-landslide-next__link,
.awt-disaster-guide-nav__card
):where(.awt-disaster-guide-nav__card) {
position: relative;
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
align-items: center;
gap: 10px;
width: 100%;
min-width: 0;
min-height: 76px;
margin: 0;
padding: 12px;
border: 1px solid var(--awtd-landslide-line);
border-radius: 13px;
background: #fff;
color: var(--awtd-landslide-navy);
line-height: 1.5;
text-decoration: none;
}

#awtd-landslide-page :is(
.awtd-landslide-next__icon,
.awt-disaster-guide-nav__media
):where(.awt-disaster-guide-nav__media) {
display: grid;
place-items: center;
width: 38px;
height: 42px;
margin: 0;
padding: 0;
}

#awtd-landslide-page :is(
.awtd-landslide-next__icon,
.awt-disaster-guide-nav__media
):where(.awt-disaster-guide-nav__media) img {
display: block;
width: 36px;
max-width: 36px;
height: 36px;
margin: 0;
padding: 0;
object-fit: contain;
}

#awtd-landslide-page .awt-disaster-guide-nav__title {
display: block;
min-width: 0;
margin: 0;
color: var(--awtd-landslide-navy);
font-size: 15px;
font-weight: 700;
line-height: 1.5;
word-break: normal;
overflow-wrap: break-word;
text-wrap: balance;
}

#awtd-landslide-page .awt-disaster-guide-nav__title .awtd-nowrap {
display: inline-block;
white-space: nowrap;
}

#awtd-landslide-page .awt-disaster-guide-nav__heading {
margin-bottom: 20px;
}

#awtd-landslide-page .awt-disaster-guide-nav__heading p {
color: var(--awtd-landslide-muted);
font-size: 15px;
}

#awtd-landslide-page .awt-disaster-guide-nav__back {
margin-top: 18px;
}

#awtd-landslide-page .awt-disaster-guide-nav__back a {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 44px;
padding: 9px 16px;
border-radius: 999px;
background: #f3f6f6;
color: var(--awtd-landslide-navy);
font-size: 15px;
font-weight: 700;
text-decoration: none;
}

#awtd-landslide-page :is(
.awtd-landslide-first__grid,
.awtd-landslide-zone__grid,
.awtd-landslide-types__grid,
.awtd-landslide-risk__grid,
.awtd-landslide-evacuation__grid,
.awtd-landslide-signs__grid,
.awtd-landslide-contact__grid,
.awtd-landslide-next__grid,
.awtd-landslide-official__links,
.awt-disaster-guide-nav__grid
):where(.awt-disaster-guide-nav__grid) > br,
#awtd-landslide-page :is(
.awtd-landslide-next__link,
.awt-disaster-guide-nav__card,
.awtd-landslide-button,
.awtd-landslide-text-link,
.awtd-landslide-first__number,
.awtd-landslide-alert__icon,
.awtd-landslide-rain-note__icon
):where(.awt-disaster-guide-nav__card) > br,
#awtd-landslide-page .awt-disaster-guide-nav__back a > br {
display: none;
}

#awtd-landslide-page :is(
.awtd-landslide-next__grid,
.awtd-landslide-official__links,
.awt-disaster-guide-nav__grid
):where(.awt-disaster-guide-nav__grid) > p:empty {
display: none;
}

#awtd-landslide-page :is(
.awtd-landslide-button,
.awtd-landslide-text-link,
.awtd-landslide-next__link,
.awt-disaster-guide-nav__card,
.awtd-landslide-official__links a,
.awt-disaster-guide-nav__back a,
.awtd-landslide-contact__tel a
):where(.awt-disaster-guide-nav__card):focus-visible,
#awtd-landslide-page :is(
.awtd-landslide-button,
.awtd-landslide-text-link,
.awtd-landslide-next__link,
.awt-disaster-guide-nav__card,
.awtd-landslide-official__links a,
.awt-disaster-guide-nav__back a,
.awtd-landslide-contact__tel a
):where(.awt-disaster-guide-nav__back a):focus-visible {
outline: 3px solid #17669b;
outline-offset: 4px;
}

@media (hover: hover) {
#awtd-landslide-page :is(
.awtd-landslide-next__link,
.awt-disaster-guide-nav__card,
.awtd-landslide-official__links a
):where(.awt-disaster-guide-nav__card):hover {
border-color: #7897a7;
background: #f7fafb;
}
}

@media (max-width: 980px) {
#awtd-landslide-page .awt-disaster-guide-nav__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

@media (max-width: 767px) {
#awtd-landslide-page :is(
.awtd-landslide-next__grid,
.awt-disaster-guide-nav__grid
):where(.awt-disaster-guide-nav__grid) {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
}

@media (max-width: 767px) {
#awtd-landslide-page :is(
.awtd-landslide-next__link,
.awt-disaster-guide-nav__card
):where(.awt-disaster-guide-nav__card) {
grid-template-columns: 32px minmax(0, 1fr);
gap: 8px;
min-height: 74px;
padding: 11px 10px;
}
}

@media (max-width: 767px) {
#awtd-landslide-page :is(
.awtd-landslide-next__icon,
.awt-disaster-guide-nav__media
):where(.awt-disaster-guide-nav__media) {
width: 32px;
height: 36px;
}
}

@media (max-width: 767px) {
#awtd-landslide-page :is(
.awtd-landslide-next__icon,
.awt-disaster-guide-nav__media
):where(.awt-disaster-guide-nav__media) img {
width: 30px;
max-width: 30px;
height: 30px;
}
}

@media (max-width: 380px) {
#awtd-landslide-page :is(
.awtd-landslide-next__link,
.awt-disaster-guide-nav__card
):where(.awt-disaster-guide-nav__card) {
grid-template-columns: 28px minmax(0, 1fr);
gap: 6px;
padding-inline: 8px;
}
}

@media (max-width: 380px) {
#awtd-landslide-page :is(
.awtd-landslide-next__icon,
.awt-disaster-guide-nav__media
):where(.awt-disaster-guide-nav__media) {
width: 28px;
}
}

@media (max-width: 380px) {
#awtd-landslide-page :is(
.awtd-landslide-next__icon,
.awt-disaster-guide-nav__media
):where(.awt-disaster-guide-nav__media) img {
width: 27px;
max-width: 27px;
height: 27px;
}
}

#awtd-tsunami-page .awtd-guide-nav { padding:24px; border:1px solid var(--tsu-line); border-radius:var(--tsu-radius); background:#f8fbfd; }

#awtd-tsunami-page .awtd-guide-nav__grid > p { display:flex; min-width:0; }

#awtd-tsunami-page .awtd-guide-nav__card { display:flex; align-items:center; gap:10px; width:100%; min-height:74px; padding:12px; border:1px solid var(--tsu-line); border-radius:10px; background:#fff; }

#awtd-tsunami-page .awtd-guide-nav__icon { display:block; flex:0 0 40px; width:40px; height:40px; object-fit:contain; margin:0; }

#awtd-tsunami-page .awtd-guide-nav__title { min-width:0; color:var(--tsu-navy); font-size:15px; font-weight:700; line-height:1.6; overflow-wrap:anywhere; }

#awtd-tsunami-page .awtd-guide-nav__back { margin-top:16px; }

#awtd-tsunami-page .awtd-guide-nav__back a { display:inline-flex; align-items:center; gap:8px; min-height:44px; font-size:15px; font-weight:700; }

#awtd-tsunami-page :is(.awtd-tsunami-actions,.awtd-tsunami-areas,.awtd-tsunami-types,.awtd-tsunami-warnings,.awtd-tsunami-donts,.awtd-tsunami-prepare,.awtd-tsunami-links,.awtd-tsunami-official,.awtd-guide-nav__grid,.awtd-tsunami-live,.awtd-tsunami-rail,.awtd-tsunami-record):where(.awtd-guide-nav__grid) > br,
#awtd-tsunami-page :is(.awtd-tsunami-actions,.awtd-tsunami-areas,.awtd-tsunami-types,.awtd-tsunami-warnings,.awtd-tsunami-donts,.awtd-tsunami-prepare,.awtd-tsunami-links,.awtd-tsunami-official,.awtd-guide-nav__grid,.awtd-tsunami-live,.awtd-tsunami-rail,.awtd-tsunami-record):where(.awtd-guide-nav__grid) > p:empty,
#awtd-tsunami-page :is(.awtd-tsunami-button,.awtd-tsunami-link-card,.awtd-tsunami-official-card,.awtd-guide-nav__card,.awtd-tsunami-record-card):where(.awtd-guide-nav__card) > br { display:none; }

@media (hover:hover) {
#awtd-tsunami-page :is(.awtd-tsunami-button,.awtd-tsunami-record-card,.awtd-tsunami-link-card,.awtd-tsunami-official-card,.awtd-guide-nav__card):where(.awtd-guide-nav__card):hover {
border-color:#7baac4; box-shadow:0 5px 18px rgba(16,42,58,.09);
}
}

@media (max-width:1023px) {
#awtd-tsunami-page .awtd-guide-nav__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:767px) {
#awtd-tsunami-page .awtd-guide-nav { padding:18px 14px; }
}

@media (max-width:767px) {
#awtd-tsunami-page .awtd-guide-nav__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
}

@media (max-width:767px) {
#awtd-tsunami-page .awtd-guide-nav__card { gap:7px; min-height:68px; padding:9px; }
}

@media (max-width:767px) {
#awtd-tsunami-page .awtd-guide-nav__icon { flex-basis:32px; width:32px; height:36px; }
}

@media (max-width:767px) {
#awtd-tsunami-page .awtd-guide-nav__title { font-size:14px; }
}

@media (max-width:374px) {
#awtd-tsunami-page .awtd-guide-nav { padding:16px 12px; }
}

@media (max-width:374px) {
#awtd-tsunami-page .awtd-guide-nav__card { gap:6px; padding:8px; }
}

@media (max-width:374px) {
#awtd-tsunami-page .awtd-guide-nav__icon { flex-basis:28px; width:28px; height:32px; }
}

#awtd-family-contact-page .awtd-fc-related-grid {
display: grid;
grid-template-columns: repeat(4,minmax(0,1fr));
gap: 12px;
}

#awtd-family-contact-page :is(
.awtd-fc-related-grid,
.awtd-fc-official-grid
):where(.awtd-fc-related-grid) > p {
min-width: 0;
margin: 0;
}

#awtd-family-contact-page .awtd-fc-related-link {
display: flex;
gap: 12px;
align-items: center;
height: 100%;
min-height: 100px;
padding: 16px;
border: 1px solid var(--fc-line);
border-radius: 13px;
background: #fff;
color: var(--fc-navy);
text-decoration: none;
}

#awtd-family-contact-page .awtd-fc-related-link > img {
flex: 0 0 44px;
width: 44px;
height: 44px;
object-fit: contain;
}

#awtd-family-contact-page .awtd-fc-related-link > .awtd-fc-icon {
width: 34px;
height: 34px;
flex-basis: 34px;
}

#awtd-family-contact-page .awtd-fc-related-link > b {
margin-left: auto;
color: var(--fc-blue);
font-size: 23px;
font-weight: 400;
}

#awtd-family-contact-page .awtd-fc-guide {
margin-top: 56px;
padding: 24px;
border: 1px solid var(--fc-line);
border-radius: 18px;
background: #f8fbfd;
}

#awtd-family-contact-page .awtd-fc-guide .awtd-guide-nav__title {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 8px 18px;
margin-bottom: 18px;
}

#awtd-family-contact-page .awtd-fc-guide .awtd-guide-nav__title h2 {
font-size: 24px;
}

#awtd-family-contact-page .awtd-fc-guide .awtd-guide-nav__title p {
margin: 0;
color: var(--fc-muted);
font-size: 15px;
}

#awtd-family-contact-page .awtd-fc-guide .awtd-guide-nav__grid > p {
min-width: 0;
margin: 0;
}

#awtd-family-contact-page .awtd-fc-guide .awtd-guide-nav__grid a {
display: flex;
gap: 9px;
align-items: center;
justify-content: center;
height: 100%;
min-height: 84px;
padding: 12px;
border: 1px solid var(--fc-line);
border-radius: 11px;
background: #fff;
color: var(--fc-navy);
font-size: 16px;
font-weight: 800;
line-height: 1.6;
text-decoration: none;
}

#awtd-family-contact-page .awtd-fc-guide .awtd-guide-nav__grid img {
flex: 0 0 40px;
width: 40px;
height: 40px;
object-fit: contain;
}

#awtd-family-contact-page .awtd-fc-guide .awtd-guide-nav__grid a > span {
min-width: 0;
}

#awtd-family-contact-page .awtd-fc-guide__back {
margin-top: 20px;
text-align: center;
font-size: 16px;
}

#awtd-family-contact-page .awtd-fc-guide__back a {
display: inline-flex;
align-items: center;
min-height: 44px;
}

@media (hover: hover) {
#awtd-family-contact-page :is(
.awtd-fc-jump__link,
.awtd-fc-related-link,
.awtd-fc-official-link,
.awtd-fc-button
):where(.awtd-fc-related-link):hover,
#awtd-family-contact-page .awtd-fc-guide .awtd-guide-nav__grid a:hover {
border-color: #7ea7c0;
box-shadow: var(--fc-shadow);
}
}

@media (max-width: 1023px) {
#awtd-family-contact-page .awtd-fc-related-link {
flex-wrap: wrap;
gap: 9px;
}
}

@media (max-width: 1023px) {
#awtd-family-contact-page .awtd-fc-related-link > .awtd-fc-link-title {
flex: 1 1 100%;
}
}

@media (max-width: 1023px) {
#awtd-family-contact-page .awtd-fc-related-link > b {
display: none;
}
}

@media (max-width: 1023px) {
#awtd-family-contact-page .awtd-fc-guide .awtd-guide-nav__grid {
grid-template-columns: repeat(3,minmax(0,1fr));
}
}

@media (max-width: 767px) {
#awtd-family-contact-page .awtd-fc-related-grid {
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 10px;
}
}

@media (max-width: 767px) {
#awtd-family-contact-page .awtd-fc-related-link {
align-content: flex-start;
padding: 15px 13px;
}
}

@media (max-width: 767px) {
#awtd-family-contact-page .awtd-fc-guide {
padding: 21px 14px;
margin-top: 44px;
}
}

@media (max-width: 767px) {
#awtd-family-contact-page .awtd-fc-guide .awtd-guide-nav__grid {
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 9px;
}
}

@media (max-width: 767px) {
#awtd-family-contact-page .awtd-fc-guide .awtd-guide-nav__grid a {
flex-wrap: wrap;
justify-content: flex-start;
gap: 7px;
padding: 12px;
font-size: 16px;
}
}

@media (max-width: 767px) {
#awtd-family-contact-page .awtd-fc-guide .awtd-guide-nav__grid img {
flex-basis: 34px;
width: 34px;
height: 34px;
}
}

#awtd-shelter-page .awt-sh-related {
grid-template-columns: repeat(4,minmax(0,1fr));
gap: 14px;
}

#awtd-shelter-page .awt-sh-related-card {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
min-height: 126px;
height: 100%;
padding: 16px 14px;
border: 1px solid var(--sh-line);
border-radius: 12px;
background: #fff;
color: var(--sh-navy);
text-decoration: none;
}

#awtd-shelter-page .awt-sh-related-card > img {
flex: 0 0 42px;
width: 42px;
height: 42px;
object-fit: contain;
}

#awtd-shelter-page .awt-sh-related-card__copy {
flex: 1;
min-width: 0;
}

#awtd-shelter-page .awt-sh-related-card strong {
display: block;
color: var(--sh-navy);
font-size: 16px;
line-height: 1.6;
}

#awtd-shelter-page .awt-sh-related-card small {
display: block;
margin-top: 6px;
color: var(--sh-muted);
font-size: 14px;
line-height: 1.6;
}

#awtd-shelter-page .awt-sh-related-card > .awt-sh-arrow {
color: var(--sh-blue);
}

#awtd-shelter-page .awt-sh-guide {
margin-top: 48px;
padding: 26px;
border: 1px solid var(--sh-line);
border-radius: 15px;
background: #f4f8fa;
}

#awtd-shelter-page .awt-sh-guide__grid {
grid-template-columns: repeat(5,minmax(0,1fr));
gap: 12px;
}

#awtd-shelter-page .awt-sh-guide-card {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
min-height: 92px;
height: 100%;
padding: 14px 10px;
border: 1px solid var(--sh-line);
border-radius: 10px;
background: #fff;
color: var(--sh-navy);
font-size: 16px;
font-weight: 700;
line-height: 1.6;
text-decoration: none;
}

#awtd-shelter-page .awt-sh-guide-card > img {
flex: 0 0 40px;
width: 40px;
height: 40px;
object-fit: contain;
}

#awtd-shelter-page .awt-sh-guide-card > span {
min-width: 0;
}

#awtd-shelter-page .awt-sh-guide__back {
margin-top: 20px;
text-align: center;
}

@media (hover:hover) {
#awtd-shelter-page :is(.awt-sh-button,.awt-sh-related-card,.awt-sh-official-card,.awt-sh-guide-card):where(.awt-sh-related-card):hover,
#awtd-shelter-page :is(.awt-sh-button,.awt-sh-related-card,.awt-sh-official-card,.awt-sh-guide-card):where(.awt-sh-guide-card):hover {
box-shadow: 0 4px 14px rgb(16 42 58 / 10%);
}
}

@media (max-width:1023px) {
#awtd-shelter-page .awt-sh-related {
grid-template-columns: repeat(2,minmax(0,1fr));
}
}

@media (max-width:1023px) {
#awtd-shelter-page .awt-sh-guide__grid {
grid-template-columns: repeat(3,minmax(0,1fr));
}
}

@media (max-width:767px) {
#awtd-shelter-page .awt-sh-related {
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 12px;
}
}

@media (max-width:767px) {
#awtd-shelter-page .awt-sh-related-card {
position: relative;
flex-direction: column;
align-items: flex-start;
gap: 10px;
min-height: 190px;
padding: 16px 14px 28px;
}
}

@media (max-width:767px) {
#awtd-shelter-page .awt-sh-related-card > .awt-sh-arrow {
position: absolute;
right: 12px;
bottom: 12px;
}
}

@media (max-width:767px) {
#awtd-shelter-page .awt-sh-guide {
margin-top: 40px;
padding: 22px 14px;
}
}

@media (max-width:767px) {
#awtd-shelter-page .awt-sh-guide__grid {
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 10px;
}
}

@media (max-width:767px) {
#awtd-shelter-page .awt-sh-guide-card {
flex-direction: column;
align-items: flex-start;
gap: 8px;
padding: 14px 12px;
}
}

#awtd-evacuation-support-page .awt-es .awtd-guide-nav {
padding: 24px;
border: 1px solid var(--es-line);
border-radius: 14px;
background: var(--es-soft);
}

#awtd-evacuation-support-page .awt-es .awtd-guide-nav__grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 12px;
}

#awtd-evacuation-support-page .awt-es .awtd-guide-nav__grid.awt-es__nav-grid--related {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

#awtd-evacuation-support-page .awt-es .awtd-guide-nav__grid a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 110px;
padding: 16px 12px;
border: 1px solid var(--es-line);
border-radius: 10px;
background: #fff;
color: var(--es-ink);
font-size: .9375rem;
font-weight: 700;
line-height: 1.7;
text-align: center;
text-decoration: none;
}

#awtd-evacuation-support-page .awt-es .awtd-guide-nav__grid img {
width: 42px;
height: 42px;
object-fit: contain;
flex: 0 0 auto;
}

@media (max-width: 1023px) {
#awtd-evacuation-support-page .awt-es .awtd-guide-nav__grid.awt-es__nav-grid--related {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 1023px) {
#awtd-evacuation-support-page .awt-es .awtd-guide-nav__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

@media (max-width: 767px) {
#awtd-evacuation-support-page .awt-es .awtd-guide-nav__grid.awt-es__nav-grid--related,
#awtd-evacuation-support-page .awt-es .awtd-guide-nav__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 767px) {
#awtd-evacuation-support-page .awt-es .awtd-guide-nav {
padding: 18px 14px;
}
}

@media (hover: hover) {
#awtd-evacuation-support-page .awt-es .awtd-guide-nav__grid a:hover {
border-color: var(--es-accent);
}
}

#awtd-care-medical-page .awtd-cm-related a {position:relative; display:flex; flex-direction:column; gap:10px; padding:24px 20px 42px; border:1px solid var(--cm-line); border-top:3px solid #91b4c7; border-radius:14px; background:#fff;}

#awtd-care-medical-page .awtd-cm-related strong {font-size:20px; line-height:1.55; color:var(--cm-navy);}

#awtd-care-medical-page .awtd-cm-related a > span:not(.awtd-cm-arrow) {font-size:16px; line-height:1.6; color:var(--cm-muted);}

#awtd-care-medical-page .awtd-cm-related .awtd-cm-arrow {position:absolute; bottom:20px; right:20px; color:var(--cm-blue);}

#awtd-care-medical-page .awtd-guide-nav,
#awtd-care-medical-page .awtd-guide-nav * {box-sizing:border-box; min-width:0;}

#awtd-care-medical-page .awtd-guide-nav {margin:48px 0 0; padding:20px; border:1px solid var(--cm-line); border-radius:17px; background:#f8fbfd; color:var(--cm-navy);}

#awtd-care-medical-page .awtd-guide-nav__title {display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 16px; margin:0 0 16px;}

#awtd-care-medical-page .awtd-guide-nav__title strong {font-size:21px; font-weight:700;}

#awtd-care-medical-page .awtd-guide-nav__title span {color:var(--cm-muted); font-size:15px;}

#awtd-care-medical-page .awtd-guide-nav__grid {display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; align-items:stretch;}

#awtd-care-medical-page .awtd-guide-nav__grid > a {display:flex; align-items:center; justify-content:center; gap:8px; min-height:76px; margin:0; padding:10px; border:1px solid var(--cm-line); border-radius:11px; background:#fff; color:var(--cm-navy); font-size:15px; font-weight:700; line-height:1.5; text-decoration:none;}

#awtd-care-medical-page .awtd-guide-nav__grid img {display:block; flex:0 0 38px; width:38px; max-width:38px; height:46px; margin:0; object-fit:contain;}

#awtd-care-medical-page .awtd-guide-nav__back {margin-top:16px; text-align:right;}

#awtd-care-medical-page .awtd-guide-nav__back a {display:inline-flex; align-items:center; min-height:44px; color:var(--cm-blue); font-size:15px; text-decoration:underline; text-underline-offset:4px;}

@media (max-width:1024px) {
#awtd-care-medical-page .awtd-guide-nav__grid {grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-cm-related a {padding:20px 14px 40px;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-cm-related strong {font-size:18px;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-cm-related a > span:not(.awtd-cm-arrow) {font-size:15px;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-guide-nav {margin-top:44px; padding:18px 12px;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-guide-nav__title {display:block;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-guide-nav__title > span {display:block; margin-top:6px;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-guide-nav__grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-guide-nav__grid > a {justify-content:flex-start; min-height:76px; padding:9px; font-size:14px;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-guide-nav__grid img {flex-basis:32px; width:32px; max-width:32px; height:38px;}
}

@media (hover:hover) {
#awtd-care-medical-page .awtd-cm-body :is(.awtd-cm-button,.awtd-cm-step,.awtd-cm-topic-nav a,.awtd-cm-related a,.awtd-cm-phone,.awtd-cm-official a):where(.awtd-cm-related a):hover,
#awtd-care-medical-page .awtd-guide-nav__grid a:hover {border-color:#729db1; box-shadow:0 3px 12px rgba(16,42,58,.08);}
}

#awtd-pregnancy-page :where(.awtd-pg-unit, .awtd-guide-nav, .awtd-pg-image-note) {
min-width: 0; white-space: normal; word-break: normal; overflow-wrap: anywhere;
}

#awtd-pregnancy-page :where(.awtd-pg-unit, .awtd-guide-nav) a:focus-visible {
outline: 3px solid #216789; outline-offset: 4px;
}

#awtd-pregnancy-page .awtd-guide-nav__grid {
display: grid; gap: 16px; align-items: stretch; grid-auto-flow: row;
}

#awtd-pregnancy-page .awtd-guide-nav__grid > * { min-width: 0; margin: 0; }

#awtd-pregnancy-page .awtd-guide-nav__grid > br,
#awtd-pregnancy-page .awtd-guide-nav p:empty,
#awtd-pregnancy-page .awtd-guide-nav__grid > p:has(> br:only-child) { display: none; }

#awtd-pregnancy-page .awtd-guide-nav__grid > p:has(> a:only-child) { display: contents; }

#awtd-pregnancy-page .awtd-pg-related__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 1fr; }

#awtd-pregnancy-page .awtd-pg-related-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 13px; height: 100%; padding: 20px 20px 36px; border: 1px solid var(--pg-border); border-radius: 16px; color: var(--pg-text); background: #fff; text-decoration: none; }

#awtd-pregnancy-page .awtd-pg-related-card img { display: block; width: 76px; height: 76px; border-radius: 50%; object-fit: cover; }

#awtd-pregnancy-page .awtd-pg-related-card strong { font-size: 19px; line-height: 1.6; }

#awtd-pregnancy-page .awtd-pg-related-card > span { color: var(--pg-muted); font-size: 15px; line-height: 1.75; }

#awtd-pregnancy-page .awtd-pg-related-card b { position: absolute; right: 18px; bottom: 11px; color: var(--pg-pink-dark); font-size: 22px; }

#awtd-pregnancy-page .awtd-guide-nav { margin: 0 0 30px; padding: 26px; border: 1px solid var(--pg-border); border-radius: 18px; background: #f8fbfc; }

#awtd-pregnancy-page .awtd-guide-nav__head { margin: 0 0 20px; }

#awtd-pregnancy-page .awtd-guide-nav__head h2 { margin: 0 0 8px; padding: 0 0 0 12px; border: 0; border-left: 4px solid #315e70; background: none; color: var(--pg-navy); font-size: 26px; line-height: 1.5; }

#awtd-pregnancy-page .awtd-guide-nav__head h2::before,
#awtd-pregnancy-page .awtd-guide-nav__head h2::after { display: none; content: none; }

#awtd-pregnancy-page .awtd-guide-nav__head p { margin: 0; color: var(--pg-muted); }

#awtd-pregnancy-page .awtd-guide-nav__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }

#awtd-pregnancy-page .awtd-guide-nav__card { display: flex; align-items: center; justify-content: flex-start; gap: 10px; min-height: 76px; height: 100%; padding: 12px; border: 1px solid #dce5e9; border-radius: 12px; color: var(--pg-navy); background: #fff; text-decoration: none; }

#awtd-pregnancy-page .awtd-guide-nav__card img { display: block; flex: 0 0 38px; width: 38px; max-width: 38px; height: 46px; max-height: 46px; margin: 0; object-fit: contain; }

#awtd-pregnancy-page .awtd-guide-nav__card span { min-width: 0; font-size: 15px; font-weight: 800; line-height: 1.55; }

#awtd-pregnancy-page .awtd-guide-nav__back { display: inline-flex; align-items: center; min-height: 44px; margin-top: 16px; color: var(--pg-blue); font-weight: 800; text-underline-offset: 4px; }

@media (hover: hover) {
#awtd-pregnancy-page :is(.awtd-pg-first-card, .awtd-pg-five-card, .awtd-pg-worry-card, .awtd-pg-link-card, .awtd-pg-related-card, .awtd-pg-official-card):where(.awtd-pg-related-card):hover { border-color: #c76780; box-shadow: 0 5px 18px rgb(181 54 84 / 12%); }
}

@media (hover: hover) {
#awtd-pregnancy-page .awtd-guide-nav__card:hover { border-color: #567b8c; text-decoration: underline; text-underline-offset: 3px; }
}

@media (max-width: 1024px) {
#awtd-pregnancy-page .awtd-pg-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1024px) {
#awtd-pregnancy-page .awtd-guide-nav__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
#awtd-pregnancy-page .awtd-pg-related__grid { gap: 10px; }
}

@media (max-width: 767px) {
#awtd-pregnancy-page .awtd-pg-related-card { padding: 17px 14px 34px; }
}

@media (max-width: 767px) {
#awtd-pregnancy-page .awtd-pg-related-card img { width: 68px; height: 68px; }
}

@media (max-width: 767px) {
#awtd-pregnancy-page .awtd-pg-related-card strong { font-size: 18px; }
}

@media (max-width: 767px) {
#awtd-pregnancy-page .awtd-pg-related-card > span { font-size: 15px; }
}

@media (max-width: 767px) {
#awtd-pregnancy-page .awtd-guide-nav { padding: 20px 14px; }
}

@media (max-width: 767px) {
#awtd-pregnancy-page .awtd-guide-nav__head h2 { font-size: 23px; }
}

@media (max-width: 767px) {
#awtd-pregnancy-page .awtd-guide-nav__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
}

@media (max-width: 767px) {
#awtd-pregnancy-page .awtd-guide-nav__card { gap: 8px; padding: 10px 8px; }
}

@media (max-width: 767px) {
#awtd-pregnancy-page .awtd-guide-nav__card span { font-size: 15px; }
}

@media (max-width: 374px) {
#awtd-pregnancy-page .awtd-pg-related__grid { grid-template-columns: 1fr; }
}

@media (max-width: 374px) {
#awtd-pregnancy-page .awtd-pg-related-card strong { font-size: 20px; }
}

@media (max-width: 374px) {
#awtd-pregnancy-page .awtd-guide-nav__card { flex-direction: column; justify-content: center; text-align: center; min-height: 102px; }
}

@media (max-width: 374px) {
#awtd-pregnancy-page .awtd-guide-nav__card img { flex-basis: auto; }
}

#awtd-family-children-page :is(.awtd-fc-related__grid, .awtd-fc-official__grid):where(.awtd-fc-related__grid) { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; align-items: stretch; list-style: none; }

#awtd-family-children-page :is(.awtd-fc-related__grid, .awtd-fc-official__grid):where(.awtd-fc-related__grid) > li { display: flex; }

#awtd-family-children-page :is(.awtd-fc-related-card, .awtd-fc-official-card):where(.awtd-fc-related-card) { display: flex; flex: 1; flex-direction: column; width: 100%; padding: 20px; border: 1px solid var(--fc-line); border-radius: var(--fc-radius); background: #fff; color: var(--fc-navy); box-shadow: var(--fc-shadow); text-decoration: none; }

#awtd-family-children-page .awtd-fc-related-card > img { display: block; align-self: center; width: 76px; height: 76px; margin-bottom: 16px; object-fit: contain; }

#awtd-family-children-page :is(.awtd-fc-related-card__title, .awtd-fc-official-card__title):where(.awtd-fc-related-card__title) { display: block; min-height: 3.2em; margin-bottom: 10px; color: var(--fc-navy); font-size: 17px; font-weight: 800; line-height: 1.6; }

#awtd-family-children-page :is(.awtd-fc-related-card__description, .awtd-fc-official-card__description):where(.awtd-fc-related-card__description) { display: block; margin-bottom: 18px; color: var(--fc-muted); font-size: 15px; line-height: 1.8; }

#awtd-family-children-page .awtd-fc-related-card > .awtd-fc-arrow { align-self: flex-end; margin-top: auto; color: var(--fc-blue); }

#awtd-family-children-page > .awtd-guide-nav { padding: 22px; border: 1px solid var(--fc-line); border-radius: 18px; background: #f8fbfd; }

#awtd-family-children-page .awtd-guide-nav__title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 18px; margin-bottom: 18px; }

#awtd-family-children-page .awtd-guide-nav__title h2 { font-size: 24px; }

#awtd-family-children-page .awtd-guide-nav__title p { color: var(--fc-muted); font-size: 14px; }

#awtd-family-children-page .awtd-guide-nav__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; list-style: none; }

#awtd-family-children-page .awtd-guide-nav__grid > li { display: flex; }

#awtd-family-children-page .awtd-guide-nav__card { display: flex; flex: 1; align-items: center; justify-content: center; gap: 8px; min-height: 76px; padding: 8px; border: 1px solid var(--fc-line); border-radius: 11px; background: #fff; color: var(--fc-navy); font-size: 14px; font-weight: 800; line-height: 1.5; text-decoration: none; }

#awtd-family-children-page .awtd-guide-nav__card img { display: block; flex: 0 0 38px; width: 38px; height: 46px; object-fit: contain; }

@media (max-width: 1099px) {
#awtd-family-children-page :is(.awtd-fc-related__grid, .awtd-fc-official__grid, .awtd-fc-family-plan):where(.awtd-fc-related__grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1099px) {
#awtd-family-children-page .awtd-guide-nav__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
#awtd-family-children-page :is(.awtd-fc-related__grid, .awtd-fc-official__grid, .awtd-fc-contact__grid):where(.awtd-fc-related__grid) { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
#awtd-family-children-page .awtd-fc-related-card { display: grid; grid-template-columns: 64px minmax(0, 1fr) 20px; grid-template-rows: auto auto; align-items: center; gap: 4px 14px; padding: 18px; }
}

@media (max-width: 767px) {
#awtd-family-children-page .awtd-fc-related-card > img { grid-column: 1; grid-row: 1 / 3; width: 64px; height: 64px; margin: 0; }
}

@media (max-width: 767px) {
#awtd-family-children-page .awtd-fc-related-card__title { grid-column: 2; grid-row: 1; min-height: 0; margin: 0; }
}

@media (max-width: 767px) {
#awtd-family-children-page .awtd-fc-related-card__description { grid-column: 2; grid-row: 2; margin: 0; }
}

@media (max-width: 767px) {
#awtd-family-children-page .awtd-fc-related-card > .awtd-fc-arrow { grid-column: 3; grid-row: 1 / 3; align-self: center; margin: 0; }
}

@media (max-width: 767px) {
#awtd-family-children-page > .awtd-guide-nav { padding: 18px 12px; }
}

@media (max-width: 767px) {
#awtd-family-children-page .awtd-guide-nav__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
}

@media (max-width: 767px) {
#awtd-family-children-page .awtd-guide-nav__card { gap: 6px; font-size: 13px; }
}

@media (max-width: 360px) {
#awtd-family-children-page .awtd-fc-related-card { grid-template-columns: 46px minmax(0, 1fr) 16px; gap: 4px 10px; padding: 16px; }
}

@media (max-width: 360px) {
#awtd-family-children-page .awtd-fc-related-card > img { width: 46px; height: 46px; }
}

@media (max-width: 360px) {
#awtd-family-children-page .awtd-guide-nav__card { padding: 7px 5px; font-size: 12px; }
}

@media (max-width: 360px) {
#awtd-family-children-page .awtd-guide-nav__card img { flex-basis: 32px; width: 32px; height: 42px; }
}

@media (hover: hover) {
#awtd-family-children-page .awtd-fc-local :is(.awtd-fc-five-card, .awtd-fc-topic-card, .awtd-fc-related-card, .awtd-fc-official-card, .awtd-fc-button, .awtd-fc-wide-link, .awtd-guide-nav__card):where(.awtd-fc-related-card):hover,
#awtd-family-children-page .awtd-fc-local :is(.awtd-fc-five-card, .awtd-fc-topic-card, .awtd-fc-related-card, .awtd-fc-official-card, .awtd-fc-button, .awtd-fc-wide-link, .awtd-guide-nav__card):where(.awtd-guide-nav__card):hover {
border-color: #9bbac8;
box-shadow: 0 6px 20px rgb(16 42 58 / 9%);
}
}

#awtd-pet-evacuation-page .awtd-pet-related-grid>p { display:none; }

#awtd-pet-evacuation-page .awtd-pet-related-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }

#awtd-pet-evacuation-page .awtd-pet-related-card { display:block; overflow:hidden; border:1px solid var(--pet-line); border-radius:18px; background:#fff; text-decoration:none; }

#awtd-pet-evacuation-page .awtd-pet-related-card figure img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }

#awtd-pet-evacuation-page .awtd-pet-related-card>div { padding:22px; }

#awtd-pet-evacuation-page .awtd-guide-nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }

#awtd-pet-evacuation-page .awtd-guide-nav>p { margin:0; }

#awtd-pet-evacuation-page .awtd-guide-nav__item { display:flex; height:100%; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:16px 8px; border:1px solid var(--pet-line); border-radius:14px; background:#fff; text-align:center; text-decoration:none; font-size:14px; font-weight:700; }

#awtd-pet-evacuation-page .awtd-guide-nav__item img { width:52px; height:62px!important; object-fit:contain; }

#awtd-pet-evacuation-page .awtd-pet-related-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }

#awtd-pet-evacuation-page .awtd-pet-related-card>div { padding:18px; }

#awtd-pet-evacuation-page .awtd-pet-related-card h3 { font-size:18px; }

@media (min-width:768px) and (max-width:1024px) {
#awtd-pet-evacuation-page .awtd-pet-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media(max-width:767px) {
#awtd-pet-evacuation-page .awtd-pet-related-grid { grid-template-columns:1fr; }
}

@media(max-width:767px) {
#awtd-pet-evacuation-page .awtd-guide-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

#awtd-home-preparedness-page .awtd-hp-related__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }

#awtd-home-preparedness-page .awtd-hp-related-card { display:flex; flex-direction:column; padding:24px; border:1px solid var(--hp-line); border-radius:16px; background:#fff; text-decoration:none; box-shadow:var(--shadow); }

#awtd-home-preparedness-page .awtd-hp-related-card>span { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; padding-top:16px; color:var(--hp-accent); font-weight:700; font-size:14px; }

#awtd-home-preparedness-page .awtd-hp-related-card h3 { font-size:18px; }

#awtd-home-preparedness-page .awtd-guide-nav__grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }

#awtd-home-preparedness-page .awtd-guide-nav__card { display:flex; flex-direction:column; align-items:center; gap:14px; padding:20px 10px; border:1px solid var(--hp-line); border-radius:14px; text-decoration:none; background:white; font-weight:700; text-align:center; }

#awtd-home-preparedness-page .awtd-guide-nav__icon { width:56px; height:68px!important; object-fit:contain; }

@media(max-width:1024px) {
#awtd-home-preparedness-page .awtd-hp-related__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media(max-width:767px) {
#awtd-home-preparedness-page .awtd-hp-related__grid { grid-template-columns:1fr; }
}

@media(max-width:767px) {
#awtd-home-preparedness-page .awtd-guide-nav__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

#awtd-emergency-bag-page .awtd-emergency-bag__related-kicker { color:#317a68;font-size:13px;font-weight:800;letter-spacing:.04em; }

#awtd-emergency-bag-page .awtd-emergency-bag__related-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px; }

#awtd-emergency-bag-page .awtd-emergency-bag__related-card { display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid #dce7e2;border-radius:16px;background:#fff;box-shadow:0 5px 20px rgb(16 42 58 / 5%); }

#awtd-emergency-bag-page .awtd-emergency-bag__related-card strong { display:block;font-size:18px;line-height:1.6; }

#awtd-emergency-bag-page .awtd-emergency-bag__related-card span { display:block; }

#awtd-emergency-bag-page .awtd-guide-nav { padding:26px;border:1px solid #dce7e2;border-radius:18px;background:#f6faf7; }

#awtd-emergency-bag-page .awtd-guide-nav__grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px; }

#awtd-emergency-bag-page .awtd-guide-nav__grid>p { margin:0; }

#awtd-emergency-bag-page .awtd-guide-nav__card { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 8px;height:100%;border:1px solid #dce7e2;background:#fff;border-radius:12px;font-weight:800;text-align:center; }

#awtd-emergency-bag-page .awtd-guide-nav__icon img { width:56px;height:68px;object-fit:contain; }

#awtd-emergency-bag-page .awtd-guide-nav__back { display:block;margin-top:20px;font-weight:700; }

@media(max-width:1024px) {
#awtd-emergency-bag-page :is(.awtd-emergency-bag__intro-grid,.awtd-emergency-bag__priority-grid,.awtd-emergency-bag__related-grid):where(.awtd-emergency-bag__related-grid) {grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:767px) {
#awtd-emergency-bag-page :is(.awtd-emergency-bag__hero-inner,.awtd-emergency-bag__intro-grid,.awtd-emergency-bag__priority-grid,.awtd-emergency-bag__related-grid,.awtd-emergency-bag__compare,.awtd-emergency-bag__two-column,.awtd-emergency-bag__family-links,.awtd-emergency-bag__feature,.awtd-emergency-bag__carry-layout,.awtd-emergency-bag__reduce-grid,.awtd-emergency-bag__official-links,.awtd-emergency-bag__review-list,.awtd-emergency-bag__today-checks):where(.awtd-emergency-bag__related-grid) {grid-template-columns:1fr}
}

@media(max-width:767px) {
#awtd-emergency-bag-page .awtd-guide-nav__grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}

#awtd-stockpile-page .awtd-stockpile-related__card {display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid #dce7e2;border-radius:16px;background:#fff;box-shadow:0 5px 20px rgb(16 42 58 / 5%)}

#awtd-stockpile-page .awtd-stockpile-related__icon {font-size:30px}

#awtd-stockpile-page .awtd-stockpile-related__grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}

#awtd-stockpile-page .awtd-stockpile-related__card strong {font-size:18px;line-height:1.6}

#awtd-stockpile-page .awtd-stockpile-related__card span {display:block;font-size:15px;line-height:1.8}

#awtd-stockpile-page .awtd-guide-nav {padding:26px;border:1px solid #dce7e2;border-radius:18px;background:#f6faf7}

#awtd-stockpile-page .awtd-guide-nav__grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}

#awtd-stockpile-page .awtd-guide-nav__card {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 8px;border:1px solid #dce7e2;border-radius:12px;background:#fff;font-weight:800;text-align:center}

#awtd-stockpile-page .awtd-guide-nav__icon {width:56px;height:68px!important;object-fit:contain}

#awtd-stockpile-page .awtd-guide-nav__back {margin:20px 0 0;font-weight:700}

@media(max-width:1024px) {
#awtd-stockpile-page .awtd-stockpile-related__grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:767px) {
#awtd-stockpile-page :is(.awtd-stockpile-hero,.awtd-stockpile-facts,.awtd-stockpile-split,.awtd-stockpile-family-layout,.awtd-stockpile-difference,.awtd-stockpile-related__grid,.awtd-stockpile-official__links,.awtd-stockpile-today__list):where(.awtd-stockpile-related__grid) {grid-template-columns:1fr}
}

@media(max-width:767px) {
#awtd-stockpile-page .awtd-guide-nav__grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}

#awtd-disaster-alerts-page .awtd-alerts-related-card {display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid #dce6ec;border-radius:16px;background:#fff;box-shadow:0 5px 20px rgb(16 42 58 / 5%)}

#awtd-disaster-alerts-page .awtd-alerts-related-card__icon {font-size:30px}

#awtd-disaster-alerts-page .awtd-alerts-related-card__body strong,
#awtd-disaster-alerts-page .awtd-alerts-related-card__body span {display:block}

#awtd-disaster-alerts-page .awtd-alerts-related-card__body strong {font-size:18px;line-height:1.6;margin-bottom:8px}

#awtd-disaster-alerts-page .awtd-alerts-related__grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}

#awtd-disaster-alerts-page .awtd-alerts-related-card>span:last-child {align-self:flex-end;margin-top:auto;color:#246a8a}

#awtd-disaster-alerts-page .awt-disaster-guide-nav {padding:26px;border:1px solid #dce6ec;border-radius:18px;background:#f6fafc}

#awtd-disaster-alerts-page .awt-disaster-guide-nav__grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}

#awtd-disaster-alerts-page .awt-disaster-guide-nav__card {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px 10px;border:1px solid #dce6ec;border-radius:12px;background:#fff;font-weight:800;text-align:center}

#awtd-disaster-alerts-page .awt-disaster-guide-nav__icon {font-size:30px}

#awtd-disaster-alerts-page .awt-disaster-guide-nav__back {margin-top:20px;font-weight:700}

@media(max-width:1024px) {
#awtd-disaster-alerts-page :is(.awtd-alerts-related__grid,.awtd-alerts-purpose__grid,.awtd-alerts-official__grid):where(.awtd-alerts-related__grid) {grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:767px) {
#awtd-disaster-alerts-page :is(.awtd-alerts-hero,.awtd-alerts-emergency__grid,.awtd-alerts-info-grid,.awtd-alerts-pref-grid,.awtd-alerts-sources__grid,.awtd-alerts-purpose__grid,.awtd-alerts-official-list,.awtd-alerts-cautions,.awtd-alerts-speaker__layout,.awtd-alerts-checklist,.awtd-alerts-related__grid,.awtd-alerts-official__grid):where(.awtd-alerts-related__grid) {grid-template-columns:1fr}
}

@media(max-width:767px) {
#awtd-disaster-alerts-page .awt-disaster-guide-nav__grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}

#awtd-community-preparedness-page :is(.awtd-cp-first__grid,.awtd-cp-related__grid,.awtd-cp-official__list):where(.awtd-cp-related__grid) {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}

#awtd-community-preparedness-page :is(.awtd-cp-first__card,.awtd-cp-action-card,.awtd-cp-flow__item,.awtd-cp-step,.awtd-cp-city-support__card,.awtd-cp-related__card,.awtd-cp-official__item):where(.awtd-cp-related__card) {display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid #dce7e2;border-radius:16px;background:#fff;box-shadow:0 5px 20px rgb(16 42 58 / 5%)}

#awtd-community-preparedness-page .awtd-cp-related__icon {display:block;width:64px;height:72px!important;object-fit:contain}

#awtd-community-preparedness-page :is(.awtd-cp-related__body strong,.awtd-cp-official__item strong):where(.awtd-cp-related__body strong) {display:block;font-size:18px;line-height:1.6;margin-bottom:10px}

#awtd-community-preparedness-page :is(.awtd-cp-related__body small,.awtd-cp-official__item small):where(.awtd-cp-related__body small) {display:block;font-size:15px;line-height:1.8}

#awtd-community-preparedness-page :is(.awtd-cp-related__arrow,.awtd-cp-official__item>span:last-child):where(.awtd-cp-related__arrow) {align-self:flex-end;margin-top:auto;font-size:22px;color:#317a68}

#awtd-community-preparedness-page .awtd-guide-nav {padding:26px;border:1px solid #dce7e2;border-radius:18px;background:#f6faf7}

#awtd-community-preparedness-page .awtd-guide-nav__grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}

#awtd-community-preparedness-page .awtd-guide-nav__card {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px 8px;border:1px solid #dce7e2;border-radius:12px;background:#fff;font-weight:800;text-align:center}

#awtd-community-preparedness-page .awtd-guide-nav__icon {width:56px;height:68px!important;object-fit:contain}

#awtd-community-preparedness-page .awtd-guide-nav__back {margin:20px 0 0;font-weight:700}

@media(max-width:1024px) {
#awtd-community-preparedness-page :is(.awtd-cp-first__grid,.awtd-cp-related__grid,.awtd-cp-official__list,.awtd-cp-actions,.awtd-cp-flow,.awtd-cp-steps):where(.awtd-cp-related__grid) {grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:767px) {
#awtd-community-preparedness-page :is(.awtd-cp-hero__inner,.awtd-cp-first__grid,.awtd-cp-related__grid,.awtd-cp-official__list,.awtd-cp-actions,.awtd-cp-flow,.awtd-cp-steps,.awtd-cp-media,.awtd-cp-risk-grid,.awtd-cp-support-grid,.awtd-cp-today__list):where(.awtd-cp-related__grid) {grid-template-columns:1fr}
}

@media(max-width:767px) {
#awtd-community-preparedness-page .awtd-guide-nav__grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}

#awtd-disaster-drill-page :is(.awtd-drill-hero__eyebrow,.awtd-drill-heading__label,.awtd-drill-section__label,.awtd-drill-rescue-box__label,.awtd-drill-today__label,.awtd-related__label):where(.awtd-related__label) {font-size:13px;font-weight:800;letter-spacing:.04em;color:#a34a2d}

#awtd-disaster-drill-page :is(.awtd-drill-purpose-grid,.awtd-drill-support-grid,.awtd-related__grid,.awtd-drill-official__list):where(.awtd-related__grid) {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}

#awtd-disaster-drill-page :is(.awtd-drill-purpose-card,.awtd-drill-training-card,.awtd-drill-review-card,.awtd-drill-steps>li,.awtd-drill-contact-card,.awtd-related-card,.awtd-drill-official-card):where(.awtd-related-card) {display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid #e0e5e2;border-radius:16px;background:#fff;box-shadow:0 5px 20px rgb(16 42 58 / 5%)}

#awtd-disaster-drill-page :is(.awtd-drill-purpose-card strong,.awtd-drill-review-card strong,.awtd-related-card strong,.awtd-drill-official-card strong):where(.awtd-related-card strong) {display:block;font-size:18px;line-height:1.6;margin-bottom:8px}

#awtd-disaster-drill-page :is(.awtd-drill-purpose-card>span:not([class]),.awtd-related-card__body>span,.awtd-drill-official-card>div>span) {font-size:15px;line-height:1.8}

#awtd-disaster-drill-page :is(.awtd-drill-purpose-card__arrow,.awtd-related-card__arrow,.awtd-drill-official-card>span):where(.awtd-related-card__arrow) {align-self:flex-end;margin-top:auto;color:#a34a2d;font-size:22px}

#awtd-disaster-drill-page .awtd-related-card__icon img {display:block;width:64px;height:72px!important;object-fit:contain}

#awtd-disaster-drill-page .awtd-guide-nav {padding:26px;border:1px solid #e0e5e2;border-radius:18px;background:#f6f9f7}

#awtd-disaster-drill-page .awtd-guide-nav__grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}

#awtd-disaster-drill-page .awtd-guide-nav__card {display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 8px;border:1px solid #e0e5e2;border-radius:12px;background:#fff;text-align:center;font-weight:800}

#awtd-disaster-drill-page .awtd-guide-nav__icon img {width:56px;height:68px!important;object-fit:contain}

#awtd-disaster-drill-page .awtd-guide-nav__back {margin-top:20px;font-weight:700}

@media(max-width:1024px) {
#awtd-disaster-drill-page :is(.awtd-drill-purpose-grid,.awtd-drill-support-grid,.awtd-related__grid,.awtd-drill-official__list,.awtd-drill-small-grid,.awtd-drill-review-grid,.awtd-drill-steps):where(.awtd-related__grid) {grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:767px) {
#awtd-disaster-drill-page :is(.awtd-drill-hero__inner,.awtd-drill-purpose-grid,.awtd-drill-support-grid,.awtd-related__grid,.awtd-drill-official__list,.awtd-drill-small-grid,.awtd-drill-review-grid,.awtd-drill-steps,.awtd-drill-training-grid,.awtd-drill-inline-links,.awtd-drill-join,.awtd-drill-protect,.awtd-drill-people):where(.awtd-related__grid) {grid-template-columns:1fr}
}

@media(max-width:767px) {
#awtd-disaster-drill-page .awtd-guide-nav__grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}

#awtd-disaster-lecture-page .awtd-lecture-related__grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}

#awtd-disaster-lecture-page :is(.awtd-lecture-worry-card,.awtd-lecture-simple-card,.awtd-lecture-training-card,.awtd-lecture-consult-step,.awtd-lecture-related-card,.awtd-lecture-official__item,.awtd-lecture-next-action):where(.awtd-lecture-related-card) {display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid #dce7e2;border-radius:16px;background:#fff;box-shadow:0 5px 20px rgb(16 42 58 / 5%)}

#awtd-disaster-lecture-page :is(.awtd-lecture-next-action strong,.awtd-lecture-related-card strong,.awtd-lecture-official__item strong):where(.awtd-lecture-related-card strong) {display:block;font-size:18px;line-height:1.6;margin-bottom:8px}

#awtd-disaster-lecture-page :is(.awtd-lecture-related-card__arrow,.awtd-lecture-official__item>span):where(.awtd-lecture-related-card__arrow) {margin-top:auto;align-self:flex-end;color:#317a68;font-size:22px}

#awtd-disaster-lecture-page .awtd-guide-nav {padding:26px;border:1px solid #e0e5e2;border-radius:18px;background:#f6f9f7}

#awtd-disaster-lecture-page .awtd-guide-nav__grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}

#awtd-disaster-lecture-page .awtd-guide-nav__card {display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 8px;border:1px solid #e0e5e2;border-radius:12px;background:#fff;text-align:center;font-weight:800}

#awtd-disaster-lecture-page .awtd-guide-nav__icon {width:56px;height:68px!important;object-fit:contain}

#awtd-disaster-lecture-page .awtd-guide-nav__back {margin-top:20px;font-weight:700}

@media(max-width:1024px) {
#awtd-disaster-lecture-page :is(.awtd-lecture-worries__grid,.awtd-lecture-related__grid,.awtd-lecture-flow):where(.awtd-lecture-related__grid) {grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:767px) {
#awtd-disaster-lecture-page :is(.awtd-lecture-hero__inner,.awtd-lecture-worries__grid,.awtd-lecture-three-grid,.awtd-lecture-next-actions,.awtd-lecture-small-actions,.awtd-lecture-consult-steps,.awtd-lecture-official__list,.awtd-lecture-people,.awtd-lecture-training-grid,.awtd-lecture-contact,.awtd-lecture-consultation__card,.awtd-lecture-related__grid,.awtd-lecture-first-cta,.awtd-lecture-point-list,.awtd-lecture-check-list,.awtd-lecture-flow):where(.awtd-lecture-related__grid) {grid-template-columns:1fr}
}

@media(max-width:767px) {
#awtd-disaster-lecture-page .awtd-guide-nav__grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* 防災ガイド共通ナビ。各ページのリンク内容はHTML側で保持。
   6枠・最後はTOP。PC6列／中間幅3列／スマホ2列。
   旧ページCSSとの互換期間のみ #main_content で範囲と優先度を固定。 */
#main_content .awt-disaster-nav {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 40px 0 0;
  padding: 24px;
  border: 1px solid #dce6ec;
  border-radius: 18px;
  background: #f5f9fc;
  color: #17354a;
}
#main_content .awt-disaster-nav *,
#main_content .awt-disaster-nav *::before,
#main_content .awt-disaster-nav *::after { box-sizing: border-box; }
#main_content .awt-disaster-nav .awt-disaster-nav__title {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #0a3767;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.5;
}
#main_content .awt-disaster-nav__title::before,
#main_content .awt-disaster-nav__title::after { display: none !important; }
#main_content .awt-disaster-nav .awt-disaster-nav__description {
  margin: 6px 0 0;
  padding: 0;
  color: #536977;
  font-size: 14px;
  line-height: 1.7;
}
#main_content .awt-disaster-nav .awt-disaster-nav__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  margin: 18px 0 0;
  padding: 0;
}
#main_content .awt-disaster-nav .awt-disaster-nav__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  min-height: 116px;
  margin: 0;
  padding: 16px 10px;
  border: 1px solid #dce6ec;
  border-radius: 12px;
  background: #fff;
  color: #0a3767;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(15, 54, 82, .04);
}
#main_content .awt-disaster-nav .awt-disaster-nav__icon {
  display: block;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  max-width: 100%;
  margin: 0;
  object-fit: contain;
}
#main_content .awt-disaster-nav .awt-disaster-nav__label {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
#main_content .awt-disaster-nav__card:hover { border-color: #1478c9; background: #eef6fb; }
#main_content .awt-disaster-nav__card:focus-visible { outline: 3px solid #086ac4; outline-offset: 3px; }
@media (min-width: 1100px) {
  #main_content .awt-disaster-nav .awt-disaster-nav__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  #main_content .awt-disaster-nav { margin-top: 32px; padding: 18px 14px; border-radius: 14px; }
  #main_content .awt-disaster-nav .awt-disaster-nav__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #main_content .awt-disaster-nav .awt-disaster-nav__title { font-size: 20px; }
  #main_content .awt-disaster-nav .awt-disaster-nav__card { min-height: 112px; padding: 14px 8px; }
}