.resource-hub-page{background:var(--paper)}

.resource-hub-page main svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round
}

.resource-hub-page .hub-hero{
  padding:clamp(56px,7vw,88px) 0;
  border-bottom:1px solid var(--line);
  background:var(--white)
}

.resource-hub-page .hub-hero-layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(330px,.72fr);
  gap:clamp(48px,7vw,92px);
  align-items:center
}

.resource-hub-page .hub-hero h1{
  max-width:720px;
  margin:0;
  color:var(--ink);
  font-family:var(--serif);
  font-size:clamp(3.5rem,6.4vw,6.4rem);
  font-weight:700;
  letter-spacing:-.055em;
  line-height:.9
}

.resource-hub-page .hub-hero-copy>p{
  max-width:700px;
  margin:26px 0 0;
  color:#4f514d;
  font-size:1.08rem;
  line-height:1.7
}

.resource-disclaimer{
  display:grid;
  gap:2px;
  max-width:720px;
  margin-top:24px;
  padding:14px 17px;
  border-left:3px solid var(--cardinal);
  background:var(--paper-deep);
  color:#444742
}

.resource-disclaimer strong{color:var(--cardinal);font-size:.88rem}
.resource-disclaimer span{font-size:.78rem;line-height:1.5}

.hub-search{max-width:720px;margin-top:34px}

.hub-search>label{
  display:block;
  margin-bottom:10px;
  color:var(--ink);
  font-size:.88rem;
  font-weight:780
}

.hub-search-control{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-height:64px;
  padding:0 15px 0 18px;
  border:1.5px solid var(--cardinal);
  border-radius:9px;
  background:var(--white);
  box-shadow:0 8px 24px rgba(67,38,29,.05);
  transition:box-shadow .18s ease,border-color .18s ease
}

.hub-search-control:focus-within{
  border-color:var(--cardinal-dark);
  box-shadow:0 0 0 4px rgba(141,11,36,.11)
}

.hub-search-control svg{
  width:26px!important;
  height:26px!important;
  color:var(--cardinal)
}

.hub-search-control input{
  min-width:0;
  padding:17px 0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--ink);
  font-size:1rem
}

.hub-search-control input::placeholder{color:#86837c}

.hub-search-control button{
  padding:8px;
  border:0;
  background:transparent;
  color:var(--cardinal);
  font-size:.82rem;
  font-weight:760;
  cursor:pointer
}

.hub-search>p{margin:9px 0 0;color:var(--muted);font-size:.78rem}

.situation-panel{
  padding:28px 30px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--paper)
}

.resource-hub-page .situation-panel h2{
  margin:0 0 12px;
  color:var(--cardinal);
  font-family:var(--serif);
  font-size:1.55rem;
  letter-spacing:-.025em
}

.situation-panel>a{
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  gap:3px 16px;
  padding:18px 2px;
  border-bottom:1px solid var(--line);
  color:var(--ink);
  text-decoration:none
}

.situation-panel>a:last-child{border-bottom:0}
.situation-panel>a span{font-weight:740}

.situation-panel>a small{
  grid-column:1;
  color:var(--muted);
  font-size:.78rem
}

.situation-panel>a svg{
  grid-column:2;
  grid-row:1/3;
  align-self:center;
  width:19px!important;
  height:19px!important;
  color:var(--cardinal);
  transition:transform .18s ease
}

.situation-panel>a:hover span{color:var(--cardinal)}
.situation-panel>a:hover svg{transform:translateX(3px)}

.hub-topics,
.official-directory{
  padding-top:clamp(58px,7vw,82px);
  padding-bottom:clamp(66px,8vw,96px)
}

.hub-section-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:44px;
  padding-bottom:24px;
  border-bottom:1px solid var(--line)
}

.resource-hub-page .hub-section-heading h2{
  margin:0;
  color:var(--ink);
  font-family:var(--serif);
  font-size:clamp(2.5rem,4.6vw,4.35rem);
  letter-spacing:-.045em;
  line-height:.98
}

