.method-page{max-width:760px;margin:0 auto;padding:32px 20px 80px;font-family:var(--font-body);color:var(--text);line-height:1.7}.mp-hero{text-align:center;padding:24px 0 36px;border-bottom:1px solid var(--border);margin-bottom:36px}.mp-hero-eyebrow{display:inline-block;font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.mp-hero h1{font-family:var(--font-heading);font-weight:700;font-size:clamp(1.6rem,4.5vw,2.3rem);line-height:1.2;color:var(--text);margin-bottom:14px}.mp-hero-sub{font-size:1.05rem;color:var(--text-secondary);max-width:560px;margin:0 auto 24px}.mp-hero-cta{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;font-size:.98rem;padding:12px 24px;border-radius:var(--radius);transition:background .2s ease,transform .2s ease}.mp-hero-cta:hover{background:var(--accent-hover);transform:translateY(-1px)}.mp-section{margin-bottom:36px}.mp-section h2{font-family:var(--font-heading);font-weight:700;font-size:1.45rem;color:var(--text);margin-bottom:14px;line-height:1.3}.mp-section p{font-size:1rem;color:var(--text);margin-bottom:14px}.mp-section p:last-child{margin-bottom:0}.mp-section ul{margin:8px 0 14px 22px;color:var(--text)}.mp-section ul li{margin-bottom:6px}.mp-callout{background:var(--bg-alt);border-left:3px solid var(--accent);padding:16px 20px;border-radius:4px;margin:16px 0}.mp-callout-title{font-weight:600;font-size:.95rem;color:var(--accent);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.mp-callout p{font-size:.97rem;margin-bottom:6px}.mp-callout p:last-child{margin-bottom:0}.mp-soft-cta{background:var(--accent-light);border-radius:var(--radius);padding:28px 24px;text-align:center;margin:40px 0}.mp-soft-cta-text{font-family:var(--font-heading);font-size:1.15rem;color:var(--text);margin-bottom:16px}.mp-soft-cta-btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;padding:12px 26px;border-radius:var(--radius);transition:background .2s ease,transform .2s ease}.mp-soft-cta-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.mp-related{border-top:1px solid var(--border);padding-top:28px;margin-top:40px}.mp-related h3{font-family:var(--font-heading);font-size:1.15rem;margin-bottom:14px;color:var(--text)}.mp-related-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:560px){.mp-related-list{grid-template-columns:1fr}}.mp-related-list a{display:block;padding:12px 14px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);font-size:.95rem;transition:border-color .2s ease,transform .2s ease}.mp-related-list a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.mp-breadcrumb{font-size:.85rem;color:var(--text-secondary);margin-bottom:18px}.mp-breadcrumb a{color:var(--text-secondary);text-decoration:none;border-bottom:1px dotted var(--text-light)}.mp-breadcrumb a:hover{color:var(--accent);border-color:var(--accent)}.page-attribution{border-top:1px solid var(--border);padding-top:16px;margin-top:32px;font-size:.82rem;color:var(--text-light)}.page-attribution strong{color:var(--text-secondary);font-weight:600}.mp-footer{font-size:.85rem;color:var(--text-secondary);text-align:center;padding-top:24px;border-top:1px solid var(--border);margin-top:40px}.methods-index{max-width:1000px;margin:0 auto;padding:32px 20px 80px}.methods-index-hero{text-align:center;padding:24px 0 40px}.methods-index-hero h1{font-family:var(--font-heading);font-size:clamp(1.7rem,4.5vw,2.4rem);margin-bottom:14px}.methods-index-hero p{font-size:1.05rem;color:var(--text-secondary);max-width:600px;margin:0 auto 22px}.methods-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.methods-index-card{display:block;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-decoration:none;color:var(--text);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.methods-index-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.methods-index-card h3{font-family:var(--font-heading);font-size:1.1rem;margin-bottom:8px;color:var(--text)}.methods-index-card p{font-size:.93rem;color:var(--text-secondary);line-height:1.55;margin-bottom:10px}.methods-index-card-link{font-size:.88rem;color:var(--accent);font-weight:600}
