:root{
    --manga-cover-frame-bg:var(--surface-soft);
    --manga-cover-frame-border:var(--border);
    --manga-cover-shadow:var(--shadow);
    --manga-detail-max-cover-width:280px;
    --chapter-row-min-height:56px;
}
.manga-detail-page{min-width:0}
.manga-detail-hero{display:grid;grid-template-columns:minmax(13rem,var(--manga-detail-max-cover-width)) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,3vw,2.75rem);padding-block:1.35rem 2rem}
.manga-detail-cover{display:flex;justify-content:center;width:100%;min-width:0}
.manga-detail-cover__frame{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:var(--manga-detail-max-cover-width);aspect-ratio:2/3;overflow:hidden;border:1px solid var(--manga-cover-frame-border);border-radius:var(--radius);background:var(--manga-cover-frame-bg);box-shadow:var(--manga-cover-shadow)}
.manga-detail-cover__image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.manga-detail-info{min-width:0}
.manga-detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-width:0}
.manga-detail-title-row>div{min-width:0}
.manga-detail-title-row h1{margin:.1rem 0;font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.04;letter-spacing:-.05em;overflow-wrap:anywhere}
.manga-detail-badges{display:flex;flex:none;flex-wrap:wrap;justify-content:flex-end;gap:.4rem;margin-top:.25rem}
.adult-badge{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--danger) 72%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--danger) 14%,var(--surface));color:var(--danger);padding:.23rem .52rem;font-size:.65rem;font-weight:900;letter-spacing:.045em;text-transform:uppercase}
.manga-adult-warning{max-width:48rem;margin:.85rem 0;padding:.8rem 1rem;border:1px solid color-mix(in srgb,var(--danger) 68%,var(--border));border-left:4px solid var(--danger);border-radius:var(--radius);background:color-mix(in srgb,var(--danger) 9%,var(--surface));color:var(--text)}
.manga-adult-warning strong{display:block;color:var(--danger);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}
.manga-adult-warning p{margin:.2rem 0 0;color:var(--muted);font-size:.88rem}
.manga-detail-alternate{display:flex;flex-wrap:wrap;gap:.35rem .65rem;max-width:62rem;margin:.55rem 0;color:var(--muted);overflow-wrap:anywhere}
.manga-detail-alternate span{color:var(--text);font-size:.72rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.manga-detail-info>.genre-badges{margin:.75rem 0;gap:.4rem}
.manga-detail-info>.genre-badges a{max-width:15rem;padding:.24rem .52rem}
.manga-detail-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}
.manga-detail-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.58rem .85rem;border:1px solid var(--accent);border-radius:.48rem;color:var(--accent-dark);text-decoration:none;font-weight:850}
.manga-detail-actions a:hover,.manga-detail-actions a:focus-visible{background:var(--surface-soft)}
.manga-detail-actions .primary-action{background:var(--accent);color:#fff}.manga-detail-actions .primary-action:hover,.manga-detail-actions .primary-action:focus-visible{background:var(--accent-dark)}
.manga-detail-meta{display:grid;grid-template-columns:repeat(3,minmax(8rem,1fr));gap:.75rem 1rem;max-width:52rem;margin:1.1rem 0}
.manga-detail-meta div{min-width:0;padding:.55rem .65rem;border-left:3px solid color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--surface) 72%,transparent)}
.manga-detail-meta dt{color:var(--muted);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.manga-detail-meta dd{margin:.12rem 0 0;font-weight:750;overflow-wrap:anywhere}
.manga-detail-description{max-width:62rem;margin-top:1.2rem;line-height:1.72}
.manga-detail-description h2{margin:0 0 .4rem;font-size:1.05rem}
.manga-detail-description p{margin:.35rem 0;color:var(--text)}
.manga-detail-description details{border:1px solid var(--border);border-radius:.5rem;background:var(--surface);padding:.65rem .75rem}
.manga-detail-description summary{cursor:pointer;color:var(--accent-dark);font-weight:850}
.manga-chapters{padding-top:1.5rem}
.manga-chapters__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.85rem}
.manga-chapters__header h2{margin:0;font-size:clamp(1.4rem,2.5vw,1.85rem)}
.manga-chapters__header>div>p:last-child{margin:.15rem 0 0;color:var(--muted);font-size:.8rem}
.manga-chapters__sort{display:flex;align-items:flex-end;gap:.45rem}
.manga-chapters__sort label{color:var(--muted);font-size:.72rem;font-weight:800}
.manga-chapters__sort select{min-height:42px}
.manga-chapters__sort button{min-height:42px;padding:.5rem .75rem;border:0;border-radius:.4rem;background:var(--accent);color:#fff;cursor:pointer;font-weight:850}
.manga-chapters__filter{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.25rem .75rem;margin-bottom:.7rem}
.manga-chapters__filter label{grid-column:1/-1;color:var(--muted);font-size:.72rem;font-weight:800}
.manga-chapters__filter input{width:100%;min-height:44px;padding:.55rem .65rem;border:1px solid var(--border);border-radius:.45rem;background:var(--surface);color:var(--text)}
.manga-chapters__filter output{min-width:5rem;color:var(--muted);font-size:.75rem;text-align:right}
.manga-chapter-list{max-height:55rem;overflow:auto;scrollbar-width:thin}
.manga-chapter-row>a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:var(--chapter-row-min-height);padding:.65rem .8rem;text-decoration:none}
.manga-chapter-row>a:hover,.manga-chapter-row>a:focus-visible{background:var(--surface-soft)}
.manga-chapter-row__content{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.45rem;min-width:0}
.manga-chapter-row .manga-chapter-row__title{display:block;min-width:0;color:var(--text);font-size:.9rem;overflow-wrap:anywhere}
.manga-chapter-row__latest{padding:.17rem .4rem;border:1px solid var(--accent);border-radius:999px;color:var(--accent-dark);font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.manga-chapter-row__date{color:var(--muted);font-size:.75rem;white-space:nowrap}
.manga-chapter-row__arrow{color:var(--accent-dark);font-size:1.35rem;font-weight:850}
.manga-chapter-row[hidden]{display:none}
.manga-chapters__no-match{padding:1rem;border:1px dashed var(--border);border-radius:.5rem;background:var(--surface);color:var(--muted);text-align:center}
.manga-chapters__no-match[hidden]{display:none}
@media(max-width:70rem){
    :root{--manga-detail-max-cover-width:240px}
    .manga-detail-hero{grid-template-columns:minmax(12rem,var(--manga-detail-max-cover-width)) minmax(0,1fr);gap:1.5rem}
    .manga-detail-meta{grid-template-columns:repeat(2,minmax(8rem,1fr))}
}
@media(max-width:48rem){
    .manga-detail-hero{grid-template-columns:1fr;padding-top:1rem;gap:1.15rem}
    .manga-detail-cover__frame{width:min(58vw,220px);max-width:100%;margin-inline:auto}
    .manga-detail-title-row h1{font-size:clamp(1.75rem,8vw,2.35rem)}
    .manga-detail-description{line-height:1.65}
    .manga-chapter-list{max-height:none;overflow:visible}
    .manga-chapter-row__content{grid-template-columns:minmax(0,1fr) auto}
    .manga-chapter-row .manga-chapter-row__title{grid-column:1}
    .manga-chapter-row__latest{grid-column:2;grid-row:1}
    .manga-chapter-row__date{grid-column:1/-1;grid-row:2;white-space:normal}
}
@media(max-width:40rem){
    .manga-detail-title-row{display:grid;gap:.55rem}.manga-detail-title-row>.status-badge{justify-self:start;margin:0}
    .manga-detail-actions{display:grid;grid-template-columns:1fr 1fr}.manga-detail-actions .primary-action:only-child{grid-column:1/-1}
    .manga-detail-meta{grid-template-columns:1fr 1fr}
    .manga-chapters__header{align-items:flex-start}.manga-chapters__sort{align-items:stretch;display:grid;grid-template-columns:1fr auto}.manga-chapters__sort label{grid-column:1/-1}.manga-chapters__sort select{min-width:0}
    .manga-chapters__filter{grid-template-columns:1fr}.manga-chapters__filter output{text-align:left}
}
@media(max-width:25rem){
    .manga-detail-cover__frame{width:min(64vw,200px)}
    .manga-detail-actions,.manga-detail-meta{grid-template-columns:1fr}
    .manga-detail-actions a,.manga-detail-actions .primary-action:only-child{grid-column:auto}
    .manga-chapters__header{display:grid}.manga-chapters__sort{width:100%}
}