/* This stylesheet is loaded only by pages/specimens rendering recommendations. */
@font-face{font-family:Lora;src:url('lora-italic.woff?v=db7766f76df4') format('woff');font-style:italic;font-weight:400;font-display:swap}
.recommendations{--recommendation-leading:1.5;background:var(--color-surface);color:var(--color-ink);text-align:left;padding:0 var(--space-5) var(--space-6);margin:var(--space-10) 0;font-family:var(--font-family);word-spacing:normal;touch-action:pan-y pinch-zoom;}
.recommendations h2{display:flex;align-items:center;min-height:120px;font:var(--weight-bold) var(--type-body)/var(--line-copy) var(--font-family);letter-spacing:var(--tracking-body);margin:0;}
.recommendations-slides{position:relative;max-width:var(--width-prose);margin-inline:auto;}
.recommendations-slide{margin:0;}
.recommendations-slide+.recommendations-slide{margin-top:var(--space-10);}
.recommendations blockquote{font:italic 400 var(--type-quote)/var(--recommendation-leading) Lora,Georgia,serif;font-synthesis:none;letter-spacing:var(--tracking-body);word-spacing:var(--word-spacing-body);margin:0 0 var(--space-8);text-wrap:pretty;}
.recommendations blockquote p{margin:0;}
.recommendations .recommendations-quote-desktop{display:none;}
.recommendations figcaption{display:flex;align-items:center;gap:var(--space-4);min-height:calc(var(--type-body) * var(--line-copy) * 2);font:var(--weight-body) var(--type-body)/var(--line-copy) var(--font-family);letter-spacing:var(--tracking-body);}
.recommendations-avatar{display:block;flex:none;width:var(--size-recommendation-avatar);height:var(--size-recommendation-avatar);border-radius:var(--radius-pill);object-fit:cover;background:var(--border-subtle-on-surface);}
.recommendations-author{flex:1;min-width:0;}
.recommendations-author-name{display:table;font-weight:var(--weight-semibold);}
.recommendations-author-role{display:block;font-size:var(--type-small);}
.recommendations-at{opacity:.6;}
.recommendations-company{white-space:nowrap;}
.recommendations-role-compact{display:none;text-decoration:none;}
.recommendations figcaption a{text-decoration-line:underline;text-decoration-color:color-mix(in srgb,var(--color-ink) 24%,transparent);text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-skip-ink:auto;}
.recommendations figcaption a:is(:hover,:focus-visible){text-decoration-color:currentColor;}
.recommendations.is-enhanced .recommendations-slides{display:grid;}
.recommendations.is-enhanced .recommendations-slide{grid-area:1/1;display:flex;flex-direction:column;justify-content:space-between;visibility:hidden;opacity:0;transform:translateX(10px);margin:0;transition:opacity .35s ease,transform .35s ease,visibility .35s;pointer-events:none;}
.recommendations.is-enhanced .recommendations-slide.is-current{visibility:visible;opacity:1;transform:none;pointer-events:auto;}
.recommendations[data-letter-motion="newspaper"].is-enhanced .recommendations-slide{opacity:1;transform:none;transition:none;}
.recommendations.is-ink-changing .recommendations-slide.is-current blockquote{opacity:0;}
.recommendations-ink{position:absolute;inset:-16px;overflow:clip;pointer-events:none;contain:layout paint;}
.recommendations-ink-letter{position:absolute;left:0;top:0;display:block;width:max-content;white-space:pre;transform-origin:50% 60%;}
.recommendations-controls:not([hidden]){display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);margin-top:var(--space-5);}
.recommendations-dots{display:flex;position:relative;align-items:center;justify-content:flex-start;max-width:calc(100% + var(--gap-recommendation-indicators) / 2);margin-left:calc(var(--gap-recommendation-indicators) / -2);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;}
.recommendations-dots::-webkit-scrollbar{display:none;}
.recommendations-dot{display:flex;flex:none;align-items:center;justify-content:center;box-sizing:content-box;min-width:calc(var(--size-status) + var(--gap-recommendation-indicators));height:var(--size-target);border:0;padding:0;background:transparent;color:var(--color-ink);cursor:pointer;transition:min-width .3s ease;}
.recommendations-dot[aria-current="true"]{min-width:calc(var(--width-recommendation-active) + var(--gap-recommendation-indicators));}
.recommendations-dot-track{display:block;position:relative;width:var(--size-status);height:var(--size-status);overflow:hidden;border-radius:var(--radius-pill);background:var(--border-subtle-on-surface);transition:width .3s ease;}
.recommendations-dot[aria-current="true"] .recommendations-dot-track{width:var(--width-recommendation-active);}
.recommendations-dot-fill{display:block;width:100%;height:100%;background:var(--color-ink);transform:scaleX(0);transform-origin:left center;will-change:transform;}
.recommendations-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
/* Desktop Figma232:733:944px card,64px insets,816px quote field. */
@media(min-width:768px) and (pointer:fine), (min-width:1024px){
  .recommendations{max-width:var(--width-page);min-height:343px;margin-inline:auto;padding:0 calc(var(--space-8) * 2) 23px;border-radius:var(--space-3);}
  .recommendations:has(.recommendations-slide:only-child){padding-bottom:var(--space-8);min-height:calc(343px + var(--space-3));}
  .recommendations h2{justify-content:flex-start;}
  .recommendations-slides{max-width:none;}
  .recommendations blockquote{margin-bottom:26px;}
  .recommendations .recommendations-quote-mobile{display:none;}
  .recommendations .recommendations-quote-desktop{display:block;}
}
@media(max-width:767px), (max-width:1023px) and (pointer:coarse){
  .recommendations{margin:var(--space-7) 0;padding-bottom:var(--space-5);}
  .recommendations:has(.recommendations-slide:only-child){padding-bottom:var(--space-7);}
  .recommendations blockquote{margin-bottom:26px;}
  .recommendations-controls:not([hidden]){gap:0;}
  .recommendations-role-full{display:none;}
  .recommendations-role-compact{display:inline;}
}
@media(prefers-reduced-motion:reduce){.recommendations.is-enhanced .recommendations-slide,.recommendations-dot,.recommendations-dot-track{transition:none;}}
@media(max-width:359px){.recommendations-author-role{min-height:calc(var(--type-body) * var(--line-copy) * 2);}}
.ds-preview[data-state="reduced-motion"] .recommendations-slide,.ds-preview[data-state="reduced-motion"] .recommendations-dot,.ds-preview[data-state="reduced-motion"] .recommendations-dot-track{transition:none;}