.res-page{--r-primary:#7B4214;--r-primary-hover:#5C3010;--r-card:#FAF8F5;--r-border:#E4D8CB;--r-fg:#1C110A;--r-fg-muted:#6F5A49;font-family:Inter,Arial,sans-serif;color:var(--r-fg)}
.res-page .wrap{max-width:1100px;margin:0 auto;padding:48px 16px 72px}
.res-page .eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--r-primary);margin:0}
.res-page h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;margin:.3rem 0 .8rem}
.res-page .lead{color:var(--r-fg-muted);max-width:760px;font-size:1.05rem;margin:0 0 2rem}
.res-page .tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.res-page .tool{display:flex;flex-direction:column;gap:8px;border:1px solid var(--r-border);border-radius:16px;padding:22px;background:#fff;text-decoration:none;color:var(--r-fg);transition:border-color .2s,transform .2s}
.res-page .tool:hover{border-color:var(--r-primary);transform:translateY(-2px)}
.res-page .tool .kind{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--r-primary)}
.res-page .tool strong{font-size:1.15rem}
.res-page .tool span.desc{color:var(--r-fg-muted);font-size:.95rem;line-height:1.55}
.res-page .tool .go{margin-top:auto;padding-top:8px;font-weight:700;color:var(--r-primary)}
.res-page .note{margin-top:28px;background:var(--r-card);border:1px solid var(--r-border);border-radius:14px;padding:18px;color:var(--r-fg-muted)}
.res-page .note a{color:var(--r-primary);font-weight:700}