.demo-badge { display:inline-flex; align-items:center; gap:8px; min-height:42px; padding:9px 13px; border:1px solid #ccb982; border-radius:8px; background:#f3ecd8; color:#725a26; font-size:11px; font-weight:650; white-space:nowrap; }
.demo-badge:hover { background:#ede2c3; }
.demo-badge .icon { width:15px; height:15px; }
.demo-bar { background:#e8eddf; }
.demo-bar .concept-description { font-size:11px; }
.demo-home-link { display:inline-flex; gap:7px; align-items:center; color:#536b4b; font-size:11px; min-height:36px; margin-bottom:5px; }
.demo-home-link:hover { text-decoration:underline; }
.demo-intro { display:flex; align-items:center; gap:13px; padding:17px 21px; border:1px solid #d5dec8; background:#edf2e5; border-radius:11px; margin-bottom:22px; }
.demo-status-dot { width:8px; height:8px; border-radius:50%; background:#9c7e33; flex:0 0 8px; }
.demo-intro > div { flex:1; min-width:0; }
.demo-intro strong { display:block; color:#355237; font-size:13px; }
.demo-intro span:not(.demo-status-dot) { display:block; font-size:12px; color:#657358; line-height:1.6; }
.demo-intro a { display:inline-flex; align-items:center; gap:7px; font-size:11px; color:#3a603f; font-weight:650; }
.demo-intro a:hover { text-decoration:underline; }
.demo-limit-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:22px; margin-top:26px; }
.demo-limit-grid p { font-size:13px; color:#5b6d59; line-height:1.75; }
.demo-limit-grid h2 { margin-top:9px; }
.demo-build-banner { display:flex; gap:24px; align-items:flex-start; padding:25px 28px; border:1px solid #d5d7be; border-radius:13px; background:#eef1e1; margin:0 0 28px; }
.demo-build-banner .pill { flex:0 0 auto; margin-top:5px; }
.demo-build-banner h2 { font-size:27px; margin:0 0 8px; }
.demo-build-banner p { margin:0; max-width:80ch; font-size:13px; color:#5d6b51; }
.demo-data-summary { max-width:94ch; font-size:15px; color:#3f5c45; line-height:1.75; margin-bottom:9px; }
.demo-dataset-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:19px; margin:22px 0 36px; }
.demo-dataset { padding:23px; display:flex; flex-direction:column; min-width:0; }
.demo-card-top { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:9px; min-height:30px; margin-bottom:15px; }
.demo-card-top > span:not(.pill) { font-size:10px; color:#7b846e; }
.demo-dataset h3 { font-size:20px; color:#234d38; line-height:1.3; margin-bottom:12px; }
.demo-dataset p { font-size:13px; line-height:1.75; color:#5b6b55; }
.demo-dataset > .text-button { margin-top:auto; align-self:flex-start; font-size:12px; }
.demo-data-details { border-top:1px solid #e0e5d7; padding-top:12px; margin:2px 0 12px; }
.demo-data-details p { font-size:12px; margin:0; }
.demo-data-details .clean-list li { margin:5px 0; font-size:12px; }
.demo-data-details .clean-list .icon { width:13px; flex-basis:13px; }
.demo-studies { margin:34px 0; }
.demo-study-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.demo-study-grid h3 { font-size:24px; margin:10px 0 12px; color:#214c35; }
.demo-study-grid p { color:#5f6f56; font-size:13px; line-height:1.75; }
.demo-link-row { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; }
.demo-link-row .text-button { color:#496640; }
.demo-data-state { border:1px solid #dce2d3; background:#f0f3e9; border-radius:10px; padding:28px; margin:20px 0; }
.demo-data-state h3 { font-size:20px; }
.demo-data-state p { font-size:13px; }
.demo-development { margin-top:30px; padding:28px; }
.demo-development > h2 { margin-top:10px; }
.demo-status-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; margin-top:26px; }
.demo-status-grid h3 { margin-top:13px; font-size:17px; }
.demo-status-grid p { font-size:13px; color:#64705d; line-height:1.75; margin-bottom:0; }
.site-footer .demo-footer-links { display:flex; flex-wrap:wrap; gap:12px 24px; }
@media(max-width:1100px){.demo-dataset-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.site-header{gap:16px;}.main-nav a{padding:10px 11px;}}
@media(max-width:800px){.demo-intro{align-items:flex-start;flex-wrap:wrap;}.demo-intro a{margin-left:21px;}.demo-status-dot{margin-top:7px;}.demo-limit-grid{grid-template-columns:minmax(0,1fr);}.demo-status-grid{grid-template-columns:minmax(0,1fr);gap:21px;}.demo-status-grid article+article{border-top:1px solid #e0e5d6;padding-top:20px;}.demo-build-banner{flex-direction:column;gap:15px;}.demo-study-grid{grid-template-columns:minmax(0,1fr);}}
@media(max-width:650px){.site-header{position:relative;}.demo-badge{min-height:36px;padding:8px 10px;font-size:9px;}.demo-badge .icon{display:none;}.demo-bar .concept-description{display:block;font-size:10px;line-height:1.6;}.demo-bar{align-items:flex-start;flex-wrap:wrap;gap:6px 9px;}.demo-bar .version{display:none;}.demo-intro{padding:16px;}.demo-intro a{margin-left:0;flex-basis:100%;}.demo-dataset-grid{grid-template-columns:minmax(0,1fr);gap:15px;}.demo-dataset{padding:21px;}.demo-build-banner{padding:21px;}.demo-data-summary{font-size:14px;}.demo-development{padding:21px;}.demo-study-grid .card{padding:21px;}.demo-study-grid h3{font-size:22px;}.site-footer .demo-footer-links{gap:4px 18px;}.main-nav a{font-size:11px;}.demo-intro strong{font-size:12px;}}

@media(max-width:930px){.demo-badge{order:1;margin-left:auto;}.main-nav{order:2;}}
@media print{.demo-badge,.demo-intro>a{display:none;}}

.demo-bar .demo-home-link{flex-shrink:0;min-height:24px;margin:0 0 0 auto;font-size:10px;}
@media(max-width:650px){.demo-bar .demo-home-link{margin-left:0;}}