.hero-real{margin:0;aspect-ratio:auto;max-width:610px;border-radius:28px;overflow:hidden;border:1px solid var(--c-border);background:var(--c-surface);box-shadow:0 16px 50px #253f2d12;transform:rotate(-1deg)}
.hero-real picture{display:block}.hero-real img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.hero-real figcaption{padding:17px 20px;line-height:1.7}.hero-real figcaption b{display:block;font-family:var(--font-serif);font-size:1rem;letter-spacing:.02em}.hero-real figcaption span{display:block;color:var(--c-muted);font-size:.69rem;margin-top:4px}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.guide-card{display:block;border:1px solid var(--c-border);border-radius:18px;background:var(--c-surface);padding:22px;color:var(--c-ink);text-decoration:none;transition:border-color .2s,transform .2s}.guide-card:hover{border-color:var(--c-brand-ink);transform:translateY(-2px)}.guide-card>span{font-size:.75rem;color:var(--c-brand-ink);letter-spacing:.06em;font-weight:700}.guide-card h3{font-size:1rem;margin:10px 0}.guide-card p{font-size:.83rem;line-height:1.85;color:var(--c-muted)}.guide-card>b{display:block;font-size:.78rem;color:var(--c-brand-ink);margin-top:16px}.evidence-scope{padding:10px 0 0;color:var(--c-muted);font-size:.78rem;line-height:1.8}
.source-review{border-left:3px solid var(--c-brand-ink);padding:14px 18px;background:var(--c-primary-soft);font-size:.83rem;line-height:1.9;border-radius:0 12px 12px 0;margin-block:20px}
@media(max-width:639px){.hero-real{max-width:100%;width:100%;transform:none;border-radius:20px;margin-block:10px 14px}.hero-real figcaption{padding:13px 16px}.hero-real figcaption b{font-size:.9rem}.hero-real figcaption span{font-size:.65rem}.guide-grid{grid-template-columns:1fr;gap:10px}.guide-card{padding:16px 18px}.guide-card h3{margin:7px 0}.guide-card>b{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}html[data-rm="1"] .guide-card{transition:none}html[data-rm="1"] .guide-card:hover{transform:none}
@media print{.hero-real{display:none!important}.guide-card{break-inside:avoid}}