/* Splashpage tokens are inherited. Fallback palette supports other themes. */
.zsc-surface,.zsc-list,.zsc-single-header{--zsc-paper:var(--sp-panel,#fff);--zsc-ink:var(--sp-ink,#14263d);--zsc-muted:var(--sp-muted,#52647a);--zsc-blue:var(--sp-blue,#0270ea);--zsc-blue-text:var(--sp-blue-text,#0064d1);--zsc-on-blue:var(--sp-on-blue,#fff);--zsc-yellow:var(--sp-yellow,#ffd51f);--zsc-on-yellow:var(--sp-on-yellow,#14263d);--zsc-shadow:var(--sp-shadow,#14263d);--zsc-font:var(--sp-font-caption,Arial,sans-serif);--zsc-mono:var(--sp-font-mono,monospace);color:var(--zsc-ink);box-sizing:border-box}
.zsc-surface *,.zsc-list *{box-sizing:border-box}
.zsc-box{margin:26px 0 34px;padding:clamp(20px,4vw,34px);border:3px solid var(--zsc-ink);border-radius:6px;background:var(--zsc-paper);box-shadow:6px 6px 0 var(--zsc-shadow);font-family:var(--zsc-font)}
.zsc-surface .zsc-badge,.zsc-single-header .zsc-badge{display:inline-block;padding:6px 10px;border:2px solid var(--zsc-ink);background:var(--zsc-yellow);color:var(--zsc-on-yellow);font:700 13px/1.4 var(--zsc-font);transform:rotate(-1deg);text-transform:uppercase;letter-spacing:.03em}
.zsc-box .zsc-box-title{font:700 clamp(25px,4vw,34px)/1.2 var(--zsc-font);margin:20px 0 10px;padding:0;border:0;background:none;color:var(--zsc-ink);overflow-wrap:anywhere}
.zsc-box .zsc-store{margin:0 0 18px;color:var(--zsc-muted);font:400 16px/1.5 var(--zsc-font)}
.zsc-code-row{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin:20px 0}
.zsc-box .zsc-code{display:flex;align-items:center;justify-content:center;flex:1 1 180px;min-width:0;padding:16px;border:2px dashed var(--zsc-blue-text);background:var(--zsc-paper);color:var(--zsc-ink);font:700 clamp(21px,4vw,29px)/1.4 var(--zsc-mono);overflow-wrap:anywhere;white-space:pre-wrap;user-select:all}
.zsc-box .zsc-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;min-height:48px;border:2px solid var(--zsc-ink);border-radius:3px;background:var(--zsc-blue);color:var(--zsc-on-blue);box-shadow:3px 3px 0 var(--zsc-shadow);font:700 16px/1.4 var(--zsc-font);letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer;overflow-wrap:anywhere;white-space:normal;text-align:center}
.zsc-box .zsc-button:hover{background:var(--zsc-yellow);color:var(--zsc-on-yellow)}
.zsc-box .zsc-button[hidden],.zsc-card[hidden],.zsc-list[hidden]{display:none!important}
.zsc-box .zsc-button:disabled,.zsc-box .zsc-button[aria-disabled="true"]{opacity:.55;cursor:default;box-shadow:none}
.zsc-box .zsc-expiry,.zsc-box .zsc-status{font:400 14px/1.6 var(--zsc-font);margin:18px 0 0;color:var(--zsc-muted)}
.zsc-box .zsc-conditions{margin-top:22px;padding-top:18px;border-top:2px solid var(--zsc-ink);font:400 16px/1.6 var(--zsc-font)}
.zsc-box .zsc-conditions p{margin:8px 0 0}
.zsc-expired .zsc-badge{background:var(--zsc-paper);color:var(--zsc-muted);transform:none}
.zsc-list{margin:40px 0;container-type:inline-size}
.zsc-list .zsc-section-title{font:700 clamp(23px,4vw,30px)/1.25 var(--zsc-font);margin:0 0 22px;padding:0;background:none;color:var(--zsc-ink)}
.zsc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch;margin:24px 0 40px}
.zsc-grid .zsc-card{min-width:0;border:3px solid var(--zsc-ink);border-radius:4px;background:var(--zsc-paper);box-shadow:5px 5px 0 var(--zsc-shadow);margin:0;overflow:hidden}
.zsc-card .zsc-card-link{display:flex;flex-direction:column;height:100%;background:var(--zsc-paper);color:var(--zsc-ink);text-decoration:none}
.zsc-card .zsc-card-link:hover{background:var(--zsc-paper);color:var(--zsc-ink)}
.zsc-card .zsc-thumb{width:100%;aspect-ratio:1/1;overflow:hidden;border-bottom:3px solid var(--zsc-ink)}
.zsc-card .zsc-thumb img{display:block;width:100%;height:100%;margin:0;border:0;object-fit:cover;object-position:center}
.zsc-card .zsc-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:13px;padding:18px;min-width:0}
.zsc-card .zsc-card-title{font:700 20px/1.3 var(--zsc-font);margin:0;padding:0;letter-spacing:0;text-transform:none;color:var(--zsc-ink);overflow-wrap:anywhere}
.zsc-card .zsc-card-link:hover .zsc-card-title{text-decoration:underline;text-decoration-color:var(--zsc-blue-text)}
.zsc-card .zsc-excerpt{font:400 14px/1.6 var(--zsc-font);color:var(--zsc-muted);margin:0;overflow-wrap:anywhere}
.zsc-card .zsc-card-cta{font:700 14px/1.5 var(--zsc-font);color:var(--zsc-blue-text);margin-top:auto;padding-top:4px}
.zsc-single-header{padding-top:30px}
.zsc-single-header .zsc-single-title{font:700 clamp(30px,5vw,56px)/1.12 var(--sp-font-letter,Arial,sans-serif);margin:20px 0;color:var(--zsc-ink);overflow-wrap:anywhere}
@media(max-width:1099px){.zsc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:800px){.zsc-list .zsc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){.zsc-grid{grid-template-columns:minmax(0,1fr);gap:22px}.zsc-code-row{flex-direction:column}.zsc-box .zsc-code{flex-basis:auto}.zsc-box .zsc-button{width:100%}}
@container(max-width:430px){.zsc-list .zsc-grid{grid-template-columns:minmax(0,1fr)}}

.zsc-wa-invite{box-sizing:border-box;margin:28px 0;padding:24px;border:2px solid #123a60;border-radius:14px;background:#edf7ff;color:#123a60;box-shadow:4px 4px 0 #123a60;font-size:16px;line-height:1.6;clear:both}
.zsc-wa-invite strong{display:block;font-size:1.25em;color:#123a60}
.zsc-wa-invite p{margin:10px 0 16px;color:#123a60}
.zsc-wa-invite a,.zsc-wa-invite a:visited{display:inline-block;max-width:100%;box-sizing:border-box;padding:11px 18px;border-radius:8px;background:#12588a;color:#fff!important;text-decoration:none;white-space:normal}
.zsc-wa-invite a:hover,.zsc-wa-invite a:focus-visible{background:#093b60;color:#fff!important;text-decoration:underline;outline-offset:4px}