/* Characters section extras (the list, tabs and chips come from /anime/css/browse.css): heart count, quotes, search box. */
.cb-love{display:inline-flex; align-items:center; gap:4px; color:#e0495d; font-weight:700;}
.cb-love svg{width:13px; height:13px;}
.cb-alt{font-size:12.5px;}
.ab-list.is-grid .cb-alt{display:none;}

.cq-search{display:flex; align-items:center; gap:8px; position:relative;}
.cq-search input{flex:1; min-width:0; height:44px; padding-inline:14px 36px; border:1px solid var(--border-soft); border-radius:12px; background:var(--white); color:var(--navy); font:500 15px 'Inter',sans-serif;}
html[lang="ar"] .cq-search input,html[lang="ja"] .cq-search input{font-family:inherit;}
.cq-search input:focus-visible{outline:2px solid var(--blue); outline-offset:1px;}
.cq-search input::-webkit-search-cancel-button{display:none;}
.cq-clear{position:absolute; inset-inline-end:84px; top:50%; transform:translateY(-50%); width:24px; height:24px; display:grid; place-items:center; border-radius:50%; color:var(--navy-soft); text-decoration:none; font-size:20px; line-height:1;}
.cq-clear:hover{color:var(--navy);}
.cq-search .btn{height:44px;}

/* quotes: cards in one column, never the poster grid */
.ab-list.cq-list,.ab-list.cq-list.is-grid{display:grid; grid-template-columns:minmax(0,1fr); gap:12px; background:transparent; border:0; border-radius:0; overflow:visible;}
.cq-item{padding:16px; border:1px solid var(--border-soft) !important; border-radius:16px; background:var(--white); display:grid; gap:12px;}
.cq-text{margin:0; font:500 16px/1.6 'Inter',sans-serif; color:var(--navy); overflow-wrap:anywhere; position:relative; padding-inline-start:14px; border-inline-start:3px solid var(--blue);}
html[lang="ar"] .cq-text,html[lang="ja"] .cq-text{font-family:inherit;}
.cq-foot{display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.cq-who{display:flex; align-items:center; gap:10px; min-width:0; flex:1; color:inherit; text-decoration:none;}
.cq-who .ab-ph{width:34px; aspect-ratio:1; border-radius:50%;}
.cq-who .ab-ph>span{font-size:14px;}
.cq-who b{font-size:14px; color:var(--navy); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cq-who:hover b{color:var(--blue-dark);}
.cq-stats{display:inline-flex; gap:12px; color:var(--navy-soft); font:600 13px/1 'Inter',sans-serif; font-variant-numeric:tabular-nums;}
.cq-stats span{display:inline-flex; align-items:center; gap:4px;}
.cq-stats svg,.cq-btn svg{width:16px; height:16px;}
.cq-acts{display:inline-flex; gap:2px;}
.cq-btn{width:34px; height:34px; border:0; border-radius:50%; background:transparent; color:var(--navy-soft); display:grid; place-items:center; cursor:pointer;}
.cq-btn:hover{background:var(--blue-tint); color:var(--navy);}
.cq-btn:focus-visible,.cq-who:focus-visible,.cq-clear:focus-visible{outline:2px solid var(--blue); outline-offset:2px;}
.cq-toast{position:fixed; inset-inline:0; bottom:88px; margin-inline:auto; width:max-content; max-width:calc(100% - 32px); padding:10px 16px; border-radius:999px; background:var(--navy); color:var(--paper); font:600 13.5px/1.2 'Inter',sans-serif; z-index:50; box-shadow:0 8px 24px rgb(0 0 0 / .3);}
@media (max-width:480px){ .cq-item{padding:14px;} .cq-text{font-size:15px;} }