/* Avenue · How it works · every rule scoped under .av-guide
   Fonts: Geist, Geist Mono (already loaded by the site) and Instrument Serif italic (build loads it on this page). */
.av-guide{--avg-ink:#111110;--avg-cream:#F0EDE6;--avg-tray:#E6E1D7;--avg-acc:#8B3A2A;--avg-alert:#6B1F1C;--avg-body:rgba(17,17,16,.84);--avg-soft:rgba(17,17,16,.72);--avg-mute:rgba(17,17,16,.64);--avg-ln:rgba(17,17,16,.14);--avg-ln2:rgba(17,17,16,.18);--avg-sans:Geist,system-ui,-apple-system,"Segoe UI",sans-serif;--avg-mono:"Geist Mono",ui-monospace,Menlo,monospace;--avg-serif:"Instrument Serif",Georgia,serif;
  container:avg / inline-size;color:var(--avg-ink);font-family:var(--avg-sans);-webkit-font-smoothing:antialiased}
.av-guide *,.av-guide *::before,.av-guide *::after{box-sizing:border-box}
.av-guide em{font-family:var(--avg-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.av-guide strong{font-weight:600}
.av-guide .avg-alert{color:var(--avg-alert)}
.av-guide a{color:var(--avg-acc);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;transition:opacity .2s}
.av-guide a:hover{opacity:.6}
.av-guide .avg-standfirst{margin:36px 0 0;max-width:680px;font-size:21px;line-height:1.6;color:rgba(17,17,16,.8);text-wrap:pretty}
.av-guide .avg-layout{margin-top:56px;padding-top:64px;border-top:.5px solid var(--avg-ln2)}
.av-guide .avg-num{font-family:var(--avg-mono);font-size:12px;letter-spacing:.06em;color:var(--avg-mute)}

/* nav (tabs mode only) */
.av-guide .avg-nav{display:none}
.av-guide .avg-nav__label{margin:0 0 18px;font:11px/1.2 var(--avg-mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(17,17,16,.68)}
.av-guide .avg-tabs{display:flex;flex-direction:column;border-left:.5px solid var(--avg-ln2)}
.av-guide .avg-tab{appearance:none;background:none;border:0;margin:0 0 0 -.5px;padding:12px 0 12px 22px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:baseline;text-align:left;font:inherit;font-size:16px;line-height:1.4;font-weight:400;color:var(--avg-mute);cursor:pointer;transition:color .2s}
.av-guide .avg-tab:hover{color:var(--avg-ink)}
.av-guide .avg-tab[aria-selected="true"]{color:var(--avg-ink);font-weight:600;box-shadow:inset 2px 0 0 var(--avg-acc)}
.av-guide .avg-tab[aria-selected="true"] .avg-num{color:var(--avg-acc)}
.av-guide .avg-tab:focus-visible,.av-guide .avg-acc__btn:focus-visible,.av-guide .avg-panel:focus-visible{outline:2px solid var(--avg-acc);outline-offset:2px}

/* items */
.av-guide .avg-item + .avg-item{margin-top:72px}
.av-guide .avg-acc{margin:0;font:inherit}
.av-guide .avg-acc__btn{appearance:none;background:none;border:0;margin:0;padding:0 0 12px;width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;text-align:left;font:inherit;font-size:13px;color:var(--avg-soft);cursor:default;pointer-events:none}
.av-guide .avg-acc__glyph{display:none;font-family:var(--avg-mono);font-size:18px;text-align:right;color:var(--avg-ink)}
.av-guide .avg-acc__glyph::before{content:"+"}
.av-guide .avg-acc__btn[aria-expanded="true"] .avg-acc__glyph::before{content:"\2013"}
.av-guide .avg-panel{border-top:.5px solid var(--avg-ln);padding-top:22px;outline:none}
.av-guide .avg-panel__head{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:baseline}
.av-guide .avg-panel__head .avg-num{font-size:13px;color:var(--avg-acc)}
.av-guide .avg-h3{margin:0;font-size:40px;line-height:1.12;font-weight:700;letter-spacing:-.04em;text-wrap:pretty}
.av-guide .avg-steps{list-style:none;margin:32px 0 0;padding:0;counter-reset:avg;display:flex;flex-direction:column;gap:18px}
.av-guide .avg-steps li{counter-increment:avg;position:relative;padding-left:40px;font-size:17px;line-height:1.72;color:var(--avg-body);text-wrap:pretty}
.av-guide .avg-steps li::before{content:counter(avg) ".";position:absolute;left:0;top:9px;font:12px/1 var(--avg-mono);letter-spacing:.06em;color:rgba(17,17,16,.62)}
.av-guide .avg-url{display:block;margin-top:6px;font-family:var(--avg-mono);font-size:.85em;word-break:break-all}
.av-guide .avg-ico{display:inline-block;width:.95em;height:.95em;margin:0 1px;vertical-align:-.12em;background:currentColor;-webkit-mask:var(--avg-ico) center/contain no-repeat;mask:var(--avg-ico) center/contain no-repeat}
.av-guide .avg-ico--pencil{--avg-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.2 2.3a1.4 1.4 0 0 1 2 0l.5.5a1.4 1.4 0 0 1 0 2L5.6 12.9 2.5 13.5l.6-3.1z M9.9 3.6l2.5 2.5' fill='none' stroke='%23000' stroke-width='1.3' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E")}

/* screenshots */
.av-guide .avg-shot{margin:48px 0 0;display:flex;flex-direction:column;gap:12px}
.av-guide .avg-shot + .avg-shot{margin-top:28px}
.av-guide .avg-shot__tray{background:var(--avg-tray);border-radius:22px;padding:14px;box-shadow:inset 0 1px 3px rgba(17,17,16,.16),inset 0 0 0 .5px rgba(17,17,16,.12)}
.av-guide .avg-shot__img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 1px 2px rgba(17,17,16,.10)}
.av-guide .avg-shot__cap{font-size:14px;line-height:1.5;color:var(--avg-soft)}

/* questions & errors */
.av-guide .avg-else{margin-top:96px;border-top:.5px solid var(--avg-ln);padding-top:22px}
.av-guide .avg-else__h{margin:0;font-size:40px;line-height:1.12;font-weight:700;letter-spacing:-.04em}
.av-guide .avg-else__p{margin:24px 0 0;max-width:720px;font-size:17px;line-height:1.72;color:var(--avg-body);text-wrap:pretty}

/* TABS mode (script sets .avg--tabs when the guide is 760px or wider) */
.av-guide.avg--tabs .avg-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:96px;align-items:start}
.av-guide.avg--tabs .avg-nav{display:block;position:sticky;top:24px;border-top:1px solid var(--avg-ink);padding-top:22px}
.av-guide.avg--tabs .avg-acc{display:none}
.av-guide.avg--tabs .avg-item{display:none;margin:0}
.av-guide.avg--tabs .avg-item.is-open{display:block}

/* ACCORDION mode (script sets .avg--acc under 760px) */
.av-guide.avg--acc .avg-standfirst{margin-top:22px;font-size:17px}
.av-guide.avg--acc .avg-layout{margin-top:40px;padding-top:0;border-top:1px solid var(--avg-ink)}
.av-guide.avg--acc .avg-item{margin:0;border-bottom:.5px solid var(--avg-ln2)}
.av-guide.avg--acc .avg-acc__btn{min-height:60px;padding:16px 0;font-size:17px;line-height:1.3;color:var(--avg-mute);cursor:pointer;pointer-events:auto}
.av-guide.avg--acc .avg-acc__btn[aria-expanded="true"]{color:var(--avg-ink);font-weight:600}
.av-guide.avg--acc .avg-acc__btn[aria-expanded="true"] .avg-num{color:var(--avg-acc)}
.av-guide.avg--acc .avg-acc__glyph{display:block}
.av-guide.avg--acc .avg-panel{display:none;border-top:0;padding:6px 0 36px}
.av-guide.avg--acc .avg-item.is-open .avg-panel{display:block}
.av-guide.avg--acc .avg-panel__head{display:block}
.av-guide.avg--acc .avg-panel__head .avg-num{display:none}
.av-guide.avg--acc .avg-h3{font-size:27px;line-height:1.14}
.av-guide.avg--acc .avg-steps{margin-top:20px;gap:14px}
.av-guide.avg--acc .avg-steps li{padding-left:34px;font-size:16px;line-height:1.65}
.av-guide.avg--acc .avg-shot{margin-top:28px}
.av-guide.avg--acc .avg-shot__tray{border-radius:18px;padding:10px}
.av-guide.avg--acc .avg-shot__img{border-radius:12px}
.av-guide.avg--acc .avg-else{margin-top:56px;padding-top:20px}
.av-guide.avg--acc .avg-else__h{font-size:27px}
.av-guide.avg--acc .avg-else__p{margin-top:16px;font-size:16px;line-height:1.65}

/* PRINT: every tab in order under its title, nothing below 72% ink */
@media print{
  .av-guide{color:#000}
  .av-guide .avg-standfirst{margin-top:8px;font-size:11pt;color:#000}
  .av-guide .avg-layout,.av-guide.avg--tabs .avg-layout,.av-guide.avg--acc .avg-layout{display:block;margin-top:14pt;padding-top:0;border-top:1px solid #000}
  .av-guide .avg-nav,.av-guide.avg--tabs .avg-nav{display:none}
  .av-guide .avg-item,.av-guide.avg--tabs .avg-item,.av-guide.avg--acc .avg-item{display:block!important;margin:14pt 0 0;border:0;break-inside:auto}
  .av-guide .avg-acc,.av-guide.avg--tabs .avg-acc{display:block;break-after:avoid}
  .av-guide .avg-acc__btn,.av-guide.avg--acc .avg-acc__btn{min-height:0;padding:0 0 4pt;font-size:10pt;font-weight:600;color:#000}
  .av-guide .avg-acc__glyph,.av-guide.avg--acc .avg-acc__glyph{display:none}
  .av-guide .avg-num{color:#000}
  .av-guide .avg-panel,.av-guide.avg--acc .avg-panel{display:block!important;padding:6pt 0 0;border-top:.5pt solid rgba(0,0,0,.35)}
  .av-guide .avg-panel__head .avg-num{display:none}
  .av-guide .avg-panel__head{display:block}
  .av-guide .avg-h3,.av-guide.avg--acc .avg-h3{font-size:14pt;break-after:avoid}
  .av-guide .avg-steps,.av-guide.avg--acc .avg-steps{margin-top:6pt;gap:3pt}
  .av-guide .avg-steps li,.av-guide.avg--acc .avg-steps li{padding-left:18pt;font-size:9.5pt;line-height:1.45;color:#000}
  .av-guide .avg-steps li::before{color:#000;top:3pt;font-size:8pt}
  .av-guide .avg-shot,.av-guide .avg-shot + .avg-shot{margin-top:8pt;break-inside:avoid}
  .av-guide .avg-shot__tray{padding:0;background:none;box-shadow:none;border-radius:0}
  .av-guide .avg-shot__img{max-height:3.6in;width:auto;max-width:100%;border-radius:4pt;box-shadow:none;border:.5pt solid rgba(0,0,0,.25)}
  .av-guide .avg-shot__cap{font-size:8pt;color:rgba(0,0,0,.78)}
  .av-guide .avg-else,.av-guide.avg--acc .avg-else{margin-top:14pt;padding-top:6pt;border-top:.5pt solid rgba(0,0,0,.35);break-inside:avoid}
  .av-guide .avg-else__h,.av-guide.avg--acc .avg-else__h{font-size:14pt}
  .av-guide .avg-else__p,.av-guide.avg--acc .avg-else__p{margin-top:4pt;font-size:9.5pt;color:#000}
  .av-guide a{color:#000}
}