/* Tools we trust: categories of tool cards, with paid links marked. */
.disclosure { display: flex; gap: 12px; align-items: baseline; padding: 16px 20px; border: 1px solid var(--line2); background: rgba(var(--gold-rgb), 0.07); max-width: 900px; }
.disclosure p { margin: 0; color: var(--ink2); }
.paid { display: inline-block; font-family: Oswald, sans-serif; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; padding: 2px 8px; border: 1px solid var(--gold-line); color: var(--gold-text); white-space: nowrap; }
.jump { display: flex; flex-wrap: wrap; gap: 10px; }
.jump a { font-family: Oswald, sans-serif; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; padding: 8px 14px; border: 1px solid var(--line2); color: var(--ink); }
.jump a:hover { border-color: var(--gold-line); color: var(--gold-text); }
#cats { display: flex; flex-direction: column; gap: 48px; }
.cat { display: flex; flex-direction: column; gap: 18px; scroll-margin-top: 110px; }
.cat-head { display: flex; gap: 18px; align-items: baseline; flex-wrap: wrap; }
.cat-head .no { font-family: Limelight, serif; font-size: 32px; line-height: 1; color: var(--gold-text); }
.cat-head h2 { font-size: 28px; }
.cat-head p { margin: 0; color: var(--ink3); flex-basis: 100%; }
.tool-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 20px; }
.tool { background: var(--panel); border: 1px solid var(--line2); padding: 24px; display: flex; flex-direction: column; gap: 10px; }
.tool h3 { margin: 0; font-family: Oswald, sans-serif; font-weight: 500; font-size: 24px; text-transform: uppercase; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.tool .for { font-family: Oswald, sans-serif; font-size: 13px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold-text); }
.tool p { margin: 0; color: var(--ink2); }
.tool .btn { margin-top: auto; align-self: flex-start; height: 46px; padding: 0 20px; }
.suggest { max-width: 900px; }
.suggest a { text-decoration: underline; }