.hub-section-heading>div>p{
  max-width:710px;
  margin:16px 0 0;
  color:var(--muted);
  line-height:1.65
}

.hub-result-count{
  flex:0 0 auto;
  margin:0;
  color:var(--muted);
  font-size:.82rem;
  font-weight:680
}

.hub-filters{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding:22px 0 30px
}

.hub-filters button{
  min-height:40px;
  padding:8px 14px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--white);
  color:#50524e;
  font-size:.81rem;
  font-weight:690;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,color .16s ease
}

.hub-filters button:hover{border-color:var(--cardinal);color:var(--cardinal)}

.hub-filters button[aria-pressed="true"]{
  border-color:var(--cardinal);
  background:var(--cardinal);
  color:var(--white)
}

.topic-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px
}

.topic-card{min-width:0}

.topic-card button{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:auto 1fr auto;
  gap:0 15px;
  width:100%;
  min-height:250px;
  padding:23px 21px 18px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--white);
  color:var(--ink);
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease
}

.topic-card button:hover{
  border-color:#b88791;
  box-shadow:0 12px 28px rgba(55,35,28,.07);
  transform:translateY(-2px)
}

.topic-card.is-selected button{
  border:2px solid var(--cardinal);
  box-shadow:0 14px 32px rgba(105,7,25,.09)
}

.topic-card-icon{
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  color:var(--cardinal)
}

.topic-card-icon svg{width:32px!important;height:32px!important}
.topic-card-copy{display:block;min-width:0}

.topic-card-copy strong{
  display:block;
  color:var(--ink);
  font-family:var(--serif);
  font-size:1.32rem;
  letter-spacing:-.02em;
  line-height:1.15
}

.topic-card-copy>span{
  display:block;
  margin-top:14px;
  color:#555752;
  font-size:.88rem;
  line-height:1.58
}

.topic-card-foot{
  grid-column:1/-1;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:14px;
  margin-top:22px;
  padding-top:15px;
  border-top:1px solid #ece6dc
}

.topic-card-foot small{color:var(--muted);font-size:.72rem}

.topic-card-foot>span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:var(--cardinal);
  font-size:.74rem;
  font-weight:760
}

.topic-card-foot svg{width:17px!important;height:17px!important}

.topic-detail-band{
  scroll-margin-top:100px;
  padding:clamp(55px,7vw,78px) 0;
  border-block:1px solid #cbd0bf;
  background:var(--sage)
}

.topic-detail-band:focus{outline:none}

.topic-detail-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:36px;
  padding-bottom:28px;
  border-bottom:1px solid #c8cbbd
}

.topic-detail-title{
  display:flex;
  gap:18px;
  align-items:flex-start
}

.topic-detail-icon{
  display:grid;
  flex:0 0 auto;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:50%;
  background:var(--white);
  color:var(--cardinal)
}

.topic-detail-icon svg{width:29px!important;height:29px!important}

.resource-hub-page .topic-detail-title h2{
  margin:0;
  color:var(--ink);
  font-family:var(--serif);
  font-size:clamp(2.15rem,4vw,3.75rem);
  letter-spacing:-.04em;
  line-height:1
}

.topic-detail-title p{
  max-width:700px;
  margin:12px 0 0;
  color:#4e5249;
  line-height:1.65
}

.topic-badges{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:11px
}

.topic-badge{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:5px 9px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.025em
}

