/* X1127 Obsidian: constrained product-surface adoption.
   Do not target iframe content, srcdoc previews, merchant sites or third-party checkout. */
:root body{font-family:"DM Sans",system-ui,sans-serif;letter-spacing:normal}
:root body .global-header{
  min-height:66px;background:var(--athrty-enterprise-header,var(--athrty-ui-surface))!important;color:var(--athrty-ui-ink)!important;
  border-bottom:1px solid var(--athrty-ui-border)!important;
  box-shadow:none!important;backdrop-filter:none!important}
.global-header .wordmark{font-size:20px;letter-spacing:.07em;font-weight:750;color:var(--athrty-ui-ink)}
.global-header .wordmark span{font-size:8px;letter-spacing:.13em;color:var(--athrty-ui-muted)}
.global-header .global-actions button{box-shadow:none;min-width:44px;min-height:44px;border-color:var(--athrty-ui-border)}
:root body .shell,:root body .body,:root body .body main,:root body .contextbar,:root body .app-footer{
  background:var(--athrty-ui-canvas)!important;color:var(--athrty-ui-ink)}
:root body .sidebar{background:var(--athrty-ui-surface)!important;
  color:var(--athrty-ui-ink)!important;border-right:1px solid var(--athrty-ui-border)!important;
  box-shadow:none!important;padding-inline:16px}
.sidebar .workspace-label,.sidebar-foot small{color:var(--athrty-ui-muted)!important}
.sidebar .organization-control select,.sidebar select{background:var(--athrty-ui-soft)!important;
  color:var(--athrty-ui-ink)!important;border:1px solid var(--athrty-ui-border)!important}
.sidebar nav{gap:5px}
.sidebar nav a,.sidebar nav button{border-radius:10px!important;min-height:44px}
.sidebar nav a[aria-current="page"],.sidebar nav button.active{
  background:color-mix(in oklch,var(--athrty-ui-accent) 15%,var(--athrty-ui-surface))!important;
  color:var(--athrty-ui-ink)!important}
.sidebar nav a:hover,.sidebar nav button:hover{background:var(--athrty-ui-soft)!important;color:var(--athrty-ui-ink)!important}
.sidebar .nav-symbol{font-size:11px;font-weight:750;color:var(--athrty-ui-accent)!important;
  width:23px;height:23px;display:inline-grid;place-items:center;border-radius:7px;
  background:color-mix(in oklch,var(--athrty-ui-accent) 12%,transparent)}
.sidebar .nav-label{font-size:13px;font-weight:570;letter-spacing:-.01em}
.contextbar{border-bottom:1px solid var(--athrty-ui-border);min-height:47px;padding-inline:clamp(18px,3vw,36px);font-size:11px;color:var(--athrty-ui-muted)!important}
.status-dot{background:var(--athrty-ui-accent)}
:root body .body main{padding:clamp(18px,2.6vw,36px);max-width:1480px}
:root body .app-footer{border-top:1px solid var(--athrty-ui-border);padding-top:16px;color:var(--athrty-ui-muted)!important}
:root body .body main h1{font-weight:570;letter-spacing:-.052em;line-height:1.1}
:root body .body main h2{font-weight:590;letter-spacing:-.032em}
:root body .body main h3{font-weight:610;letter-spacing:-.02em}
:root body .body main p,.body main .fine{line-height:1.58}
:root body .body main .eyebrow,.body main .x1115-overline{color:var(--athrty-ui-accent);font-weight:700;letter-spacing:.12em}
:root body .body main .intro{margin-bottom:clamp(22px,3vw,38px)}
:root body .body main .intro h1{font-size:clamp(32px,3.5vw,50px)!important;max-width:24ch;margin:8px 0 12px}
:root body .body main .intro p{font-size:14px;max-width:66ch;color:var(--athrty-ui-muted)}
:root body .body main :is(.section-header,.studio-header){gap:16px}
:root body .body main :is(.section-header h2,.x1125-settings-header h1){font-size:clamp(24px,2.4vw,34px);letter-spacing:-.045em;font-weight:600}
:root body :is(.ath-surface,.form-surface,.system-module,.metric,.inspector,.lane,.job,.product,.empty){
  border-radius:var(--obsidian-radius-md);box-shadow:none}
:root body .body main :is(.form-surface,.system-module,.metric,.inspector,.job,.product,.empty){
  background:var(--athrty-ui-surface)!important;color:var(--athrty-ui-ink);
  border:1px solid var(--athrty-ui-border)}
