.detail-head{--side-w:200px;grid-template-columns:var(--side-w) 1fr;align-items:start;gap:1.5rem;margin:.4rem 0 .75rem;display:grid}.detail-side{flex-direction:column;gap:.6rem;display:flex}.detail-info{flex-direction:column;align-items:flex-start;gap:.55rem;min-width:0;display:flex}.detail-title{overflow-wrap:anywhere;border:none;margin:0 0 .2rem;padding:0;font-size:clamp(1.5rem,4vw,2.4rem);line-height:1.15}.detail-line{margin:0;font-size:1.05rem}.detail-line a{color:inherit}.detail-line.muted{color:#555;font-size:.95rem}.detail-line.status{font-style:italic}.ext{text-decoration:none}.detail-side .cover{border:1px solid var(--line);aspect-ratio:2/3;object-fit:cover;border-radius:.3rem;width:100%;display:block}.detail-side .cover-none{--cover-bg:var(--cover,var(--bg-3));box-sizing:border-box;background-color:var(--cover-bg);color:oklch(from var(--cover-bg) clamp(0, (.62 - l) * 1000, 1) 0 0);overflow-wrap:anywhere;text-align:center;justify-content:center;align-items:center;padding:1rem;font-size:1.1rem;line-height:1.25;display:flex}.detail-side .cover-img{color:#0000;background:0 0;height:100%;position:absolute;inset:0}.side-btn{cursor:pointer;color:#fff;width:100%;font:inherit;text-align:center;border:none;border-radius:.3rem;padding:.5rem 1rem;font-size:1.1rem;font-weight:500;text-decoration:none;display:block;position:relative}.side-btn.go{background:var(--follow-green)}.side-btn.go:hover:not(:disabled){background:var(--follow-green-hover)}.side-btn.stop{background:#7b3835}.side-btn.stop:hover:not(:disabled){background:#49110f}.side-btn.soft{background:var(--bg-2);color:var(--off-black)}.side-btn.soft:hover:not(:disabled){background:var(--bg-3);color:var(--bg-0)}.side-btn.plain{border:1px solid var(--off-black);background:var(--bg-1);color:var(--off-black)}.side-btn.plain:hover:not(:disabled){background:var(--bg-0)}.side-btn:disabled{opacity:.6;cursor:default}.side-msg{color:#555;margin:0;font-size:.85rem}.side-msg:empty{display:none}.side-tray{box-sizing:border-box;border:1px solid var(--follow-green);background:var(--bg-0);color:#555;text-align:center;border-top:0;border-radius:0 0 .3rem .3rem;margin:-.9rem 0 0;padding:.5rem 1rem .35rem;font-size:.9rem}.side-tray>span{display:block}.cover-wrap{isolation:isolate;position:relative}.cover-wrap:has(.rim:not(.plain)) .cover,.cover-wrap.subscribed .cover{background-clip:padding-box;border-color:#0000}.detail-side:has(>.cover-wrap>.rim:not(.plain)),.detail-side:has(>.cover-wrap.subscribed>.rim){padding-top:2px}@media (28.125rem<=width<40.625rem){.detail-head>.detail-side>.cover-wrap:has(>.rim:not(.plain)),.detail-head>.detail-side>.cover-wrap.subscribed:has(>.rim){margin-top:2px}}.desc-wrap{margin:0;padding:0}.description{border:1px solid var(--line);background:var(--bg-0);color:var(--off-black);overflow-wrap:anywhere;border-radius:.3rem;margin:0;padding:.8rem 1rem;font-size:1.1rem;line-height:1.5}.description.pre-line{white-space:pre-line}.description.pre-wrap{white-space:pre-wrap}.description p{margin:0 0 .9em}.description :is(h1,h2,h3,h4,h5,h6){border:none;margin:1em 0 .4em;padding:0;font-size:1.05rem}.description blockquote{border-left:3px solid var(--line);margin:0 0 .9em;padding-left:.9em}.description :is(ul,ol){margin:0 0 .9em;padding-left:1.4em}.description a{color:inherit}.info-box{border:1px solid var(--line);background:var(--bg-0);color:var(--off-black);overflow-wrap:anywhere;border-radius:.3rem;margin:0;padding:.8rem 1rem;font-size:1.1rem;line-height:1.5}.desc-wrap:has(.desc-more){position:relative}.description.long{--lines:6;position:relative}.desc-wrap:has(.desc-more input:checked) .description.long{padding-bottom:2.4rem}.desc-wrap:not(:has(.desc-more input:checked)) .description.long{max-height:round(down, calc(.8rem + var(--lines) * 1lh), 1px);overflow:hidden}.desc-wrap:not(:has(.desc-more input:checked)) .description.long:after{background:linear-gradient(transparent, var(--box-bg,var(--bg-0)) 62%);pointer-events:none;content:"";height:4.4rem;position:absolute;inset:auto 0 0}.desc-wrap.desc-fits .description.long{max-height:none}.desc-wrap.desc-fits .description.long:after,.desc-wrap.desc-fits .desc-more{display:none}.desc-more{z-index:1;cursor:pointer;text-underline-offset:.15em;font-weight:600;text-decoration:underline;position:absolute;bottom:calc(1px + .6rem);right:1rem}.desc-more input{opacity:0;pointer-events:none;position:absolute}.desc-more:has(input:focus-visible){outline:2px solid var(--off-black);outline-offset:2px}.desc-more:has(input:checked) .desc-show,.desc-more:not(:has(input:checked)) .desc-hide{display:none}.detail-side{grid-area:side}.detail-info{grid-area:info}.desc-wrap{grid-area:desc}.detail-head{grid-template-areas:"side info""desc desc";gap:.6rem 1rem}.detail-facts{flex-direction:column;align-items:flex-start;gap:.55rem;min-width:0;display:flex}.side-btns{flex-direction:column;gap:.6rem;display:flex}.side-btns .side-btn{font-size:1.1rem}.detail-title{color:var(--off-black);margin-bottom:-.05rem;padding-top:.4rem}@media (width>=40.625rem){.detail-head{grid-template-rows:auto 1fr;grid-template-areas:"side info""side desc";row-gap:.55rem}.detail-title{font-size:clamp(2rem,4vw,2.4rem)}}@media (width<40.625rem){.detail-side,.detail-info{display:contents}.detail-info>:first-child{grid-area:title}.detail-pic{grid-area:side}.detail-facts{grid-area:facts;gap:.6rem}.side-btns{grid-area:btns;margin-top:-.8rem}.detail-head{--side-w:220.5px;grid-template-rows:auto auto 1fr auto auto;grid-template-areas:"side title""side facts""side.""side btns""desc desc"}.detail-head .stat-chips{grid-template-columns:1fr 1fr;align-self:stretch;display:grid}.stat-chips>li{justify-content:center}.stat-chips>li:only-child{grid-column:1/-1}.stat-chips>li>*{text-align:center;flex:1}}@media (width<28.125rem){.detail-head{grid-template-areas:"title title""side facts""side.""side btns""desc desc";margin-top:.15rem;container-type:inline-size}.detail-title[style*=--title-em]{--pad:0px;font-size:clamp(1.5rem, (100cqw - var(--pad)) / var(--title-em) * .96, 3.5rem)}.detail-title{padding-top:.15rem}}@media (width<=36rem){.detail-head{--side-w:41.9%;column-gap:.7rem}.side-btn{padding:.5rem .25rem;font-size:.95rem;line-height:1.25}.detail-line{font-size:.95rem}}.facts{margin:-.21rem 0 -.31rem;font-size:1.05rem;line-height:2}.stat-chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;font-size:1.05rem;line-height:1.13;list-style:none;display:flex}.stat-chips>li{display:flex}.chip-light,.stat-chips .follow-pill{white-space:nowrap;border-radius:.25rem;padding:calc(.25rem + 1px) .5rem}.chip-light{background:var(--bg-0)}.stat-chips .follow-pill{font:inherit;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:.3rem;display:flex}.stat-chips .follow-pill:not(.followed){background:var(--bg-0);color:var(--off-black)}.stat-chips .follow-pill>*{line-height:inherit;display:block}.stat-chips .follow-pill .count{font-weight:700}.stat-chips .follow-pill-icon{width:16px;height:16px}
