.method-shell { padding-top:8px; }
.method-hero { border:1px solid var(--line); border-radius:12px; padding:34px; background:var(--panel); box-shadow:0 8px 22px rgb(17 37 29 / 7%); }
.method-hero h1 { margin:0; color:var(--accent-dark); font-size:40px; letter-spacing:-.02em; }
.method-title-break { display:inline; }
.method-hero > p:last-child { max-width:860px; margin:14px 0 0; color:var(--muted); font-size:16px; line-height:1.9; }
.method-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:18px; }
.method-summary article,.method-section { border:1px solid var(--line); border-radius:12px; background:rgb(255 255 255 / 90%); box-shadow:0 8px 22px rgb(17 37 29 / 6%); }
.method-summary article { padding:22px; }
.method-summary span { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; color:var(--accent-dark); background:var(--accent-pale); font-weight:900; }
.method-summary h2 { margin:15px 0 7px; font-size:18px; }
.method-summary p,.method-section p { margin:0; color:#4c6258; line-height:1.8; }
.method-section { margin-top:18px; padding:28px; }
.method-section h2 { margin:0 0 18px; color:var(--accent-dark); font-size:25px; }
.method-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.method-grid article { border:1px solid var(--line); border-radius:10px; padding:18px; background:#fff; }
.method-grid h3 { margin:0 0 8px; font-size:18px; }
.source-note { margin-top:17px !important; border-left:3px solid #9bcdb5; padding-left:14px; font-size:13px; }
.source-note a { color:var(--accent-dark); font-weight:850; text-decoration:underline; text-underline-offset:3px; }
.method-callout { margin-top:18px; border-radius:10px; padding:17px 19px; color:#6f4700; background:#fff7df; }
.method-callout strong { display:block; margin-bottom:5px; }
.method-list { display:grid; gap:9px; margin:0 0 18px; padding-left:22px; color:#4c6258; line-height:1.7; }
.updated-at { margin-top:12px !important; color:var(--muted) !important; font-size:13px; }
.method-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.method-actions a { display:inline-flex; align-items:center; gap:10px; border:1px solid #81bfa0; border-radius:999px; padding:11px 17px; color:var(--accent-dark); background:#fff; font-weight:850; }
.method-actions .method-primary { color:#fff; border-color:var(--accent); background:var(--accent); }
.method-actions span { font-size:20px; line-height:.7; }
@media (max-width:760px) { .method-summary,.method-grid { grid-template-columns:1fr; }.method-hero,.method-section { padding:22px; }.method-hero h1 { font-size:32px; }.method-title-break { display:block; white-space:nowrap; }.method-hero > p:last-child { font-size:15px; }.method-actions a { justify-content:space-between; width:100%; } }