/* Fidelity to src/routes/news.$slug.tsx: ArticlePage */
.ref-article-detail{max-width:768px;margin-inline:auto;padding:56px 20px 80px;min-height:55vh}
.ref-article-back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}
.ref-article-back:hover{color:var(--primary)}
.ref-article-back .ui-icon{width:16px;height:16px;transform:rotate(180deg)}
.ref-article-detail-category{margin:24px 0 0;font-size:12px;letter-spacing:.3em;color:var(--primary)}
.ref-article-detail h1{margin:12px 0 0;font-size:clamp(28px,3.5vw,36px);font-weight:950;line-height:2;color:var(--ink)}
.ref-article-detail-date{margin:12px 0 0;color:var(--muted);font-size:12px}
.ref-article-hero{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;border:1px solid var(--line);margin-top:32px}
.ref-article-text{font-size:16px;line-height:2.25;color:var(--muted);margin-top:32px}
.ref-article-related{margin-top:64px}
.ref-article-related h2{font-size:20px;font-weight:900}
.ref-article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.ref-article-related-grid a{display:block;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:14px;line-height:2;font-weight:850;transition:border-color .2s}
.ref-article-related-grid a:hover{border-color:var(--primary);color:var(--primary)}
@media(max-width:639px){.ref-article-related-grid{grid-template-columns:1fr}.ref-article-detail{padding-inline:16px}}