/* M0 shell additions. The reference stylesheet and its visual tokens are unchanged. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.setup-badge{border:1px solid #ffffff38;border-radius:5px;padding:6px 10px;color:#e2f3f2;font-size:11px;font-weight:550;white-space:nowrap}
.topbar-date{display:inline-flex;align-items:center;gap:7px}
.topbar-date .icon{width:15px;height:15px}
.nav-link.unavailable{color:#6c8296;cursor:default}
.nav-link.unavailable:hover{background:transparent;color:#6c8296}
.foundation-intro{display:flex;align-items:flex-start;gap:25px;padding:36px;margin-bottom:30px}
.foundation-intro-icon{display:grid;place-items:center;flex-shrink:0;width:72px;height:72px;border-radius:18px;background:var(--sky);color:var(--teal)}
.foundation-intro-icon .icon{width:34px;height:34px}
.foundation-intro-copy{max-width:650px}
.foundation-intro h2{font-size:23px;line-height:1.35;margin:13px 0 12px;letter-spacing:-.45px}
.foundation-intro p{color:var(--muted);line-height:1.8;font-size:13px;margin-bottom:23px}
.foundation-intro .btn{display:inline-flex;width:auto}
.foundation-areas{scroll-margin-top:calc(var(--header) + 24px)}
.foundation-areas:focus{outline:none}
.foundation-section-heading{margin-bottom:17px}
.foundation-section-heading p{font-size:12px;color:var(--muted);margin-top:5px}
.foundation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.foundation-area{padding:24px;display:flex;flex-direction:column;align-items:flex-start}
.foundation-area .stat-icon{width:39px;height:39px;margin-bottom:17px}
.foundation-area .stat-icon .icon{width:21px;height:21px}
.foundation-area h3{font-size:15px;margin-bottom:9px}
.foundation-area p{color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:21px}
.foundation-availability{border-top:1px solid var(--line);padding-top:14px;width:100%;margin-top:auto;color:var(--muted);font-size:11px}
@media(max-width:1250px){.topbar-date{display:none}.foundation-intro{padding:28px;gap:20px}.foundation-area{padding:20px}.foundation-grid{gap:14px}}
@media(max-width:1000px){.foundation-grid{grid-template-columns:1fr}.foundation-area{display:grid;grid-template-columns:40px 1fr;column-gap:17px}.foundation-area .stat-icon{grid-row:1/4;margin:0}.foundation-area p{margin-bottom:14px}.foundation-availability{grid-column:2}}
@media(max-width:800px){body.navigation-open{overflow:hidden}.setup-badge{font-size:10px}.topbar-right{gap:0}}
@media(max-width:600px){.foundation-intro{padding:23px;display:block;margin-bottom:25px}.foundation-intro-icon{width:54px;height:54px;border-radius:14px;margin-bottom:21px}.foundation-intro-icon .icon{width:27px;height:27px}.foundation-intro h2{font-size:21px}.foundation-intro p{font-size:12px}.foundation-area{padding:20px}.foundation-intro .btn{font-size:12px}.setup-badge{padding:5px 7px}}
.workspace-links{display:flex;gap:10px;flex-wrap:wrap}
/* Small text on the light workspace needs a darker foreground than the reference decoration. */
.main .eyebrow, .main .heading-sub, .main .card-head p, .main .cell-sub, .main .wf-row-note,
.main .field-help, .main .muted, .main .footer, .sidebar .workspace-label, .sidebar .scope-card p {
    color: #536b7f;
}
.main a:not([class]), .main .link-btn { color: #1265c5; }
.main .badge.gray { color: #52697b; }
.main .badge.orange { color: #8b6416; }
.main .badge.green { color: #10744d; }
.main .badge.red { color: #b53a48; }