.hero.advice-hero { padding-bottom: 24px; }
.hero.advice-hero h1 { max-width: 30ch; margin-bottom: 0; }
.advice-doc { max-width: 62rem; }
.advice-doc h2 { font: 700 13px/1 var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--blue-soft); margin: 2.8rem 0 1rem; }
.advice-doc p { margin: 0 0 1rem; color: var(--muted); }
.advice-doc .answer { font-size: 1.2rem; line-height: 1.5; color: #edf3f6; margin: 1.6rem 0 0; max-width: 44rem; }
.advice-doc .docmeta { font-size: .88rem; color: var(--subtle); border-bottom: 1px solid var(--line); padding-bottom: 1.2rem; margin-bottom: 0; }
.advice-doc ul, .advice-doc ol { margin: .3rem 0 1.2rem; padding-left: 1.4rem; max-width: 44rem; }
.advice-doc li { margin-bottom: .6rem; color: var(--muted); }
.advice-doc li strong, .advice-doc td strong, .advice-doc th { color: #edf3f6; }
.advice-doc .tbl { overflow-x: auto; margin: 0 0 1.4rem; }
.advice-doc table { width: 100%; min-width: 34rem; border-collapse: collapse; font-size: .95rem; }
.advice-doc th { font: 700 12px/1.3 var(--cond); letter-spacing: .1em; text-transform: uppercase; text-align: left; padding: .7rem .9rem; border-bottom: 2px solid var(--line); }
.advice-doc td { padding: .8rem .9rem; border-bottom: 1px solid var(--line); vertical-align: top; color: var(--muted); }
.advice-doc td:first-child { color: #edf3f6; }
.advice-doc hr { border: 0; border-top: 1px solid var(--line); margin: 2.4rem 0; }
.advice-doc a { color: var(--blue-soft); }
.advice-doc .related { font-size: .9rem; color: var(--subtle); }
