/* Home page: compact search and script sliders. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.home-search{display:flex;gap:8px;max-width:640px;margin:6px auto 22px}
.home-search input{flex:1;min-width:0;padding:12px 16px;border-radius:999px;font-size:16px;border:1px solid var(--line);background:var(--bg-2);color:var(--text)}
.home-search input:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 4px rgba(45,183,255,.16)}
.home-search button{padding:0 20px;border:0;border-radius:999px;background:var(--violet);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.home-search button:hover{background:#6a49f0}
@media (min-width:769px){.home-search{display:none}}   /* the header already has a search on big screens */

.hm-row{margin-bottom:34px}
.hm-row .section-head{margin:0 0 12px}
.hs{position:relative}
.hs-track{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.hs-track::-webkit-scrollbar{display:none}
.hs-btn{display:none;position:absolute;top:38%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:#fff;font-size:26px;line-height:1;cursor:pointer;box-shadow:var(--shadow)}
.hs-btn:hover{background:var(--surface-2);border-color:var(--sky)}
.hs-btn.prev{left:-14px}.hs-btn.next{right:-14px}
@media (min-width:900px){.hs-btn{display:grid;place-items:center}}

/* script cards (same look as on the script page) */
.sc-card{flex:0 0 220px;scroll-snap-align:start;border-radius:14px;overflow:hidden;background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .2s}
.sc-card:hover{border-color:var(--sky);transform:translateY(-2px)}
.sc-thumb{display:block;position:relative;aspect-ratio:16/9;background:var(--surface-2)}
.sc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sc-thumb .b{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:8px;font-size:11px;font-weight:800;font-style:normal;background:var(--sun);color:#14112b}
.sc-thumb .b.paid{left:auto;right:8px;background:var(--mint)}
.sc-thumb .b.patched{top:auto;bottom:8px;background:var(--coral);color:#fff}
.sc-body{display:block;padding:10px 12px 12px}
.sc-body small{display:block;color:var(--muted);font-size:12px;margin-bottom:2px}
.sc-body b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.4}
@media (max-width:760px){.sc-card{flex-basis:178px}}

/* recent scripts: a list, one under the other */
.rl{display:flex;flex-direction:column;gap:12px}
.rl-item{display:flex;gap:14px;align-items:center;padding:10px;border-radius:16px;background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .2s}
.rl-item:hover{border-color:var(--sky);transform:translateY(-1px)}
.rl-thumb{flex:0 0 132px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--surface-2)}
.rl-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.rl-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.rl-body b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;font-size:16px}
.rl-body small{color:var(--muted);font-size:13px}
.rl-tags{display:flex;gap:6px;flex-wrap:wrap}
.rl-tags .b{padding:2px 9px;border-radius:8px;font-size:11px;font-weight:800;font-style:normal;background:var(--sun);color:#14112b}
.rl-tags .b.paid{background:var(--mint)}
.rl-tags .b.patched{background:var(--coral);color:#fff}
.rl-more{text-align:center;margin-top:16px}
.rl-more button[disabled]{opacity:.6}
@media (max-width:480px){.rl-thumb{flex-basis:108px}.rl-body b{font-size:15px}}