/* Shared module tabs: the active tab joins the orange baseline with curved feet. */
.tabs{--tab-line:#e27b41;position:relative;display:flex;gap:5px;flex-wrap:wrap;margin:0 calc(-1 * var(--page-padding-inline,4px)) 22px;padding:0 calc(var(--page-padding-inline,4px) + 1px);min-height:0}
.tabs:empty{display:none}
.tabs::after{content:'';position:absolute;inset:auto 0 0;border-bottom:1px solid var(--tab-line);z-index:2;pointer-events:none}
.tabs>a{display:inline-flex;align-items:center;gap:7px;font-size:16px;min-height:48px;position:relative;z-index:1;padding:10px 14px;background:#dee2e6;border:1px solid transparent;border-bottom:0;border-radius:6px 6px 0 0;color:#4d607b}
.tabs>a>.icon{width:21px;height:21px}
.tabs>a:hover{text-decoration:none;background:#edf1f8}
.tabs>a[aria-current=page]{z-index:3;background:#f1ffe2;border-color:var(--tab-line);padding-bottom:11px}
.tabs>a[aria-current=page]::before,.tabs>a[aria-current=page]::after{content:'';position:absolute;bottom:0;left:-5px;width:5px;height:5px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'%3E%3Cpath d='M6 0A6 6 0 0 1 0 6H6Z' fill='%23f1ffe2'/%3E%3Cpath d='M5.5 0A5.5 5.5 0 0 1 0 5.5' fill='none' stroke='%23e27b41'/%3E%3C/svg%3E")}
.tabs>a[aria-current=page]::after{left:auto;right:-5px;transform:scaleX(-1)}
.tabs>a:has(.tab-count){padding-top:6px;padding-right:34px;padding-bottom:6px}
.tabs>a[aria-current=page]:has(.tab-count){padding-bottom:7px}
.tab-count{position:absolute;top:0;right:0;display:grid;place-items:center;min-width:16px;height:14px;padding:0 3px;border-radius:0 5px 0 4px;background:var(--tab-line);color:#fff;font-size:12px;line-height:1;pointer-events:none}

/* Keep names accessible while presenting compact icon-only tabs on phones. */
@media(max-width:520px){.tabs>a,.tabs>a:has(.tab-count),.tabs>a[aria-current=page]:has(.tab-count){min-width:48px;justify-content:center;padding:10px}.tabs>a>span:not(.tab-count){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tabs>a>.tab-count{display:none}}