:root{--navy:#071d30;--ink:#142334;--paper:#f5f0e8;--white:#fffdf9;--blue:#174f91;--copper:#b9673f;--sand:#ded4c7;--muted:#606970}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;line-height:1.65}a{color:inherit}button{font:inherit}.advice-skip{position:fixed;z-index:100;top:1rem;left:-100vw;padding:.8rem 1rem;background:#fff;color:var(--navy)}.advice-skip:focus{left:1rem}.advice-header{position:sticky;z-index:30;top:0;display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"spacer logo menu" "nav nav nav";align-items:center;gap:.25rem 2rem;min-height:178px;padding:.5rem clamp(1.2rem,4vw,5rem) .8rem;border-bottom:1px solid var(--sand);background:#fff;box-shadow:0 8px 30px rgba(7,29,48,.08)}.advice-brand{grid-area:logo;justify-self:center;display:inline-flex}.advice-brand img{width:220px;height:112px;object-fit:contain}.advice-menu-toggle{grid-area:menu;justify-self:end;display:none}.advice-nav{grid-area:nav;display:flex;justify-content:center;gap:clamp(.75rem,2vw,2.2rem);font-size:.65rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.advice-nav a{text-decoration:none}.advice-nav a:hover,.advice-nav a:focus-visible{color:var(--blue)}.advice-nav a[aria-current="page"]{color:var(--blue);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.35rem}.advice-menu-toggle:focus-visible,.advice-nav a:focus-visible,.advice-card a:focus-visible,.advice-back:focus-visible,.advice-footer a:focus-visible{outline:3px solid #6ba0cf;outline-offset:4px}.advice-intro{padding:clamp(4rem,8vw,8rem) clamp(1.25rem,7vw,8rem);background:var(--navy);color:#fff;text-align:center}.advice-intro h1{max-width:1000px;margin:0 auto 1rem;font-family:Georgia,serif;font-size:clamp(2.8rem,5vw,5.5rem);font-weight:400;line-height:1.05}.advice-intro p{max-width:700px;margin:0 auto;color:#d8e0e5;font-size:clamp(1rem,1.5vw,1.2rem)}.advice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;width:min(1260px,calc(100% - 3rem));margin:0 auto;padding:clamp(3rem,6vw,6rem) 0}.advice-card{display:flex;min-width:0;flex-direction:column;border:1px solid var(--sand);background:var(--white);box-shadow:0 18px 40px rgba(7,29,48,.08)}.advice-placeholder{display:grid;min-height:220px;place-items:center;padding:2rem;border-bottom:1px solid #bac6ce;background:repeating-linear-gradient(135deg,#e7ecef 0,#e7ecef 18px,#dce4e8 18px,#dce4e8 36px);color:#42515d;text-align:center}.advice-placeholder span{padding:.65rem .85rem;border:1px solid #8798a3;background:rgba(255,255,255,.8);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.advice-card-body{display:flex;flex:1;flex-direction:column;padding:1.5rem}.advice-meta{margin:0 0 .75rem;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.advice-card h2{margin:0 0 1.5rem;font-family:Georgia,serif;font-size:clamp(1.45rem,2vw,2rem);font-weight:400;line-height:1.2}.advice-card a{align-self:flex-start;margin-top:auto;color:var(--blue);font-weight:800;text-underline-offset:.25rem}.article-shell{width:min(920px,calc(100% - 2.5rem));margin:0 auto;padding:clamp(2rem,5vw,4rem) 0 clamp(4rem,8vw,8rem)}.article-breadcrumb{margin:0 0 2rem}.advice-back{color:var(--blue);font-weight:800;text-underline-offset:.25rem}.article-hero{margin-bottom:clamp(2.5rem,6vw,5rem)}.article-hero h1{margin:.8rem 0 1rem;font-family:Georgia,serif;font-size:clamp(2.6rem,5vw,5rem);font-weight:400;line-height:1.06}.article-hero .advice-placeholder{min-height:clamp(260px,42vw,430px);margin-top:2rem;border:1px solid #bac6ce}.article-content{max-width:760px;margin:0 auto}.article-content h2,.article-content h3{font-family:Georgia,serif;font-weight:400;line-height:1.2}.article-content h2{margin:2.8rem 0 1rem;font-size:clamp(1.8rem,3vw,2.6rem)}.article-content h3{margin:2.2rem 0 .8rem;font-size:clamp(1.35rem,2.2vw,1.8rem)}.article-content p{margin:0 0 1.2rem;font-size:1.05rem}.article-content ul,.article-content ol{margin:0 0 1.5rem;padding-left:1.5rem}.article-content li{margin:.45rem 0;padding-left:.25rem}.article-return{max-width:760px;margin:3.5rem auto 0;padding-top:2rem;border-top:1px solid var(--sand)}.advice-footer{padding:3rem clamp(1.25rem,7vw,8rem);border-top:1px solid var(--sand);background:#fff;text-align:center}.advice-footer img{width:190px;height:96px;object-fit:contain}.advice-footer p{margin:.5rem auto 0;color:var(--muted);font-size:.78rem}.advice-footer a{color:var(--blue);text-underline-offset:.25rem}
@media(max-width:1024px){.advice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advice-header{gap:.25rem 1rem}.advice-nav{gap:.75rem;font-size:.6rem}}
@media(max-width:700px){.advice-header{min-height:112px;grid-template-columns:1fr auto;grid-template-areas:"logo menu";padding:.4rem 1rem}.advice-brand{justify-self:start}.advice-brand img{width:176px;height:94px}.advice-menu-toggle{display:inline-flex;padding:.65rem .8rem;border:1px solid var(--blue);background:#fff;color:var(--ink);font-size:.7rem;font-weight:800;text-transform:uppercase}.advice-nav{position:absolute;top:112px;right:1rem;left:1rem;display:none;flex-direction:column;padding:.7rem;border:1px solid var(--sand);background:#fff;box-shadow:0 20px 45px rgba(0,0,0,.2)}.advice-nav.is-open{display:flex}.advice-nav a{padding:.75rem}.advice-grid{grid-template-columns:1fr;width:min(100% - 2rem,600px)}.advice-placeholder{min-height:190px}.article-shell{width:min(100% - 2rem,760px)}.article-content p{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.advice-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

@media (max-width: 1024px) {
  html { scroll-padding-top: 112px; }
  .advice-header { min-height: 96px; height: 96px; grid-template-columns: minmax(0,1fr) auto; grid-template-areas: "logo menu"; padding: .5rem 1rem; gap: 0 1rem; }
  .advice-brand { justify-self: start; }
  .advice-brand img { width: 148px; height: 76px; }
  .advice-menu-toggle { display: inline-flex; min-height: 44px; min-width: 64px; align-items: center; justify-content: center; padding: .65rem .8rem; border: 1px solid var(--blue); background: #fff; color: var(--ink); font-size: .75rem; font-weight: 800; text-transform: uppercase; }
  .advice-nav { position: absolute; top: 100%; left: 1rem; right: 1rem; display: none; flex-direction: column; gap: 0; padding: .5rem; max-height: calc(100dvh - 112px); overflow-y: auto; overscroll-behavior: contain; border: 1px solid var(--sand); background: #fff; box-shadow: 0 20px 45px rgba(0,0,0,.2); }
  .advice-nav.is-open { display: flex; }
  .advice-nav a { display: flex; align-items: center; min-height: 44px; padding: .65rem .75rem; font-size: .8rem; }
  .advice-card a, .advice-back, .advice-footer a { display: inline-flex; align-items: center; min-height: 44px; }
  .article-content, .article-hero h1 { overflow-wrap: anywhere; }
}
@media (max-width: 1024px) and (max-height: 500px) {
  .advice-header { min-height: 72px; height: 72px; padding-block: .25rem; }
  .advice-brand img { width: 124px; height: 64px; }
  .advice-nav { max-height: calc(100dvh - 146px); }
  html { scroll-padding-top: 88px; }
}