/* Arven clay theme. Source: design/system/tokens.css and app controls.
   Keep brand tokens here so scheduled content updates preserve the design. */
@font-face {font-family:"GT Standard";src:url("assets/fonts/GT-Standard-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face {font-family:"GT Standard";src:url("assets/fonts/GT-Standard-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face {font-family:"GT Standard";src:url("assets/fonts/GT-Standard-Semibold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face {font-family:"GT Standard";src:url("assets/fonts/GT-Standard-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root {
  --bg:#eeece9; --ink:#202020; --surface:#dddad5;
  --green:#008172; --green-deep:#00554b; --gold:#dcc26e; --sage:#bfd0cb;
  --muted:#65615d; --line:rgba(32,32,32,.15); --line-soft:rgba(32,32,32,.11);
  --error-bg:#f7ded6; --error-text:#5b2418;
  --radius:5px; --radius-soft:8px; --radius-sheet:14px;
  --font:"GT Standard",ui-sans-serif,system-ui,-apple-system,sans-serif;
}
* {box-sizing:border-box}
html {font:100%/1.5 var(--font);color:var(--ink);background:var(--bg);font-synthesis:none;scroll-padding-top:24px}
body {margin:0}
a {color:inherit}
button,select,input {font:inherit;touch-action:manipulation}
button,select {min-height:44px;border:1px solid transparent;border-radius:var(--radius);padding:10px 14px;cursor:pointer}
button {background:var(--ink);color:var(--bg);font-size:.875rem;font-weight:500}
button:hover {background:var(--green-deep)}
button:disabled {opacity:.6;cursor:wait}
select {background:var(--surface);color:var(--ink);font-size:.875rem}
select:hover {border-color:var(--muted)}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible {outline:3px solid var(--green);outline-offset:4px}
[hidden] {display:none!important}
/* Same baked grain illustration as the app and landing page. The scrim
   keeps white navigation legible without obscuring the artwork. */
aside {position:fixed;inset:12px auto 12px 12px;width:228px;padding:30px 16px 24px;display:flex;flex-direction:column;color:#fff;border-radius:var(--radius-sheet);background-color:#30332f;background-image:linear-gradient(180deg,rgba(17,23,20,.62) 0%,rgba(17,23,20,.40) 46%,rgba(17,23,20,.52) 100%),url("assets/sidebar-illustration.jpg");background-size:cover;background-position:62% center;overflow-y:auto;scrollbar-color:rgba(255,255,255,.3) transparent}
aside a:focus-visible {outline-color:var(--gold)}
.brand {display:flex;align-items:flex-start;flex-direction:column;gap:16px;width:fit-content;margin:0 14px 40px;text-decoration:none}
.brand img {display:block;width:120px;height:auto}
nav {display:grid;gap:6px}
nav a {display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:12px 14px;text-decoration:none;font-size:.875rem;font-weight:500;border-radius:var(--radius-soft)}
nav a:hover {background:rgba(255,255,255,.12)}
nav a[aria-current=page] {background:var(--green);color:white;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
nav a span {font-size:.75rem;opacity:.7;font-variant-numeric:tabular-nums}
.side-bottom {margin-top:auto;padding:46px 14px 0;font-size:.75rem;line-height:1.6;color:rgba(255,255,255,.85)}
.side-bottom p {margin:0}
.side-bottom time {display:block;font-variant-numeric:tabular-nums}
main {margin-left:240px;padding:40px 40px 24px;max-width:1800px}
header {display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:32px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.eyebrow {font-size:.75rem;letter-spacing:.065em;color:var(--muted);font-weight:600;margin:0 0 8px}
h1 {font-size:3rem;line-height:1.08;letter-spacing:-.02em;margin:0;font-weight:700}
.header-tools {display:flex;align-items:center;gap:16px;font-size:.75rem;color:var(--muted)}
h2 {font-size:1.25rem;line-height:1.25;margin:0 0 16px;letter-spacing:-.01em;font-weight:600}
h3 {font-size:1rem;line-height:1.35;margin:0 0 8px;font-weight:600}
p {margin:0 0 16px}
.lede {font-size:1rem;max-width:940px;color:var(--muted)}
.brief {background:var(--surface);padding:26px 28px;border-radius:var(--radius-soft);margin-bottom:30px}
.brief h2 {font-size:1.625rem;line-height:1.2;max-width:970px;font-weight:600;letter-spacing:-.015em}
.brief .lede {color:#514e49}
.brief p:last-child {margin:0}
.badge {display:inline-block;padding:4px 9px;border-radius:var(--radius);background:var(--surface);font-size:.75rem;line-height:1.4;font-weight:500;white-space:nowrap;color:#514e49}
.badge.amber {background:var(--gold);color:#433811}
.badge.green {background:var(--sage);color:var(--green-deep)}
.badge.red {background:var(--error-bg);color:var(--error-text)}
.section-head {display:flex;align-items:center;justify-content:space-between;gap:18px;margin:32px 0 16px}
.section-head h2 {margin:0}
.section-head p {margin:5px 0 0;font-size:.875rem;color:var(--muted)}
.metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.metric {padding:20px 22px;background:var(--surface);border-radius:var(--radius)}
.metric-label {font-size:.875rem;font-weight:500}
.metric-value {display:flex;align-items:baseline;gap:12px;font-size:2.5rem;font-weight:600;letter-spacing:-.025em;line-height:1.4;font-variant-numeric:tabular-nums;margin:4px 0 8px}
.metric p {font-size:.8125rem;color:var(--muted);margin:10px 0 0}
.grid {display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:32px}
.panel {padding:24px;background:transparent;border:1px solid var(--line);border-radius:var(--radius-soft)}
.panel p:last-child {margin-bottom:0}
.muted,.small {color:var(--muted);font-size:.875rem}
.notice {padding:18px 20px;border:1px solid #c4aa56;background:#e8dab2;color:#443c23;border-radius:var(--radius);margin-bottom:24px;font-size:.875rem}
.notice.danger {border-color:#dba58f;background:var(--error-bg);color:var(--error-text)}
.baseline-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.baseline-stats strong {display:block;font-size:2rem;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;margin-bottom:7px}
.baseline-stats span {display:block;font-size:.8125rem;color:var(--muted)}
.chart {height:100px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid var(--line);padding-top:10px}
.bar {flex:1;min-width:0;background:var(--green);border-radius:2px 2px 0 0;min-height:1px}
.chart-label {display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-top:8px;font-variant-numeric:tabular-nums}
.chart-caption {font-size:.75rem;color:var(--muted);margin:10px 0 0}
.task {padding:18px 0;border-bottom:1px solid var(--line-soft)}
.task:first-of-type {padding-top:0}
.task:last-child {border:0;padding-bottom:0}
.task p {font-size:.875rem;color:var(--muted);margin:6px 0}
.task-meta {display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.75rem;color:var(--muted)}
.table-wrap {overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-soft)}
table {border-collapse:collapse;width:100%;text-align:left;font-size:.875rem}
th {font-weight:500;color:#514e49;background:var(--surface);font-size:.8125rem}
th,td {padding:18px 20px;border-bottom:1px solid var(--line-soft);vertical-align:top}
tr:last-child td {border:0}
td strong {font-size:.9375rem;font-weight:500}
td small {display:block;font-size:.8125rem;color:var(--muted);margin-top:6px}
td:first-child {min-width:145px}
.link {color:var(--green-deep);text-underline-offset:4px;text-decoration-thickness:1px}
.link:hover {color:var(--green)}
.channel-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.channel-card {padding:26px;background:var(--surface);border-radius:var(--radius-soft)}
.card-head {display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}
.card-head h2,.card-head .eyebrow {margin:0}
.channel-card p,.channel-card li {font-size:1rem}
.channel-card ul {padding-left:20px;color:#514e49;margin-top:8px}
.channel-card .next {border-top:1px solid var(--line);padding-top:20px}
.channel-card .next p {color:#514e49}
.channel-card .next .small {font-size:.8125rem;margin-bottom:0}
.plan-stage {display:grid;grid-template-columns:154px minmax(0,1fr);margin:16px 0;border:1px solid var(--line);border-radius:var(--radius-soft);overflow:hidden}
.stage-label {display:flex;flex-direction:column;gap:4px;padding:26px 22px;background:var(--surface);font-size:.875rem;font-weight:500;line-height:1.7}
.stage-body {padding:26px}
.stage-body ol {padding-left:22px;margin:12px 0}
.stage-body li {margin-bottom:10px}
.gate {font-size:.875rem;border-top:1px solid var(--line);margin-top:22px;padding-top:18px;color:var(--muted)}
.filters {display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:26px 0}
.filters input {flex:1;min-width:220px;min-height:48px;border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;color:var(--ink);background:var(--bg);font-size:1rem}
.filters input::placeholder {color:var(--muted)}
.timeline {border-left:1px solid var(--line);margin-left:7px;padding-left:28px}
.history-entry {position:relative;background:var(--surface);border-radius:var(--radius-soft);padding:0;margin-bottom:12px}
.history-entry:before {content:"";position:absolute;width:11px;height:11px;border:3px solid var(--bg);background:var(--ink);left:-34px;top:29px;border-radius:50%}
.history-date {font-size:.8125rem;color:var(--muted);margin-bottom:14px}
.history-entry summary {cursor:pointer;padding:22px 26px;font-size:1rem;font-weight:500;line-height:1.5;list-style:none;display:flex;align-items:baseline;gap:16px}
.history-summary {display:flex;flex-direction:column;min-width:0;gap:6px}
.history-summary .history-date {margin:0;font-weight:400}
.history-entry summary::-webkit-details-marker {display:none}
.history-entry summary::after {content:"+";margin-left:auto;flex:none;font-size:1.25rem;font-weight:400;color:var(--muted)}
.history-entry[open] summary::after {content:"−"}
.history-entry summary:hover {color:var(--green-deep)}
.history-entry summary:focus-visible {outline:3px solid var(--green);outline-offset:3px;border-radius:var(--radius-soft)}
.history-detail {padding:0 26px 26px}
.history-entry[open] summary {border-bottom:1px solid var(--line-soft);margin-bottom:20px}
.history-entry dl {display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px 18px;font-size:1rem;margin:22px 0}
.history-entry dt {color:var(--muted);font-size:.875rem;padding-top:2px}
.history-entry dd {margin:0}
.history-result {background:var(--bg);padding:20px;border-radius:var(--radius);font-size:.9375rem}
.history-result strong {font-weight:500}
.history-result p {margin:6px 0 18px;color:#514e49}
.history-result p:last-child {margin-bottom:0}
.history-links {font-size:.875rem;display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}
.empty {padding:40px;text-align:center;color:var(--muted)}
.definitions {display:grid;grid-template-columns:1fr 1fr;gap:16px}
.definitions article {padding:24px;background:var(--surface);border-radius:var(--radius)}
.definitions p {font-size:1rem;margin:0;color:#514e49}
.skip {position:fixed;top:-80px;left:16px;background:var(--ink);color:var(--bg);padding:12px 16px;z-index:10;border-radius:var(--radius)}
.skip:focus {top:16px}
.loading {padding:40px}
@media(min-width:1550px) {.metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.metric{padding:20px 16px}}
@media(max-width:1120px) {aside{width:206px;padding:28px 12px}main{margin-left:218px;padding:32px 26px}.grid{grid-template-columns:1fr}.header-tools{flex-direction:column;align-items:flex-end;gap:8px}.brand{margin-left:14px}.channel-grid{gap:16px}.card-head{flex-wrap:wrap}}
@media(max-width:760px) {
  aside{position:relative;inset:auto;width:100%;padding:24px 20px 16px;display:block;border-radius:0 0 var(--radius-sheet) var(--radius-sheet);background-position:62% 42%}
  .brand{flex-direction:row;align-items:center;gap:18px;margin:0}.brand img{width:110px}
  nav{display:flex;overflow-x:auto;gap:4px;margin-top:24px;padding-bottom:2px}nav a{flex:none;white-space:nowrap;padding:11px 14px;min-height:44px}nav a span{display:none}
  .side-bottom{padding:14px 0 0;font-size:.6875rem}.side-bottom time{display:inline}main{margin-left:0;padding:26px 20px}header{gap:16px;align-items:flex-start;margin-bottom:24px;padding-bottom:22px}h1{font-size:2.25rem}
  .header-tools{font-size:.75rem;max-width:140px;flex-shrink:0;gap:7px}.header-tools button{font-size:.8125rem;padding:10px 12px}
  .eyebrow{font-size:.75rem}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:18px 16px}.metric-value{font-size:2.125rem}.metric-label{font-size:.875rem}
  .brief{padding:22px;margin-bottom:26px}.brief h2{font-size:1.375rem}.brief .card-head{gap:12px}.card-head{align-items:flex-start}
  .channel-grid,.definitions{grid-template-columns:1fr}.channel-card,.panel{padding:22px}.plan-stage{grid-template-columns:1fr}.stage-label{padding:13px 22px;flex-direction:row;gap:14px}.stage-body{padding:22px}
  .history-entry summary{padding:18px 20px}.history-detail{padding:0 20px 20px}.history-entry dl{grid-template-columns:1fr;gap:3px}.history-entry dd{margin-bottom:12px}
  .timeline{padding-left:20px}.history-entry:before{left:-26px}.history-result{padding:16px}.section-head{align-items:flex-start;flex-wrap:wrap}.baseline-stats{gap:10px}.baseline-stats strong{font-size:1.75rem}
  .filters{gap:12px}.filters input{width:100%;flex-basis:100%}.task-meta{flex-wrap:wrap}
}
@media(max-width:420px) {header{flex-wrap:wrap}.header-tools{flex-direction:row;align-items:center;justify-content:space-between;max-width:none;width:100%}.baseline-stats span{font-size:.75rem}.metric .badge{white-space:normal}.brief .badge{white-space:normal}}
@media(prefers-reduced-motion:no-preference) {button,a{transition:background-color .14s,color .14s,border-color .14s}}

.sign-out{background:transparent;border:0;padding:0;color:inherit;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}