/* v2.2.5 public demo: front-end base styles so the admin look works inside any theme. */
.etcshg-demo{box-sizing:border-box;max-width:1320px;margin:24px auto 40px;padding:0 8px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;line-height:1.5;color:#182641;text-align:left}
.etcshg-demo *,.etcshg-demo *:before,.etcshg-demo *:after{box-sizing:border-box}
.etcshg-demo h1,.etcshg-demo h2,.etcshg-demo h3{font-family:inherit;letter-spacing:normal;text-transform:none}
.etcshg-demo p{margin:0 0 10px}
.etcshg-demo a{text-decoration:none}
.etcshg-demo .button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:600 13px/1.2 inherit;font-family:inherit;color:#1a60b4;background:#f6f9fd;border:1px solid #9cbce6;border-radius:8px;padding:8px 14px;min-height:37px;cursor:pointer;text-decoration:none;box-shadow:none;transition:background .15s,border-color .15s}
.etcshg-demo .button:hover{background:#eaf2fd;border-color:#5a92dc}
.etcshg-demo .button:focus-visible{outline:2px solid #2782ed;outline-offset:2px}
.etcshg-demo .button-primary{background:#226ce5;border-color:#226ce5;color:#fff}
.etcshg-demo .button-primary:hover{background:#155ac9;border-color:#155ac9;color:#fff}
.etcshg-demo .button-small{min-height:28px;padding:4px 10px;font-size:12px}
.etcshg-demo .button-hero{min-height:46px;padding:12px 22px;font-size:15px}
.etcshg-demo .nav-tab-wrapper{display:flex;flex-wrap:wrap;gap:8px;padding:5px;background:#edf2f8;border-radius:11px;margin:16px 0 20px;border:0}
.etcshg-demo .nav-tab{display:inline-block;border:0;border-radius:8px;padding:11px 18px;color:#596c82;font-weight:650;font-size:13px;background:transparent;cursor:pointer}
.etcshg-demo .nav-tab:hover{background:#e0eaf7;color:#0c315f}
.etcshg-demo .nav-tab-active,.etcshg-demo .nav-tab-active:hover{background:#fff;color:#1464ce;box-shadow:0 2px 8px rgba(13,39,80,.1)}
.etcshg-demo table.widefat{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e6ebf4;margin:0}
.etcshg-demo .widefat th,.etcshg-demo .widefat td{text-align:left;padding:12px 10px;border:0;border-bottom:1px solid #eef2f7;vertical-align:top;font-size:13px}
.etcshg-demo .widefat thead th{background:#f4f7fc;color:#4b607b;font-weight:750;font-size:12px}
.etcshg-demo .striped>tbody>tr:nth-child(odd){background:#fafcff}
.etcshg-demo code{font-size:11px;background:#f0f4f9;padding:2px 5px;border-radius:4px;color:#3a4d66}
.etcshg-demo .description{color:#5b6b80;font-size:13px}
.etcshg-demo .form-table{width:100%;border-collapse:collapse}
.etcshg-demo .form-table th{width:260px;text-align:left;padding:14px 10px 14px 0;font-weight:650;color:#1d3150;vertical-align:top}
.etcshg-demo .form-table td{padding:10px 0}
.etcshg-demo select,.etcshg-demo textarea{font:inherit;border:1px solid #d3deec;border-radius:7px;padding:8px 10px;background:#fff;color:#182641;max-width:100%}
.etcshg-demo textarea{width:100%}
.etcshg-demo .etcshg-hero{margin-top:0}
.etcshg-demo .etcshg-hero h1{color:#fff;margin:19px 0 16px}
.etcshg-demo-banner{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding:12px 16px;border-radius:12px;background:#fff8e6;border:1px solid #f1dda5;color:#5e4300}
.etcshg-demo-banner p{margin:0}
.etcshg-demo-banner .dashicons{color:#b07a00;margin-top:2px}
.etcshg-demo-chip{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.03em;padding:3px 8px;border-radius:6px;background:#fff5da;color:#8b5b00;vertical-align:middle}
.etcshg-demo-count{color:#5b6b80;font-size:13px}
.etcshg-demo-evidence{margin:8px 0 0;display:grid;grid-template-columns:150px 1fr;gap:4px 10px;font-size:12.5px}
.etcshg-demo-evidence dt{font-weight:700;color:#4b607b}
.etcshg-demo-evidence dd{margin:0;color:#22385a}
.etcshg-demo-report{margin-top:16px;padding:16px;border:1px solid #dbe8fb;border-radius:12px;background:#f8fbff}
.etcshg-demo-report h3{margin:0 0 4px;font-size:17px;color:#142d50}
.etcshg-demo-report h3 small{font-size:12px;color:#6a7b90;font-weight:600}
.etcshg-switch{display:inline-flex;gap:8px;align-items:center;font-weight:600;color:#22385a}
.etcshg-switch input{width:18px;height:18px}
.etcshg-demo-saved{margin-top:8px;padding:9px 12px;border-radius:9px;background:#fff5da;color:#6b4c00;font-weight:600}
.etcshg-premium-cta{display:grid;grid-template-columns:minmax(0,1.5fr) auto;gap:20px;align-items:center;margin:22px 0 0;padding:26px 28px;border-radius:18px;background:radial-gradient(ellipse at 85% 0%,#164887 0,transparent 55%),linear-gradient(115deg,#08172d,#0b2445 60%,#071427);color:#dbeafa;box-shadow:0 12px 30px rgba(3,22,50,.16)}
.etcshg-premium-cta h2{color:#fff;font-size:22px;margin:6px 0 6px}
.etcshg-premium-kicker{font-size:11px;letter-spacing:.12em;font-weight:800;color:#ffcb70}
.etcshg-premium-price{font-size:15px;margin:0 0 8px}
.etcshg-premium-price strong{font-size:26px;color:#fff;letter-spacing:-.02em}
.etcshg-premium-list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:4px;font-size:13px}
.etcshg-premium-list li:before{content:"✓ ";color:#54dbad;font-weight:800}
.etcshg-premium-actions{display:flex;flex-direction:column;gap:10px;min-width:220px}
.etcshg-premium-cta .button:not(.button-primary){background:transparent;color:#dbeafa;border-color:rgba(183,215,248,.45)}
.etcshg-premium-cta .button:not(.button-primary):hover{background:rgba(255,255,255,.08)}
.etcshg-docs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.etcshg-docs-grid article{padding:14px;border:1px solid #e3ebf6;border-radius:11px;background:#fbfdff}
.etcshg-docs-grid h3{margin:0 0 6px;font-size:14px;color:#142d50}
.etcshg-docs-grid p{margin:0;font-size:13px;color:#4b607b}
.etcshg-demo-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:99999;display:flex;flex-direction:column;gap:2px;min-width:280px;max-width:calc(100vw - 32px);padding:12px 16px;border-radius:12px;background:#0b2445;color:#eaf3ff;box-shadow:0 12px 30px rgba(3,22,50,.35)}
.etcshg-demo-toast strong{color:#ffcb70}
.etcshg-demo .etcshg-product-icon.dashicons{width:54px;height:54px;font-size:28px;line-height:30px;color:#226ce5}
@media(max-width:900px){.etcshg-premium-cta{grid-template-columns:1fr}.etcshg-premium-actions{flex-direction:row;flex-wrap:wrap}.etcshg-docs-grid{grid-template-columns:1fr 1fr}.etcshg-demo .form-table th,.etcshg-demo .form-table td{display:block;width:100%;padding:8px 0}}
@media(max-width:600px){.etcshg-docs-grid{grid-template-columns:1fr}.etcshg-demo .nav-tab{flex:1 1 40%;text-align:center;padding:10px 8px}.etcshg-demo-evidence{grid-template-columns:1fr}.etcshg-demo .etcshg-events thead{display:none}.etcshg-demo .etcshg-events tr{display:block;padding:10px 0;border-bottom:1px solid #eef2f7}.etcshg-demo .etcshg-events td{display:block;border:0;padding:3px 10px}}

/* Theme-proof hero/CTA colours (themes often colour headings and paragraphs globally). */
.etcshg-demo .etcshg-hero h1,.etcshg-demo .etcshg-premium-cta h2{color:#fff!important}
.etcshg-demo .etcshg-hero h1 em{color:#ffcb70!important}
.etcshg-demo .etcshg-hero-lede{color:#c7d6e8!important}
.etcshg-demo .etcshg-hero-kicker{color:#c6e1ff!important}
.etcshg-demo .etcshg-hero-tags span{color:#d9ecff!important}
.etcshg-demo .etcshg-hero-media-caption{color:#d2e3f3!important}
.etcshg-demo .etcshg-premium-cta p,.etcshg-demo .etcshg-premium-list,.etcshg-demo .etcshg-premium-list li{color:#dbeafa!important}
.etcshg-demo .etcshg-premium-price strong{color:#fff!important}
.etcshg-demo .etcshg-premium-kicker{color:#ffcb70!important}
.etcshg-demo .etcshg-hero-primary,.etcshg-demo .button-primary{color:#fff!important}
.etcshg-demo .etcshg-hero-secondary{color:#dbeafa!important}
.etcshg-demo .etcshg-panel h2,.etcshg-demo .etcshg-panel h3{color:#183354}