/* Scoped to the custom interface guide. */
.af-guide{--af-guide-ink:#172a32;--af-guide-accent:#0b655d;--af-guide-line:#d9e5e1;color:var(--af-guide-ink);font-size:16px;line-height:1.65;padding:12px 0 36px;overflow-wrap:anywhere}
.af-guide *{box-sizing:border-box}
.af-guide h1{font-size:clamp(27px,3.4vw,40px);line-height:1.15;margin:8px 0 18px;max-width:800px}
.af-guide h2{font-size:26px;line-height:1.25;margin:0 0 18px}
.af-guide h3{font-size:21px;line-height:1.3;margin:8px 0 12px}
.af-guide p{margin:0 0 16px}
.af-guide .af-guide-kicker{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--af-guide-accent);margin:0 0 10px}
.af-guide .af-guide-lead{font-size:19px;max-width:820px}
.af-guide-nav{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 32px}
.af-guide-nav a,.af-guide-link{display:inline-block;padding:10px 15px;border:1px solid var(--af-guide-accent);border-radius:5px;color:var(--af-guide-accent);text-decoration:none;font-weight:700;line-height:1.4}
.af-guide-nav a:hover,.af-guide-nav a:focus,.af-guide-link:hover,.af-guide-link:focus{background:#e7f3ef;color:#064c46}
.af-guide a:focus-visible,.af-guide summary:focus-visible,.af-guide-scroll:focus-visible{outline:3px solid #208477;outline-offset:4px}
.af-guide-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.af-guide-case{padding:25px;border:1px solid var(--af-guide-line);border-top:4px solid var(--af-guide-accent);border-radius:9px;background:#f5f9f7;scroll-margin-top:24px;min-width:0}
.af-guide-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:18px 0;font-size:14px;font-weight:700}
.af-guide-flow span{padding:7px 10px;border:1px solid var(--af-guide-line);background:#fff;border-radius:4px}
.af-guide-flow b{color:var(--af-guide-accent)}
.af-guide-case .af-guide-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.af-guide-section{margin-top:40px;scroll-margin-top:24px;min-width:0}
.af-guide-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--af-guide-line);border-radius:7px}
.af-guide table{width:100%;min-width:680px;border-collapse:collapse;font-size:14px;line-height:1.5}
.af-guide caption{text-align:left;padding:14px;font-weight:700;background:#edf5f1}
.af-guide th,.af-guide td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--af-guide-line)}
.af-guide thead th{background:#e4f0eb}.af-guide tbody th{min-width:140px}.af-guide tr:last-child>*{border-bottom:0}
.af-guide tbody tr:nth-child(even){background:#f5f8f7}.af-guide td a,.af-guide th a{color:var(--af-guide-accent);text-decoration:underline}
.af-guide-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.af-guide-compare>section{border:1px solid var(--af-guide-line);border-radius:8px;padding:24px}
.af-guide-compare ul,.af-guide-checks{padding-left:22px;margin:0 0 20px}.af-guide li{margin-bottom:8px}
.af-guide-note{padding:22px 25px;background:#192e37;border-radius:8px;color:#fff;margin-top:24px}.af-guide-note h2{color:#fff;font-size:23px}
.af-guide details{padding:16px 0;border-bottom:1px solid var(--af-guide-line)}.af-guide summary{cursor:pointer;font-weight:700}.af-guide details p{margin:12px 0 0}
@media(max-width:760px){.af-guide-cases,.af-guide-compare{grid-template-columns:1fr}.af-guide-case,.af-guide-compare>section{padding:20px}.af-guide h2{font-size:23px}.af-guide .af-guide-lead{font-size:17px}.af-guide-section{margin-top:30px}.af-guide-nav a{font-size:14px}.af-guide-note{padding:20px}}