:root body .body main :is(.form-surface,.system-module,.metric,.product,.empty) p{color:var(--athrty-ui-muted)}
:root body .body main :is(.lane,.canvas){background:var(--athrty-ui-soft);border:1px solid var(--athrty-ui-border)}
:root body .body main .project-row{border-radius:9px;border-bottom:1px solid var(--athrty-ui-border)}
:root body .body main .project-row:hover{background:var(--athrty-ui-soft)!important}
:root body .body main .project-mark{background:var(--athrty-ui-soft);color:var(--athrty-ui-accent);border-radius:9px}
:root body button,:root body input,:root body textarea,:root body select{font-family:inherit}
:root body .body main :is(button.primary,.ath-control[data-ath-variant="primary"],.x1111-primary,.x1124-studio-primary>button.active){
  background:var(--athrty-ui-control);color:var(--athrty-ui-control-ink);
  border:1px solid var(--athrty-ui-control);box-shadow:none}
:root body .body main :is(button.secondary,.ath-control[data-ath-variant="secondary"]){
  background:var(--athrty-ui-soft);color:var(--athrty-ui-ink);
  border:1px solid var(--athrty-ui-border)}
:root body .body main :is(button,.ath-control){border-radius:var(--obsidian-radius-md);transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease}
:root body .body main :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select,.ath-field){
  border:1px solid var(--athrty-ui-border);background:var(--athrty-ui-surface);
  color:var(--athrty-ui-ink);border-radius:var(--obsidian-radius-sm);box-shadow:none}
