/* Shared presentation for structured facts; text and states remain server-owned. */
body.guided-app{--ui-panel:#191c15;--ui-line:#414738;--ui-muted:#b7bead;--ui-accent:#ddc58c}
body.guided-app .ui-panel,body.guided-app .ui-disclosure{border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-panel);padding:20px;margin:18px 0;min-width:0}
body.guided-app .ui-panel h2,body.guided-app .ui-panel h3{margin-top:0}
body.guided-app .ui-panel p:last-child{margin-bottom:0}
body.guided-app .ui-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;cursor:pointer;font-weight:500;color:#eee8d8;list-style:none}
body.guided-app .ui-disclosure>summary::after{content:'';width:8px;height:8px;border-right:2px solid var(--ui-accent);border-bottom:2px solid var(--ui-accent);transform:rotate(45deg);flex-shrink:0;margin-left:auto}
body.guided-app .ui-disclosure[open]>summary::after{transform:rotate(225deg)}
body.guided-app .ui-disclosure[open]>summary{margin-bottom:18px}
body.guided-app .ui-status{display:inline-flex;align-items:center;gap:7px;max-width:100%;border:1px solid #62674d;border-radius:999px;background:#282d21;color:#e4ddbf;padding:5px 10px;font:500 11px/1.4 Inter,system-ui,sans-serif;overflow-wrap:anywhere;vertical-align:middle}
.ui-status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
body.guided-app .ui-status[data-state='passed'],body.guided-app .ui-status[data-state='complete']{border-color:#586f49;background:#22301d;color:#d0e5b9}
body.guided-app .ui-status[data-state='blocked'],body.guided-app .ui-status[data-state='pending'],body.guided-app .ui-status[data-state='needs_evidence']{border-color:#826d3f;background:#332b1b;color:#f2d698}
body.guided-app .ui-status[data-state='failed'],body.guided-app .ui-status[data-state='error']{border-color:#8a5f51;background:#34241e;color:#f0b9a7}
body.guided-app .ui-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px;margin:18px 0;padding:0;min-width:0}
body.guided-app .ui-metrics>div{border:1px solid var(--ui-line);border-radius:12px;padding:17px;background:#171a13;min-width:0}
body.guided-app .ui-metrics dt{font:400 12px/1.5 Inter,system-ui,sans-serif;color:var(--ui-muted);margin:0 0 8px}
body.guided-app .ui-metrics dd{font:500 clamp(20px,2.5vw,28px)/1.3 Inter,system-ui,sans-serif;color:#f0e4c5;margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.guided-app .ui-metrics dd small{display:block;font:400 12px/1.5 Inter,system-ui,sans-serif;color:var(--ui-muted);margin-top:6px}
body.guided-app .ui-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:0 22px;margin:16px 0;padding:0}
body.guided-app .ui-facts>div{padding:13px 0;border-bottom:1px solid var(--ui-line);min-width:0}
body.guided-app .ui-facts dt{font:400 12px/1.5 Inter,system-ui,sans-serif;color:var(--ui-muted);margin:0 0 5px}
body.guided-app .ui-facts dd{font:500 14px/1.6 Inter,system-ui,sans-serif;margin:0;color:#eee8d9;overflow-wrap:anywhere}
body.guided-app .ui-list,body.guided-app .ui-activity,body.guided-app .ui-link-list{list-style:none;margin:16px 0;padding:0;display:grid;gap:10px}
body.guided-app .ui-list>li,body.guided-app .ui-activity>li{border:1px solid var(--ui-line);border-left:3px solid #9d8957;border-radius:9px;background:#191d15;padding:13px 16px;line-height:1.65;min-width:0;overflow-wrap:anywhere}
body.guided-app .ui-list>li>p:first-child,body.guided-app .ui-activity>li>p:first-child{margin-top:0}
body.guided-app .ui-list>li>p:last-child,body.guided-app .ui-activity>li>p:last-child{margin-bottom:0}
body.guided-app .ui-activity>li{border-left-color:#6f7d5a}
body.guided-app .ui-link-list a{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--ui-line);border-radius:10px;background:#1c2118;padding:14px 16px;text-decoration:none;color:#e7d4a1;overflow-wrap:anywhere}
body.guided-app .ui-link-list a::after{content:'→';flex-shrink:0}
body.guided-app .ui-link-list a:hover{border-color:#ad965d;background:#242b1e}
body.guided-app .ui-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
body.guided-app .ui-card-header h2,body.guided-app .ui-card-header h3{margin:0}
body.guided-app .ui-empty{padding:20px;border:1px dashed #61664e;border-radius:12px;color:var(--ui-muted);background:#181c14;line-height:1.6}
body.guided-app .ui-callout{padding:15px 18px;border:1px solid #76633b;border-left:3px solid #c5ac70;border-radius:10px;background:#282519;line-height:1.65}
body.guided-app .ui-table{overflow-x:auto;border:1px solid var(--ui-line);border-radius:12px;margin:18px 0;max-width:100%}
body.guided-app .ui-table table{width:100%;margin:0;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
body.guided-app .ui-table th{background:#262c20;color:#e1d2a8;text-align:left;font-weight:500}
body.guided-app .ui-table th,body.guided-app .ui-table td{padding:14px;border-bottom:1px solid var(--ui-line);vertical-align:top}
body.guided-app .ui-table tbody tr:nth-child(even){background:#1b2017}
body.guided-app .ui-table tbody tr:last-child td{border-bottom:0}
body.guided-app .ui-check-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
body.guided-app .ui-check-row strong{font-weight:500}
body.guided-app .ui-rule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin:18px 0}
body.guided-app .ui-rule-card{border:1px solid var(--ui-line);border-radius:12px;background:#191e15;padding:18px;min-width:0}
body.guided-app .ui-rule-card h3,body.guided-app .ui-rule-card h4{margin:0 0 12px;font-size:17px;line-height:1.5}
body.guided-app .ui-rule-card p{font-size:13px;line-height:1.7}
body.guided-app .ui-rule-card .ui-status{margin-top:8px}
body.guided-app :is(.ui-disclosure>summary,.ui-link-list a):focus-visible{outline:2px solid #e6cc8c;outline-offset:4px}
@media(max-width:600px){body.guided-app .ui-panel,body.guided-app .ui-disclosure{padding:16px}body.guided-app .ui-metrics{gap:9px}body.guided-app .ui-facts{grid-template-columns:1fr}body.guided-app .ui-metrics dd{font-size:22px}body.guided-app .ui-list>li,body.guided-app .ui-activity>li{padding:12px}body.guided-app .ui-table th,body.guided-app .ui-table td{padding:10px}body.guided-app .ui-rule-grid{grid-template-columns:1fr}}
