/* burdgen ask — warm light ground + dark-teal night, scoped to the ask routes.
   Overrides the semantic layer only; brand hues (Lion amber, Bird teal) unchanged.
   Source: Claude Design project 7e49cdc1 · ask-page.css. Keep in sync there. */
:root{
  --bg:#F5F1E8;
  --bg-sunk:#EDE7DA;
  --surface-card:#FDFBF5;
  --surface-raised:#FFFDF8;
  --surface-inset:#F1ECE0;
  --border:#DED6C5;
  --border-strong:#C7BCA5;
  --rule:#E3DCCC;
  --good-soft:#E2F3EC;
}
[data-theme="dark"]{
  --bg:#0B1F1B;
  --bg-sunk:#071613;
  --surface-card:#112A25;
  --surface-raised:#16332C;
  --surface-inset:#0E241F;
  --border:#1F4438;
  --border-strong:#2C5B4A;
  --rule:#17352C;
  --good-soft:#0E2C24;
  --text-strong:#EDF5F1;
  --text-body:#D8E8E1;
  --text-muted:#9FBBB1;
  --text-faint:#7E9C92;
  --accent-soft:#33290F;
}

html,body{width:100%;max-width:100%;overflow-x:hidden}
body{display:flex;flex-direction:column;min-height:100dvh;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,var(--good-soft) 0%,color-mix(in srgb,var(--good-soft) 52%,var(--bg)) 26%,var(--bg) 64%)}
.ask-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;min-height:100dvh;min-width:0}
.ask-shell>.workspace-content{display:flex;min-width:0;width:100%}
.stage{flex:1;display:flex;min-width:0;width:100%;flex-direction:column;justify-content:center;padding:var(--space-6) var(--space-6) var(--space-8)}
@media(max-width:560px){.stage{padding:var(--space-5) var(--space-4) var(--space-6)}.ftr-min{padding:var(--space-4)}}
.stage.has-answer{justify-content:flex-start;padding-top:var(--space-5)}
.col{width:100%;min-width:0;max-width:44rem;margin:0 auto}
.lede{margin:0 0 var(--space-5)}
.lede h1{font-size:clamp(1.5rem,3.2vw,2.125rem);letter-spacing:-0.04em;margin:0 0 var(--space-3);max-width:24ch;text-wrap:pretty}
.lede p{margin:0;color:var(--text-muted);font-size:var(--t-body-lg);max-width:52ch;text-wrap:pretty}
.lede .scope{margin:0 0 var(--space-2);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-faint)}

.status-page{max-width:64rem;padding:var(--space-7) 0}
.status-page .lede{max-width:48rem;margin-bottom:var(--space-5)}
.status-page .lede h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.06;max-width:16ch}
.status-page .lede p:last-child{max-width:55ch;line-height:1.6}
.status-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-8)}
.status-section{padding-top:var(--space-6);border-top:var(--bw-hair) solid var(--rule)}
.status-section__heading{margin-bottom:var(--space-5)}
.status-page .scope{margin:0 0 var(--space-2);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-faint)}
.status-section h2,.status-growth h2,.status-note h2{margin:0;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.03em;line-height:1.15}
.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.status-grid article{min-width:0;padding:var(--space-5);border:var(--bw-hair) solid var(--border);border-radius:var(--radius-md);background:var(--surface-card)}
.status-grid__step{display:block;margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--accent)}
.status-grid h3{margin:0 0 var(--space-3);font-size:var(--t-h4);line-height:1.2}
.status-grid p,.status-note p:last-child{margin:0;color:var(--text-muted);font-size:var(--t-small);line-height:1.6;text-wrap:pretty}
.status-growth{margin-top:var(--space-7);padding-top:var(--space-6);border-top:var(--bw-hair) solid var(--rule)}
.status-growth__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.status-growth article{min-width:0;padding-left:var(--space-4);border-left:var(--bw-hair) solid var(--border-strong)}
.status-growth h3{margin:0 0 var(--space-2);font-size:var(--t-h4)}
.status-growth p{margin:0;max-width:42ch;color:var(--text-muted);font-size:var(--t-small);line-height:1.6;text-wrap:pretty}
.status-note{display:flex;align-items:end;justify-content:space-between;gap:var(--space-5);margin-top:var(--space-6);padding:var(--space-5);border:var(--bw-hair) solid var(--border);border-radius:var(--radius-md);background:var(--surface-inset)}
.status-note div{max-width:48rem}
.status-note h2{margin-bottom:var(--space-3)}
.status-note a{flex:none;color:var(--accent);font-size:var(--t-small);font-weight:var(--w-medium)}
@media(max-width:760px){.status-grid,.status-growth__grid{grid-template-columns:1fr}.status-note{align-items:start;flex-direction:column}.status-page{padding:var(--space-4) 0}}

