.utility-main { padding-block:56px 80px; max-width:1000px; }
.utility-main h1 { margin-bottom:24px; }
.utility-main .page-subtitle,.utility-main .page-intro { margin-bottom:36px; color:var(--muted); }
.utility-main h2 { font-size:1.8rem; margin:36px 0 20px; scroll-margin-top:24px; }
.utility-main h3 { font-size:1.35rem; margin-bottom:16px; }
.utility-main p { color:var(--muted); margin-bottom:20px; }
.utility-main li { margin:14px 0; }
.utility-main .steps { display:block; list-style:decimal; padding-left:24px; }
.utility-main .steps li { display:list-item; padding:0; border:0; }
.path-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:32px 0 48px; }
.path-card,.feature-item,.info-card,.utility-main .card { padding:28px; border:1px solid var(--line); background:#fffdf7; margin-bottom:24px; }
.feature-item strong { display:block; margin-bottom:12px; }
.note,.support-box { background:#eaf0e2; border:1px solid #ccd7c3; padding:28px; margin:28px 0; }
.support-box h2,.info-card h2 { margin-top:0; }
.utility-main .card { max-width:750px; margin:0 auto; }
.utility-main .card h1 { font-size:clamp(2rem,5vw,3.2rem); }
.utility-main .actions { display:flex; flex-wrap:wrap; gap:14px; margin:24px 0; }
.utility-main .btn-outline { color:var(--blue); background:transparent; }
.utility-main .ok { color:var(--blue); }
.utility-main .warn { color:#78552c; }
@media(max-width:800px) { .path-grid { grid-template-columns:1fr; gap:0; } .utility-main { padding-top:40px; } }