.apn{margin:48px 0 8px;padding:30px 0 8px;border-top:1px solid var(--color-hairline)}
.apn__k{margin:0 0 18px;font-size:13px;font-weight:800;letter-spacing:.12em;line-height:1.3;color:var(--color-ink)}
.apn__l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 28px;margin:0;padding:0;list-style:none}
.apn__i{min-width:0;border-bottom:1px solid var(--color-hairline)}
.apn__a{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start;padding:14px 0;color:inherit;text-decoration:none}
.apn__a:hover .apn__t{color:var(--color-brand)}
.apn__a:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px;border-radius:6px}
.apn__ph{display:block;width:96px;aspect-ratio:4/3;overflow:hidden;border-radius:10px;background:var(--color-bg-soft)}
.apn__img{display:block;width:100%;height:100%;object-fit:cover}
.apn__m{display:flex;flex-direction:column;gap:6px;min-width:0}
.apn__t{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:15.5px;font-weight:700;line-height:1.35;color:var(--color-ink);transition:color .15s}
.apn__d{font-size:12.5px;font-weight:500;color:var(--color-meta);font-variant-numeric:tabular-nums}
.apn__a:not(:has(.apn__ph)){grid-template-columns:minmax(0,1fr)}
.apn-tag{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k go" "t go" "d go";column-gap:18px;row-gap:4px;max-width:760px;margin:0 auto 26px;padding:16px 20px;border-radius:16px;background:var(--color-bg-soft);box-shadow:inset 0 0 0 1px var(--color-hairline);color:inherit;text-decoration:none;transition:box-shadow .15s}
.apn-tag:hover{box-shadow:inset 0 0 0 1px var(--color-brand)}
.apn-tag:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}
.apn-tag__k{grid-area:k;font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--color-brand)}
.apn-tag__t{grid-area:t;font-size:19px;font-weight:800;line-height:1.25;color:var(--color-ink)}
.apn-tag__d{grid-area:d;font-size:14.5px;font-weight:500;line-height:1.4;color:var(--color-muted)}
.apn-tag__go{grid-area:go;align-self:center;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--color-brand)}
.apn-tag__go::after{content:"";width:9px;height:9px;margin-left:-3px;border-top:2.5px solid #fff;border-right:2.5px solid #fff;transform:rotate(45deg)}
@media (max-width:1023px){.apn__l{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.apn{margin-top:36px;padding-top:24px}.apn__l{grid-template-columns:minmax(0,1fr)}.apn__a{grid-template-columns:84px minmax(0,1fr);gap:12px;padding:12px 0}.apn__ph{width:84px}.apn__t{font-size:15px}.apn-tag{margin:0 0 20px;padding:14px 16px}.apn-tag__t{font-size:17px}.apn-tag__go{width:36px;height:36px}}