.burg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ask-form{display:block}
.field{display:grid;grid-template-columns:minmax(0,1fr) 3.25rem;align-items:end;min-width:0;gap:var(--space-3);padding:var(--space-4);background:var(--surface-raised);border:var(--bw-hair) solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);transition:border-color var(--dur-fast) var(--ease-quiet)}
.field:focus-within{border-color:var(--accent)}
.field textarea{width:100%;min-width:0;max-width:100%;border:0;background:transparent;resize:none;color:var(--text-strong);font-family:var(--font-body);font-size:max(1rem,var(--t-body-lg));line-height:1.5;padding:var(--space-2) var(--space-1);min-height:3.25rem;field-sizing:content;overflow:hidden}
.field textarea:focus{outline:none}
.field textarea::placeholder{color:var(--text-faint)}
.submit{flex:none;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:0;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:transform var(--dur-fast) var(--ease-quiet)}
.submit svg{width:34px;height:34px;display:block;overflow:visible}
.submit:hover .sun{transform:translateY(-2px)}
.submit:hover .gull{transform:translateY(1px)}
.submit:active{transform:translateY(1px)}
.submit .sun,.submit .gull{transition:transform var(--dur-fast) var(--ease-quiet)}
.submit[aria-disabled="true"]{opacity:.5;cursor:default}
.submit.is-busy .sun{animation:pulse 1.1s var(--ease-quiet) infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.hint{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-label);color:var(--text-faint)}

.tries{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}
.try{padding:var(--space-2) var(--space-3);background:transparent;border:var(--bw-hair) solid var(--rule);border-radius:var(--radius-full);color:var(--text-muted);font-family:var(--font-body);font-size:var(--t-small);cursor:pointer;text-align:left}
.try:hover{border-color:var(--border-strong);color:var(--text-strong);background:var(--surface-inset)}

.answer{margin-top:var(--space-6);padding-top:var(--space-6);border-top:var(--bw-hair) solid var(--rule)}
.answer[hidden]{display:none}
.answer__q{display:flex;gap:var(--space-3);align-items:baseline;margin-bottom:var(--space-4)}
.answer__q span{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-faint);flex:none;padding-top:.2em}
.answer__q p{margin:0;font-size:var(--t-body-lg);color:var(--text-strong);font-weight:var(--w-medium)}
.answer__body{margin:0 0 var(--space-4);color:var(--text-body);font-size:var(--t-body-lg);line-height:1.65;text-wrap:pretty}
.answer__body sup{font-family:var(--font-mono);font-size:.7em;color:var(--accent);padding-left:2px}
.cites{display:grid;gap:var(--space-2)}
.cite{display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;gap:var(--space-3);align-items:baseline;padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--good-soft) 60%,var(--surface-raised));border-radius:var(--radius-sm);font-size:var(--t-small)}
.cite b{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--accent)}
.cite em{font-style:normal;color:var(--text-muted)}
.cite span{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--text-faint)}
.after{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);margin-top:var(--space-5);padding-top:var(--space-5);border-top:var(--bw-hair) solid var(--rule)}
.after p{margin:0;flex:1 1 18rem;color:var(--text-muted);font-size:var(--t-small);text-wrap:pretty}
.gate{margin-top:var(--space-5);padding:var(--space-5);background:var(--surface-raised);border:var(--bw-hair) solid var(--good);border-radius:var(--radius-md)}
.gate[hidden]{display:none}
.gate h2{font-size:var(--t-h4);margin:0 0 var(--space-2)}
.gate p{margin:0 0 var(--space-4);color:var(--text-muted);font-size:var(--t-small);max-width:56ch;text-wrap:pretty}
.gate__acts{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.gate__next{display:grid;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--bw-hair) solid var(--rule);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-label);color:var(--text-faint)}
.field.is-locked{opacity:.55;pointer-events:none}
.ftr-min{padding:var(--space-5) var(--space-6);border-top:var(--bw-hair) solid var(--rule)}
.ftr-min__in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3) var(--space-5);max-width:var(--width-wide);margin:0 auto;font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--track-label);color:var(--text-faint)}
.ftr-min nav{display:flex;flex-wrap:wrap;gap:var(--space-4)}
.ftr-min a{color:var(--text-faint)}
@media(max-width:560px){.field{padding:var(--space-3);gap:var(--space-2)}.field textarea{padding:var(--space-1) 0}.answer__q{flex-direction:column;gap:var(--space-2)}}