.topic-badge.is-track{border-color:#a8b296;background:#f4f6ef;color:#4d5c39}
.topic-badge.is-experience{border-color:#d4b7a4;background:#fff8f2;color:#77513c}
.topic-badge.is-verify{border-color:#c9a5ad;background:#fff6f7;color:var(--cardinal)}
.topic-badge.is-soon{border-color:#b7b1a8;background:#f5f2ed;color:#5f5b54}

.topic-content-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:28px
}

.topic-content-card{
  min-width:0;
  padding:23px 24px;
  border:1px solid #c8cbbd;
  border-radius:9px;
  background:rgba(255,255,255,.78)
}

.topic-content-card.is-soon{
  border-style:dashed;
  background:rgba(248,246,241,.78)
}

.topic-content-card.is-experience{border-top:3px solid var(--sage-dark)}

.topic-content-card-heading{
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:18px
}

.resource-hub-page .topic-content-card h3{
  margin:0;
  color:var(--ink);
  font-family:var(--serif);
  font-size:1.42rem;
  letter-spacing:-.02em;
  line-height:1.15
}

.topic-content-card>p,
.topic-accordion-body>p{
  margin:12px 0 0;
  color:#4a4e47;
  font-size:.87rem;
  line-height:1.62
}

.topic-content-list{
  display:grid;
  gap:9px;
  margin:16px 0 0;
  padding-left:19px;
  color:#353934
}

.topic-content-list li{padding-left:3px;font-size:.86rem;line-height:1.5}
.topic-content-list li::marker{color:var(--cardinal)}

.topic-content-list.is-checklist{padding:0;list-style:none}
.topic-content-list.is-checklist li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:0}

.topic-content-list.is-checklist li>span{
  width:16px;
  height:16px;
  margin-top:2px;
  border:1.5px solid var(--cardinal);
  border-radius:3px
}

.topic-content-note{
  margin-top:17px!important;
  padding-top:13px;
  border-top:1px solid #d8d8cf;
  font-size:.78rem!important
}

.topic-content-note strong{color:var(--cardinal)}

.topic-accordion{
  grid-column:1/-1;
  padding:0;
  overflow:hidden
}

.topic-accordion summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:20px 23px;
  color:var(--cardinal);
  font-size:.88rem;
  font-weight:800;
  cursor:pointer;
  list-style:none
}

.topic-accordion summary::-webkit-details-marker{display:none}
.topic-accordion summary::after{content:"+";font-size:1.35rem;font-weight:500}
.topic-accordion[open] summary::after{content:"−"}
.topic-accordion[open] summary{border-bottom:1px solid #c8cbbd}
.topic-accordion-body{padding:22px 24px 24px}

.topic-contact-list,
.topic-inline-links,
.topic-quote-list{
  display:grid;
  gap:8px;
  margin-top:17px
}

.topic-contact-row{
  display:grid;
  grid-template-columns:minmax(150px,.85fr) minmax(0,1.15fr);
  gap:18px;
  align-items:center;
  padding:12px 0;
  border-top:1px solid #dddcd2
}

.topic-contact-row:first-child{border-top:0}
.topic-contact-row div{display:grid;gap:2px}
.topic-contact-row div span{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}
.topic-contact-row div strong{font-size:.82rem}
.topic-contact-row>a{justify-self:end;color:var(--cardinal);font-size:.8rem;font-weight:720;text-align:right}

.topic-inline-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 13px;
  border:1px solid #c8cbbd;
  border-radius:7px;
  background:var(--white);
  color:var(--cardinal);
  font-size:.82rem;
  font-weight:740;
  text-decoration:none
}

.topic-inline-links a:hover{border-color:var(--cardinal);text-decoration:none}
.topic-inline-links svg{width:18px!important;height:18px!important}

.topic-mini-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:17px
}

.topic-mini-grid article{
  padding:15px;
  border:1px dashed #bdb8ad;
  border-radius:7px;
  background:rgba(255,255,255,.55)
}

.topic-mini-grid span{color:var(--cardinal);font-size:.62rem;font-weight:820;letter-spacing:.07em;text-transform:uppercase}
.resource-hub-page .topic-mini-grid h4{margin:7px 0 0;font-family:var(--serif);font-size:1.02rem}
.topic-mini-grid p{margin:5px 0 0;color:var(--muted);font-size:.75rem;line-height:1.45}

.topic-quote-list blockquote{
  margin:0;
  padding:13px 15px;
  border-left:2px solid var(--cardinal);
  background:rgba(255,255,255,.68);
  color:#393c38;
  font-family:var(--serif);
  font-size:1.03rem;
  line-height:1.45
}

