/* Homepage recommendations use the shared section and card language. */
body main .advice-related[data-rotating-advice]{width:100%;max-width:1180px;margin:0 auto;box-sizing:border-box;padding:100px 0;}
body main .advice-related[data-rotating-advice] .advice-related-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;}
body main .advice-related[data-rotating-advice] .advice-related-head h2{font-family:inherit;font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.03em;color:var(--text,#183650);margin:0;}
body main .advice-related[data-rotating-advice] .advice-related-head>a{color:#284d73;font-size:14px;font-weight:600;padding:11px 16px;border:1px solid var(--line,#dce4ed);border-radius:12px;background:#fff;text-decoration:none;}
body main .advice-related[data-rotating-advice] .advice-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
body main .advice-related[data-rotating-advice] .advice-related-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line,#dce4ed);border-radius:18px;background:var(--card,#fff);box-shadow:none;overflow:hidden;transform:none;text-decoration:none;transition:box-shadow .2s,border-color .2s;}
body main .advice-related[data-rotating-advice] .advice-related-card>img{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;display:block;}
body main .advice-related[data-rotating-advice] .advice-related-card>div{padding:24px;flex:1;display:flex;align-items:center;justify-content:space-between;gap:16px;}
body main .advice-related[data-rotating-advice] .advice-related-card h3{font-family:inherit;font-size:21px;line-height:1.25;letter-spacing:-.015em;color:var(--text,#183650);margin:0;font-weight:600;}
body main .advice-related[data-rotating-advice] .advice-related-card:hover{transform:none;border-color:#b7c9db;box-shadow:inset 0 0 24px #4779aa0d;}
body main .advice-related[data-rotating-advice] a:focus-visible{outline:2px solid #284d73;outline-offset:4px;}
@media(max-width:1200px){body main .advice-related[data-rotating-advice]{padding:70px 24px;}}
@media(max-width:800px){body main .advice-related[data-rotating-advice]{padding-top:54px!important;padding-bottom:54px!important;}body main .advice-related[data-rotating-advice] .advice-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}}
@media(max-width:600px){body main .advice-related[data-rotating-advice]{padding:42px 12px!important;}body main .advice-related[data-rotating-advice] .advice-related-head{align-items:flex-start;flex-direction:column;gap:14px;}body main .advice-related[data-rotating-advice] .advice-related-grid{grid-template-columns:1fr;}body main .advice-related[data-rotating-advice] .advice-related-card>div{padding:22px;}body main .advice-related[data-rotating-advice] .advice-related-card>img{aspect-ratio:16/9;}}
@media(prefers-reduced-motion:reduce){body main .advice-related[data-rotating-advice] .advice-related-card{transition:none;}}

/* Shared page rhythm, scoped to top-level blocks rather than nested cards. */
body.km-spacing main{--km-section-space:40px;--km-block-gap:24px;--km-page-gutter:24px;}
body.km-spacing main > :is(section,aside,nav){box-sizing:border-box;min-width:0;}
body.km-spacing main > :is(section,aside,nav) + :is(section,aside,nav):not(.hero){margin-top:var(--km-block-gap)!important;}
body.km-spacing main > .section{padding-top:var(--km-section-space)!important;padding-bottom:var(--km-section-space)!important;}
body.km-spacing main > .advice-related[data-rotating-advice]{padding-top:var(--km-section-space)!important;padding-bottom:var(--km-section-space)!important;}
body.km-spacing main > .contact-section{padding-top:var(--km-section-space)!important;padding-bottom:var(--km-section-space)!important;}
body.km-spacing main > .v108-price-section{margin-bottom:0!important;}
body.km-spacing main > .section > :is(h2,.section-head):last-child{margin-bottom:0;}
body.km-spacing main > .section > .eyebrow{margin-bottom:12px;}
body.km-spacing main > .section > .eyebrow + h2{margin-top:0!important;}
body.km-spacing main > .section > h2 + :is(.faq-list,.article-grid,.service-grid){margin-top:24px;}
body.km-spacing main > .advice-related .advice-related-head{margin-bottom:24px!important;}
@media(max-width:1230px){
 body.km-spacing main > :is(.section,.advice-related){max-width:100%;padding-left:var(--km-page-gutter)!important;padding-right:var(--km-page-gutter)!important;}
 body.km-spacing main > .v108-price-section{width:calc(100% - 2 * var(--km-page-gutter));margin-left:auto!important;margin-right:auto!important;}
}
@media(max-width:800px){body.km-spacing main{--km-section-space:32px;--km-block-gap:20px;--km-page-gutter:20px;}}
@media(max-width:600px){
 body.km-spacing main{--km-section-space:24px;--km-block-gap:16px;--km-page-gutter:12px;}
 body.km-spacing main > .section > h2 + :is(.faq-list,.article-grid,.service-grid){margin-top:20px;}
 body.km-spacing main > .advice-related .advice-related-head{margin-bottom:20px!important;}
}

/* Breadcrumbs and hero form one continuous top area. */
body.km-spacing main > .breadcrumbs{margin-bottom:0!important;}
body.km-spacing main > .breadcrumbs + .hero{margin-top:0!important;}

/* Advice typography matches the customer trust section. */
body main .advice-related[data-rotating-advice] .advice-heading-copy{min-width:0;}
body main .advice-related[data-rotating-advice] .advice-heading-copy .eyebrow{display:inline-flex;align-items:center;min-height:28px;box-sizing:border-box;padding:6px 11px;border:1px solid rgba(49,95,157,.12);border-radius:999px;background:var(--km-primary-soft,#edf3f9);color:#284f82!important;font-family:inherit!important;font-size:12px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.035em;box-shadow:inset 0 1px 0 rgba(255,255,255,.65);margin:0;}
body main .advice-related[data-rotating-advice] .advice-heading-copy h2{font-family:inherit!important;font-size:clamp(32px,3.7vw,48px)!important;font-weight:800!important;line-height:1.12!important;letter-spacing:-.04em!important;color:#172e46!important;margin:20px 0 18px!important;text-wrap:balance;max-width:660px;}
body main .advice-related[data-rotating-advice] .advice-related-head{align-items:center;}
@media(max-width:600px){body main .advice-related[data-rotating-advice] .advice-heading-copy h2{font-size:32px!important;}body main .advice-related[data-rotating-advice] .advice-related-head{align-items:flex-start;}}
