/* Jobpuls public sandbox: brand-aligned UI, no login and no live data. */
.public-demo-body { background:#f3f5f2; }
.public-demo-top {height:auto; min-height:76px; gap:12px}
.public-demo-dot{color:#63a38a}
.public-demo-top-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.public-demo-flag{background:#ebf5ef;color:#145747;letter-spacing:.08em;font-size:.74rem;font-weight:850;padding:7px 11px;border-radius:50px;border:1px solid #bcd7ca}
.public-demo-exit{display:inline-flex;gap:9px;align-items:center;text-decoration:none}
.public-demo-alert{padding:12px 20px;background:#fff7e4;border-bottom:1px solid #eadbb7;text-align:center;color:#5d4a20;font-size:.9rem;line-height:1.5}
.public-demo-app{max-width:1360px;margin:0 auto;padding:22px 22px 80px;}
.public-demo-heading{margin:12px 0 26px;display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px}
.public-demo-heading h1{font-size:clamp(1.85rem,3.5vw,2.75rem);line-height:1.15;letter-spacing:-.04em;margin:6px 0 8px;color:#173b35}
.public-demo-heading p{color:#51645e;margin:0;line-height:1.5}
.public-demo-label{font-size:.76rem;font-weight:800;color:#397760;letter-spacing:.14em;text-transform:uppercase}
.public-demo-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}
.public-demo-sidebar{background:#fff;border:1px solid #dee7e1;border-radius:16px;padding:13px;position:sticky;top:12px;box-shadow:0 2px 7px #163e3010}
.public-demo-sidebar-title{margin:7px 9px 12px;color:#49665e;font-size:.78rem;letter-spacing:.09em;font-weight:800}
.public-demo-nav{width:100%;border:0;border-radius:10px;background:transparent;color:#20453b;display:flex;align-items:center;gap:11px;text-align:left;font-weight:650;padding:12px 12px;margin:2px 0}
.public-demo-nav:hover,.public-demo-nav:focus-visible{background:#edf5f0}
.public-demo-nav[aria-current="page"]{background:#173f38;color:white}
.public-demo-nav .nav-symbol{width:24px;text-align:center;font-size:1.07rem}
.public-demo-main{min-width:0}
.public-demo-card{background:white;border:1px solid #dae4dd;border-radius:17px;padding:clamp(16px,3vw,26px);box-shadow:0 3px 14px #1d45350a;margin-bottom:18px}
.public-demo-card h2,.public-demo-card h3{color:#173b35;margin:0 0 12px}
.public-demo-card p{line-height:1.65}
.public-demo-card .muted,.public-demo-muted{color:#5d7069;font-size:.93rem}
.public-demo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}
.public-demo-metric{background:white;border:1px solid #dce5df;border-radius:14px;padding:17px}
.public-demo-metric strong{font-size:clamp(1.45rem,2.8vw,2rem);color:#174637;display:block;font-variant-numeric:tabular-nums}
.public-demo-metric span{color:#64766d;font-size:.84rem}
.public-demo-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.public-demo-input,.public-demo-select,.public-demo-textarea{display:block;width:100%;max-width:100%;border:1px solid #becfc5;background:white;color:#1a3931;border-radius:10px;padding:12px;font:inherit;min-height:45px}
.public-demo-textarea{min-height:92px}
.public-demo-field{display:grid;gap:7px;margin:0 0 15px;font-weight:650;color:#294c40}
.public-demo-field small{font-size:.83rem;font-weight:400;color:#667b71}
.public-demo-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}
.public-demo-btn{padding:10px 15px;border-radius:10px;border:1px solid #ceddd3;background:#fff;color:#16483a;font-weight:730;font:inherit;min-height:43px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.public-demo-btn:hover{background:#edf5f0}
.public-demo-btn-primary{background:#1a5746;border-color:#1a5746;color:white}
.public-demo-btn-primary:hover{background:#103d31;color:white}
.public-demo-btn[disabled]{opacity:.55}
.public-demo-callout{border-left:4px solid #38846c;background:#ecf5f0;padding:13px 16px;border-radius:8px;margin:14px 0;line-height:1.65}
.public-demo-warning{border-left-color:#b98a35;background:#fff8e7}
.public-demo-grid-list{display:grid;gap:10px}
.public-demo-line{display:flex;justify-content:space-between;align-items:center;gap:13px;border-bottom:1px solid #e8eee9;padding:12px 0}
.public-demo-line:last-child{border-bottom:0}
.public-demo-score{white-space:nowrap;font-weight:800;font-variant-numeric:tabular-nums;color:#194f3e}
.public-demo-bar{height:13px;border-radius:30px;background:#e6eee8;overflow:hidden;flex:1;min-width:50px}
.public-demo-fill{height:100%;background:#348569;border-radius:30px}
.public-demo-fill.low{background:#c58747}
.public-demo-legend{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.public-demo-hint{font-size:.85rem;color:#65766e}
.public-demo-quote{padding:15px 18px;border-radius:12px;background:#f1f7f3;border:1px solid #dceae1;margin:11px 0}
.public-demo-quote p{margin:4px 0 8px;color:#1a3a32}
.public-demo-quote cite{color:#4b685b;font-size:.85rem;font-style:normal}
.public-demo-chip{display:inline-flex;border:1px solid #bed9ca;background:#eaf5ee;color:#225944;padding:4px 9px;border-radius:30px;font-size:.76rem;font-weight:750}
.public-demo-chip.sandbox{border-color:#ebdbab;background:#fff4d9;color:#805c21}
.public-demo-table-scroll{max-width:100%;overflow-x:auto}
.public-demo-table{width:100%;border-collapse:collapse;font-size:.89rem}
.public-demo-table th,.public-demo-table td{padding:11px 10px;border-bottom:1px solid #e4ebe5;text-align:left;vertical-align:top;min-width:100px}
.public-demo-table th{background:#f3f7f4;color:#315d4b}
.public-demo-table tr:last-child td{border-bottom:0}
.public-demo-rounds{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.public-demo-rounds button[aria-pressed="true"]{background:#174939;color:white;border-color:#174939}
.public-demo-score-row{border-bottom:1px solid #e2ebe5;padding:17px 0}
.public-demo-score-row:last-child{border-bottom:0}
.public-demo-score-header{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:9px}
.public-demo-compare{display:flex;gap:10px;align-items:center;max-width:460px}
.public-demo-compare .public-demo-score{min-width:65px}
.public-demo-action{padding:13px;border:1px solid #dce6de;border-radius:12px;margin:10px 0;background:#fafffc}
.public-demo-action h4{margin:0 0 6px}
.public-demo-action p{margin:5px 0}
.public-demo-steps{display:grid;gap:8px;padding:0;list-style:none;counter-reset:steps}
.public-demo-steps li{padding:12px;border:1px solid #e1e9e2;border-radius:9px;background:#f7fbf8}
.public-demo-steps li::before{counter-increment:steps;content:counter(steps) ". ";font-weight:800;color:#267757}
.public-demo-progress{height:9px;background:#dde9e2;border-radius:100px;overflow:hidden;margin:10px 0}
.public-demo-progress span{display:block;height:100%;background:#2f8066}
.public-demo-answer-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.public-demo-answer-grid button{border:1px solid #bbd3c2;border-radius:9px;background:white;color:#235741;padding:15px 0;font-size:1.04rem;font-weight:800;min-height:48px}
.public-demo-answer-grid button[aria-pressed="true"]{background:#184c3e;color:white}
.public-demo-example-tag{color:#97702b;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;font-weight:800}
.public-demo-alert-text{margin:10px 0;line-height:1.55}
.public-demo-message{padding:13px 16px;border:1px solid #a6cbb5;background:#ebf6ee;border-radius:10px;margin:10px 0;line-height:1.6}
.public-demo-material{white-space:pre-wrap;border:1px dashed #aecabb;background:#f5faf6;border-radius:10px;padding:15px;line-height:1.65}
.public-demo-guide{max-height:720px;overflow:auto}
.public-demo-guide .leader-tools-library{min-width:0}
.public-demo-footer{margin:30px auto 0;text-align:center;color:#60786b;font-size:.82rem}
.public-demo-print-note{display:none}
@media(max-width:900px){.public-demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.public-demo-shell{grid-template-columns:1fr}.public-demo-sidebar{position:static;display:flex;overflow-x:auto;gap:5px;white-space:nowrap}.public-demo-sidebar-title{display:none}.public-demo-nav{width:auto;flex:none;justify-content:center;padding:10px 12px}.public-demo-nav .nav-symbol{display:none}}
@media(max-width:620px){.public-demo-app{padding:14px 13px 40px}.public-demo-top{padding:12px 14px}.public-demo-top-actions{gap:6px}.public-demo-alert{font-size:.79rem}.public-demo-columns{grid-template-columns:1fr}.public-demo-metrics{gap:8px}.public-demo-metric{padding:12px}.public-demo-score-header{align-items:start;flex-direction:column}.public-demo-answer-grid{grid-template-columns:repeat(3,1fr)}}
@media print{.public-demo-top,.public-demo-alert,.public-demo-sidebar,.public-demo-buttons,.public-demo-rounds,.public-demo-footer,.public-demo-heading .public-demo-btn{display:none!important}.public-demo-app{max-width:100%;padding:0}.public-demo-shell{display:block}.public-demo-card{break-inside:avoid;box-shadow:none}.public-demo-print-note{display:block}}