.article{max-width:720px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1.25rem,4vw,3rem)}.article-meta{font-size:0.8125rem;color:var(--stone-500);margin-bottom:1.5rem;display:flex;gap:1rem;align-items:center}.article-meta .tag{background:var(--stone-100);color:var(--stone-600);padding:0.2rem 0.625rem;border-radius:4px;font-size:0.75rem;font-weight:500}.article h1{font-family:var(--font-serif);font-size:clamp(1.75rem,3.5vw,2.5rem);line-height:1.2;color:var(--stone-900);margin-bottom:1rem}.article h2{font-family:var(--font-serif);font-size:clamp(1.25rem,2.5vw,1.75rem);line-height:1.3;color:var(--stone-800);margin:2rem 0 1rem}.article p{font-size:1.0625rem;line-height:1.75;color:var(--stone-700);margin-bottom:1.25rem}.article img{width:100%;border-radius:10px;margin:1.5rem 0}.article-back{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:var(--stone-500);margin-bottom:2rem}.article-back:hover{color:var(--red)}.article-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem;margin:1.5rem 0}.article-gallery img{aspect-ratio:4/3;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform 0.2s}.article-gallery img:hover{transform:scale(1.03)}@media (max-width:640px){.article-gallery{grid-template-columns:repeat(2,1fr)}}.article-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.article-more-card{text-decoration:none;border-radius:10px;overflow:hidden;background:var(--white);border:1px solid var(--stone-200);transition:border-color 0.2s,transform 0.3s}.article-more-card:hover{border-color:var(--stone-300);transform:translateY(-3px)}.article-more-img{aspect-ratio:16 / 9;overflow:hidden}.article-more-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s}.article-more-card:hover .article-more-img img{transform:scale(1.05)}.article-more-body{padding:1rem 1.25rem 1.25rem}.article-more-date{font-size:0.75rem;color:var(--stone-400);margin-bottom:0.25rem;display:block}.article-more-body h3{font-family:var(--font-serif);font-size:1.0625rem;color:var(--stone-900);margin-bottom:0.375rem;line-height:1.3}.article-more-body p{font-size:0.8125rem;line-height:1.55;color:var(--stone-500);margin:0}@media (max-width:768px){.article-more-grid{grid-template-columns:1fr}}