:root{--bg:#f4f2ea;--ink:#1f2a22;--muted:#59635b;--gold:#86742e;--gold2:#c9b36a;--line:#dcd8cb;--dark:#16211a;--card:#fffdf8}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.sx-top{background:#16211a;border-bottom:1px solid rgba(201,179,106,.25)}
.sx-top .in{max-width:1240px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:20px}
.sx-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f1eee4;font-family:"Playfair Display",serif;letter-spacing:.2em;font-size:15px}
.sx-brand img{width:30px;height:30px}
.sx-nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:14px}
.sx-nav a{color:#d9d4c3;text-decoration:none}.sx-nav a:hover,.sx-nav a.on{color:#c9b36a}
.sx-nav .wa{background:#c9b36a;color:#16211a;padding:8px 14px;border-radius:8px;font-weight:600}
@media(max-width:760px){.sx-nav .hide{display:none}.sx-nav{gap:14px}}
.sx-main{max-width:1240px;margin:0 auto;padding:28px 20px 56px}
.sx-foot{background:#16211a;color:#a9a594;font-size:14px}
.sx-foot .in{max-width:1240px;margin:0 auto;padding:28px 20px;display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between}
.sx-foot a{color:#d9d4c3;text-decoration:none}
#dash-root{--font-anthropic-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-anthropic-serif:"Playfair Display",Georgia,serif;
--color-bg:#f4f2ea;--color-fg:#1f2a22;--color-fg-muted:#59635b;--color-panel:#fffdf8;--color-border-line:#dcd8cb;--color-ok:#2f7a46;--color-warn:#a87a12;--color-bad:#a63d2f;
--cds-gap-xs:.25rem;--cds-gap-sm:.5rem;--cds-gap-md:1rem;--cds-gap-xl:2rem;--cds-pad-xs:.3rem;--cds-pad-sm:.5rem;--cds-pad-md:.85rem;--cds-pad-lg:1.15rem;--cds-radius:12px;
--cds-font-size-title:1.9rem;--cds-font-size-heading:1.15rem;--cds-font-size-body:1rem;--cds-font-size-caption:.82rem;--cds-font-weight-medium:600;--cds-dur-slow:.3s;
--cds-surface-popover:#fffdf8;--cds-border:#cfcab9;--cds-shadow-popover:0 8px 24px rgba(0,0,0,.12);--cds-text-secondary:#59635b;
--cds-chart-axis:#b9b4a4;--cds-chart-grid:#e6e2d6;--cds-chart-muted:#a8aca0;--cds-chart-status-critical:#a63d2f;
--s1:#24609f;--s2:#b8492f;--s3:#3d8a57;--s4:#c4932a;--s5:#7457a6;--s6:#2b8f9b;--s7:#a94a78;--s8:#66762f;
color:var(--color-fg);font-family:var(--font-anthropic-sans)}
@media (prefers-color-scheme:dark){
:root{--bg:#121813;--ink:#ece8dc}
#dash-root{--color-bg:#121813;--color-fg:#ece8dc;--color-fg-muted:#a9ad9f;--color-panel:#1a221c;--color-border-line:#2c352e;--color-ok:#6cc48a;--color-warn:#e0b44f;--color-bad:#e5806a;
--cds-surface-popover:#222b24;--cds-border:#3a453c;--cds-shadow-popover:0 8px 24px rgba(0,0,0,.45);--cds-text-secondary:#a9ad9f;
--cds-chart-axis:#4a554c;--cds-chart-grid:#2a332c;--cds-chart-muted:#5f6a61;--cds-chart-status-critical:#e5806a;
--s1:#6fa5e6;--s2:#e8846a;--s3:#73c48f;--s4:#e2b85a;--s5:#a991de;--s6:#5cc1cc;--s7:#dc85b0;--s8:#a7b768}}


#dash-root .mb { font-family: var(--font-anthropic-sans); display: flex; flex-direction: column; gap: var(--cds-gap-xl); max-width: 76rem; margin-inline: auto; }
#dash-root .mb-head h1 { font-family: var(--font-anthropic-serif); font-weight: 400; font-size: var(--cds-font-size-title); margin: 0 0 var(--cds-gap-sm); text-wrap: balance; }
#dash-root .mb-head p { margin: 0; color: var(--color-fg-muted); max-width: 62ch; font-size: var(--cds-font-size-body); line-height: 1.5; }
#dash-root .mb-lead { color: var(--color-fg) !important; font-size: var(--cds-font-size-heading) !important; margin-top: var(--cds-gap-md) !important; }
#dash-root .mb .mb-lead b, #dash-root .mb .n { font-weight: 600; font-variant-numeric: tabular-nums; }
#dash-root .tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr)); gap: var(--cds-gap-md); }
#dash-root .tile { background: var(--color-panel); border: 1px solid var(--color-border-line); border-radius: var(--cds-radius); padding: var(--cds-pad-md) var(--cds-pad-lg); display: flex; flex-direction: column; gap: var(--cds-gap-xs); }
#dash-root .tile .lbl { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
#dash-root .tile .big { font-family: var(--font-anthropic-sans); font-weight: 600; font-size: calc(var(--cds-font-size-title) * 1.05); line-height: 1.1; letter-spacing: -0.01em; }
#dash-root .tile .cmp { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
#dash-root .tile .cmp b { font-weight: 600; color: var(--color-fg); }
#dash-root .tile .note { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
#dash-root .tile.bad { box-shadow: inset 3px 0 0 var(--color-bad); }
#dash-root .tile.good { box-shadow: inset 3px 0 0 var(--color-ok); }
#dash-root .seg { display: inline-flex; border: 1px solid var(--color-border-line); border-radius: 999px; padding: 2px; background: var(--color-panel); }
#dash-root .bar .seg button { border: 0; border-radius: 999px; background: transparent; padding: var(--cds-pad-xs) var(--cds-pad-md); }
#dash-root .bar .seg button[aria-pressed="true"] { background: var(--color-fg); color: var(--color-bg); }
#dash-root .bar .seg button[data-enf="avancos"][aria-pressed="true"] { background: var(--color-ok); color: var(--color-bg); }
#dash-root .bar .seg button[data-enf="gargalos"][aria-pressed="true"] { background: var(--color-bad); color: var(--color-bg); }
#dash-root .natl.ok { color: var(--color-ok); }
#dash-root [hidden] { display: none !important; }
#dash-root .bar label { flex-wrap: wrap; max-width: 100%; min-width: 0; }
#dash-root .bar select { max-width: 100%; min-width: 0; }
#dash-root section.blk { display: flex; flex-direction: column; gap: var(--cds-gap-md); }
#dash-root section.blk > h2 { font-size: var(--cds-font-size-heading); font-weight: var(--cds-font-weight-medium); margin: 0; }
#dash-root section.blk > p.sub { margin: 0; color: var(--color-fg-muted); max-width: 70ch; line-height: 1.5; }
#dash-root .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: var(--cds-gap-md); }
#dash-root .card { background: var(--color-panel); border: 1px solid var(--color-border-line); border-radius: var(--cds-radius); padding: var(--cds-pad-lg); display: flex; flex-direction: column; gap: var(--cds-gap-sm); min-width: 0; }
#dash-root .card h3 { margin: 0; font-size: var(--cds-font-size-heading); font-weight: var(--cds-font-weight-medium); }
#dash-root .card .cap { margin: 0; color: var(--color-fg-muted); font-size: var(--cds-font-size-caption); line-height: 1.45; }
#dash-root .card.wide { grid-column: 1 / -1; }
#dash-root .chart { position: relative; min-height: 220px; }
#dash-root .chart.tall { min-height: 300px; }
#dash-root .chart svg { display: block; overflow: visible; }
#dash-root .chart text { fill: var(--color-fg-muted); font-size: 11px; font-family: var(--font-anthropic-sans); }
#dash-root .chart text.val { fill: var(--color-fg); font-variant-numeric: tabular-nums; }
#dash-root .tt { position: absolute; pointer-events: none; background: var(--cds-surface-popover); border: 1px solid var(--cds-border); border-radius: var(--cds-radius); box-shadow: var(--cds-shadow-popover); padding: var(--cds-pad-xs) var(--cds-pad-sm); font-size: var(--cds-font-size-caption); white-space: nowrap; z-index: 2; }
#dash-root .tt .k { color: var(--cds-text-secondary); }
#dash-root .leg { display: flex; flex-wrap: wrap; gap: var(--cds-gap-xs) var(--cds-gap-md); font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
#dash-root .leg i { display: inline-block; width: .7rem; height: .7rem; border-radius: 2px; margin-right: .35rem; vertical-align: -1px; }
#dash-root .vs { display: grid; grid-template-columns: 1fr 1fr; gap: var(--cds-gap-md); }
#dash-root .vs .big { font-family: var(--font-anthropic-sans); font-weight: 600; font-size: calc(var(--cds-font-size-title) * 1.05); }
#dash-root .tbox { overflow: auto; max-height: 30rem; }
#dash-root table.t { border-collapse: collapse; width: 100%; font-size: var(--cds-font-size-caption); font-variant-numeric: tabular-nums; }
#dash-root table.t th { position: sticky; top: 0; background: var(--color-panel); text-align: right; padding: var(--cds-pad-xs) var(--cds-pad-sm); border-bottom: 1px solid var(--color-border-line); font-weight: var(--cds-font-weight-medium); }
#dash-root table.t th:first-child, #dash-root table.t td:first-child { text-align: left; }
#dash-root table.t th button { all: unset; cursor: pointer; }
#dash-root table.t th button:focus-visible { outline: 2px solid var(--color-fg-muted); }
#dash-root table.t td { text-align: right; padding: var(--cds-pad-xs) var(--cds-pad-sm); border-bottom: 1px solid var(--color-border-line); }
#dash-root .foot { color: var(--color-fg-muted); font-size: var(--cds-font-size-caption); line-height: 1.55; max-width: 80ch; border-top: 1px solid var(--color-border-line); padding-top: var(--cds-pad-md); display: flex; flex-direction: column; gap: var(--cds-gap-xs); }
#dash-root .foot p { margin: 0; }
#dash-root [data-dash-source-state=empty] { color: transparent; }
#dash-root [data-dash-source-state=refreshing] { opacity: .5; transition: opacity var(--cds-dur-slow); }
@media (max-width: 40rem) { #dash-root .vs { grid-template-columns: 1fr; } }

#dash-root .bar { position: sticky; top: 0; z-index: 3; background: var(--color-bg); padding-block: var(--cds-pad-sm); display: flex; flex-wrap: wrap; gap: var(--cds-gap-sm) var(--cds-gap-md); align-items: center; border-bottom: 1px solid var(--color-border-line); }
#dash-root .bar label { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); display: flex; gap: var(--cds-gap-xs); align-items: center; }
#dash-root .bar select { font: inherit; font-size: var(--cds-font-size-body); padding: var(--cds-pad-xs) var(--cds-pad-sm); border: 1px solid var(--color-border-line); border-radius: var(--cds-radius); background: var(--color-panel); color: var(--color-fg); }
#dash-root .bar button { font: inherit; font-size: var(--cds-font-size-caption); padding: var(--cds-pad-xs) var(--cds-pad-sm); border: 1px solid var(--color-border-line); border-radius: var(--cds-radius); background: var(--color-panel); color: var(--color-fg); cursor: pointer; }
#dash-root .bar .cur { font-family: var(--font-anthropic-serif); font-size: var(--cds-font-size-heading); }
#dash-root .top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: var(--cds-gap-md); align-items: start; }
@media (max-width: 52rem) { #dash-root .top { grid-template-columns: 1fr; } }
#dash-root .tiles.k4 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); }
#dash-root .map { position: relative; min-height: 360px; }
#dash-root .map svg text { font-family: var(--font-anthropic-sans); pointer-events: none; }
#dash-root .map rect.tile { cursor: pointer; }
#dash-root .map rect.tile:focus-visible { outline: none; stroke: var(--color-fg); stroke-width: 2; }
#dash-root .scale { display: flex; justify-content: space-between; font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
#dash-root table.t tbody tr { cursor: pointer; }
#dash-root table.t tbody tr.sel td { background: var(--color-border-line); }
#dash-root .natl { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); text-transform: uppercase; letter-spacing: .06em; }

#dash-root .meta { display: flex; flex-wrap: wrap; gap: var(--cds-gap-xs) var(--cds-gap-sm); margin-top: var(--cds-gap-sm); }
#dash-root .chip { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); border: 1px solid var(--color-border-line); border-radius: 999px; padding: 2px 10px; background: var(--color-panel); }
#dash-root .chip.live::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--color-ok); margin-right: 6px; vertical-align: 1px; }
#dash-root .bar .sep { flex: 1 1 auto; }
#dash-root .nav { display: flex; flex-wrap: wrap; gap: var(--cds-gap-xs); }
#dash-root .nav button { border-radius: 999px; }
#dash-root .nav button[aria-current="true"] { background: var(--color-fg); color: var(--color-bg); border-color: var(--color-fg); }
#dash-root .ufhead { display: flex; align-items: baseline; justify-content: space-between; gap: var(--cds-gap-sm); flex-wrap: wrap; }
#dash-root .ufhead h2 { margin: 0; font-size: var(--cds-font-size-title); font-weight: 600; }
#dash-root .ufhead .cap { margin: 0; }
#dash-root .side { display: flex; flex-direction: column; gap: var(--cds-gap-md); min-width: 0; }
#dash-root .ramp { height: 10px; border-radius: 5px; margin-top: var(--cds-gap-xs); }
#dash-root .nav button:focus-visible, #dash-root .bar button:focus-visible, #dash-root .bar select:focus-visible { outline: 2px solid var(--color-fg); outline-offset: 2px; }

/* ---- navegação entre áreas ---- */
.sx-top .in { flex-wrap: wrap; row-gap: 8px; }
.sx-brand { letter-spacing: .04em !important; font-size: 16px !important; }
.sx-tabs { display: flex; gap: 6px; margin-left: auto; flex-wrap: wrap; }
.sx-tabs a { color: #d9d4c3; text-decoration: none; font-size: 14px; padding: 7px 12px; border-radius: 999px; border: 1px solid rgba(201,179,106,.25); }
.sx-tabs a:hover { border-color: #c9b36a; color: #f1eee4; }
.sx-tabs a.on { background: #c9b36a; color: #16211a; border-color: #c9b36a; font-weight: 600; }
@media (max-width: 760px) { .sx-tabs { margin-left: 0; width: 100%; } .sx-tabs a { font-size: 13px; padding: 6px 10px; } }

/* ---- infográfico ---- */
#dash-root .ig { background: var(--color-panel); border: 1px solid var(--color-border-line); border-radius: var(--cds-radius); padding: var(--cds-pad-lg); display: flex; flex-direction: column; gap: var(--cds-gap-md); }
#dash-root .ig-head { display: flex; justify-content: space-between; align-items: baseline; gap: var(--cds-gap-sm); flex-wrap: wrap; }
#dash-root .ig-head h2 { margin: 0; font-family: var(--font-anthropic-serif); font-weight: 400; font-size: calc(var(--cds-font-size-title) * .85); }
#dash-root .ig-head .cap { margin: 0; color: var(--color-fg-muted); font-size: var(--cds-font-size-caption); }
#dash-root .ig-flow { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: var(--cds-gap-md); counter-reset: passo; }
#dash-root .ig-step { position: relative; display: flex; flex-direction: column; gap: 6px; padding: var(--cds-pad-md) var(--cds-pad-md) var(--cds-pad-md) var(--cds-pad-md); border-radius: calc(var(--cds-radius) - 2px); background: var(--color-bg); border: 1px solid var(--color-border-line); }
#dash-root .ig-step .ico { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--ig-c, var(--s1)); color: var(--color-bg); }
#dash-root .ig-step .ico svg { width: 24px; height: 24px; }
#dash-root .ig-step .k { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); text-transform: uppercase; letter-spacing: .06em; }
#dash-root .ig-step .big { font-weight: 700; font-size: calc(var(--cds-font-size-title) * 1.05); line-height: 1.05; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
#dash-root .ig-step .t { font-size: var(--cds-font-size-body); line-height: 1.35; }
#dash-root .ig-step .s { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); line-height: 1.4; }
#dash-root .ig-step .s b { color: var(--color-fg); }
#dash-root .ig-step.bom { box-shadow: inset 0 3px 0 var(--color-ok); }
#dash-root .ig-step.ruim { box-shadow: inset 0 3px 0 var(--color-bad); }
#dash-root .ig-step.neutro { box-shadow: inset 0 3px 0 var(--s4); }
@media (min-width: 900px) { #dash-root .ig-flow.arrows .ig-step:not(:last-child)::after { content: ""; position: absolute; right: -14px; top: 34px; width: 12px; height: 12px; border-top: 2px solid var(--color-fg-muted); border-right: 2px solid var(--color-fg-muted); transform: rotate(45deg); } }
#dash-root .ig-pills { display: flex; flex-wrap: wrap; gap: var(--cds-gap-sm); }
#dash-root .ig-pill { display: flex; gap: 8px; align-items: flex-start; flex: 1 1 15rem; font-size: var(--cds-font-size-caption); line-height: 1.45; padding: 10px 12px; border-radius: 10px; background: color-mix(in srgb, var(--color-ok) 10%, var(--color-panel)); border: 1px solid color-mix(in srgb, var(--color-ok) 35%, var(--color-border-line)); }
#dash-root .ig-pill svg { flex: none; width: 18px; height: 18px; color: var(--color-ok); margin-top: 1px; }
#dash-root .ig-pill b { font-weight: 600; }
#dash-root .ig-label { font-size: var(--cds-font-size-caption); font-weight: 600; color: var(--color-ok); text-transform: uppercase; letter-spacing: .06em; }
/* cartões de texto (agenda, segurança) */
#dash-root .cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: var(--cds-gap-md); }
#dash-root .tcard { background: var(--color-panel); border: 1px solid var(--color-border-line); border-radius: var(--cds-radius); padding: var(--cds-pad-lg); display: flex; flex-direction: column; gap: 6px; }
#dash-root .tcard .n { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); text-transform: uppercase; letter-spacing: .06em; }
#dash-root .tcard h3 { margin: 0; font-size: var(--cds-font-size-heading); font-weight: 600; }
#dash-root .tcard p { margin: 0; color: var(--color-fg-muted); font-size: var(--cds-font-size-body); line-height: 1.5; }
#dash-root .tcard .dado { font-size: var(--cds-font-size-caption); color: var(--color-fg); background: var(--color-bg); border-radius: 8px; padding: 6px 10px; }
#dash-root .draft { border: 1px dashed var(--color-warn); color: var(--color-warn); border-radius: 999px; padding: 2px 10px; font-size: var(--cds-font-size-caption); font-weight: 600; }
/* início */
#dash-root .home-areas { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: var(--cds-gap-md); }
#dash-root .area { background: var(--color-panel); border: 1px solid var(--color-border-line); border-radius: var(--cds-radius); padding: var(--cds-pad-lg); display: flex; flex-direction: column; gap: 10px; text-decoration: none; color: inherit; transition: transform .15s, box-shadow .15s; }
#dash-root .area:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0,0,0,.10); }
#dash-root .area .ico { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: var(--ig-c); color: var(--color-bg); }
#dash-root .area .ico svg { width: 28px; height: 28px; }
#dash-root .area h2 { margin: 0; font-family: var(--font-anthropic-serif); font-weight: 400; font-size: calc(var(--cds-font-size-title) * .8); }
#dash-root .area p { margin: 0; color: var(--color-fg-muted); line-height: 1.5; }
#dash-root .area .nums { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 4px; }
#dash-root .area .nums div { background: var(--color-bg); border-radius: 10px; padding: 8px 10px; }
#dash-root .area .nums b { display: block; font-size: 1.35rem; font-variant-numeric: tabular-nums; }
#dash-root .area .nums span { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
#dash-root .area .go { margin-top: auto; font-weight: 600; color: var(--ig-c); }
#dash-root .mb-head .kick { font-size: var(--cds-font-size-caption); text-transform: uppercase; letter-spacing: .12em; color: var(--color-fg-muted); margin: 0 0 4px; }
#dash-root .tile .big { font-size: calc(var(--cds-font-size-title) * .92); }
.sx-lang { position: relative; flex: none; }
.sx-lang summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; color: #f1eee4; font-size: 13px; font-weight: 600; letter-spacing: .04em; padding: 7px 12px; border-radius: 999px; border: 1px solid rgba(201,179,106,.45); user-select: none; }
.sx-lang summary::-webkit-details-marker { display: none; }
.sx-lang summary:hover, .sx-lang[open] summary { border-color: #c9b36a; background: rgba(201,179,106,.12); }
.sx-lang summary svg { color: #c9b36a; }
.sx-lang .car { transition: transform .15s; }
.sx-lang[open] .car { transform: rotate(180deg); }
.sx-lang-menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 50; min-width: 180px; background: #1d2b22; border: 1px solid rgba(201,179,106,.35); border-radius: 12px; padding: 6px; box-shadow: 0 14px 34px rgba(0,0,0,.35); display: flex; flex-direction: column; gap: 2px; }
.sx-lang-menu a { display: flex; align-items: center; gap: 10px; color: #d9d4c3; text-decoration: none; font-size: 14px; padding: 8px 10px; border-radius: 8px; }
.sx-lang-menu a b { font-size: 11px; letter-spacing: .06em; color: #c9b36a; width: 22px; }
.sx-lang-menu a:hover { background: rgba(201,179,106,.14); color: #f1eee4; }
.sx-lang-menu a.on { background: #c9b36a; color: #16211a; font-weight: 600; }
.sx-lang-menu a.on b { color: #16211a; }
@media (max-width: 760px) { .sx-brand { flex: 1; order: 1; } .sx-lang { order: 2; } .sx-tabs { order: 3; } .sx-lang-menu { min-width: 170px; } }
.sx-foot .sx-apoio { flex-basis: 100%; font-size: 12px; opacity: .85; }
.sx-foot .sx-apoio a { color: #c9b36a; text-decoration: none; border-bottom: 1px solid rgba(201,179,106,.4); }
.sx-foot .sx-apoio a:hover { color: #f1eee4; }
/* download do estudo */
#dash-root .dl { display: flex; gap: var(--cds-gap-lg, 24px); align-items: center; background: var(--color-panel); border: 1px solid var(--color-border-line); border-radius: var(--cds-radius); padding: var(--cds-pad-lg); margin-top: var(--cds-gap-md); }
#dash-root .dl img { width: 150px; height: auto; border-radius: 8px; box-shadow: 0 8px 22px rgba(0,0,0,.18); flex: none; }
#dash-root .dl-txt { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
#dash-root .dl h2 { margin: 0; font-family: var(--font-anthropic-serif); font-weight: 400; font-size: calc(var(--cds-font-size-title) * .8); }
#dash-root .dl p { margin: 0; color: var(--color-fg-muted); line-height: 1.5; max-width: 62ch; }
#dash-root .dl .kick { text-transform: uppercase; letter-spacing: .12em; font-size: var(--cds-font-size-caption); }
#dash-root .dl-btn { display: inline-flex; align-items: center; gap: 8px; background: #16211a; color: #f1eee4; text-decoration: none; font-weight: 600; padding: 10px 18px; border-radius: 999px; border: 1px solid #c9b36a; }
#dash-root .dl-btn::before { content: "↓"; color: #c9b36a; }
#dash-root .dl-btn:hover { background: #c9b36a; color: #16211a; }
#dash-root .dl-btn:hover::before { color: #16211a; }
#dash-root .dl .dl-note { font-size: var(--cds-font-size-caption); }
@media (max-width: 640px) { #dash-root .dl { flex-direction: column; align-items: flex-start; } #dash-root .dl img { width: 120px; } }
.sx-foot .sx-pdf a { color: #c9b36a; }