/* Portal-only additions on top of edition8-20260910.css + header-white-20260915.css.
   Never edit the two vendored files; add a new dated portal file instead. */
.lang-toggle a{padding:12px 4px;opacity:.6;color:inherit;text-decoration:none}
.lang-toggle a:hover{opacity:1;color:var(--accent)}
.lang-toggle a[aria-current=true]{opacity:1;color:var(--accent);font-weight:700}
@media(max-width:560px){.lang-toggle a{padding:14px 3px}}
.nav-mobile-panel form{margin:0}
.nav-mobile-panel .signout-form{padding-top:6px;border-top:1px solid var(--line)}
.footer-nav .signout-form{margin:0}
/* footer column titles are h2 (heading outline) styled like the site's .footer-col h4 */
.site-footer .footer-col .footer-heading{font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 22px;color:var(--ink)}
.footer-nav .signout-form button.link-secondary{font-size:inherit;padding:0;border-bottom:0;text-align:left}
.primary-nav .nav-signout{margin:0;display:flex}
.primary-nav .nav-signout button.link-secondary{font-size:inherit;padding:8px 0;border-bottom:0;white-space:nowrap}
button.link-secondary{background:none;border:0;border-bottom:1px solid var(--ink);border-radius:0;font:inherit;font-size:11px;color:inherit;padding:10px 0;cursor:pointer}
button.link-secondary:hover{color:var(--accent);border-color:var(--accent)}
.btn-secondary,.btn-danger{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:14px 20px;font:500 12px/1.4 var(--body);border:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);cursor:pointer;text-decoration:none}
.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}
.btn-danger{border-color:var(--accent);color:var(--accent)}
.btn-danger:hover{background:var(--accent);color:#fff}
/* Sign in with Google (Google branding, light theme): white fill, 1px #747775 border, #1f1f1f text,
   the G mark on the left; square corners to match the site. */
.btn-google{justify-content:center;gap:10px;min-height:44px;padding:10px 12px;background:#fff;border:1px solid #747775;color:#1f1f1f;font:500 14px/20px Roboto,Arial,sans-serif;letter-spacing:.25px}
.btn-google:hover{background:#eee;border-color:#747775;color:#1f1f1f}
.btn-google:focus-visible{background:#e6e6e6;outline:2px solid #1f1f1f;outline-offset:2px}
.btn-google img{flex:0 0 18px;width:18px;height:18px}
.btn-primary:disabled,.btn-primary[aria-disabled=true]{background:var(--wash);color:var(--muted);cursor:default}
.btn-primary:disabled:after,.btn-primary[aria-disabled=true]:after{content:none}
.field input,.field select,.field textarea{border-bottom-color:var(--ink-soft)}
.field [aria-invalid=true]{border-bottom-color:var(--accent)}
.field-error{font-size:12px;color:var(--accent)}
.notice{display:flex;gap:10px;align-items:flex-start;padding:16px 18px;border-left:2px solid var(--accent);background:var(--wash);font-size:13px;line-height:1.6;max-width:910px;margin:0 0 28px}
.notice strong{display:block;margin-bottom:4px}
.notice--ok{border-left-color:var(--ink)}
.notice--error{background:var(--accent-soft)}
.draft-banner{background:var(--wash);border-bottom:1px solid var(--line);font-size:12px;line-height:1.5;color:var(--ink)}
.draft-banner p{margin:0;padding:9px 0}
.status-label{display:inline-block;font:10px/1.3 var(--body);padding:5px 8px;background:var(--wash);color:var(--ink);letter-spacing:0}
.status-label--checked{background:var(--accent-soft);color:var(--accent)}
.table-wrap{overflow-x:auto;border-top:1px solid var(--ink);margin-top:10px}
.data-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6}
.data-table th{font:600 10px/1.4 var(--body);text-transform:uppercase;letter-spacing:.1em;color:var(--ink);text-align:left;padding:14px 16px 14px 0;border-bottom:1px solid var(--line)}
.data-table td{padding:16px 16px 16px 0;border-bottom:1px solid var(--line);color:var(--ink-soft);vertical-align:top}
.data-table td:first-child{color:var(--ink)}
.data-table .is-num{text-align:right;font-variant-numeric:tabular-nums}
.meter{height:6px;background:var(--wash);margin:14px 0}
.meter>span{display:block;height:100%;background:var(--ink)}
.meter .w-0{width:0}.meter .w-10{width:10%}.meter .w-20{width:20%}.meter .w-30{width:30%}.meter .w-40{width:40%}
.meter .w-50{width:50%}.meter .w-60{width:60%}.meter .w-70{width:70%}.meter .w-80{width:80%}.meter .w-90{width:90%}.meter .w-100{width:100%}
.money{white-space:nowrap}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-legal main>.section{padding:32px 0;border-top:0}
.page-legal main>.section>.wrap{max-width:870px}
.page-legal .section-head{display:block}
.page-legal .section h2{font-size:29px}
.page-legal .section p,.page-legal .section li{font-size:16px;line-height:1.8;color:var(--ink-soft)}
.page-legal .section a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
@media(max-width:520px){.page-legal .section h2{font-size:25px}.page-legal .section p,.page-legal .section li{font-size:15px}.btn-secondary,.btn-danger{width:100%}.data-table{font-size:13px}}
/* Section heads without a kicker (most portal pages): the site only uses the two-column head with a
   kicker; without one the heading spans the head, aligned with the body text (as on the site's
   privacy page), instead of leaving an empty first column. */
.section-head>h2:first-child,.section-head>h2:first-child~.sub{grid-column:1/-1}
/* Field error under a .check-field consent (billing). */
.check-field+.field-error{display:block;margin:-22px 0 26px 30px}
/* Staff console sub-navigation: inside the page width, current page marked like the site's links. */
.staff-nav{margin:0;padding:26px 0}
.staff-nav .link-secondary[aria-current=page]{color:var(--accent);border-color:var(--accent)}
/* Space after stand-alone button rows and forms (consent, connections, studio filters): the site's
   forms are always last in their panel, the portal's are followed by text. */
form.form-actions+*,.contact-form+*{margin-top:26px}
form+.form-note,.cta-row+.form-note{margin-top:18px}
.form-actions+.hint{margin-top:14px}
button.link-secondary{text-align:left}
/* A sub-heading that follows running text or a list inside a section (billing, studio publish). */
.page-portal .section .wrap>:is(p,ul,ol,.table-wrap)+h3{margin-top:38px}
/* Wide data tables on phones: rows become stacked cards with the column heading above each value
   (labels set by portal-20261008.js; without script the table scrolls inside .table-wrap). */
@media(max-width:560px){
.data-table.is-stackable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.data-table.is-stackable,.data-table.is-stackable tbody,.data-table.is-stackable tr,.data-table.is-stackable td,.data-table.is-stackable tbody th{display:block;width:100%}
.data-table.is-stackable tr{padding:12px 0;border-bottom:1px solid var(--line)}
.data-table.is-stackable td,.data-table.is-stackable tbody th{padding:5px 0;border:0;text-align:left}
.data-table.is-stackable [data-label]::before{content:attr(data-label);display:block;font:600 10px/1.6 var(--body);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.data-table.is-stackable td .btn-danger,.data-table.is-stackable td .btn-secondary{margin-top:6px}
}
/* Signed-in line under the header, and the step bar of the app-connection flow (rc29) */
.account-bar{border-bottom:1px solid var(--line);background:var(--surface);font-size:12px;line-height:1.5;color:var(--ink-soft)}
.account-bar p{margin:0;padding:8px 0}
.account-bar strong{color:var(--ink)}
.connect-bar{background:var(--wash);border-bottom:1px solid var(--line);font-size:13px;line-height:1.5}
.connect-bar .wrap{padding:14px 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
.connect-bar .connect-title{font-weight:600;color:var(--ink);margin:0}
.connect-steps{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:0;padding:0}
.connect-steps li{margin:0;color:var(--muted)}
.connect-steps li[aria-current]{color:var(--accent);font-weight:600}
.connect-steps li.done{color:var(--ink-soft)}
.connect-steps li.done:before{content:'✓ ';color:var(--accent)}
.consent-summary{padding:28px 0 44px}
.consent-summary .consent-who{font-size:16px;margin-bottom:2px}
.consent-summary .consent-short{margin-top:16px}
.consent-summary .consent-short{font-size:15px;color:var(--ink-soft);max-width:760px}
.consent-summary .form-actions{margin:24px 0 18px}
.page-connect .page-hero{padding:26px 0 30px}
.page-connect .page-hero h1{font-size:clamp(30px,3.4vw,46px);margin-bottom:14px}
.page-connect .page-hero .eyebrow{margin-bottom:14px}
@media (max-width:640px){.page-connect .page-hero{padding:18px 0 20px}.page-connect .page-hero h1{font-size:26px;margin-bottom:0}.page-connect .page-hero .eyebrow,.page-connect .page-hero:has(+ .consent-summary) .lead{display:none}.page-connect .consent-summary{padding:20px 0 36px}.page-connect .connect-bar .wrap{padding:10px 0}}