:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#21251f;background:#fffdf8;font-size:100%;color-scheme:light dark;--surface:#fff;--border:#d9dcd2;--focus:#ffe2be;--primary:#713311;--green:#e8f1dd;--muted:#51594c}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{touch-action:manipulation}button{min-height:44px;padding:.7rem 1rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface);color:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.65;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #357147;outline-offset:3px}.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.quiet{font-weight:500}header,main,.agent{max-width:600px;margin:auto}header{padding:calc(env(safe-area-inset-top) + 1rem) 1rem 1rem;background:var(--surface);border-bottom:1px solid var(--border)}.brand{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap}.brand strong{font-size:1.5rem}.mark{color:#be551c;margin-right:.4rem}nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}nav button{flex:1 1 8rem;min-width:0}nav [aria-pressed=true]{background:var(--green);border-color:#73886c}main{padding:1.25rem 1rem;overflow-wrap:anywhere}h1{font-size:1.9rem;line-height:1.15;margin:.75rem 0 1.25rem}h2{font-size:1.2rem}p{line-height:1.55;margin:.6rem 0 1rem}small,.muted{color:var(--muted)}.eyebrow{font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.pill{display:inline-block;padding:.4rem .65rem;border-radius:1rem;background:var(--green);font-size:.95rem}.focus{background:var(--focus);border:0;border-radius:1.5rem;padding:1.4rem;margin:1rem 0}.focus h2{font-size:1.5rem;margin:.5rem 0}.focus button{width:100%;margin-top:.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;padding:1.1rem;margin:1rem 0}.actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.actions>*{flex:1 1 120px}dl{margin:1rem 0}dt{font-weight:650;margin:1.1rem 0 .4rem}dd{margin:0;line-height:1.5}form{display:grid;gap:1rem}label{display:grid;gap:.45rem;font-weight:600}input{min-height:48px;width:100%;min-width:0;border:1px solid #848b7e;border-radius:.65rem;padding:.75rem;background:var(--surface);color:inherit;font-size:1rem}fieldset{padding:0;border:0;min-width:0}.error{background:#fff0eb;color:#70270f;padding:1rem;border:1px solid #e4b5a4;border-radius:1rem;line-height:1.5}.banner{background:var(--focus);padding:1rem;border-radius:1rem}.agent{position:static;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);font-size:.9rem}dialog{width:calc(100% - 2rem);max-width:540px;max-height:calc(100dvh - 2rem);overflow:auto;background:var(--surface);color:inherit;border:1px solid var(--border);border-radius:1.5rem;padding:1.3rem}dialog::backdrop{background:#151b1666}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}ol{padding-left:1.3rem}li{padding:.4rem 0;line-height:1.5}.date{font-size:1.1rem}a{color:inherit}.login{padding-top:calc(env(safe-area-inset-top) + 2rem)}.login .tagline{font-size:1.25rem}.submitting{opacity:.7}.build{font-size:.75rem;margin-top:2rem}
@media(prefers-color-scheme:dark){:root{color:#f2f1e8;background:#171c17;--surface:#232a22;--border:#59644f;--focus:#50311d;--primary:#f5bd8e;--green:#34452b;--muted:#c0c9b8}.primary{color:#23190f}.error{background:#42261d;color:#ffe0cf;border-color:#bb8874}}
@media(prefers-contrast:more){:root{--border:#57624d;--muted:#34402c}button{border-width:2px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

button{max-width:100%}
/* An unavailable agent is an in-flow status, so its height never covers outcomes. */
h1,h2{overflow-wrap:normal;word-break:normal;hyphens:none}
.brand strong{white-space:nowrap}
/* Compact phones and increased text use full-width brand/account rows. */
@media(max-width:30em){
  header{padding:calc(env(safe-area-inset-top) + .5rem) .5rem .5rem}
  .brand{display:grid;justify-content:stretch;gap:.25rem}
  .brand strong{font-size:1.25rem}
  .brand button{justify-self:start;font-size:.875rem;padding:.35rem .5rem}
  nav{margin-top:.5rem;gap:.25rem}
  nav button{flex:1 1 0;font-size:.875rem;padding:.5rem .25rem}
  main{padding:1rem .5rem}
  h1{font-size:1.35rem;line-height:1.25}
  .focus{padding:.75rem}.focus h2{font-size:1.2rem}
  .card{padding:.75rem}
  /* Keep audience-changing and edit controls readable at increased text sizes. */
  .actions>button:not(.primary){flex-basis:100%;overflow-wrap:normal;word-break:normal;hyphens:none}
  .agent{font-size:.875rem;padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom))}
}

/* Keep the native History disclosure usable on touch screens. */
summary { min-height:44px; display:flex; align-items:center; cursor:pointer; }
summary:focus-visible { outline:3px solid var(--teal,#35675a); outline-offset:3px; }

/* A conflicted draft offers one complete recovery action at large text sizes. */
.draft-recovery{display:block;width:100%;overflow-wrap:normal;word-break:normal;hyphens:none}
input[readonly]{background:var(--green)}