/* Starting mechanics are the first choice in the circulation controls. */
.circulation-profiles{padding:3px 0 12px}
.circulation-profiles[hidden],body.demo-active .circulation-profiles{display:none}
.circulation-profiles>[role="group"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.circulation-profiles button{min-height:34px;padding:6px 4px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--soft);font-size:11px;font-weight:700;touch-action:manipulation}
.circulation-profiles button[aria-pressed="true"]{color:var(--ink);background:var(--surface);border-color:var(--line)}
.circulation-profiles button:hover{color:var(--ink);border-color:var(--line)}
.circulation-profiles #profile-caption{font-size:10px;line-height:1.5;color:var(--soft);margin:6px 2px 0}
@media(max-width:700px){.circulation-profiles button{min-height:40px;font-size:12px}}