.topic-tools-wide{margin-top:32px;padding-top:27px;border-top:1px solid #c8cbbd}
.topic-tools-wide .topic-tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}

.topic-primary-action{
  flex:0 0 auto;
  border-radius:7px;
  white-space:nowrap
}

.topic-primary-action svg{width:18px!important;height:18px!important}

.topic-answer-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin:28px 0 34px;
  border:1px solid #c8cbbd;
  border-radius:9px;
  overflow:hidden;
  background:#c8cbbd
}

.topic-answer-grid>div{padding:22px 23px;background:rgba(255,255,255,.72)}

.topic-answer-grid span{
  display:block;
  margin-bottom:8px;
  color:var(--cardinal);
  font-size:.73rem;
  font-weight:820;
  letter-spacing:.08em;
  text-transform:uppercase
}

.topic-answer-grid p{
  margin:0;
  color:#444841;
  font-size:.88rem;
  line-height:1.6
}

.topic-toolkit-grid{
  display:grid;
  grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);
  gap:50px
}

.resource-hub-page .topic-toolkit-grid h3{
  margin:0;
  color:var(--ink);
  font-family:var(--serif);
  font-size:1.55rem;
  letter-spacing:-.02em
}

.topic-roadmap ol{
  position:relative;
  display:grid;
  gap:18px;
  margin:24px 0 0;
  padding:0;
  list-style:none;
  counter-reset:roadmap
}

.topic-roadmap ol::before{
  position:absolute;
  top:13px;
  bottom:13px;
  left:15px;
  width:1px;
  background:#9da68c;
  content:""
}

.topic-roadmap li{
  position:relative;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:13px;
  align-items:center;
  counter-increment:roadmap
}

.topic-roadmap li::before{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:var(--sage-dark);
  color:var(--white);
  content:counter(roadmap);
  font-size:.76rem;
  font-weight:800
}

.topic-roadmap li span{color:#343833;font-size:.91rem;line-height:1.4}

.topic-tools-heading{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:20px;
  margin-bottom:16px
}

.topic-tools-heading span{color:var(--muted);font-size:.75rem}
.topic-tool-list{display:grid;gap:8px}

.topic-tool-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  gap:13px;
  align-items:center;
  min-height:68px;
  padding:10px 14px;
  border:1px solid #c8cbbd;
  border-radius:7px;
  background:rgba(255,255,255,.82);
  color:var(--ink);
  text-decoration:none;
  transition:border-color .16s ease,background .16s ease,transform .16s ease
}

.topic-tool-row:hover{
  border-color:var(--cardinal);
  background:var(--white);
  text-decoration:none;
  transform:translateX(2px)
}

.topic-tool-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  color:var(--cardinal)
}

.topic-tool-copy{display:block;min-width:0}
.topic-tool-copy strong,.topic-tool-copy small{display:block}
.topic-tool-copy strong{font-size:.88rem}

.topic-tool-copy small{
  margin-top:2px;
  overflow:hidden;
  color:var(--muted);
  font-size:.72rem;
  text-overflow:ellipsis;
  white-space:nowrap
}

