/* Fictional case entry points: homepage and analysis workspace. */
.national-demo{max-width:470px;margin:13px 0 0;color:#e4ebe1;font-size:12px;line-height:1.65}
.national-demo a{color:#f4dfa9;text-decoration:underline;text-underline-offset:4px;font-weight:650}
.national-demo a:hover{color:#fff2cb}
.national-demo a:focus-visible{outline:2px solid #f4d889;outline-offset:4px}
.demo-guide{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0 20px;padding:22px 25px;background:#f8f6ed;border:1px solid #d6ddcf;border-left:4px solid #b7a064;border-radius:10px;color:#173b2d}
.demo-guide-copy{max-width:760px;min-width:0}
.demo-guide-kicker{display:block;margin-bottom:5px;color:#526b55;font-size:10px;font-weight:700;letter-spacing:.13em}
.demo-guide h2{margin:0 0 7px;color:#173b2d;font-family:var(--serif,Georgia,serif);font-weight:500;font-size:clamp(20px,2.3vw,26px);line-height:1.2}
.demo-guide p{margin:0;color:#29463a;font-size:13px;line-height:1.65}
.demo-guide .demo-guide-scope{margin-top:7px;color:#4b6154;font-size:11px}
.demo-guide-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:none;min-height:45px;padding:11px 14px;border-radius:5px;background:#214938;color:#fff8e9;font-size:12px;font-weight:650;text-align:center;text-decoration:none}
.demo-guide-link:hover{background:#31614b;color:#fff}
.demo-guide-link:focus-visible{outline:3px solid #b7a064;outline-offset:4px}
@media(max-width:760px){.demo-guide{display:block;padding:19px 18px}.demo-guide-link{display:flex;width:100%;margin-top:16px}.national-demo{font-size:12px}}