/* kscmn theme: Kato Life card style, dark blue instead of purple */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  color-scheme:light dark;
  --bg:#ffffff; --text:#1c2b4d; --muted:#5c6f93; --faint:#93a3c4;
  --box-bg:#f4f7fd; --box-border:#dbe4f5; --chip-bg:#ffffff; --input-bg:#f4f7fd;
  --accent:#1e3a7d; --accent-text:#ffffff; --accent-sub:#ccd9f5; --link:#1e3a7d;
}
html[data-theme="dark"]{
  --bg:#0c1425; --text:#e9effc; --muted:#a9bcd9; --faint:#6e82a8;
  --box-bg:#141e35; --box-border:#2b3d63; --chip-bg:#1a2745; --input-bg:#141e35;
  --accent:#2f4f9e; --accent-text:#ffffff; --accent-sub:#ccd9f5; --link:#a9c2f5;
}
body{font-family:"Segoe UI",Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}
.wrap{max-width:600px;margin:0 auto;padding:40px 20px 64px}
.header{text-align:center;margin-bottom:20px;position:relative}
.title-line{font-size:clamp(19px,5.5vw,26px);font-weight:800;letter-spacing:-.5px}
.tagline{color:var(--muted);margin-top:6px;font-size:16px}
#theme-toggle{position:absolute;top:0;right:0;background:var(--box-bg);border:2px solid var(--box-border);border-radius:999px;width:44px;height:44px;font-size:20px;cursor:pointer;color:var(--text)}
#theme-toggle:hover{border-color:var(--text)}
.breadcrumbs{color:var(--faint);font-size:13px;margin:0 0 14px}
.breadcrumbs a{color:var(--link);text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs span{margin:0 5px}
.box{display:block;text-decoration:none;color:var(--text);background:var(--box-bg);border:2px solid var(--box-border);border-radius:20px;padding:24px;margin-bottom:14px;width:100%}
.box-name{display:block;font-size:20px;font-weight:700;margin-bottom:12px}
.box a.link-row{display:block;text-decoration:none;color:var(--text);padding:10px 4px;border-radius:12px}
.box a.link-row:hover{background:var(--chip-bg)}
.more-link{display:inline-block;margin-top:12px;color:var(--link);font-weight:700;text-decoration:none}
.more-link:hover{text-decoration:underline}
#home-releases span{display:block;padding:10px 4px}
#home-news a{display:block;text-decoration:none;color:var(--text);padding:10px 4px;border-radius:12px}
#home-news a:hover{background:var(--chip-bg)}
#all-news a{display:block;text-decoration:none;color:var(--text);padding:10px 4px;border-radius:12px}
#all-news a:hover{background:var(--chip-bg)}
#all-releases span{display:block;padding:10px 4px}
nav.box a{display:block;text-decoration:none;color:var(--text);padding:10px 4px;border-radius:12px;font-weight:600}
nav.box a:hover{background:var(--chip-bg)}
/* home inventory: horizontal scroll row */
.inv-row{display:flex;overflow-x:auto;gap:12px;padding:4px 0 8px}
a.inv-card{flex:0 0 140px;text-decoration:none;color:var(--text)}
.inv-card img{width:100%;height:auto;display:block;border-radius:14px;border:2px solid var(--box-border);background:var(--chip-bg)}
.inv-card span{display:block;font-size:13px;margin-top:8px;line-height:1.4}
a.inv-card:hover span{text-decoration:underline}
/* shop */
.collection-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.collection-head .box-name{margin-bottom:0}
#product-count{font-size:13px;font-weight:700;color:var(--faint);background:var(--chip-bg);border:1px solid var(--box-border);border-radius:999px;padding:4px 12px}
.sort{display:block;margin-top:4px;color:var(--muted);font-size:15px}
.sort select{font-family:inherit;font-size:16px;background:var(--input-bg);color:var(--text);border:2px solid var(--box-border);border-radius:12px;padding:8px 12px;margin-left:6px}
.search{margin:0 0 14px}
.search input{width:100%;border:2px solid var(--box-border);border-radius:16px;padding:14px 18px;font-size:16px;outline:none;background:var(--input-bg);color:var(--text);font-family:inherit}
.search input::placeholder{color:var(--faint)}
.search input:focus{border-color:var(--text);background:var(--bg)}
#products{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 14px}
a.product{flex:0 0 calc(50% - 6px);background:var(--box-bg);border:2px solid var(--box-border);border-radius:16px;padding:12px;text-decoration:none;color:var(--text);text-align:center}
@media (min-width:700px){a.product{flex:0 0 180px}}
a.product:hover{border-color:var(--text)}
.product-image{margin-bottom:8px}
.product-image img{width:100%;height:auto;display:block;border-radius:10px}
a.product h2{font-size:14px;font-weight:600;line-height:1.4}
#empty{background:var(--box-bg);border:2px solid var(--box-border);border-radius:16px;padding:20px;color:var(--muted);margin-bottom:14px}
footer{text-align:center;color:var(--faint);font-size:12px;margin-top:24px;line-height:1.6}
/* streamlined site chrome */
.site-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:14px}
.site-nav a{color:var(--link);text-decoration:none;font-weight:600;font-size:15px}
.site-nav a:hover{text-decoration:underline}
/* resources page */
#all-resources h3{font-size:17px;font-weight:700;margin:18px 0 4px}
#all-resources h3:first-child{margin-top:0}
#all-resources a{display:block;text-decoration:none;color:var(--text);padding:10px 4px;border-radius:12px}
#all-resources a:hover{background:var(--chip-bg)}
#all-resources span{display:block;padding:10px 4px;color:var(--muted)}
/* KSCN additions */
.news-item{margin-bottom:6px}
.news-meta{font-size:13px;color:var(--muted);padding:0 4px 8px}
.news-ep{color:var(--link);font-weight:700;text-decoration:none;white-space:nowrap}
.news-ep:hover{text-decoration:underline}
.rel-item{margin-bottom:6px}
.rel-sub{font-size:13px;color:var(--muted);padding:0 4px 8px}
.ep-card{margin-bottom:28px}
.ep-card:last-child{margin-bottom:0}
.ep-date{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.ep-title{font-size:19px;font-weight:800;margin:2px 0 12px}
.ep-video{margin:0 0 12px}
.ep-video iframe{width:100%;min-height:300px;border:none;border-radius:14px;overflow:hidden;background:#000}
.ep-stories a{display:block;text-decoration:none;color:var(--text);padding:8px 4px;border-radius:12px;font-size:15px}
.ep-stories a:hover{background:var(--chip-bg)}
.ep-stories .src{color:var(--muted);font-size:13px}
.ep-links{margin-top:10px;display:flex;gap:16px}
.ep-links a{color:var(--link);font-weight:700;text-decoration:none;font-size:15px}
.ep-links a:hover{text-decoration:underline}
#home-kscn a{display:block;text-decoration:none;color:var(--text);padding:10px 4px;border-radius:12px}
#home-kscn a:hover{background:var(--chip-bg)}
#home-kscn .ep-date{margin-bottom:2px}