.topic-tool-type{color:#555952;font-size:.72rem;font-weight:700}

.topic-tool-action{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  color:var(--cardinal)
}

.topic-tool-status{
  padding:6px 8px;
  border-radius:999px;
  background:#eeeae2;
  color:#625d54;
  font-size:.66rem;
  font-weight:800;
  white-space:nowrap
}

.topic-tool-row.is-coming-soon{
  border-style:dashed;
  background:rgba(248,246,241,.72);
  cursor:default
}

.topic-tool-row.is-coming-soon:hover{
  border-color:#c8cbbd;
  background:rgba(248,246,241,.72);
  transform:none
}

.topic-tool-action svg,.topic-tool-icon svg{width:21px!important;height:21px!important}

.official-directory{background:var(--paper)}
.directory-heading{align-items:start}
.official-link-list{border-top:1px solid var(--line)}

.official-link-row{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 110px 44px;
  gap:18px;
  align-items:center;
  min-height:88px;
  padding:16px 8px;
  border-bottom:1px solid var(--line)
}

.official-link-icon,.official-link-open{
  display:grid;
  place-items:center;
  color:var(--cardinal)
}

.official-link-icon svg{width:25px!important;height:25px!important}

.official-link-row h3{
  margin:0;
  font-family:var(--serif);
  font-size:1.15rem;
  letter-spacing:-.01em
}

.official-link-row h3 a{color:var(--cardinal)}
.official-link-row p{margin:4px 0 0;color:var(--muted);font-size:.82rem}
.official-link-category{color:var(--muted);font-size:.74rem;font-weight:700}

.official-link-open{
  width:40px;
  height:40px;
  border:1px solid transparent;
  border-radius:50%
}

.official-link-open:hover{border-color:var(--cardinal);background:var(--white)}
.official-link-open svg{width:20px!important;height:20px!important}

.hub-empty{
  margin:30px 0 0;
  padding:40px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--white);
  text-align:center
}

.resource-hub-page .hub-empty h3{
  margin:0;
  font-family:var(--serif);
  font-size:1.8rem
}

.hub-empty p{margin:9px 0 20px;color:var(--muted)}

.related-project{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:36px;
  margin-bottom:clamp(58px,7vw,82px);
  padding:28px 32px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--white)
}

.related-project-copy{max-width:780px}

.related-project-label{
  margin:0 0 7px;
  color:var(--cardinal);
  font-size:.73rem;
  font-weight:780;
  letter-spacing:.08em;
  text-transform:uppercase
}

.resource-hub-page .related-project h2{
  margin:0;
  color:var(--ink);
  font-family:var(--serif);
  font-size:clamp(1.7rem,3vw,2.45rem)
}

.related-project-copy>p:last-child{
  margin:8px 0 0;
  color:var(--muted)
}

.related-project>.button{flex:0 0 auto}

.resource-hub-page .urgent-band{
  padding:30px 0;
  color:var(--white);
  background:var(--cardinal-dark)
}

.resource-hub-page .urgent-layout{
  display:grid;
  grid-template-columns:minmax(250px,1.2fr) repeat(2,minmax(190px,.8fr)) auto;
  gap:28px;
  align-items:center
}

.urgent-intro{display:flex;gap:14px;align-items:center}

.urgent-intro>svg{
  flex:0 0 auto;
  width:42px!important;
  height:42px!important
}

.resource-hub-page .urgent-band h2{
  margin:0 0 3px;
  color:var(--white);
  font-family:var(--serif);
  font-size:1.5rem
}

