/* Company pages. The list, chips and tabs come from /anime/css/browse.css; this adds the logo boxes and the company header. */
.cb-love{display:inline-flex; align-items:center; gap:4px; color:#e0495d; font-weight:700;}
.cb-love svg{width:13px; height:13px;}
.cb-love small{font-weight:500; color:var(--navy-soft); font-size:12px;}

/* a logo is square and shown whole */
.co-logo{aspect-ratio:1 !important; width:56px !important; background:#fff !important; border:1px solid var(--border-soft); border-radius:12px !important;}
.co-logo>span{color:#6b7380 !important;}
.co-logo img{object-fit:contain !important; padding:6px; background:#fff;}
.ab-list.is-grid.co-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));}
.ab-list.is-grid .co-logo{width:100% !important; border-radius:12px !important;}
.ab-list.is-grid .co-logo img{padding:14px;}

.co-back{display:inline-flex; align-items:center; gap:6px; justify-self:start; color:var(--navy-soft); font:600 13.5px/1 'Inter',sans-serif; text-decoration:none;}
html[lang="ar"] .co-back,html[lang="ja"] .co-back{font-family:inherit;}
.co-back:hover{color:var(--navy);}
.co-back svg{width:16px; height:16px;}
html[dir="rtl"] .co-back svg{transform:scaleX(-1);}

.co-head{display:flex; gap:20px; align-items:flex-start; padding:20px; border:1px solid var(--border-soft); border-radius:18px; background:var(--white);}
.co-mark .co-logo{width:112px !important; border-radius:18px !important;}
.co-mark .co-logo>span{font-size:40px;}
.co-mark .co-logo img{padding:12px;}
.co-info{min-width:0; flex:1; display:grid; gap:10px; align-content:start;}
.co-info h1{margin:0; font:800 clamp(22px,4vw,30px)/1.25 'Sora','Inter',sans-serif; color:var(--navy); overflow-wrap:anywhere;}
html[lang="ar"] .co-info h1,html[lang="ja"] .co-info h1{font-family:inherit;}
.co-alt{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px;}
.co-alt li{display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; border:1px solid var(--border-soft); color:var(--navy-soft); font-size:12.5px;}
.co-alt i{font:600 10px/1 'JetBrains Mono',monospace; font-style:normal; letter-spacing:.06em; color:var(--navy-soft); opacity:.8;}
.co-dates{margin:0; display:flex; flex-wrap:wrap; gap:6px 22px;}
.co-dates div{display:flex; gap:8px; align-items:baseline;}
.co-dates dt{font:600 11px/1 'JetBrains Mono',monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--navy-soft);}
.co-dates dd{margin:0; font-size:14px; color:var(--navy);}
.co-tools{display:flex; flex-wrap:wrap; align-items:center; gap:10px;}
.co-tools .cb-love{font-size:15px; gap:6px;}
.co-tools .cb-love svg{width:17px; height:17px;}
.co-btn{display:inline-flex; align-items:center; gap:8px; height:38px; padding-inline:14px; border:1px solid var(--border-soft); border-radius:999px; background:transparent; color:var(--navy); font:600 13.5px/1 'Inter',sans-serif; text-decoration:none; cursor:pointer; max-width:100%;}
html[lang="ar"] .co-btn,html[lang="ja"] .co-btn{font-family:inherit;}
.co-btn:hover{background:var(--blue-tint);}
.co-btn:focus-visible,.co-back:focus-visible{outline:2px solid var(--blue); outline-offset:2px;}
.co-btn svg{width:16px; height:16px; flex:none;}
.co-btn span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.co-card{padding:20px; border:1px solid var(--border-soft); border-radius:18px; background:var(--white);}
.co-card h2,.co-anime h2{margin:0 0 10px; font:700 18px/1.3 'Sora','Inter',sans-serif; color:var(--navy);}
html[lang="ar"] .co-card h2,html[lang="ja"] .co-card h2,html[lang="ar"] .co-anime h2,html[lang="ja"] .co-anime h2{font-family:inherit;}
.co-text{color:var(--navy); font-size:15px; line-height:1.7; overflow-wrap:anywhere;}
.co-anime{padding:0; display:grid; grid-template-columns:minmax(0,1fr); gap:12px; min-width:0;}
.co-anime h2{margin:6px 0 0;}
.co-missing{text-align:center;}
.co-share-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:560px){
  .co-head{flex-direction:column; align-items:center; text-align:center; padding:18px 16px;}
  .co-alt,.co-tools,.co-dates{justify-content:center;}
  .co-mark .co-logo{width:96px !important;}
  .co-card{padding:16px;}
}