/* Accessibility and legal-link additions. Loaded after appearance.css. */
.skip-link{position:absolute;left:-9999px;top:8px;background:#d5fb76;color:#101210;padding:10px 14px;border-radius:10px;font-weight:600;z-index:1001;text-decoration:none}
.skip-link:focus{left:12px}
main:focus{outline:none}
.consent a,.legal-links a{text-decoration:underline;text-underline-offset:3px}
.consent span{font-size:14px;line-height:1.5}
.legal-links{margin:16px 0 0;font-size:12px;color:var(--mut)}
/* Contrast fixes (WCAG AA 4.5:1 for small text). */
.nav-label{color:#8f9c89}
html[data-theme=light] :is(.nav-label,.eyebrow){color:#566351}
::placeholder{color:var(--mut);opacity:1}
html[data-theme=light] .video-cover{color:#3f5a2a}
html[data-theme=light] ::placeholder{color:#58634f}

/* Open profile lists, with a consistent set of outline icons. */
html[data-theme] .profile-page :is(.profile-group,.profile-identity){background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0}
.profile-page .profile-group{padding:0}
html[data-theme] .profile-page .profile-row{background:transparent;border:0;border-radius:14px;padding:20px 12px;box-shadow:none;transition:background .18s ease}
html[data-theme] .profile-page .profile-row:hover{background:color-mix(in srgb,var(--accent-text) 7%,transparent)}
.profile-page .profile-row:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.profile-symbol{display:grid;place-items:center;flex:0 0 28px}
.profile-symbol svg{display:block;width:24px;height:24px}
.profile-chevron svg{display:block;width:20px;height:20px}
.profile-page .profile-identity{padding:20px 12px}
.profile-page .profile-details{margin:0 12px}
.profile-row-text{min-width:0}
/* Let the page gradient continue through the branding and greeting. */
html[data-theme] .studio header{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme] .dashboard-welcome{background:transparent;border:0;box-shadow:none}
@media(prefers-reduced-motion:reduce){.profile-page .profile-row{transition:none}}

/* A solid top edge for browser tinting, fading into the existing canvas. */
html[data-theme=light]{background-color:#e7efdf}
html[data-theme=dark]{background-color:#101610}
html[data-theme=light] body{background-color:#e7efdf;background-image:linear-gradient(to bottom,#e7efdf 0px,#e7efdf00 240px),radial-gradient(ellipse at 85% 5%,#d6edba99,transparent 48%),radial-gradient(ellipse at 35% 85%,#d3eae980,transparent 52%),linear-gradient(135deg,#f4f6f2,#eef2ec);background-attachment:fixed}
html[data-theme=dark] body{background-color:#101610;background-image:linear-gradient(to bottom,#101610 0px,#10161000 240px),radial-gradient(ellipse at 85% 5%,#b4e97915,transparent 48%),radial-gradient(ellipse at 30% 80%,#55b6a410,transparent 52%);background-attachment:fixed}

/* Tester build only. */
.tester-notice{height:30px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:11px;background:#d5fb76;color:#26311e;position:fixed;inset:0 0 auto;z-index:1100}.tester-notice button{min-height:0;padding:2px 7px;margin:0;font:inherit;border:0;background:transparent;color:inherit;text-decoration:underline}body{padding-top:30px;min-height:100svh}#launch{display:none!important}a.logo{color:inherit;text-decoration:none}@media(min-width:900px){.studio header{top:30px}.studio main{padding-top:32px}}.profile-page .profile-editor>.mut{overflow-wrap:anywhere}