/* Fictional CRM module tour: mirrors the visible navigation hierarchy without customer data. */
.demo-app{grid-template-columns:245px 1fr}
.demo-side{padding:1.3rem .65rem;gap:0}
.demo-side-head{padding:.6rem .9rem 1.3rem;margin-bottom:.65rem}
.demo-side-head strong{font-size:1.2rem}
.demo-side-label{font-size:.58rem;letter-spacing:.15em;font-weight:800;color:#ff9e70;padding:1rem .85rem .4rem}
.demo-side button{padding:.58rem .8rem;font-size:.75rem;min-height:37px}
.demo-side button span{font-size:.9rem}
.demo-side .child{margin-left:1.1rem;width:calc(100% - 1.1rem);padding-left:.65rem;border-left:1px solid #66575d;border-radius:0 6px 6px 0;color:#bfb4b7;font-size:.7rem}
.demo-side .child:hover,.demo-side .child[aria-current="page"]{border-left-color:#ff8c57}
.demo-side .group{color:#fff;font-weight:800;margin-top:.2rem}
.demo-side-footer{margin-top:1.3rem}
.mobile-module-hint{display:none}
.module-overline{display:flex;align-items:center;gap:.75rem;font-size:.65rem;color:#a2481e;font-weight:800;letter-spacing:.1em;margin-bottom:1.5rem}
.module-overline:after{content:"";height:1px;background:#e6d7cd;flex:1}
.module-hero{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.4rem}
.module-hero p{max-width:620px;color:#675e63;line-height:1.7;margin:0}
.module-hero .view-title{margin:.45rem 0 .7rem}
.module-status{font-size:.58rem;letter-spacing:.08em;font-weight:800;color:#9c431d;background:#fff0e7;border:1px solid #f0cbb8;border-radius:99px;padding:.4rem .65rem;white-space:nowrap}
.module-board{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:1rem}
.module-list,.module-detail,.module-callout{background:#fff;border:1px solid #e7ded8;border-radius:12px;padding:1.4rem}
.module-list h3,.module-detail h3,.module-callout h3{font:800 1.4rem/1.12 var(--sans);letter-spacing:-.05em;margin:.1rem 0 1rem}
.module-list>small,.module-detail>small,.module-callout>small{font-size:.6rem;color:#a04820;letter-spacing:.1em;font-weight:800}
.module-pick{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;background:#fff;border:1px solid #e8ddd6;border-radius:7px;padding:.85rem;text-align:left;margin-top:.6rem;cursor:pointer}
.module-pick:hover,.module-pick[aria-pressed="true"]{background:#fff1e8;border-color:#e3b59f}
.module-pick strong,.module-pick small{display:block}.module-pick strong{font-size:.75rem}.module-pick small{font-size:.62rem;color:#756c70;margin-top:.2rem}.module-pick b{font-size:.65rem;color:#a44921}
.module-pick:focus-visible,.module-chip:focus-visible,.module-action:focus-visible{outline:3px solid #ff8e59;outline-offset:2px}
.module-detail p,.module-callout p{font-size:.82rem;color:#675f64;line-height:1.7}
.module-facts{border-top:1px solid #eae0d9;margin:1.2rem 0}
.module-facts div{display:flex;justify-content:space-between;gap:1rem;padding:.72rem 0;border-bottom:1px solid #eae0d9;font-size:.72rem}
#form-extra[hidden]{display:none}
.module-facts span{color:#756e72}.module-facts strong{text-align:right}
.module-chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.module-chip{background:#fff;border:1px solid #dccdc3;border-radius:99px;padding:.45rem .7rem;color:#5a5056;font-size:.7rem;font-weight:700;cursor:pointer}
.module-chip[aria-pressed="true"],.module-chip:hover{background:#ff530d;border-color:#ff530d;color:#fff}
.module-action{border:0;background:#211c20;color:#fff;padding:.7rem 1rem;border-radius:7px;font-size:.72rem;font-weight:800;cursor:pointer;margin-top:1rem}
.module-action:hover{background:#ff530d}
.module-preview{background:#f5eee8;border:1px solid #e5d4c7;border-radius:10px;padding:1.5rem;margin:1rem 0;min-height:180px}
.module-preview small{font-size:.56rem;color:#a1471d;letter-spacing:.12em;font-weight:800}
.module-preview strong{display:block;font:800 1.5rem/1.1 var(--sans);letter-spacing:-.05em;margin:.7rem 0}
.module-preview p{margin:.4rem 0}
.module-preview-line{height:9px;background:#e8d6c8;border-radius:6px;margin:.55rem 0;width:85%}.module-preview-line.short{width:48%}
.module-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:.45rem;margin-top:1.2rem}
.module-day{min-height:88px;background:#faf7f4;border:1px solid #ebdfd7;border-radius:7px;padding:.6rem;display:flex;flex-direction:column;gap:.5rem;font-size:.62rem}
.module-day b{font-size:.75rem}.module-day span{background:#ffe5d5;color:#9b401b;padding:.25rem;font-size:.56rem;border-radius:4px}
.module-note{font-size:.72rem;color:#8b7d7f;margin:1rem 0 0}
.module-summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}
.module-summary-strip div{background:#fff;border:1px solid #e8ded8;border-radius:9px;padding:1rem}
.module-summary-strip small{display:block;color:#a34720;font-size:.57rem;font-weight:800;letter-spacing:.1em}.module-summary-strip strong{font:800 1.7rem var(--sans);letter-spacing:-.06em;display:block;margin:.3rem 0}
@media(max-width:1000px){.demo-app{grid-template-columns:1fr}.mobile-module-hint{display:block;background:#241f23;color:#ffae87;font-size:.62rem;font-weight:800;letter-spacing:.09em;padding:.6rem 1rem 0}.demo-side{display:flex;flex-direction:row;align-items:center;gap:.2rem;overflow-x:auto;padding:.55rem .7rem;min-height:auto;scrollbar-width:thin}.demo-side-head,.demo-side-footer,.demo-side-label{display:none}.demo-side button,.demo-side .child{width:auto;margin:0;border:0;border-radius:6px;white-space:nowrap;padding:.6rem .7rem}.demo-side .group{margin:0}.demo-side .child{background:#332b30}}
@media(max-width:700px){.demo-side{display:flex;overflow-x:auto}.demo-side button{flex:none;min-width:max-content;font-size:.7rem;flex-direction:row;gap:.3rem}.demo-main{padding:1.5rem 1rem}.module-board{grid-template-columns:1fr}.module-hero{align-items:start;flex-direction:column}.module-summary-strip{grid-template-columns:repeat(3,1fr)}.module-summary-strip div{padding:.7rem}.module-summary-strip strong{font-size:1.3rem}.module-calendar{grid-template-columns:repeat(7,minmax(70px,1fr));overflow-x:auto}.module-day{min-height:75px}}