.source-status{margin:0 0 var(--space-5);overflow:hidden;border:var(--bw-hair) solid var(--border);border-radius:var(--radius-md);background:var(--surface-card)}
.source-status__summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}
.source-status__summary h2{margin:0;font-size:var(--t-small);color:var(--text-strong)}
.source-status__summary p{margin:var(--space-1) 0 0;font-size:var(--t-small);color:var(--text-muted)}
.source-status__summary a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-size:var(--t-small);font-weight:var(--w-medium)}
.source-status__dot{width:.625rem;height:.625rem;border-radius:999px;background:var(--good)}
.source-status[data-source-state="partial"] .source-status__dot,.source-status[data-source-state="stale"] .source-status__dot{background:var(--warn,#9a6700)}
.source-status[data-source-state="error"] .source-status__dot,.source-status[data-source-state="unavailable"] .source-status__dot{background:var(--danger,#c9372c)}
.source-status__sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:var(--bw-hair) solid var(--rule)}
.source-status__sources>div{min-width:0;padding:var(--space-3) var(--space-4);border-right:var(--bw-hair) solid var(--rule)}
.source-status__sources>div:last-child{border-right:0}
.source-status__sources dt{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--text-faint)}
.source-status__sources dd{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin:var(--space-1) 0 0;color:var(--text-strong)}
.source-status__sources dd span{min-width:0;overflow-wrap:anywhere;text-align:right;font-size:var(--t-micro);color:var(--text-faint)}
.recent{margin-top:var(--space-7)}
.recent h2{margin:0 0 var(--space-3);font-size:var(--t-h4)}
.recent__list{overflow:hidden;border:var(--bw-hair) solid var(--rule);border-radius:var(--radius-md);background:var(--surface-card)}
.recent__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-3) var(--space-4);border:0;border-bottom:var(--bw-hair) solid var(--rule);background:transparent;color:var(--text-body);font:inherit;text-align:left;cursor:pointer}
.recent__row:last-child{border-bottom:0}
.recent__row:hover,.recent__row:focus-visible{background:var(--surface-inset)}
.recent__row em{min-width:0;overflow-wrap:anywhere}
.recent__row span{white-space:nowrap;font-family:var(--font-mono);font-size:var(--t-micro);color:var(--text-faint)}
.recent__empty{margin:0;padding:var(--space-4);color:var(--text-faint);font-size:var(--t-small)}

@media(max-width:430px){
  .stage{padding:var(--space-4)}
  .source-status__summary{grid-template-columns:auto minmax(0,1fr)}
  .source-status__summary a{grid-column:2;justify-self:start}
  .source-status__sources{grid-template-columns:1fr}
  .source-status__sources>div{border-right:0;border-bottom:var(--bw-hair) solid var(--rule)}
  .source-status__sources>div:last-child{border-bottom:0}
  .hint{align-items:flex-start;flex-direction:column}
  .recent__row{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}
  .ftr-min__in{flex-direction:column}
  .ftr-min nav{gap:var(--space-3)}
}

/* Added during the port — the source design animates the submit mark with no
   reduced-motion guard. */
@media (prefers-reduced-motion: reduce){
  .submit,.submit .sun,.submit .gull{transition:none}
  .submit.is-busy .sun{animation:none;opacity:.6}
}

/* Added during the port — inline links in the hint line, and the demo
   workspace explainer page. */
.hint a{color:var(--text-muted);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:.2em}
.hint a:hover,.hint a:focus-visible{color:var(--text-strong);text-decoration-color:currentColor}
.explain{display:grid;gap:var(--space-5);margin:0}
.explain section h2{font-size:var(--t-h4);margin:0 0 var(--space-2)}
.explain section p{margin:0;color:var(--text-muted);font-size:var(--t-body);max-width:56ch;text-wrap:pretty}
.explain ul{margin:var(--space-2) 0 0;padding-left:1.1em;color:var(--text-muted);max-width:56ch}
.explain li{margin:0 0 var(--space-1)}

.authority-policy{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-4)}
.auth-pill{font-family:var(--font-mono);font-size:var(--t-micro);padding:.15rem .45rem;border-radius:999px;background:var(--surface-raised);color:var(--text-muted)}
.auth-pill[data-authority="first_party"]{background:color-mix(in srgb,var(--good-soft) 70%,var(--surface-raised));color:var(--good)}
.auth-pill[data-authority="selected_third_party"]{background:color-mix(in srgb,var(--accent-soft, #dbeafe) 70%,var(--surface-raised));color:var(--accent)}
.auth-pill[data-authority="generated"]{background:color-mix(in srgb,var(--warn-soft, #fef3c7) 70%,var(--surface-raised));color:var(--warn, #92400e)}
.auth-pill[data-enabled="0"]{opacity:.45;text-decoration:line-through}
.cite{align-items:start}
.cite summary{display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;gap:var(--space-3);align-items:baseline;cursor:pointer;list-style:none}
.cite summary::-webkit-details-marker{display:none}
.cite__meta{display:grid;gap:.25rem;padding:.35rem 0 0 2.25rem;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--t-micro)}