/* King's Sword page — builds on style.css + legal.css (phero) */
.phero--sm{min-height:0}
.phero--sm .phero__grid{grid-template-columns:1fr;padding-top:150px;padding-bottom:80px}
.phero--sm .phero__title{font-size:clamp(40px,7vw,96px)}
.ks__stat{display:flex;gap:28px;flex-wrap:wrap;margin-top:6px;font-family:var(--f-head);letter-spacing:.14em;text-transform:uppercase;font-size:13px;color:var(--gold-l)}

.ks__bar{display:flex;flex-direction:column;gap:20px;margin-bottom:clamp(28px,4vw,48px)}
.ks__search{position:relative;max-width:520px}
.ks__search input{width:100%;font:400 16px var(--f-body,Inter,sans-serif);padding:15px 22px 15px 52px;border:1px solid rgba(133,32,59,.25);border-radius:99px;background:#fff;color:var(--ink);outline:none;transition:border-color .25s,box-shadow .25s}
.ks__search input:focus{border-color:var(--maroon);box-shadow:0 0 0 4px rgba(133,32,59,.12)}
.ks__search svg{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:20px;height:20px;fill:none;stroke:var(--maroon);stroke-width:2;stroke-linecap:round}
.ks__chips{display:flex;gap:10px;flex-wrap:wrap}
.ks__chips button{font-family:var(--f-head);letter-spacing:.1em;text-transform:uppercase;font-size:13px;padding:9px 18px;border-radius:99px;border:1px solid rgba(133,32,59,.3);background:transparent;color:var(--maroon);cursor:pointer;transition:.25s}
.ks__chips button:hover{background:rgba(133,32,59,.08)}
.ks__chips button[aria-pressed="true"]{background:var(--maroon);border-color:var(--maroon);color:#fff}

.ks__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.kcard{display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px rgba(133,32,59,.08);transition:transform .35s,box-shadow .35s}
.kcard:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(133,32,59,.18)}
.kcard__img{aspect-ratio:16/9;background:#e9dfcd;overflow:hidden}
.kcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.kcard:hover .kcard__img img{transform:scale(1.05)}
.kcard__body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.kcard time{font-family:var(--f-head);letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:var(--gold)}
.kcard h3{font-family:var(--f-head);font-weight:600;text-transform:uppercase;font-size:20px;line-height:1.2;color:var(--maroon)}
.kcard p{font-size:14.5px;line-height:1.6;color:#5a484e;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kcard__more{margin-top:auto;padding-top:6px;font-family:var(--f-head);letter-spacing:.12em;text-transform:uppercase;font-size:13px;color:var(--maroon)}
.ks__empty{grid-column:1/-1;text-align:center;padding:60px 0;color:#5a484e}
.ks__more{display:flex;justify-content:center;margin-top:clamp(32px,4vw,52px)}
.ks__more[hidden]{display:none}
.ks__src{margin-top:28px;text-align:center;font-size:14px;color:#5a484e}
.ks__src a{color:var(--maroon);border-bottom:1px solid rgba(133,32,59,.4)}

@media(max-width:980px){.ks__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.ks__grid{grid-template-columns:1fr}.phero--sm .phero__grid{padding-top:120px;padding-bottom:60px}}

/* reader */
.kread{padding-top:clamp(110px,14vw,170px);min-height:80svh}
.kread[hidden]{display:none}
.kread__wrap{max-width:780px}
.kread__back{display:inline-block;margin-bottom:28px;font-family:var(--f-head);letter-spacing:.12em;text-transform:uppercase;font-size:13px;color:var(--maroon)}
.kread__back:hover{color:var(--gold)}
.kread time{font-family:var(--f-head);letter-spacing:.18em;text-transform:uppercase;font-size:13px;color:var(--gold)}
.kread h1{font-family:var(--f-head);font-weight:700;text-transform:uppercase;font-size:clamp(30px,5vw,54px);line-height:1.08;color:var(--maroon);margin:10px 0 28px}
.kread__hero{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:24px;margin-bottom:34px;box-shadow:0 20px 50px rgba(133,32,59,.15)}
.kbody{font-size:clamp(16px,1.35vw,18px);line-height:1.8;color:#3a2a30}
.kbody>*+*{margin-top:1.1em}
.kbody h2,.kbody h3,.kbody h4{font-family:var(--f-head);text-transform:uppercase;color:var(--maroon);line-height:1.2;margin-top:1.8em}
.kbody h2{font-size:28px}.kbody h3{font-size:22px}.kbody h4{font-size:18px}
.kbody ol,.kbody ul{padding-left:1.4em}
.kbody li+li{margin-top:.4em}
.kbody hr{border:0;border-top:1px solid rgba(133,32,59,.2);margin:2em 0}
.kbody blockquote{border-left:4px solid var(--gold);padding-left:18px;color:#5a484e}
.kbody a{color:var(--maroon);border-bottom:1px solid rgba(133,32,59,.4)}
.kbody img{max-width:100%;height:auto;border-radius:16px}
.knav{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding-top:28px;border-top:1px solid rgba(133,32,59,.18)}
.knav a{flex:1;max-width:48%;font-family:var(--f-head);text-transform:uppercase;letter-spacing:.06em;font-size:14px;line-height:1.3;color:var(--maroon)}
.knav a small{display:block;font-size:11px;letter-spacing:.2em;color:var(--gold);margin-bottom:4px}
.knav a:last-child{text-align:right;margin-left:auto}
body.ks-reading #top,body.ks-reading #renungan{display:none}
body.ks-reading .header{background:rgba(250,246,239,.94);backdrop-filter:blur(10px);padding:8px 4vw;box-shadow:0 1px 0 rgba(0,0,0,.06)}
body.ks-reading .header .nav{color:var(--ink)}
body.ks-reading .header .brand img{height:48px}

/* KK Materials list */
.kk__list{list-style:none;display:flex;flex-direction:column;gap:14px;max-width:900px}
.kk__row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;background:#fff;border-radius:20px;padding:18px 24px;box-shadow:0 8px 24px rgba(133,32,59,.07);transition:transform .3s,box-shadow .3s}
.kk__row:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(133,32,59,.15)}
.kk__no{font-family:var(--f-head);font-weight:700;font-size:34px;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--gold)}
.kk__t h3{font-family:var(--f-head);font-weight:600;text-transform:uppercase;font-size:18px;line-height:1.25;color:var(--maroon)}
.kk__t small{font-family:var(--f-head);letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:var(--gold)}
@media(max-width:560px){.kk__row{grid-template-columns:auto 1fr;gap:14px;padding:16px 18px}.kk__row .btn{grid-column:1/-1}}
.kcard__img--ph{display:grid;place-items:center;background:linear-gradient(160deg,var(--maroon-d),var(--maroon-dd))}
.kcard__img--ph img{width:34%;height:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}
.kcard:hover .kcard__img--ph img{transform:none}
@media(max-width:980px){body.ks-reading .header{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(250,246,239,.97)}}