.anime-resume-card { display:flex; gap:24px; width:min(1180px,calc(100% - 40px)); box-sizing:border-box; margin:28px auto; padding:24px; border:1px solid #ba915d55; border-radius:18px; background:linear-gradient(130deg,#342028,#131013 70%); color:#eee0cc; }
.anime-resume-card[hidden] { display:none !important; }
.anime-resume-card>img { width:105px; height:145px; object-fit:cover; border-radius:9px; }
.anime-resume-copy { flex:1; min-width:0; }
.anime-resume-copy h2 { margin:0 0 10px; font-size:24px; }
.anime-resume-copy p { margin:8px 0 16px; line-height:1.5; }
.anime-resume-copy .btn { display:inline-block; padding:12px 18px; font-size:14px; }
.anime-resume-copy small { display:block; margin-top:12px; color:#b8aaa7; line-height:1.5; }
.anime-resume-copy progress { width:100%; accent-color:#c5985c; height:10px; }
.anime-resume-copy summary { cursor:pointer; color:#e9c68d; padding:14px 0; }
.anime-resume-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.anime-resume-grid a { display:grid; place-items:center; min-height:40px; border:1px solid #77534b; border-radius:8px; color:#d7c9b8; text-decoration:none; }
.anime-resume-grid a.is-watched { border-color:#78b291; color:#b3e4bf; background:#26413444; }
.anime-resume-card a:focus-visible,.anime-resume-card summary:focus-visible { outline:2px solid #f0ca8a; outline-offset:3px; }
#profile-overview .anime-resume-card { width:100%; margin:0 0 20px; }
@media(max-width:600px) { .anime-resume-card { gap:14px; padding:18px; flex-wrap:wrap; } .anime-resume-card>img { width:65px; height:90px; } .anime-resume-copy { flex-basis:180px; } .anime-resume-copy h2 { font-size:21px; } }