/* Yamkage anime catalog / MAL-style lists — dark UI compatible */
.ya-nav{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1.1rem}
.ya-nav a{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .85rem;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);text-decoration:none;color:inherit;font-weight:650;font-size:.92rem}
.ya-nav a[aria-current="page"]{background:color-mix(in srgb,currentColor 12%,transparent);border-color:color-mix(in srgb,currentColor 28%,transparent)}
.ya-cover{--ya-hue:210;aspect-ratio:2/3;width:100%;border-radius:14px;display:grid;place-items:center;background:
 radial-gradient(120% 90% at 20% 10%,hsla(var(--ya-hue),85%,68%,.95),transparent 55%),
 linear-gradient(160deg,hsl(var(--ya-hue),55%,18%),hsl(calc(var(--ya-hue) + 40),45%,8%));
 color:#fff;font-weight:800;letter-spacing:.04em;box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 12%,transparent)}
.ya-cover span{font-size:clamp(1.1rem,3vw,1.7rem);text-shadow:0 2px 12px #0008}
.ya-cover-sm{width:52px;min-width:52px;border-radius:10px}
.ya-cover-sm span{font-size:.85rem}
.ya-cover-lg{width:min(180px,38vw);min-width:120px}
.ya-home{margin:1.4rem 0 2rem;padding:1.2rem 1.25rem 1.35rem;border-radius:20px;border:1px solid color-mix(in srgb,currentColor 12%,transparent);background:linear-gradient(135deg,color-mix(in srgb,currentColor 5%,transparent),transparent 55%)}
.ya-home-head{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:end;margin-bottom:1rem}
.ya-home-head h2{margin:.2rem 0 0;font-size:clamp(1.15rem,2.2vw,1.55rem);max-width:28ch;line-height:1.25}
.ya-home-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}
.ya-home-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(118px,1fr);gap:.75rem;overflow-x:auto;padding-bottom:.25rem}
.ya-tile{display:grid;gap:.35rem;text-decoration:none;color:inherit;min-width:118px}
.ya-tile strong{font-size:.86rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ya-tile small{opacity:.72;font-size:.75rem}
.ya-filters{display:flex;flex-wrap:wrap;gap:.65rem;margin:0 0 1.2rem;align-items:end}
.ya-filters label{display:grid;gap:.25rem;font-size:.85rem}
.ya-filters input,.ya-filters select,.ya-list-form input,.ya-list-form select,.ya-list-form textarea,.ya-review-form input,.ya-review-form select,.ya-review-form textarea{padding:.55rem .7rem;border-radius:10px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);background:color-mix(in srgb,#000 18%,transparent);color:inherit}
.ya-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.ya-card{display:grid;grid-template-columns:96px 1fr;gap:.85rem;padding:.85rem;border-radius:16px;border:1px solid color-mix(in srgb,currentColor 12%,transparent);background:color-mix(in srgb,currentColor 4%,transparent)}
.ya-card-media{display:block}
.ya-card-body h2{margin:0 0 .25rem;font-size:1.05rem;line-height:1.25}
.ya-card-body h2 a{color:inherit;text-decoration:none}
.ya-meta,.ya-counts,.ya-muted,.ya-alt{opacity:.78;font-size:.88rem}
.ya-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0}
.ya-tags span{font-size:.72rem;padding:.2rem .45rem;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 16%,transparent)}
.ya-blurb{margin:.35rem 0;font-size:.9rem;line-height:1.4}
.ya-title-hero{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;margin:0 0 1.25rem;align-items:start}
.ya-title-hero h1{margin:.15rem 0 .35rem;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.15}
.ya-list-box,.ya-profile-card{margin-bottom:1rem}
.ya-list-form,.ya-review-form{display:grid;gap:.75rem;max-width:42rem}
.ya-list-form{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.ya-list-form .ya-notes,.ya-list-actions{grid-column:1/-1}
.ya-list-form label,.ya-review-form label{display:grid;gap:.3rem;font-size:.88rem;font-weight:650}
.ya-inline{display:inline}
.ya-inline button{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;padding:0;font:inherit}
.ya-review{padding:1rem 0;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.ya-review header{display:flex;flex-wrap:wrap;gap:.65rem;align-items:baseline;margin-bottom:.35rem}
.ya-stat-row{display:flex;flex-wrap:wrap;gap:.55rem;margin:.75rem 0 1rem}
.ya-stat-row > div,.ya-stat-row > a{display:grid;min-width:88px;padding:.55rem .7rem;border-radius:12px;border:1px solid color-mix(in srgb,currentColor 12%,transparent);text-decoration:none;color:inherit}
.ya-stat-row strong{font-size:1.15rem}
.ya-stat-row span{font-size:.75rem;opacity:.75}
.ya-stat-row a.is-active{background:color-mix(in srgb,currentColor 10%,transparent)}
.ya-fav-row{display:flex;flex-wrap:wrap;gap:.75rem}
.ya-fav-row a{display:grid;grid-template-columns:52px 1fr;gap:.5rem;align-items:center;text-decoration:none;color:inherit;max-width:220px}
.ya-fav-row a span{font-size:.86rem;line-height:1.25}
.ya-recent{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.ya-recent li{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid color-mix(in srgb,currentColor 8%,transparent)}
.ya-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.ya-table{width:100%;border-collapse:collapse;font-size:.92rem}
.ya-table th,.ya-table td{padding:.7rem .75rem;text-align:left;border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent);vertical-align:top}
.ya-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;opacity:.75}
.ya-table td small{display:block;opacity:.7;margin-top:.15rem}
.ya-notes-cell{max-width:18rem}
.ya-activity{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}
.ya-activity li{display:grid;grid-template-columns:52px 1fr;gap:.75rem;padding:.85rem;border-radius:14px;border:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.ya-activity time{font-size:.78rem;opacity:.7}
.ya-activity-tools{display:flex;gap:.75rem;margin:0 0 1rem}
.ya-activity-tools a[aria-current="page"]{font-weight:700;text-decoration:none}
.ya-profile-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;flex-wrap:wrap}
.ya-list-summary{margin-bottom:1rem}
@media (max-width:720px){
 .ya-card{grid-template-columns:72px 1fr}
 .ya-title-hero{grid-template-columns:1fr}
 .ya-cover-lg{width:140px}
}