/* Smee Comic Builder page (page-scoped). Uses tokens from smee.css. */
.sw-hero{padding:3rem 0 3.5rem}
.sw-hero .hero-grid{padding:0;grid-template-columns:.9fr 1.25fr}
.sw-badges{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0 0;padding:0;list-style:none}
.sw-badges li{border:2px solid var(--brass);color:var(--brass-shine);padding:.25rem .7rem;border-radius:999px;font-family:var(--button);font-size:.95rem;letter-spacing:.03em}
.sw-badges li.hot{background:var(--red);color:var(--ink);border-color:#000}
.sw-platform{margin:.9rem 0 0;color:var(--brass-shine);font-family:var(--button);font-size:1.05rem;letter-spacing:.02em}
.sw-shot{margin:0;border:4px solid #000;box-shadow:8px 8px 0 #000;background:#000}
.sw-shot img{width:100%}
.sw-hero .sw-shot{transform:rotate(1.2deg)}
.sw-hero figcaption,.sw-shot figcaption{background:var(--caption);color:var(--ink);font-family:var(--letter);font-size:.95rem;padding:.4rem .7rem;border-top:3px solid #000}
.sw-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none}
.sw-gallery li:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 1rem)}
.sw-gallery .sw-shot{box-shadow:6px 6px 0 var(--stroke);border-color:var(--stroke)}
.sw-clips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;margin:0;padding:0;list-style:none}
.sw-clip video{display:block;width:100%;height:auto;background:#000}
.sw-clips .sw-shot,.sw-out .sw-shot{box-shadow:6px 6px 0 var(--stroke);border-color:var(--stroke)}
.sw-out{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:2.5rem;align-items:center;margin-top:3rem}
.sw-out h3{font-size:1.8rem;margin:0 0 .5rem}
.sw-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}
.sw-features .panel-box h3{margin-top:0}
.sw-features ul{margin:.4rem 0 0;padding-left:1.1rem}
.sw-features li{margin:.25rem 0}
.sw-road{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.4rem;list-style:none;margin:0;padding:0;counter-reset:none}
.sw-road>li{border:3px solid #000;background:var(--paper);color:var(--ink);padding:1.2rem 1.3rem;box-shadow:6px 6px 0 #000}
.sw-road>li.is-now{background:var(--caption)}
.sw-road h3{color:var(--ink);margin:.5rem 0 .35rem;font-size:1.35rem;text-shadow:none}
.sw-road p{margin:0}
.sw-step{display:inline-block;background:var(--ink);color:var(--brass-shine);font-family:var(--button);font-size:.9rem;letter-spacing:.04em;padding:.15rem .6rem;border-radius:4px}
.is-now .sw-step{background:var(--red);color:var(--ink);border:2px solid #000}
.sw-note{color:var(--text);font-size:.95rem;margin-top:1.4rem}
.sw-cta{text-align:center}
.sw-cta .actions{justify-content:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.4rem}
@media (max-width:900px){.sw-hero .hero-grid,.sw-features,.sw-clips,.sw-out{grid-template-columns:1fr}.sw-out .sw-shot{max-width:22rem}.sw-gallery{grid-template-columns:1fr}.sw-gallery li:last-child:nth-child(odd){width:100%}.sw-hero .sw-shot{transform:none}}