@media (orientation:portrait), (max-width:700px){
.apnp-module .hf-segment-map .hf-map-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(64px,.8fr) minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:20px 10px!important;align-items:stretch!important;min-height:0!important}
.apnp-module .hf-segment-map .hf-map-avatar{grid-column:2!important;grid-row:1!important;width:100%!important;height:250px!important;align-self:center!important;order:0!important;min-width:0!important}
.apnp-module .hf-segment-map .hf-map-upper{grid-column:1!important;grid-row:1!important;order:0!important}
.apnp-module .hf-segment-map .hf-map-trunk{grid-column:3!important;grid-row:1!important;order:0!important}
.apnp-module .hf-segment-map .hf-map-lower{grid-column:1/-1!important;grid-row:2!important;order:0!important}
.apnp-module .hf-segment-map .hf-map-card{width:100%!important;min-height:0!important;padding:10px 8px!important;display:flex!important;flex-direction:column;justify-content:center;min-width:0}
.apnp-module .hf-segment-map .hf-map-card h3{font-size:12px!important;line-height:1.25!important}
.apnp-module .hf-segment-map .hf-map-card header>small{font-size:10px!important;margin:3px 0 0!important}
.apnp-module .hf-segment-map .hf-map-card dl{margin-top:6px!important;padding-top:4px!important}
.apnp-module .hf-segment-map .hf-map-card dl>div{padding:3px 0!important;gap:3px!important;flex-wrap:wrap}
.apnp-module .hf-segment-map .hf-map-card dt{font-size:11px!important;line-height:1.3!important;min-height:0!important}
.apnp-module .hf-segment-map .hf-map-card dd{font-size:15px!important;margin-left:auto!important}
.apnp-module .hf-segment-map .hf-map-card dd small{font-size:10px!important}
.apnp-module .hf-segment-map .hf-map-area{margin-top:4px!important;padding-top:5px!important}
.apnp-module .hf-segment-map .hf-map-links,.apnp-module .hf-segment-map .hf-map-links path{display:block!important}
}
@media(max-width:480px){
.apnp-module .hf-segment-map{padding:8px!important}
.apnp-module .hf-segment-map .hf-map-grid{gap:16px 6px!important;grid-template-columns:minmax(0,1fr) minmax(58px,.7fr) minmax(0,1fr)!important}
.apnp-module .hf-segment-map .hf-map-avatar{height:220px!important}
.apnp-module .hf-segment-map .hf-map-card{padding:8px 5px!important}
.apnp-module .hf-segment-map .hf-map-card h3{font-size:10px!important;gap:3px!important}
.apnp-module .hf-segment-map .hf-map-card dt{font-size:10px!important}
.apnp-module .hf-segment-map .hf-map-card dd{font-size:13px!important}
.apnp-module .hf-segment-map .hf-map-card header>small{font-size:9px!important}
}

/* V400: content-sized lateral cards, centered alongside the avatar. */
@media (orientation:portrait), (max-width:700px){
.apnp-module .hf-segment-map .hf-map-upper,.apnp-module .hf-segment-map .hf-map-trunk{align-self:center!important;height:auto!important;min-height:0!important;justify-content:flex-start!important}
.apnp-module .hf-segment-map .hf-map-card dl>.hf-map-area{flex-wrap:nowrap!important;align-items:center!important}
.apnp-module .hf-segment-map .hf-map-area dt{flex:1 1 auto;min-width:0}
.apnp-module .hf-segment-map .hf-map-area dd{flex:0 0 auto;white-space:nowrap!important;font-size:14px!important}
}
@media(max-width:480px){.apnp-module .hf-segment-map .hf-map-area dd{font-size:12px!important}.apnp-module .hf-segment-map .hf-map-area dt{font-size:9px!important}}