.article-page{max-width:960px}.article-hero{position:relative;max-width:800px;margin:0 auto 2rem;padding:clamp(2.5rem,8vw,5rem) clamp(1.25rem,5vw,3rem);overflow:hidden;border-radius:var(--radius-md);background:linear-gradient(#fffffff0,#ffffffc7),url(/header-image.png) center / cover;box-shadow:var(--shadow-soft)}.article-hero.has-cover{min-height:430px;display:flex;align-items:center;background:#fff}.article-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.article-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#fffffff7,#ffffffc7 58%,#ffffff40)}.article-hero-inner{position:relative;z-index:2}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem}.category-badge{display:inline-flex;padding:.3rem .75rem;border-radius:999px;color:#950;background:#fff0c7;font-size:.75rem;font-weight:800}.date-list{display:flex;flex-wrap:wrap;gap:.35rem .9rem;color:#64748b;font-size:.75rem}.article-hero h1{max-width:720px;margin-top:1rem;color:var(--color-navy);font-size:clamp(1.55rem,4.5vw,2.4rem);line-height:1.5}.title-accent-line{width:50px;height:4px;margin:1.25rem 0 1.75rem;border-radius:99px;background:var(--color-primary)}.header-profile{display:flex;align-items:center;gap:.9rem}.header-profile img{border-radius:50%;object-fit:cover}.header-profile p{color:#334155;font-size:.82rem}.header-profile .profile-description{max-width:34rem;color:#64748b}.content-notice{max-width:760px;margin:0 auto 1.5rem;padding:1.1rem 1.25rem;border:1px solid #f2d79b;border-radius:var(--radius-sm);background:#fff9e9}.content-notice strong{color:#8a5000;font-size:.82rem}.content-notice p{margin-top:.3rem;color:#5f4b2c;font-size:.8rem;line-height:1.75}.content-notice a{color:#8a5000;font-size:.75rem;font-weight:800;text-decoration:underline;text-underline-offset:.2em}.blog-prose{max-width:760px;margin:0 auto;padding:1.5rem;border-radius:var(--radius-md);color:#334155;background:#fff;line-height:1.95;letter-spacing:.02em}.blog-prose p{margin-bottom:1.5rem}.blog-prose h2{margin:3.5rem 0 1.25rem;padding:.8rem 1rem;border-left:5px solid var(--color-primary);border-radius:0 8px 8px 0;color:var(--color-navy);background:#fffaf0;font-size:clamp(1.25rem,3vw,1.5rem);line-height:1.55}.blog-prose h3{margin:2.5rem 0 1rem;padding-bottom:.45rem;border-bottom:1px solid #e2e8f0;color:var(--color-navy);font-size:1.15rem}.blog-prose ul,.blog-prose ol{margin:1.5rem 0;padding:1.25rem 1.25rem 1.25rem 2.5rem;border:1px solid #edf0f4;border-radius:var(--radius-sm);background:#fafafa}.blog-prose li+li{margin-top:.45rem}.blog-prose a{color:var(--color-primary-dark);font-weight:700;text-decoration:underline;text-underline-offset:.2em;overflow-wrap:anywhere}.blog-prose strong{color:#172554;background:linear-gradient(transparent 62%,#fff0bd 62%)}.blog-prose blockquote{margin:2rem 0;padding:1.25rem;border-left:4px solid #e4b04f;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#5f4b2c;background:#fff9e9}.blog-prose img{display:block;width:100%;height:auto;margin:2rem auto;border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}.article-footer-banner{max-width:760px;margin:2rem auto 4rem}.article-footer-banner>a{display:flex;flex-direction:column;align-items:center;padding:2rem;border-radius:var(--radius-md);color:#64748b;background:#faf8f0;font-size:.82rem;font-weight:700}.article-footer-banner img{width:min(220px,70%);margin-top:.8rem}.recommended-section{max-width:760px;margin:0 auto;padding-top:2rem;border-top:2px solid #edf0f4}.recommended-section>h2{margin-bottom:1.25rem;color:var(--color-navy);font-size:1.3rem;text-align:center}.recommended-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.recommended-card{padding:1.25rem;border:1px solid #e5e7eb;border-radius:var(--radius-sm);background:#fff}.recommended-card h3{margin-top:.65rem;color:var(--color-navy);font-size:.95rem;line-height:1.6}.category-badge.small{padding:.2rem .55rem;font-size:.68rem}@media(max-width:640px){.article-page{width:min(calc(100% - 1.25rem),var(--max-width))}.article-hero.has-cover{min-height:360px}.header-profile{align-items:flex-start}.header-profile img{width:54px;height:54px}.recommended-grid{grid-template-columns:1fr}.blog-prose{padding:1.25rem 1rem}}