.guide-main { max-width: 920px; margin: 0 auto; padding: 58px 28px 80px; }
.guide-breadcrumb { display: inline-block; margin-bottom: 28px; color: var(--green); font-size: 13px; font-weight: 800; text-decoration: none; }
.guide-header { max-width: 780px; }
.guide-header .kicker { color: var(--green); font-size: 11px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.guide-header h1 { margin: 10px 0 18px; font: 500 clamp(40px, 7vw, 70px)/1 Georgia, "Times New Roman", serif; letter-spacing: -.045em; }
.guide-intro { margin: 0 0 22px; color: #4d5a54; font-size: 19px; line-height: 1.65; }
.guide-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-bottom: 38px; color: var(--muted); font-size: 11px; }
.guide-body { max-width: 740px; }
.guide-body h2 { margin: 42px 0 12px; font: 500 31px/1.15 Georgia, "Times New Roman", serif; letter-spacing: -.025em; }
.guide-body h3 { margin: 28px 0 8px; font-size: 17px; }
.guide-body p, .guide-body li { color: #3f4c46; font-size: 15px; line-height: 1.78; }
.guide-body ul, .guide-body ol { padding-left: 22px; }
.guide-body li + li { margin-top: 8px; }
.guide-callout { margin: 30px 0; padding: 20px 22px; border-left: 4px solid var(--green); border-radius: 8px; background: #e8eee9; }
.guide-callout strong { display: block; margin-bottom: 5px; }
.guide-example-box { margin: 26px 0; padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: var(--card); }
.guide-example-box code { color: var(--green-dark); font: 700 22px/1.2 Georgia, serif; }
.guide-sources { margin-top: 44px; padding-top: 22px; border-top: 1px solid var(--line); }
.guide-sources h2 { margin-top: 0; font-size: 22px; }
.guide-sources a { color: var(--green); }
.guide-next { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 38px; }
.guide-next a { padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--card); color: var(--ink); text-decoration: none; }
.guide-next small { display: block; margin-bottom: 6px; color: var(--green); font-weight: 800; }
.guide-library-intro { max-width: 720px; }
.guide-grid-page { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-top: 34px; }
.guide-card { min-height: 230px; padding: 26px; border: 1px solid var(--line); border-radius: 15px; background: var(--card); color: var(--ink); text-decoration: none; box-shadow: 0 10px 34px rgba(25,44,35,.045); }
.guide-card span { color: var(--green); font-size: 10px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.guide-card h2 { margin: 15px 0 10px; font: 500 27px/1.12 Georgia, "Times New Roman", serif; }
.guide-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.guide-card b { display: inline-block; margin-top: 18px; color: var(--green); font-size: 12px; }
@media (max-width: 700px) {
  .guide-main { padding: 38px 18px 60px; }
  .guide-grid-page, .guide-next { grid-template-columns: 1fr; }
  .guide-header h1 { font-size: clamp(38px, 12vw, 55px); }
  .guide-intro { font-size: 17px; }
}