/* AVA Core — Auditor C1 parity pass (28 Sep 2026): Learn hub (page 2593, frames 1:19356 / 1:19805) and the guide
   article template (pages 2594-2597 + single posts, frames 1:17966 / 1:18530). Loaded after ava-learn.css, scoped to
   .ava-learn-hub / .ava-guide-article so the Terp of the Month rules in ava-learn.css are untouched.
   Every number is the frame's own (read-only Plugin-API token dump of the frame: padding, gap, radius, stroke, fill,
   font size / weight / line height / tracking). Line heights are written in px = round(size x %) because Figma rounds
   each line box to whole pixels (Auditor A method). */

/* ============================== shared (hub + article) ============================== */
.ava-learn-hub, .ava-guide-article { --c1-ink: #151515; --c1-muted: #6B685E; --c1-line: #DCD8CA; --c1-cream: #EDEBE1; --c1-red: #FF4438; --c1-navy: #193E81; --c1-gold: #AD8C5C; }
.ava-learn-hub p, .ava-guide-article p, .ava-learn-hub h1, .ava-learn-hub h2, .ava-learn-hub h3, .ava-guide-article h1, .ava-guide-article h2, .ava-guide-article h3 { margin: 0; }
.ava-learn-hub .avl-h1, .ava-learn-hub .avl-h2, .ava-learn-hub .avl-h3, .ava-guide-article .avl-h1, .ava-guide-article .avl-h2, .ava-guide-article .avl-h3 { color: var(--c1-ink); }

/* breadcrumb: one muted 13/150% string, words separated by " › " (1:19404 / 1:18015) */
.ava-learn-hub .avl-crumbs ol, .ava-guide-article .avl-crumbs ol { display: block; margin: 0; padding: 0; font: 400 13px/20px 'Krub', sans-serif; color: var(--c1-muted); }
.ava-learn-hub .avl-crumbs li, .ava-guide-article .avl-crumbs li { display: inline; }
.ava-learn-hub .avl-crumbs li:not(:last-child)::after, .ava-guide-article .avl-crumbs li:not(:last-child)::after { content: " \203A  "; content: "  ›  "; white-space: pre; margin: 0; opacity: 1; } /* the frame sets two spaces either side of each › (measured: 8-9 px gaps at 13 px) */
.ava-learn-hub .avl-crumbs a, .ava-guide-article .avl-crumbs a, .ava-learn-hub .avl-crumbs [aria-current], .ava-guide-article .avl-crumbs [aria-current] { color: var(--c1-muted); }

/* card anatomy (H6 card 1:19476): white, 1px #DCD8CA inside stroke, r14; body 18/20 padding, gap 10 */
.ava-learn-hub .avl-cards, .ava-guide-article .avl-cards { gap: 24px; }
.ava-learn-hub .avl-card, .ava-guide-article .avl-card { border: 1px solid var(--c1-line); border-radius: 14px; background: #fff; }
.ava-learn-hub .avl-card__img { height: 139px; background: var(--c1-ink); } /* 140 in the frame incl. the card's 1px inside stroke, which CSS draws outside the image */
.ava-learn-hub .avl-cards--featured .avl-card__img { height: 169px; }
.ava-learn-hub .avl-section--c1 .avl-card__img { background: var(--c1-red); }
.ava-learn-hub .avl-section--c2 .avl-card__img { background: var(--c1-navy); }
.ava-learn-hub .avl-card__b, .ava-guide-article .avl-card__b { padding: 17px 19px; gap: 10px; } /* 18/20 minus the 1px CSS border (Figma strokes sit inside the box) */
.ava-learn-hub .avl-card__img + .avl-card__b { padding-top: 18px; }
.ava-learn-hub .avl-card__tag, .ava-guide-article .avl-card__tag { padding: 4px 10px; border-radius: 999px; background: var(--c1-gold); color: #fff; font: 600 10px/12px 'Krub', sans-serif; letter-spacing: .1px; text-transform: uppercase; }
.ava-learn-hub .avl-card__title { font: 600 17px/22px 'Krub', sans-serif; color: var(--c1-ink); }
.ava-learn-hub .avl-cards--featured .avl-card__title { font-size: 19px; line-height: 24px; }
.ava-learn-hub .avl-card__dek, .ava-guide-article .avl-card__dek { font: 400 13px/19px 'Krub', sans-serif; color: var(--c1-muted); }
.ava-learn-hub .avl-card__meta, .ava-guide-article .avl-card__meta { gap: 10px; font: 600 10px/12px 'Krub', sans-serif; letter-spacing: .1px; text-transform: uppercase; color: var(--c1-muted); }
.ava-learn-hub .avl-card__meta .avl-dot { display: none; }
.ava-learn-hub .avl-section--dot .avl-card__meta { gap: 0; }
.ava-learn-hub .avl-section--dot .avl-card__meta .avl-dot { display: inline; white-space: pre; }
.ava-learn-hub #pre-rolls .avl-card__tag { color: var(--c1-ink); } /* 1:19516: the Pre-Rolls row's chips carry ink text (the other rows white) */

/* local store block (1:19779 hub / 1:18175 article): navy card r18, left column 760 with 44/24/44/48 padding, gap 14 */
.ava-learn-hub .avl-local-wrap { padding: 64px max(80px, calc((100% - 1280px) / 2)) !important; background: #fff; }
.ava-guide-article .avl-local-wrap { padding: 64px max(72px, calc((100% - 1296px) / 2)) !important; background: #fff; }
.ava-learn-hub .avl-local, .ava-guide-article .avl-local { gap: 40px; border-radius: 18px; min-height: 0; height: 329px; background: var(--c1-navy); }
.ava-learn-hub .avl-local__l, .ava-guide-article .avl-local__l { flex: 0 0 760px; box-sizing: border-box; padding: 44px 24px 44px 48px; gap: 14px; justify-content: flex-start; }
.ava-learn-hub .avl-local__l .avl-eyebrow, .ava-guide-article .avl-local__l .avl-eyebrow { font: 600 12px/14px 'Krub', sans-serif; letter-spacing: 1.44px; color: var(--c1-red); margin: 0; }
.ava-learn-hub .avl-local__h2, .ava-guide-article .avl-local__h2 { font: 700 28px/33px 'Krub', sans-serif; color: #fff; }
.ava-learn-hub .avl-local__lines, .ava-guide-article .avl-local__lines { gap: 6px; }
.ava-learn-hub .avl-local__lines p, .ava-guide-article .avl-local__lines p { font: 400 15px/23px 'Krub', sans-serif; color: #fff; }
.ava-learn-hub .avl-local__lines p:first-child, .ava-guide-article .avl-local__lines p:first-child { font: 600 17px/26px 'Krub', sans-serif; }
.ava-learn-hub .avl-local__lines p:last-child, .ava-guide-article .avl-local__lines p:last-child { font: 400 14px/20px 'Krub', sans-serif; }
.ava-learn-hub .avl-local__lines .avl-local__dot, .ava-guide-article .avl-local__lines .avl-local__dot,
.ava-learn-hub .avl-local__lines .avl-local__transit, .ava-guide-article .avl-local__lines .avl-local__transit { display: none; }
.ava-learn-hub .avl-local__btns, .ava-guide-article .avl-local__btns { gap: 12px; }
.ava-learn-hub .avl-local__btns .avc-btn, .ava-guide-article .avl-local__btns .avc-btn { height: 42px; min-height: 0; box-sizing: border-box; padding: 0 22px; border-radius: 4px; font: 600 14px/18px 'Krub', sans-serif; letter-spacing: .5px; text-transform: none; display: inline-flex; align-items: center; justify-content: center; }
.ava-learn-hub .avl-local__btns .avc-btn--red, .ava-guide-article .avl-local__btns .avc-btn--red { background: var(--c1-red); border: 0; color: #fff; }
.ava-learn-hub .avl-local__btns .avc-btn--outline-white, .ava-guide-article .avl-local__btns .avc-btn--outline-white { background: transparent; border: 1.5px solid rgba(255, 255, 255, .6); color: #fff; }
.ava-learn-hub .avl-local__map, .ava-guide-article .avl-local__map { border: 1px solid var(--c1-line); background: var(--c1-gold); }
.ava-learn-hub .avl-local__maplabel, .ava-guide-article .avl-local__maplabel { left: 20px; top: 20px; padding: 9px 14px; border-radius: 4px; font: 600 10px/12px 'Krub', sans-serif; letter-spacing: .8px; color: var(--c1-ink); }
.ava-guide-article .avl-local__maplabel { left: 19px; top: 19px; } /* inside the 1px map stroke */
.ava-learn-hub .avl-local__maplabel { left: 19px; top: 19px; }

/* compliance (A20 1:19801 / 1:18197): red band, white 13/158% */
.ava-learn-hub .avl-compliance, .ava-guide-article .avl-compliance { background: var(--c1-red); padding-block: 24px; }
.ava-learn-hub .avl-compliance p, .ava-guide-article .avl-compliance p { font: 400 13px/21px 'Krub', sans-serif; color: #fff; }

/* FAQ plus / minus: the frame's 22 px stroke vectors (plus #151515 1.83, minus #FF4438 2.02), as on About (Auditor A F16) */
.ava-learn-hub .avc-faq__ic svg, .ava-guide-article .avc-faq__ic svg { display: none !important; }
.ava-learn-hub .avc-faq__ic, .ava-guide-article .avc-faq__ic { width: 22px; height: 22px; flex: 0 0 22px; background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 4.58301V17.4163M4.58337 10.9997H17.4167' stroke='%23151515' stroke-width='1.83333' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 22px 22px; }
.ava-learn-hub .is-open > .avc-faq__q .avc-faq__ic, .ava-guide-article .is-open > .avc-faq__q .avc-faq__ic { background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.58333 11H17.4167' stroke='%23FF4438' stroke-width='2.01667' stroke-linecap='round'/%3E%3C/svg%3E"); }
.ava-learn-hub .avc-faq__q, .ava-guide-article .avc-faq__q { margin: 0; }

/* ============================== Learn hub, desktop (1:19356) ============================== */
/* H1 H2 H3 1:19402: 44/72/20/72, gap 20 */
.ava-learn-hub .avl-hero { display: flex; flex-direction: column; gap: 20px; padding-top: 44px; padding-bottom: 20px; }
.ava-learn-hub .avl-hero .avl-crumbs ol { margin: 0; }
.ava-learn-hub .avl-hero .avl-h1 { font: 700 44px/51px 'Krub', sans-serif; letter-spacing: -.44px; margin: 0; }
.ava-learn-hub .avl-hero .avl-sub { font: 400 19px/28px 'Krub', sans-serif; color: var(--c1-muted); margin: 0; }
.ava-learn-hub .avl-answer { display: flex; flex-direction: column; gap: 8px; padding: 22px 28px; border-radius: 8px; background: var(--c1-cream); margin: 0; }
.ava-learn-hub .avl-answer__label { font: 600 12px/14px 'Krub', sans-serif; letter-spacing: .12px; color: var(--c1-red); margin: 0; }
.ava-learn-hub .avl-answer__body { font: 400 18px/27px 'Krub', sans-serif; color: var(--c1-ink); }
.ava-learn-hub .avl-hero > .avl-p { font: 400 17px/27px 'Krub', sans-serif; color: var(--c1-ink); margin: 0; }
.ava-learn-hub .avl-chips { gap: 10px; margin: 0; }
.ava-learn-hub .avl-chip { padding: 8px 15.3px; border: 1px solid var(--c1-line); border-radius: 999px; background: #fff; font: 600 14px/21px 'Krub', sans-serif; color: var(--c1-ink); }

/* H4 Featured 1:19428: 40/72/40/72; inner gap 24; eyebrow 14/120% 600 +2% red */
.ava-learn-hub .avl-section--start { display: flex; flex-direction: column; gap: 24px; padding-top: 40px; padding-bottom: 40px; }
.ava-learn-hub .avl-section--start .avl-eyebrow { font: 600 14px/17px 'Krub', sans-serif; letter-spacing: .28px; color: var(--c1-red); margin: 0; }

/* H7 Start-Here 1:19462: 8/72/40/72; ink band r16 28/36 gap 24; button 262 x 44 */
.ava-learn-hub .avl-section--tight { padding-top: 8px; padding-bottom: 40px; }
.ava-learn-hub .avl-band--ink { gap: 24px; padding: 28px 36px; border-radius: 16px; background: var(--c1-ink); }
.ava-learn-hub .avl-band--ink .avl-band__l { display: flex; flex-direction: column; gap: 6px; }
.ava-learn-hub .avl-band--ink .avl-band__t { font: 700 24px/29px 'Krub', sans-serif; color: #fff; margin: 0; }
.ava-learn-hub .avl-band--ink .avl-band__b { font: 400 16px/24px 'Krub', sans-serif; color: #fff; }
.ava-learn-hub .avl-band--ink > a.avc-btn, .ava-learn-hub .avl-capture .avl-c1-btn { height: 44px; min-height: 0; box-sizing: border-box; padding: 0 28px; border-radius: 3px; display: inline-flex; align-items: center; justify-content: center; background: var(--c1-red); color: #fff; border: 0; font: 600 14px/14px 'Krub', sans-serif; letter-spacing: .28px; text-transform: uppercase; }

/* H5 category sections 1:19470: 56/72/56/72, inner gap 20; cream / white alternate */
.ava-learn-hub .avl-section--cat { display: flex; flex-direction: column; gap: 20px; padding-top: 56px; padding-bottom: 56px; background: #fff; }
.ava-learn-hub .avl-section--cat.avl-section--cream { background: var(--c1-cream); }
.ava-learn-hub .avl-section--cat .avl-h2 { font: 700 30px/35px 'Krub', sans-serif; letter-spacing: -.3px; margin: 0; }
.ava-learn-hub .avl-section--cat .avl-p { font: 400 17px/27px 'Krub', sans-serif; color: var(--c1-ink); margin: 0; }
.ava-learn-hub .avl-section--cat .avl-shoplink { display: block; width: max-content; margin: 0; font: 600 16px/25px 'Krub', sans-serif; color: var(--c1-red); }

/* H8 Capture 1:19542: #0E0E0E, 48/72; inner row gap 32; title 24/120% white, body 16/148% cream; field 280 x 52, Join 84 x 46 */
.ava-learn-hub .avl-capture { gap: 32px; padding-top: 48px; padding-bottom: 48px; background: #0E0E0E; }
.ava-learn-hub .avl-capture__l { display: flex; flex-direction: column; gap: 6px; }
.ava-learn-hub .avl-capture__t { font: 700 24px/29px 'Krub', sans-serif; color: #fff; margin: 0; }
.ava-learn-hub .avl-capture__b { font: 400 16px/24px 'Krub', sans-serif; color: var(--c1-cream); }
.ava-learn-hub .avl-capture .mc4wp-form-fields { gap: 12px; align-items: flex-start; }
.ava-learn-hub .avl-capture input[type="email"] { width: 280px; min-width: 0; height: 52px; padding: 0 18px; border-radius: 3px; font: 400 15px/23px 'Krub', sans-serif; color: var(--c1-ink); }
.ava-learn-hub .avl-capture input[type="email"]::placeholder { color: var(--c1-muted); opacity: 1; }
.ava-learn-hub .avl-capture input[type="submit"] { height: 46px; padding: 0 26px; border-radius: 3px; font: 600 14px/14px 'Krub', sans-serif; letter-spacing: .28px; }

/* 15 FAQ 1:19744: cream + the white contour group at -293,-232 (op .25), 96/80/96/80, gap 64; heading 380 gap 14 */
.ava-learn-hub .avl-faq { gap: 64px; padding: 96px max(80px, calc((100% - 1280px) / 2)) !important; background: #EDEBE1 url("img/home-faq-contour.svg") no-repeat calc(50% - 1013px) -232px / 585.02px 1216.91px; }
.ava-learn-hub .avl-faq__l { flex: 0 0 380px; gap: 14px; }
.ava-learn-hub .avl-faq__l .avl-eyebrow { font: 600 13px/16px 'Krub', sans-serif; letter-spacing: 1.56px; color: var(--c1-red); margin: 0; }
.ava-learn-hub .avl-faq__l .avl-h2 { font: 700 36px/47px 'Krub', sans-serif; letter-spacing: -.36px; }
.ava-learn-hub .avl-faq__l .avc-btn { height: 49px; min-height: 0; box-sizing: border-box; padding: 0 30px; border-radius: 3px; display: inline-flex; align-items: center; background: var(--c1-ink); color: #fff; border: 0; font: 600 15px/15px 'Krub', sans-serif; letter-spacing: .3px; text-transform: uppercase; }
.ava-learn-hub .avl-faq__r { flex: 0 0 836px; }
.ava-learn-hub .avl-faq-acc.avc-faq { background: #fff; border: 1px solid var(--c1-line); border-radius: 8px; overflow: hidden; }
.ava-learn-hub .avl-faq-acc .avc-faq__item { border: 0; border-top: 1px solid var(--c1-line); background: #fff; margin: 0; }
.ava-learn-hub .avl-faq-acc .avc-faq__item:first-child { border-top: 0; }
.ava-learn-hub .avl-faq-acc .avc-faq__btn { display: flex; align-items: center; justify-content: space-between; gap: 0; width: 100%; padding: 24px 27px 24px 27px !important; background: transparent; border: 0; font: 700 20px/24px 'Krub', sans-serif !important; color: var(--c1-ink); text-align: left; text-transform: none; letter-spacing: 0; min-height: 0; }
.ava-learn-hub .avl-faq-acc .avc-faq__btn { padding-top: 23px !important; } /* 24 in the frame incl. the 1px inside stroke above each row */
.ava-learn-hub .avl-faq-acc .avc-faq__item:last-child:not(.is-open) .avc-faq__btn { padding-bottom: 23px !important; }
.ava-learn-hub .avl-faq-acc .avc-faq__item:last-child.is-open .avc-faq__inner { padding-bottom: 23px !important; }
.ava-learn-hub .avl-faq-acc .avc-faq__inner { padding: 0 27px 24px !important; margin-top: -10px; font: 400 16px/25px 'Krub', sans-serif !important; color: var(--c1-muted) !important; }
.ava-learn-hub .avl-faq-acc .avc-faq__inner p { margin: 0; max-width: 758px; }

/* ============================== guide article, desktop (1:17966) ============================== */
/* A1-A4 1:18012: 40/72/8/72; inner gap 24 */
.ava-guide-article .avl-hero--article { display: flex; flex-direction: column; gap: 24px; padding-top: 40px; padding-bottom: 8px; }
.ava-guide-article .avl-crumbrow { align-items: center; gap: 12px; margin: 0; min-height: 23px; }
.ava-guide-article .avl-crumbrow .avl-crumbs { flex: 1 1 auto; min-width: 0; }
.ava-guide-article .avl-chip--float { padding: 5px 12px; border: 0; border-radius: 999px; background: var(--c1-red); color: #fff; font: 600 11px/13px 'Krub', sans-serif; letter-spacing: .11px; text-transform: uppercase; }
.ava-guide-article .avl-c1-head { display: flex; flex-direction: column; gap: 16px; }
.ava-guide-article .avl-h1--article { font: 700 40px/48px 'Krub', sans-serif; letter-spacing: -.4px; margin: 0; }
.ava-guide-article .avl-meta { font: 400 15px/23px 'Krub', sans-serif; color: var(--c1-muted); margin: 0; white-space: pre-wrap; }
.ava-guide-article .avl-a3a4 { grid-template-columns: 872px 400px; gap: 24px; align-items: start; }
.ava-guide-article .avl-answer--wide { display: flex; flex-direction: column; gap: 10px; padding: 24px 28px; border-radius: 8px; background: var(--c1-cream); }
.ava-guide-article .avl-answer__label { font: 600 12px/14px 'Krub', sans-serif; letter-spacing: .12px; text-transform: uppercase; color: var(--c1-red); margin: 0; }
.ava-guide-article .avl-answer__body { font: 400 18px/27px 'Krub', sans-serif; color: var(--c1-ink); }
.ava-guide-article .avl-takeaways { display: flex; flex-direction: column; gap: 12px; padding: 23px; border: 1px solid var(--c1-line); border-radius: 8px; background: #fff; }
.ava-guide-article .avl-takeaways .avl-answer__label { color: var(--c1-muted); }
.ava-guide-article .avl-takeaways ul { gap: 12px; margin: 0; }
.ava-guide-article .avl-takeaways li { gap: 10px; font: 400 14px/20px 'Krub', sans-serif; color: var(--c1-ink); }
.ava-guide-article .avl-tick { width: 18px; height: 18px; flex: 0 0 18px; }

/* D3 1:18048: 56/72/56/72; TOC 250 + gap 48 + body 955 */
.ava-guide-article .avl-body-wrap { padding-top: 56px; padding-bottom: 56px; }
.ava-guide-article .avl-body-grid { grid-template-columns: 250px 955px; gap: 48px; max-width: none; margin: 0; }
.ava-guide-article .avl-toc { top: 24px; padding: 22px; border-radius: 12px; background: var(--c1-cream); }
.ava-guide-article .avl-toc__label { display: block; font: 600 12px/14px 'Krub', sans-serif; letter-spacing: .12px; text-transform: uppercase; color: var(--c1-muted); margin: 0 0 12px; }
.ava-guide-article .avl-toc__label .avl-toc__chev { display: none; }
.ava-guide-article .avl-toc ul { gap: 12px; }
.ava-guide-article .avl-toc a { display: block; font: 400 14px/19px 'Krub', sans-serif; color: var(--c1-ink); }
.ava-guide-article .avl-toc li:first-child a { font-weight: 600; color: var(--c1-red); }
.ava-guide-article .avl-body { gap: 24px; }
.ava-guide-article .avl-body > .avl-p--lead, .ava-guide-article .avl-body > .avl-p, .ava-guide-article .avl-body > .avl-p p { font: 400 17px/28px 'Krub', sans-serif; color: var(--c1-ink); margin: 0; }
.ava-guide-article .avl-body > .avl-p p + p { margin-top: 28px; }
.ava-guide-article .avl-body > .avl-h2 { font: 700 26px/33px 'Krub', sans-serif; letter-spacing: 0; margin: 0; scroll-margin-top: 24px; }
.ava-guide-article .avl-body > .avl-p.avl-table-intro, .ava-guide-article .avl-body > .avl-p.avl-table-intro p { font: 400 14px/20px 'Krub', sans-serif; color: var(--c1-muted); }
/* A9 table 1:18063: 1px #DCD8CA r10; head #151515 13/20 gap 16; rows 49 (13/20), col A 120 red 600 */
.ava-guide-article .avl-table { border: 1px solid var(--c1-line); border-radius: 10px; overflow: hidden; }
.ava-guide-article .avl-table__row { gap: 16px; padding: 13px 19px; font: 400 15px/23px 'Krub', sans-serif; }
.ava-guide-article .avl-table__row--head { padding: 13px 19px; background: var(--c1-ink); color: #fff; font: 600 11px/13px 'Krub', sans-serif; letter-spacing: .88px; text-transform: uppercase; }
.ava-guide-article .avl-table__row:first-child { padding-top: 12px; }
.ava-guide-article .avl-table__row:last-child { padding-bottom: 12px; }
.ava-guide-article .avl-table__row > span { flex: 1 1 0; min-width: 0; }
.ava-guide-article .avl-table__row > span:first-child { flex: 0 0 120px; }
.ava-guide-article .avl-table__a { font-weight: 600; color: var(--c1-red); }
/* A11 steps 1:18086: cream r12 26/28 gap 18; title 20/120%; rows gap 14, 32 px red discs, copy gap 2 */
.ava-guide-article .avl-steps--wrap { display: flex; flex-direction: column; gap: 18px; padding: 26px 28px; border-radius: 12px; background: var(--c1-cream); scroll-margin-top: 24px; }
.ava-guide-article .avl-steps__title { font: 700 20px/24px 'Krub', sans-serif; margin: 0; }
.ava-guide-article .avl-steps--wrap .avl-step { gap: 14px; }
.ava-guide-article .avl-steps--wrap .avl-step + .avl-step { margin-top: 0; }
.ava-guide-article .avl-steps--wrap .avl-step__num { width: 32px; height: 32px; flex: 0 0 32px; border-radius: 16px; font: 700 15px/18px 'Krub', sans-serif; }
.ava-guide-article .avl-step__t { font: 600 16px/25px 'Krub', sans-serif; color: var(--c1-ink); }
.ava-guide-article .avl-step__b { font: 400 14px/20px 'Krub', sans-serif; color: var(--c1-muted); }
/* A12 quote 1:18112: navy r8 24/28 gap 12 */
.ava-guide-article .avl-quote { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 24px 28px; border: 0; border-radius: 8px; background: var(--c1-navy); }
.ava-guide-article .avl-quote::before, .ava-guide-article .avl-quote::after { content: none !important; display: none !important; } /* theme blockquote pseudo-elements became flex items (+12 gap each) */
.ava-guide-article .avl-quote__label { font: 600 12px/14px 'Krub', sans-serif; letter-spacing: .12px; color: var(--c1-red); margin: 0; }
.ava-guide-article .avl-quote__text { font: 400 18px/27px 'Krub', sans-serif; color: #fff; margin: 0; }
.ava-guide-article .avl-quote cite { font: 600 14px/21px 'Krub', sans-serif; color: var(--c1-cream); }
/* A13 1:18116: cream r12 26/28 gap 12 */
.ava-guide-article .avl-local-note { display: flex; flex-direction: column; gap: 12px; padding: 26px 28px; border-radius: 12px; background: var(--c1-cream); scroll-margin-top: 24px; }
.ava-guide-article .avl-local-note .avl-h2 { font: 700 22px/26px 'Krub', sans-serif; letter-spacing: 0; margin: 0; }
.ava-guide-article .avl-local-note .avl-p { font: 400 17px/27px 'Krub', sans-serif; }
/* A15 1:18119: ink r12 26/32 gap 24 */
.ava-guide-article .avl-inline-cta { gap: 24px; padding: 26px 32px; border-radius: 12px; background: var(--c1-ink); }
.ava-guide-article .avl-inline-cta__c { flex: 1 1 auto; display: flex; flex-direction: column; gap: 4px; }
.ava-guide-article .avl-inline-cta__t { font: 700 20px/24px 'Krub', sans-serif; color: #fff; margin: 0; }
.ava-guide-article .avl-inline-cta__b { font: 400 15px/23px 'Krub', sans-serif; color: var(--c1-cream); }
.ava-guide-article .avl-inline-cta > a.avc-btn { height: 44px; min-height: 0; box-sizing: border-box; padding: 0 28px; border-radius: 3px; display: inline-flex; align-items: center; background: var(--c1-red); color: #fff; border: 0; font: 600 14px/14px 'Krub', sans-serif; letter-spacing: .28px; text-transform: uppercase; }
/* A16 FAQ 1:18126: heading 24/120%; items cream r10 18/24 gap 10, 12 apart; closed items 1px #DCD8CA */
.ava-guide-article .avl-body > .avl-h2.avl-faq-h { font: 700 24px/29px 'Krub', sans-serif; }
.ava-guide-article .avc-faq.avl-guide-faq { gap: 12px; }
.ava-guide-article .avl-guide-faq .avc-faq__item { border: 1px solid var(--c1-line) !important; border-radius: 10px !important; background: var(--c1-cream) !important; margin: 0; }
.ava-guide-article .avl-guide-faq .avc-faq__item.is-open { border-color: transparent !important; }
.ava-guide-article .avl-guide-faq .avc-faq__btn { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; padding: 17px 23px !important; background: transparent; border: 0; font: 600 17px/22px 'Krub', sans-serif !important; color: var(--c1-ink); text-align: left; text-transform: none; letter-spacing: 0; min-height: 0; }
.ava-guide-article .avl-guide-faq .avc-faq__ic { width: 16px; height: 16px; flex: 0 0 16px; background-size: 16px 16px; }
.ava-guide-article .avl-guide-faq .avc-faq__inner { padding: 0 23px 17px !important; margin-top: -7px; font: 400 15px/23px 'Krub', sans-serif !important; color: var(--c1-muted) !important; }
.ava-guide-article .avl-guide-faq .avc-faq__inner p { margin: 0; }
/* related 1:18153: 56/72; H2 22/120%; cards cream 1px r14 20/22 gap 10, no image; chip ink */
.ava-guide-article .avl-section--related { display: flex; flex-direction: column; gap: 20px; padding-top: 56px; padding-bottom: 56px; }
.ava-guide-article .avl-section--related .avl-h2 { font: 700 22px/26px 'Krub', sans-serif; letter-spacing: 0; margin: 0; }
.ava-guide-article .avl-section--related .avl-cards { gap: 20px; }
.ava-guide-article .avl-section--related .avl-card { background: var(--c1-cream); }
.ava-guide-article .avl-section--related .avl-card__img { display: none; }
.ava-guide-article .avl-section--related .avl-card__b { padding: 19px 21px; gap: 10px; }
.ava-guide-article .avl-section--related .avl-card__tag { background: var(--c1-ink); }
.ava-guide-article .avl-section--related .avl-card__title { font: 600 17px/22px 'Krub', sans-serif; color: var(--c1-ink); }
.ava-guide-article .avl-section--related .avl-card__meta span:not(:first-child) { display: none; }
/* A21 author 1:18200: navy 48/72; avatar 64, 25 to the copy; copy gap 6 */
.ava-guide-article .avl-author { padding-top: 48px; padding-bottom: 48px; background: var(--c1-navy); }
.ava-guide-article .avl-author__row { gap: 25px; align-items: center; max-width: none; margin: 0; }
.ava-guide-article .avl-author__av { width: 64px; height: 64px; border-radius: 32px; background: #fff; }
.ava-guide-article .avl-author__c { flex: 1 1 auto; gap: 6px; }
.ava-guide-article .avl-author__name { font: 600 17px/26px 'Krub', sans-serif; color: #fff; }
.ava-guide-article .avl-author__bio { font: 400 14px/21px 'Krub', sans-serif; color: var(--c1-cream); }
.ava-guide-article .avl-author__rev { font: 600 14px/21px 'Krub', sans-serif; color: #fff; }

/* ============================== laptop / tablet (no frames: keep the 1440 composition, then stack) ============================== */
@media (max-width: 1439px) {
  .ava-guide-article .avl-a3a4 { grid-template-columns: minmax(0, 872fr) minmax(0, 400fr); }
  .ava-guide-article .avl-body-grid { grid-template-columns: 250px minmax(0, 955px); }
  .ava-learn-hub .avl-faq__r { flex: 1 1 auto; }
  .ava-learn-hub .avl-local__l, .ava-guide-article .avl-local__l { flex: 0 1 760px; }
}
@media (max-width: 1100px) {
  .ava-guide-article .avl-a3a4 { grid-template-columns: 1fr; }
  .ava-learn-hub .avl-faq__l { flex: 0 0 300px; }
  .ava-learn-hub .avl-capture { flex-wrap: wrap; }
}
@media (max-width: 1024px) {
  .ava-learn-hub .avl-cards--3, .ava-guide-article .avl-cards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } /* keep the 1440 composition (no orphaned third card) */
  .ava-learn-hub .avl-local, .ava-guide-article .avl-local { height: auto; }
  .ava-learn-hub .avl-local__l, .ava-guide-article .avl-local__l { flex: 1 1 auto; }
  .ava-learn-hub .avl-local__map, .ava-guide-article .avl-local__map { min-height: 260px; }
  .ava-guide-article .avl-body-grid { grid-template-columns: 1fr; }
  .ava-learn-hub .avl-faq { flex-direction: column; gap: 32px; }
  .ava-learn-hub .avl-faq__l, .ava-learn-hub .avl-faq__r { flex: none; }
  .ava-learn-hub .avl-band--ink { flex-wrap: wrap; }
}

@media (max-width: 899px) {
  .ava-learn-hub .avl-cards--3, .ava-guide-article .avl-cards--3 { grid-template-columns: 1fr; gap: 14px; } /* the 375 composition once three columns no longer fit */
}

/* ============================== mobile (≤767: frames 1:19805 / 1:18530, 20 px gutters) ============================== */
@media (max-width: 767px) {
  .ava-learn-hub section, .ava-guide-article section { padding-inline: 20px !important; }
  .ava-learn-hub .avl-crumbs ol, .ava-guide-article .avl-crumbs ol { font-size: 12px; line-height: 18px; }
  .ava-learn-hub .avl-cards, .ava-guide-article .avl-cards { gap: 14px; }
  .ava-learn-hub .avl-card__img { height: 139px; }
  .ava-learn-hub .avl-cards--featured .avl-card__img { height: 149px; }
  .ava-learn-hub .avl-card__b, .ava-guide-article .avl-card__b { padding: 15px 17px; gap: 8px; }
  .ava-learn-hub .avl-card__img + .avl-card__b { padding-top: 16px; }
  .ava-learn-hub .avl-card__title, .ava-learn-hub .avl-cards--featured .avl-card__title { font-size: 16px; line-height: 20px; }
  .ava-learn-hub .avl-card__tag { color: #fff; }
  .ava-learn-hub #pre-rolls .avl-card__tag { color: #fff; }
  .ava-learn-hub .avl-card__meta { gap: 0; }
  .ava-learn-hub .avl-card__meta .avl-dot { display: inline; white-space: pre; }
  .ava-learn-hub .avl-section--cat .avl-cards:not(.avl-cards--mpick) > :nth-child(n+3), .ava-learn-hub .avl-section--cat .avl-cards--mpick > .is-m-hide { display: none; } /* D34: the mobile frame draws two cards per category; M-LEARN D44: a card ticked "Hide on phones" (m_hide) picks the frame's own pair */

  /* hero 1:19841: 24/20/24/20 gap 14 */
  .ava-learn-hub .avl-hero { gap: 14px; padding-top: 24px; padding-bottom: 24px; }
  .ava-learn-hub .avl-hero .avl-h1 { font-size: 28px; line-height: 33px; letter-spacing: -.28px; }
  .ava-learn-hub .avl-hero .avl-sub { font-size: 16px; line-height: 23px; }
  .ava-learn-hub .avl-answer { padding: 18px 20px; gap: 8px; }
  .ava-learn-hub .avl-answer__label { font-size: 11px; line-height: 13px; letter-spacing: .11px; }
  .ava-learn-hub .avl-answer__body { font-size: 16px; line-height: 24px; }
  .ava-learn-hub .avl-hero > .avl-p { font-size: 16px; line-height: 25px; }
  .ava-learn-hub .avl-chips { gap: 8px; margin-right: -20px; padding-right: 20px; }
  .ava-learn-hub .avl-chip { padding: 7px 13.4px; font-size: 13px; line-height: 20px; }

  /* start here 1:19862: 36/20/36/20 gap 14 */
  .ava-learn-hub .avl-section--start { gap: 14px; padding-top: 36px; padding-bottom: 36px; }
  .ava-learn-hub .avl-section--start .avl-eyebrow { font-size: 12px; line-height: 14px; letter-spacing: .24px; }
  /* start-here band 1:19888: 8/20/36/20; ink r14 22 gap 12, stacked; full-width button */
  .ava-learn-hub .avl-section--tight { padding-top: 8px; padding-bottom: 36px; }
  .ava-learn-hub .avl-band--ink { flex-direction: column; align-items: stretch; gap: 12px; padding: 22px; border-radius: 14px; }
  .ava-learn-hub .avl-band--ink .avl-band__l { gap: 12px; }
  .ava-learn-hub .avl-band--ink .avl-band__t { font-size: 20px; line-height: 24px; }
  .ava-learn-hub .avl-band--ink .avl-band__b { font-size: 15px; line-height: 22px; }
  .ava-learn-hub .avl-band--ink > a.avc-btn { width: 100%; padding: 0; }
  /* category sections 1:19894: 36/20/36/20 gap 14 */
  .ava-learn-hub .avl-section--cat { gap: 14px; padding-top: 36px; padding-bottom: 36px; }
  .ava-learn-hub .avl-section--cat .avl-h2 { font-size: 23px; line-height: 27px; letter-spacing: -.23px; }
  .ava-learn-hub .avl-section--cat .avl-p { font-size: 16px; line-height: 25px; }
  .ava-learn-hub .avl-section--cat .avl-shoplink { font-size: 15px; line-height: 23px; }
  /* capture 1:19934: 36/20/36/20 gap 14; stacked; field 51, button 44 full width */
  .ava-learn-hub .avl-capture { flex-direction: column; align-items: stretch; gap: 14px; padding-top: 36px; padding-bottom: 36px; }
  .ava-learn-hub .avl-capture__l { gap: 14px; }
  .ava-learn-hub .avl-capture__t { font-size: 20px; line-height: 24px; }
  .ava-learn-hub .avl-capture__b { font-size: 15px; line-height: 22px; }
  .ava-learn-hub .avl-capture form, .ava-learn-hub .avl-capture .mc4wp-form-fields { flex-direction: column; gap: 14px; width: 100%; }
  .ava-learn-hub .avl-capture input[type="email"] { width: 100%; height: 51px; padding: 0 16px; }
  .ava-learn-hub .avl-capture input[type="submit"] { width: 100%; height: 44px; padding: 0; }
  /* FAQ 1:20061: cream 44/20 gap 14; no eyebrow / button (D34); white cards r10 15/16, 14 apart; closed cards 1px line */
  .ava-learn-hub .avl-faq { flex-direction: column; gap: 14px; padding: 44px 20px !important; background-image: none; }
  .ava-learn-hub .avl-faq__l { flex: none; gap: 0; }
  .ava-learn-hub .avl-faq__l .avl-eyebrow, .ava-learn-hub .avl-faq__l .avc-btn { display: none; }
  .ava-learn-hub .avl-faq__l .avl-h2 { font-size: 23px; line-height: 28px; letter-spacing: -.23px; }
  .ava-learn-hub .avl-faq__r { flex: none; }
  .ava-learn-hub .avl-faq-acc.avc-faq { display: flex; flex-direction: column; gap: 14px; background: transparent; border: 0; border-radius: 0; overflow: visible; }
  .ava-learn-hub .avl-faq-acc .avc-faq__item, .ava-learn-hub .avl-faq-acc .avc-faq__item:first-child { border: 1px solid var(--c1-line); border-radius: 10px; background: #fff; overflow: hidden; }
  .ava-learn-hub .avl-faq-acc .avc-faq__item.is-open { border-color: #fff; }
  .ava-learn-hub .avl-faq-acc .avc-faq__btn, .ava-learn-hub .avl-faq-acc .avc-faq__item:first-child .avc-faq__btn { gap: 12px; padding: 14px 15px !important; font: 600 15px/20px 'Krub', sans-serif !important; }
  .ava-learn-hub .avc-faq__ic { width: 16px; height: 16px; flex: 0 0 16px; background-size: 16px 16px; }
  .ava-learn-hub .avl-faq-acc .avc-faq__inner { padding: 0 15px 14px !important; margin-top: -6px; font: 400 13px/20px 'Krub', sans-serif !important; }
  .ava-learn-hub .avl-faq-acc .avc-faq__item:last-child:not(.is-open) .avc-faq__btn { padding-bottom: 14px !important; }
  .ava-learn-hub .avl-faq-acc .avc-faq__item:last-child.is-open .avc-faq__inner { padding-bottom: 14px !important; }

  /* local 1:20084 / 1:18708: cream 24/20/28/20; navy r16 22/22/24/22 gap 12; no map (D34) */
  .ava-learn-hub .avl-local-wrap, .ava-guide-article .avl-local-wrap { padding: 24px 20px 28px !important; background: var(--c1-cream); }
  .ava-learn-hub .avl-local, .ava-guide-article .avl-local { flex-direction: column; height: auto; border-radius: 16px; gap: 0; }
  .ava-learn-hub .avl-local__map, .ava-guide-article .avl-local__map { display: none; }
  .ava-learn-hub .avl-local__l, .ava-guide-article .avl-local__l { flex: none; padding: 22px 22px 24px; gap: 12px; }
  .ava-learn-hub .avl-local__h2, .ava-guide-article .avl-local__h2 { font-size: 22px; line-height: 26px; letter-spacing: -.3px; }
  .ava-learn-hub .avl-local__lines, .ava-guide-article .avl-local__lines { gap: 12px; }
  .ava-learn-hub .avl-local__lines p:first-child, .ava-guide-article .avl-local__lines p:first-child { font-size: 16px; line-height: 25px; }
  .ava-learn-hub .avl-local__lines p.avl-local__info, .ava-guide-article .avl-local__lines p.avl-local__info { font-size: 14px; line-height: 21px; }
  .ava-learn-hub .avl-local__lines .avl-local__dot, .ava-guide-article .avl-local__lines .avl-local__dot { display: inline; }
  .ava-learn-hub .avl-local__lines .avl-local__transit, .ava-guide-article .avl-local__lines .avl-local__transit { display: inline; }
  .ava-learn-hub .avl-local__lines p.avl-local__serve, .ava-guide-article .avl-local__lines p.avl-local__serve,
  .ava-learn-hub .avl-local__lines p.avl-local__transit-line, .ava-guide-article .avl-local__lines p.avl-local__transit-line { display: none; }
  .ava-learn-hub .avl-local__btns, .ava-guide-article .avl-local__btns { flex-direction: column; gap: 12px; }
  .ava-learn-hub .avl-local__btns .avc-btn, .ava-guide-article .avl-local__btns .avc-btn { width: 100%; letter-spacing: 0; }
  .ava-learn-hub .avl-local__btns .avc-btn--outline-white, .ava-guide-article .avl-local__btns .avc-btn--outline-white { height: 44px; border: 1.5px solid #fff; border-radius: 3px; font: 600 14px/14px 'Krub', sans-serif; letter-spacing: .28px; text-transform: uppercase; }
  /* compliance 1:20095 / 1:18719: 24/20, 12/158% */
  .ava-learn-hub .avl-compliance p, .ava-guide-article .avl-compliance p { font-size: 12px; line-height: 19px; }

  /* ---------------- guide article mobile (1:18530) ---------------- */
  .ava-guide-article .avl-hero--article { gap: 16px; padding-top: 24px; padding-bottom: 8px; }
  .ava-guide-article .avl-crumbrow { gap: 10px; min-height: 20px; }
  .ava-guide-article .avl-chip--float { padding: 4px 10px; background: var(--c1-gold); font-size: 10px; line-height: 12px; letter-spacing: .1px; }
  .ava-guide-article .avl-c1-head { gap: 16px; }
  .ava-guide-article .avl-h1--article { font-size: 28px; line-height: 34px; letter-spacing: -.28px; }
  .ava-guide-article .avl-meta { font-size: 13px; line-height: 20px; }
  .ava-guide-article .avl-a3a4 { grid-template-columns: 1fr; gap: 12px; margin-top: 8px; } /* A1A2 bottom 20 + A3 top 4 = 24 below the meta (the hero gap is 16) */
  .ava-guide-article .avl-answer--wide { gap: 8px; padding: 18px 20px; }
  .ava-guide-article .avl-answer__label { font-size: 11px; line-height: 13px; letter-spacing: .11px; }
  .ava-guide-article .avl-answer__body { font-size: 16px; line-height: 24px; }
  .ava-guide-article .avl-takeaways { gap: 10px; padding: 17px 19px; }
  .ava-guide-article .avl-takeaways ul { gap: 10px; }
  .ava-guide-article .avl-takeaways li { gap: 10px; }
  .ava-guide-article .avl-takeaways li:nth-child(4) { display: none; } /* D34: 1:18578 draws four takeaways (the desktop list's 4th is left out) */
  .ava-guide-article .avl-tick { width: 17px; height: 17px; flex-basis: 17px; padding: 3.5px; }
  /* TOC 1:18597: collapsed cream bar r10 15/18, "On this page" 15/155% 600 ink + 16 px chevron */
  .ava-guide-article .avl-body-wrap { padding-top: 0; padding-bottom: 36px; }
  .ava-guide-article .avl-body-grid { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .ava-guide-article .avl-toc { position: static; padding: 15px 18px; border-radius: 10px; margin: 4px 0 8px; }
  .ava-guide-article .avl-toc__label { display: flex; align-items: center; justify-content: space-between; margin: 0; font: 600 15px/23px 'Krub', sans-serif; letter-spacing: 0; text-transform: none; color: var(--c1-ink); cursor: pointer; }
  .ava-guide-article .avl-toc__label .avl-toc__chev { display: block; width: 16px; height: 16px; flex: 0 0 16px; transition: transform .15s ease; }
  .ava-guide-article .avl-toc[open] .avl-toc__chev { transform: rotate(180deg); }
  .ava-guide-article .avl-toc[open] .avl-toc__label { margin-bottom: 12px; }
  .ava-guide-article .avl-body { gap: 16px; padding-top: 12px; }
  .ava-guide-article .avl-body > .avl-p--lead, .ava-guide-article .avl-body > .avl-p, .ava-guide-article .avl-body > .avl-p p { font-size: 16px; line-height: 26px; }
  .ava-guide-article .avl-body > .avl-p p + p { margin-top: 26px; }
  .ava-guide-article .avl-body > .avl-h2 { font-size: 22px; line-height: 28px; }
  .ava-guide-article .avl-body > .avl-p.avl-table-intro { display: none; } /* D34: 1:18601 draws no chart intro */
  .ava-guide-article .avl-table__row, .ava-guide-article .avl-table__row--head { gap: 12px; padding: 12px 15px; font-size: 14px; line-height: 21px; }
  .ava-guide-article .avl-table__row--head { font-size: 11px; line-height: 13px; }
  .ava-guide-article .avl-table__row:first-child { padding-top: 11px; }
  .ava-guide-article .avl-table__row:last-child { padding-bottom: 11px; }
  .ava-guide-article .avl-table__row > span:first-child { flex-basis: 90px; }
  .ava-guide-article .avl-table__row > span:nth-child(2):not(:last-child) { display: none; } /* D34: 1:18606 draws Dose + What to expect only */
  .ava-guide-article .avl-steps--wrap { gap: 16px; padding: 20px; }
  .ava-guide-article .avl-steps__title { font-size: 18px; line-height: 22px; }
  .ava-guide-article .avl-steps--wrap .avl-step { gap: 12px; }
  .ava-guide-article .avl-steps--wrap .avl-step__num { width: 30px; height: 30px; flex-basis: 30px; border-radius: 15px; font-size: 14px; line-height: 17px; }
  .ava-guide-article .avl-step__t { font-size: 15px; line-height: 23px; }
  .ava-guide-article .avl-step__b { font-size: 13px; line-height: 18px; }
  .ava-guide-article .avl-quote { gap: 10px; padding: 18px 20px; }
  .ava-guide-article .avl-quote__label { font-size: 11px; line-height: 13px; letter-spacing: .11px; }
  .ava-guide-article .avl-quote__text { font-size: 16px; line-height: 24px; }
  .ava-guide-article .avl-quote cite { font-size: 13px; line-height: 20px; }
  .ava-guide-article .avl-local-note { gap: 10px; padding: 20px; }
  .ava-guide-article .avl-local-note .avl-h2 { font-size: 19px; line-height: 23px; }
  .ava-guide-article .avl-local-note .avl-p { font-size: 16px; line-height: 25px; }
  /* A15 1:18658: 8 + 24 above (body bottom 24 + CTA top 8 → 16 more than the body gap); stacked, full-width button */
  .ava-guide-article .avl-inline-cta { flex-direction: column; align-items: stretch; gap: 12px; padding: 22px; margin-top: 16px; }
  .ava-guide-article .avl-inline-cta__c { gap: 12px; }
  .ava-guide-article .avl-inline-cta__t { font-size: 19px; line-height: 23px; }
  .ava-guide-article .avl-inline-cta__b { font-size: 14px; line-height: 20px; }
  .ava-guide-article .avl-inline-cta > a.avc-btn { width: 100%; justify-content: center; padding: 0; }
  /* A16 1:18663: CTA bottom 8 + FAQ top 36 = 44 to the heading; cards 14 apart, 15/16 padding */
  .ava-guide-article .avl-body > .avl-h2.avl-faq-h { font-size: 22px; line-height: 26px; letter-spacing: -.22px; margin-top: 28px; }
  .ava-guide-article .avl-body > .avl-h2.avl-faq-h + .avc-faq { margin-top: -2px; }
  .ava-guide-article .avc-faq.avl-guide-faq { gap: 14px; }
  .ava-guide-article .avl-guide-faq .avc-faq__btn { gap: 12px; padding: 14px 15px !important; font: 600 15px/20px 'Krub', sans-serif !important; }
  .ava-guide-article .avl-guide-faq .avc-faq__inner { padding: 0 15px 14px !important; margin-top: -6px; font: 400 13px/20px 'Krub', sans-serif !important; }
  /* related 1:18691: 36/20/20/20 gap 14; cards cream r12 16/18 gap 8; no dek (D34) */
  .ava-guide-article .avl-section--related { gap: 14px; padding-top: 36px; padding-bottom: 20px; }
  .ava-guide-article .avl-section--related .avl-h2 { font-size: 18px; line-height: 22px; }
  .ava-guide-article .avl-section--related .avl-cards { gap: 14px; }
  .ava-guide-article .avl-section--related .avl-card { border-radius: 12px; }
  .ava-guide-article .avl-section--related .avl-card__b { padding: 15px 17px; gap: 8px; }
  .ava-guide-article .avl-section--related .avl-card__title { font-size: 16px; line-height: 20px; }
  .ava-guide-article .avl-section--related .avl-card__dek { display: none; }
  /* author 1:18721: navy 32/20 gap 14; row 52 avatar + 14 + name */
  .ava-guide-article .avl-author { padding-top: 32px; padding-bottom: 32px; }
  .ava-guide-article .avl-author__row { display: grid; grid-template-columns: 52px 1fr; gap: 14px; align-items: center; }
  .ava-guide-article .avl-author__av { width: 52px; height: 52px; border-radius: 26px; }
  .ava-guide-article .avl-author__c { display: contents; }
  .ava-guide-article .avl-author__name { font-size: 15px; line-height: 20px; }
  .ava-guide-article .avl-author__bio, .ava-guide-article .avl-author__rev { grid-column: 1 / -1; font-size: 13px; line-height: 20px; color: #fff; }
}

/* LANE-M-LEARN2 (28 Sep) - article mobile trail 1:18568 "Products Guide › Dosing": Home is printed on desktop only */
@media (max-width: 767px) {
  .ava-guide-article .avl-crumbs li.avl-crumbs__mh { display: none; }
}
/* /LANE-M-LEARN2 */

/* FIXROUND-learn (29 Sep 2026) */
/* Local Store Block "Shop the Menu" 1:19792 / 1:18188 (1440: 151 x 42, 1.5px INSIDE #fff@.6) and 1:20093 / 1:18717 (390: 306 x 44,
   1.5px inside #fff): Chrome floors a 1.5px border to 1px at DPR 1 and a border adds to the box, so the stroke is an inset shadow. */
.ava-learn-hub .avl-local__btns .avc-btn--outline-white, .ava-guide-article .avl-local__btns .avc-btn--outline-white { border: 0; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .6); }
/* A12 Budtender Insight 1:18112: 1.5px left stroke inside, #193E81 */
.ava-guide-article .avl-quote { box-shadow: inset 1.5px 0 0 #193e81; }
/* A5 TOC 1:18050 is a static card at >=768 (no collapse control): the summary is a label there; ava-learn.js takes it out of the tab order */
@media (min-width: 768px) {
  .ava-guide-article details.avl-toc > summary { pointer-events: none; cursor: default; list-style: none; }
  .ava-guide-article details.avl-toc > summary::-webkit-details-marker { display: none; }
}
@media (max-width: 767px) {
  .ava-learn-hub .avl-local__btns .avc-btn--outline-white, .ava-guide-article .avl-local__btns .avc-btn--outline-white { box-shadow: inset 0 0 0 1.5px #fff; }
  /* D34: the hub mobile chip strip 1:19849 draws six chips (Flower ... Concentrates); Dosing + Comparisons stay desktop-only */
  .ava-learn-hub .avl-hero .avl-chips > .avl-chip--link:nth-child(n+7) { display: none; }
}
/* /FIXROUND-learn */

/* FIXROUND-learn-2 (29 Sep 2026) - hover + focus-visible. The local block's outline button turned its text ink on hover while the
   background stayed transparent (ink on the dark block); the hub jump chips had no hover and only the UA dotted ring. */
.ava-learn-hub .avl-local__btns .avc-btn--outline-white:is(:hover, :focus-visible), .ava-guide-article .avl-local__btns .avc-btn--outline-white:is(:hover, :focus-visible) { background: #fff; color: #151515 !important; }
.ava-learn-hub .avl-local__btns .avc-btn:focus-visible, .ava-guide-article .avl-local__btns .avc-btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.ava-learn-hub .avl-hero .avl-chips a.avl-chip--link:is(:hover, :focus-visible) { background: #151515; border-color: #151515; color: #fff; }
.ava-learn-hub .avl-hero .avl-chips a.avl-chip--link:focus-visible { outline: 2px solid #193e81; outline-offset: 2px; }
/* /FIXROUND-learn-2 */
/* >>> Final regression (30 Sep) */
/* B-5 phones: the /learn/ "Shop Flower at 1280 1st Ave" links were 23 px tall; 25 px hit area, the layout does not move. */
@media (max-width: 767px) {
  .ava-learn-hub .avl-section--cat .avl-shoplink { padding-block: 1px; margin-block: -1px; }
  /* B-4: the Learn / guide breadcrumb links were 16 px tall; inline links, so padding grows the hit box to 24 px, nothing moves */
  .ava-learn-hub .avl-crumbs a, .ava-guide-article .avl-crumbs a { padding-block: 4px; }
}
/* <<< Final regression (30 Sep) */
/* AUDIT2 2 Oct (learn): L01 hub FAQ contour 1:19745 (group 585.02 x 1216.91 at x -293 / y -232 from the section top, white @ .25).
   background-position calc(50% - 1013px) is a % of (W - image width), so it put the image at x -585 (off-screen) at 1440 and the
   arcs never showed. Drawn as the ::before mask the brand / events / local / deals FAQs use; none <=767 (mobile frame 1:20061). */
.ava-learn-hub .avl-faq { position: relative; overflow: hidden; background-image: none; }
.ava-learn-hub .avl-faq::before { content: ""; position: absolute; z-index: 0; pointer-events: none; left: calc(50% - 1013px); top: -232px; width: 585.02px; height: 1216.91px; background: #fff; opacity: .25; -webkit-mask: url("img/home-faq-contour.svg") no-repeat 0 0 / 100% 100%; mask: url("img/home-faq-contour.svg") no-repeat 0 0 / 100% 100%; }
.ava-learn-hub .avl-faq > * { position: relative; z-index: 1; }
@media (max-width: 767px) { .ava-learn-hub .avl-faq::before { display: none; } }
/* AUDIT2 2 Oct (learn): L05 topic-card photos. ava_learn_card() prints wp_get_attachment_image() (width / height attributes) into the
   139 / 149 / 169 px slot, which had no img rule: a 768 x 512 photo ran 83-482 px past the slot over the card text. Cover the slot. */
.ava-learn-hub .avl-card__img, .ava-guide-article .avl-card__img { position: relative; overflow: hidden; }
.ava-learn-hub .avl-card__img > img, .ava-guide-article .avl-card__img > img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
/* /AUDIT2 (learn) */