/* Duo-iPhone R170.2.18: guide overview only (DE + EN).
   Maintain R170.2.13 page rails, hero proportions, global type sizes and approved footer.
   Do not apply these styles to articles, homepage, newsletter or other destinations. */
body.duo-guide-hub .hub-group > .duo218-group-head{
 display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 15px;min-width:0
}
body.duo-guide-hub .duo218-group-intro{min-width:0;flex:1 1 auto}
body.duo-guide-hub .duo218-kicker{margin:0 0 5px!important;color:#1267b6;font-size:.66rem;font-weight:800;letter-spacing:.13em;line-height:1.4}
body.duo-guide-hub .hub-group .duo218-group-head h2{margin:0 0 5px;font-size:1.38rem;line-height:1.2;letter-spacing:-.025em;color:#0e2442}
body.duo-guide-hub .duo218-description{margin:0!important;color:#526984;font-size:.82rem;line-height:1.48;max-width:62ch}
body.duo-guide-hub .duo218-group-photo{
 flex:0 0 191px;width:191px;height:94px;position:relative;overflow:hidden;margin:0;border-radius:10px;background:#e9f0f8;border:1px solid #e2ebf6
}
body.duo-guide-hub .duo218-group-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
body.duo-guide-hub .duo218-group-photo figcaption{position:absolute;clip-path:inset(50%);white-space:nowrap;overflow:hidden;width:1px;height:1px}
body.duo-guide-hub .hub-group .hub-grid{gap:10px}
body.duo-guide-hub .hub-group .hub-card{
 min-height:117px!important;padding:17px 36px 15px 17px!important;border-color:#dce6f1;background:#fff;
 box-shadow:0 3px 12px rgba(27,58,95,.025);border-radius:13px
}
body.duo-guide-hub .hub-group .hub-card:first-child{border-left:3px solid #2c83d0;background:linear-gradient(90deg,#f6faff,#fff 60%);padding-left:15px!important}
body.duo-guide-hub .hub-group .hub-card b,body.duo-guide-hub .hub-group .hub-card bdi{color:#102743;font-weight:800;letter-spacing:-.012em}
body.duo-guide-hub .hub-group .hub-card span{color:#5c7089;line-height:1.48}
body.duo-guide-hub .hub-group .hub-card:focus-visible{outline:3px solid #1f6dcc;outline-offset:2px}
body.duo-guide-hub .hub-group .hub-card:hover{border-color:#a5c6e6;box-shadow:0 8px 22px rgba(30,77,124,.07)}
/* Three items in one section should use the full available row rather than leave an empty fourth slot. */
@media(min-width:1101px){body.duo-guide-hub #guide-protection .hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
 body.duo-guide-hub .hub-group > .duo218-group-head{gap:12px;margin-bottom:13px}
 body.duo-guide-hub .duo218-group-photo{flex-basis:100px;width:100px;height:79px;border-radius:9px}
 body.duo-guide-hub .duo218-kicker{font-size:.6rem;letter-spacing:.09em}
 body.duo-guide-hub .hub-group .duo218-group-head h2{font-size:1.2rem}
 body.duo-guide-hub .duo218-description{font-size:.74rem;line-height:1.38}
 body.duo-guide-hub .hub-group .hub-card{min-height:106px!important;padding:15px 34px 14px 15px!important}
 body.duo-guide-hub .hub-group .hub-card:first-child{padding-left:13px!important}
}
@media(max-width:355px){
 body.duo-guide-hub .duo218-group-photo{flex-basis:84px;width:84px;height:75px}
 body.duo-guide-hub .duo218-description{font-size:.71rem}
}