.advice-shell{width:min(90%,1240px);margin-inline:auto}
.advice-article-width{width:min(90%,790px);margin-inline:auto}
.advice-hero{background:#12152c;color:#fff;padding:clamp(38px,6vw,72px) 0}
.advice-hero h1{color:inherit;font-size:clamp(2rem,5vw,4.5rem);line-height:1.09;letter-spacing:-.035em;margin:0 0 15px;overflow-wrap:anywhere}
.advice-hero p{color:#e3e7fb;margin:0;max-width:650px;font-size:clamp(1rem,2vw,1.16rem)}
.advice-hero time,.advice-back{color:#d8ddf7;font-size:.9rem}
.advice-back{display:inline-block;margin-bottom:24px;text-decoration:underline;text-underline-offset:4px}
.advice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-block:clamp(28px,5vw,65px)}
.advice-card{background:#fff;border:1px solid #d9e3f1;border-radius:12px;overflow:hidden}
.advice-card>a{display:flex;flex-direction:column;height:100%}
.advice-card>a:focus-visible{outline-offset:-4px}
.advice-card img{display:block;inline-size:100%;height:auto;aspect-ratio:12/7;object-fit:cover;background:#e5e9f6}
.advice-card-copy{padding:21px;display:flex;flex-direction:column;flex:1}
.advice-card time{font-size:.81rem;color:#54627a;margin-bottom:9px}
.advice-card h2{font-size:clamp(1.12rem,1.7vw,1.42rem);font-weight:650;letter-spacing:-.015em;line-height:1.26;margin:0 0 9px}
.advice-card p{margin:0 0 16px;color:#43516a;font-size:.95rem}
.advice-card-action{margin-top:auto;color:#3439a4;font-size:.9rem;font-weight:650}
.advice-card>a:hover .advice-card-action{text-decoration:underline;text-underline-offset:3px}
.advice-prose{padding-block:clamp(28px,5vw,62px);font-size:clamp(1rem,1.6vw,1.08rem);line-height:1.73;color:#17243f;overflow-wrap:anywhere}
.advice-prose p{margin:0 0 1em}
.advice-prose h2,.advice-prose h3,.advice-prose h4,.advice-prose h5,.advice-prose h6{font-weight:650;letter-spacing:-.015em;line-height:1.25;margin:1.5em 0 .55em}
.advice-prose h2{font-size:clamp(1.55rem,3vw,2rem)}
.advice-prose h3{font-size:clamp(1.28rem,2.4vw,1.6rem)}
.advice-prose ul,.advice-prose ol{margin:0 0 1em;padding-inline-start:1.65em}
.advice-prose li>p{margin:0 0 .35em}
.advice-prose u{text-underline-offset:.15em}
.advice-figure{margin:1.6em auto;max-width:100%}
.advice-figure-small{max-width:440px}
.advice-figure img{display:block;width:100%;height:auto;border-radius:10px}
.advice-figure figcaption{margin-top:9px;color:#54627a;font-size:.89rem}
.advice-related{background:#e8edf9;border-radius:10px;margin:2em 0 0;padding:18px 22px;font-weight:650}
.advice-related a{color:#3439a4;text-decoration:underline;text-underline-offset:3px}
@media(max-width:940px){.advice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.advice-grid{grid-template-columns:minmax(0,1fr)}.advice-card-copy{padding:17px}}