.article-entry { border-top: 1px solid var(--line); padding-block: 30px; }
.article-entry > span, .guide-kicker { color: var(--green); font-size: 12px; }
.article-entry h2 { font-size: clamp(21px, 2vw, 28px); max-width: 46ch; line-height: 1.4; margin: 10px 0; }
.article-entry p { color: var(--muted); max-width: 80ch; font-size: 14px; }
.article-entry > a { display: inline-block; margin-top: 8px; font-size: 13px; color: var(--green); }
.guide { max-width: 780px; width: calc(100% - 48px); margin: 48px auto 60px; }
.guide-breadcrumb { font-size: 12px; color: var(--muted); margin-bottom: 30px; }
.guide-header h1 { font-size: clamp(32px, 4vw, 48px); line-height: 1.2; letter-spacing: -.03em; text-wrap: balance; margin: 15px 0 20px; }
.guide-meta { color: var(--muted); font-size: 12px; padding-bottom: 25px; border-bottom: 1px solid var(--line); }
.guide-content { line-height: 1.85; font-size: 16px; color: #354d42; }
.guide-content > p:first-child { font-size: 18px; color: var(--ink); line-height: 1.75; }
.guide-content h2 { color: var(--ink); font-size: 25px; line-height: 1.4; margin: 40px 0 16px; letter-spacing: -.015em; }
.guide-content a { color: var(--green); text-decoration: underline; text-underline-offset: 3px; }
.guide-content li { padding: 5px 0 5px 6px; }
.guide-content ol, .guide-content ul { padding-left: 24px; }
.guide-content strong { color: var(--ink); font-weight: 650; }
.guide-content code { font-family: var(--mono); background: #e8eee4; padding: 2px 5px; border-radius: 3px; font-size: .88em; overflow-wrap: anywhere; }
.guide-content img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 7px; margin-top: 26px; }
.guide-content p:has(> em:only-child) { font-size: 12px; color: var(--muted); margin-top: 8px; }
.guide-content table { width: 100%; border-collapse: collapse; margin: 22px 0; font-size: 15px; }
.guide-content th, .guide-content td { padding: 12px 16px; border: 1px solid var(--line); text-align: left; }
.guide-content th { background: #e9efe5; color: var(--ink); }
.guide-content td { background: #fbfcf9; }
@media (max-width: 760px) {
  .guide { margin-top: 30px; }
  .guide-content { font-size: 15px; }
  .guide-content h2 { font-size: 22px; }
  .guide-content > p:first-child { font-size: 17px; }
  .guide-content th, .guide-content td { padding: 10px 12px; }
}