:root body .body main :is(input,textarea)::placeholder{color:var(--athrty-ui-muted)}
:root body :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--athrty-ui-accent)!important;outline-offset:3px}
:root body .body main :is(button,select,input):disabled{opacity:.5;cursor:not-allowed}
:root body .body main :is(.pill,.module){background:var(--athrty-ui-soft);color:var(--athrty-ui-ink);border:1px solid var(--athrty-ui-border)}
:root body .body main .studio-grid{grid-template-columns:minmax(142px,174px) minmax(0,1fr) minmax(218px,270px);gap:10px}
:root body .body main .studio-grid .layers,
:root body .body main .studio-grid .inspector{background:var(--athrty-ui-surface)!important;border:1px solid var(--athrty-ui-border);border-radius:var(--obsidian-radius-md);min-width:0}
:root body .body main .studio-grid .layers{padding:12px}
:root body .body main .studio-grid .canvas{padding:16px;background:var(--athrty-ui-soft)!important;min-width:0}
:root body .body main .studio-grid .canvas iframe{background:white;box-shadow:0 14px 40px oklch(.05 0 0 / .18)}
:root body .body main .layers button.active{background:var(--athrty-ui-soft)!important;color:var(--athrty-ui-ink)!important}
:root body .body main .x1124-studio-primary>button{border-radius:var(--obsidian-radius-md);box-shadow:none}
:root body .body main .x1124-studio-primary>button.active{background:var(--athrty-ui-control)!important;color:var(--athrty-ui-control-ink)!important}
:root body .body main .x1125-settings-header{padding-top:18px}
:root body .body main .x1125-settings-header h1{font-size:clamp(29px,3.5vw,45px)!important}
:root body .body main .x1125-settings-theme{background:var(--athrty-ui-surface);border-color:var(--athrty-ui-border)}
:root body .x1113-nav-panel{background:var(--athrty-ui-surface)!important;color:var(--athrty-ui-ink)!important;border-color:var(--athrty-ui-border)}
:root body .x1113-destination[aria-current="page"]{background:color-mix(in oklch,var(--athrty-ui-accent) 14%,var(--athrty-ui-surface));border-color:transparent}
:root body .x1113-destination:hover{background:var(--athrty-ui-soft);transform:none}
:root body .x1124-mobile-nav:not([hidden]){background:var(--athrty-ui-surface);border-top-color:var(--athrty-ui-border);box-shadow:none}
:root body .x1124-mobile-nav a[aria-current="page"]{background:var(--athrty-ui-soft);color:var(--athrty-ui-ink)}
:root body .x1124-route-status{background:var(--athrty-ui-surface);color:var(--athrty-ui-ink);border:1px solid var(--athrty-ui-border)}
/* Standalone entry and Network acquisition pages inherit the brand but retain their own layouts. */
:root body:not(:has(.shell)) :is(.masthead,.market-nav){background:var(--obsidian-bg);border-bottom:1px solid var(--obsidian-line);color:var(--obsidian-ink)}
:root body:not(:has(.shell)) :is(.identity,.market-nav .brand){color:var(--obsidian-ink)}
:root body:not(:has(.shell)) :is(.continue,.nav-primary){border-radius:12px}
@media (max-width:1100px){
 :root body .body main .studio-grid{grid-template-columns:150px minmax(0,1fr)}
 :root body .body main .studio-grid .inspector{grid-column:1/-1}
}
@media (max-width:700px){
 :root body .body main{padding:18px 14px 110px}
 :root body .body main .intro{display:grid;gap:16px}
 :root body .body main .studio-grid{display:flex;flex-direction:column}
 :root body .body main .studio-grid .layers{max-height:200px;overflow-y:auto}
 :root body .body main .studio-grid .inspector{width:100%}
 :root body .body main :is(.section-header h2,.x1125-settings-header h1){font-size:26px}
 :root body .global-header{padding-inline:12px}
 :root body .global-header .wordmark span{display:none}
}
@media (prefers-reduced-motion:reduce){
 :root body *, :root body *::before,:root body *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* Work collection: quiet document header, not a second marketing banner. */
:root body .body main .x1115-work-office{
  background:transparent!important;color:var(--athrty-ui-ink)!important;
  border:0!important;border-bottom:1px solid var(--athrty-surface-rule)!important;
  border-radius:0;box-shadow:none;
  padding:clamp(22px,3vw,43px) 0 clamp(27px,3vw,43px);
  margin-bottom:clamp(20px,2.5vw,34px);
}
:root body .body main .x1115-work-hero h1{
  font:620 clamp(2rem,3.1vw,3rem)/1.08 "DM Sans",system-ui,sans-serif!important;
  letter-spacing:-.055em;color:var(--athrty-ui-ink)!important}
:root body .body main .x1115-work-hero p{
  color:var(--athrty-ui-muted)!important;font-size:.9rem;line-height:1.55}
:root body .body main .x1115-work-primary{
  background:var(--athrty-ui-control)!important;color:var(--athrty-ui-control-ink)!important;
  border-color:var(--athrty-ui-control)!important;border-radius:var(--obsidian-radius-md)}
:root body .body main .x1115-work-primary:hover{background:var(--athrty-ui-accent)!important}
@media (max-width:700px){:root body .body main .x1115-work-hero{flex-direction:column;align-items:flex-start}}

/* X1127 / Private Office contrast and application-scale heading correction.
   Legacy X800 hard-coded navy ink inside the dark configurator; source-owned override
   corrects that without altering draft contents or editing behavior. */
:root[data-athrty-appearance="dark"] body .body main .x5-config{
  --x5-ink:var(--athrty-ui-ink);--x5-sand:var(--athrty-ui-soft);
  --x5-paper:var(--athrty-ui-surface);--x5-green:var(--athrty-ui-accent);
  color:var(--athrty-ui-ink)}
:root[data-athrty-appearance="dark"] body .body main .x5-config .x5-config-head h1{
 color:var(--athrty-ui-ink)!important;
 font-family:"DM Sans",system-ui,sans-serif!important;
 font-size:clamp(2.25rem,3.5vw,3.7rem)!important;
 letter-spacing:-.058em;line-height:1.1;
}
:root[data-athrty-appearance="dark"] body .body main .x5-config .x5-config-head h1 em{
 color:var(--athrty-ui-accent)!important;font-style:italic!important;
 font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important}
:root[data-athrty-appearance="dark"] body .body main .x5-config .x5-config-head p{
 color:var(--athrty-ui-muted)!important;max-width:63ch;font-size:.9rem;line-height:1.6}
:root[data-athrty-appearance="dark"] body .body main .x5-config .x5-config-head{
 border-color:var(--athrty-ui-border)!important;padding-top:clamp(1.5rem,3vw,2.5rem)}
:root body .body main .x1111-head h2{
 font-family:"DM Sans",system-ui,sans-serif;
 font-size:clamp(2.1rem,3.6vw,3.6rem)!important;
 letter-spacing:-.056em;line-height:1.08;color:var(--athrty-ui-ink)}
:root body .body main .x1111-head p{color:var(--athrty-ui-muted);line-height:1.6}
:root body .body main .x1111-workspace{box-shadow:none;border-radius:var(--obsidian-radius-md)}
:root body .body main .x1111-head{border-color:var(--athrty-ui-border)}
:root body .body main :is(.x1111-conversation,.x1111-composer,.x1111-compose textarea){
 border-color:var(--athrty-ui-border);border-radius:var(--obsidian-radius-md)}
@media(max-width:700px){
 :root[data-athrty-appearance="dark"] body .body main .x5-config .x5-config-head h1{font-size:2.5rem!important}
 :root body .body main .x1111-head h2{font-size:2.7rem!important}
}