.directory-guide-example{font-family:var(--ds-font-body);background:var(--background);color:var(--foreground);--ink:var(--foreground);--ink-muted:var(--muted-foreground);--paper:var(--background);--paper-2:var(--card);--rule:var(--border);--violet:var(--primary)}.directory-guide-example :where(h1,h2,h3,h4,p,span,a,button){letter-spacing:0}.directory-guide-example .guide-title{font-family:var(--ds-font-heading);font-size:var(--ds-display-size-mobile);font-weight:400;line-height:var(--ds-display-lh);overflow-wrap:break-word}.directory-guide-example .guide-heading{font-family:var(--ds-font-heading);font-size:var(--ds-h1-size-mobile);font-weight:var(--ds-h1-weight);line-height:var(--ds-h1-lh)}.directory-guide-example .guide-band{padding-block:calc(var(--ds-section-gap) * 1.7)}.directory-guide-example .guide-anchor{scroll-margin-top:112px}.directory-guide-example .guide-chip{border-radius:var(--ds-chip-radius);background:var(--accent);color:var(--primary);font-size:var(--ds-small-size);align-items:center;gap:8px;padding:7px 12px;font-weight:600;display:inline-flex}.directory-guide-example .guide-tabs{background:0 0;flex-wrap:wrap;justify-content:flex-start;gap:6px;height:auto;padding:0}.directory-guide-example .guide-tab{white-space:normal;text-align:left;border:var(--ds-border-width) solid var(--border);border-radius:var(--ds-control-radius);font-size:var(--ds-small-size);background:var(--card);box-shadow:none;padding:12px 16px}.directory-guide-example .guide-tab[data-state=active]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.directory-guide-example .guide-portrait-block{justify-self:center;width:100%;max-width:420px}.directory-guide-example .guide-portrait-block>div{gap:10px;margin-bottom:0}.directory-guide-example .guide-portrait-block img{border-radius:var(--ds-control-radius);border-color:var(--border)}@media (width>=768px){.directory-guide-example .guide-title{font-size:var(--ds-display-size)}.directory-guide-example .guide-heading{font-size:var(--ds-h1-size)}}@media (width<=640px){.directory-guide-example .guide-band{padding-block:var(--ds-section-gap)}}