/* Shared by the three SiteWorks sample sites: the "this is a sample" bar, the demo notice, and the demo window.
   Each sample keeps its own look in its own site.css. */
.sw-sample{background:#17191c;color:#f3efe6;font:500 13px/1.45 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;position:relative;z-index:60}
.sw-sample .sw-in{max-width:1200px;margin:0 auto;padding:7px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;text-align:center}
.sw-sample a{color:#f3efe6;text-decoration:underline;text-underline-offset:2px}
.sw-sample b{color:#e2c27a;font-weight:700}
.sw-sample .sw-link{font-weight:700;color:#e2c27a}
.sw-sample .sw-dot{opacity:.5}
.sw-toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:9000;background:#17191c;color:#fff;border-radius:12px;padding:12px 16px;font:600 14.5px/1.45 "Segoe UI",system-ui,sans-serif;max-width:min(92vw,520px);box-shadow:0 10px 30px rgba(0,0,0,.28);text-align:center}
.sw-toast a{color:#e2c27a}
.sw-note{border-radius:10px;padding:12px 14px;font-size:.95rem;line-height:1.5;background:#fff6e2;border:1px solid #ecd39a;color:#4a3608;margin-top:14px}
.sw-note a{color:inherit;font-weight:700;text-decoration:underline}
.sw-modal{position:fixed;inset:0;z-index:8000;background:rgba(10,12,14,.58);display:flex;align-items:center;justify-content:center;padding:16px}
.sw-modal[hidden]{display:none}
.sw-modal-in{background:#fff;color:#1c1f22;border-radius:16px;max-width:480px;width:100%;padding:22px;max-height:90vh;overflow:auto;box-shadow:0 30px 60px -18px rgba(0,0,0,.4);font-family:"Segoe UI",system-ui,sans-serif}
.sw-modal-in h2{font-size:1.3rem;margin:0 0 6px;line-height:1.2}
.sw-modal-in p{margin:0 0 10px;color:#4b5258}
.sw-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.sw-slots button{font:inherit;border:1.5px solid #d5d8db;background:#fff;border-radius:10px;padding:10px;cursor:pointer;min-height:44px;color:#1c1f22}
.sw-slots button[aria-pressed="true"]{border-color:#1c1f22;background:#f1f3f4;font-weight:700}
.sw-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.sw-btn{font:600 15px/1 "Segoe UI",system-ui,sans-serif;border-radius:999px;padding:12px 20px;cursor:pointer;border:1px solid #1c1f22;background:#1c1f22;color:#fff;min-height:44px}
.sw-btn.ghost{background:#fff;color:#1c1f22}
.credits-table{width:100%;border-collapse:collapse;font-size:.92rem}
.credits-table th,.credits-table td{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(0,0,0,.1);vertical-align:top}
.credits-table img{width:96px;height:64px;object-fit:cover;border-radius:6px;display:block}
.credits-wrap{overflow-x:auto}
@media (max-width:560px){.credits-table thead{display:none}.credits-table tr{display:grid;grid-template-columns:96px 1fr;gap:4px 12px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.1)}.credits-table td{border:0;padding:0}.credits-table td:first-child{grid-row:span 4}}
@media print{.sw-sample{display:none}}