.resource-hub-page .urgent-band p{margin:0;color:#f1dcd5;font-size:.8rem}

.urgent-contact{
  display:grid;
  gap:2px;
  padding-left:24px;
  border-left:1px solid rgba(255,255,255,.38)
}

.urgent-contact strong{font-family:var(--serif);font-size:1rem}
.urgent-contact a{color:var(--white);font-size:.88rem;font-weight:760}
.urgent-contact span{color:#f1dcd5;font-size:.7rem}

.resource-hub-page .urgent-band .button.alt{
  color:var(--white);
  border-color:#e8b7ad;
  background:transparent
}

.resource-hub-page .urgent-band .button.alt:hover{
  color:var(--cardinal);
  background:var(--white)
}

.resource-hub-page .resource-contribute{
  padding:30px 0;
  border-top:0;
  background:var(--paper-deep)
}

.resource-hub-page .resource-contribute .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  padding:28px 32px;
  border:1px solid #d0d4c7;
  border-radius:10px;
  background:var(--sage)
}

.resource-hub-page .resource-contribute h2{
  margin:0;
  color:var(--ink);
  font-family:var(--serif);
  font-size:clamp(1.7rem,3vw,2.5rem);
  line-height:1.08
}

.resource-hub-page .resource-contribute p{
  max-width:760px;
  margin:8px 0 0;
  color:#52564e
}

@media (max-width:1080px){
  .topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .resource-hub-page .urgent-layout{grid-template-columns:1fr 1fr}
  .urgent-contact:nth-of-type(2){border-left:0}
  .resource-hub-page .urgent-band .button{justify-self:start}
}

@media (max-width:860px){
  .resource-hub-page .hub-hero-layout{grid-template-columns:1fr;gap:42px}
  .resource-hub-page .hub-hero h1{max-width:650px}
  .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .topic-detail-header,.hub-section-heading{align-items:flex-start;flex-direction:column}
  .topic-primary-action{align-self:flex-start}
  .topic-answer-grid{grid-template-columns:1fr}
  .topic-toolkit-grid{grid-template-columns:1fr;gap:40px}
  .topic-content-grid{grid-template-columns:1fr}
  .topic-accordion{grid-column:auto}
  .topic-tools-wide .topic-tool-list{grid-template-columns:1fr}
  .official-link-row{grid-template-columns:40px minmax(0,1fr) 40px}
  .official-link-category{display:none}
}

@media (max-width:650px){
  .resource-hub-page .hub-hero{padding:50px 0 46px}
  .resource-hub-page .hub-hero h1{font-size:clamp(3.15rem,16vw,4.55rem)}
  .resource-hub-page .hub-hero-copy>p{font-size:1rem}
  .hub-search-control{min-height:58px;padding-inline:14px 10px}
  .hub-search-control input{font-size:.91rem}
  .situation-panel{padding:23px 20px}
  .hub-topics,.official-directory{padding-top:52px;padding-bottom:64px}
  .resource-hub-page .hub-section-heading h2{font-size:clamp(2.5rem,12vw,3.55rem)}
  .topic-grid{grid-template-columns:1fr}
  .topic-card button{min-height:0;padding:20px 18px 16px}
  .topic-card-copy>span{margin-top:9px}
  .topic-card-foot{margin-top:17px}
  .topic-detail-band{padding:48px 0 54px}
  .topic-detail-title{display:grid}
  .topic-answer-grid{margin-top:24px}
  .topic-tool-row{grid-template-columns:auto minmax(0,1fr) auto}
  .topic-tool-type{display:none}
  .topic-tool-status{grid-column:2;justify-self:start}
  .topic-content-card{padding:20px}
  .topic-accordion{padding:0}
  .topic-accordion summary{padding:18px 20px}
  .topic-accordion-body{padding:20px}
  .topic-contact-row{grid-template-columns:1fr;gap:7px}
  .topic-contact-row>a{justify-self:start;text-align:left}
  .topic-mini-grid{grid-template-columns:1fr}
  .resource-hub-page .urgent-layout{grid-template-columns:1fr}
  .urgent-contact,.urgent-contact:nth-of-type(2){
    padding:18px 0 0;
    border-top:1px solid rgba(255,255,255,.3);
    border-left:0
  }
  .resource-hub-page .resource-contribute .container{
    align-items:flex-start;
    flex-direction:column;
    padding:25px 22px
  }
  .related-project{
    align-items:flex-start;
    flex-direction:column;
    margin-right:20px;
    margin-left:20px;
    padding:24px 22px
  }
}

@media (max-width:420px){
  .hub-search-control svg{display:none}
  .hub-search-control{grid-template-columns:minmax(0,1fr) auto}
  .hub-filters{
    flex-wrap:nowrap;
    margin-inline:-20px;
    padding-inline:20px;
    overflow-x:auto;
    scrollbar-width:none
  }
  .hub-filters::-webkit-scrollbar{display:none}
  .hub-filters button{flex:0 0 auto}
  .topic-card-foot{align-items:flex-start;flex-direction:column}
  .official-link-row{grid-template-columns:34px minmax(0,1fr) 34px;gap:12px}
}

@media (prefers-reduced-motion:reduce){
  .topic-card button,
  .topic-tool-row,
  .situation-panel>a svg{
    transition:none
  }
}