/* Advice shelf — the answer layer. Read, not scanned: one column, short measure. */
.advice{max-width:62ch;margin:0 auto;padding:8px 0 48px}
.advice__head{margin:24px 0 4px;font-size:1.9rem;line-height:1.15}
.advice__lead{margin:0 0 28px;opacity:.72;font-size:1.05rem}
/* the heading IS the door to the team (ensemble.joenit.com) — a heading that
   happens to be a link, never a link pasted into a heading: same ink, and the
   underline only on hover so the page still opens with a title, not a menu. */
.advice__team{color:inherit;text-decoration:none}
.advice__team:hover{text-decoration:underline;text-underline-offset:3px}
.faq__title{margin:32px 0 12px;font-size:1.35rem}
.faq__item{padding:18px 0;border-top:1px solid rgba(128,128,128,.22)}
.faq__item:first-of-type{border-top:0}
.faq__q{margin:0 0 8px;font-size:1.1rem;line-height:1.3}
.faq__a{line-height:1.6}
.faq__a p{margin:0 0 .8em}
.faq__a p:last-child{margin-bottom:0}
/* the byline — quiet, under the answer it belongs to. It is EVIDENCE, not a
   badge, so it is set back like a caption rather than dressed up; the name is
   the only part that carries ink, and it is a link to the person's home on the
   people door. Underlined with a soft rule instead of the default so a run of
   answers does not read as a list of links. */
.faq__by{margin:.9em 0 0;font-size:.9rem;opacity:.68}
.faq__by a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(128,128,128,.45)}
.faq__by a:hover{border-bottom-color:currentColor}
.advice__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:8px 0 0}
.advice__card{display:block;padding:16px 18px;border:1px solid rgba(128,128,128,.25);border-radius:6px;text-decoration:none}
.advice__card:hover{border-color:rgba(128,128,128,.5)}
.advice__card b{display:block;font-size:1.05rem;margin-bottom:4px}
.advice__card span{opacity:.65;font-size:.9rem}
/* the shelf is young and says so — quiet, under the cards */
.advice__note{margin:22px 0 0;opacity:.62;font-size:.95rem}
@media (max-width:640px){.advice__head{font-size:1.5rem}}