/* Shared look for every service line. Edit colours and type here once;
   every page under aba/, snf/ (and any line that links this file) follows.
   Page-specific rules stay in each page's own <style> block and override
   anything here, so a change in this file never fights a page. */

:root{
  --ink:#16202b; --mid:#5b6b7c; --soft:#8a99a8;
  --line:#e2e8ee; --line2:#eef2f6;
  --bg:#f7f9fb; --blue:#1f5f8b; --blue-lt:#eaf2f8;
  --amber:#a9662a; --green:#2c7a5b;
  --font:"Inter",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{font-family:var(--font);margin:0;background:var(--bg);color:var(--ink);
     font-size:14px;line-height:1.45}
header{background:#fff;border-bottom:2px solid var(--blue)}
header h1{margin:0;font-weight:600}
header nav a{color:var(--blue);font-size:13px;text-decoration:none;font-weight:500}
header nav a:hover{text-decoration:underline}
header nav a.cur{color:var(--ink);border-bottom:2px solid var(--blue);padding-bottom:2px}
header nav a.cur:hover{text-decoration:none}

/* Header: breadcrumb on the left, the line's pages on the right. Same on every page. */
header{display:flex;justify-content:space-between;align-items:center;gap:14px 24px;flex-wrap:wrap;
       padding:13px 22px}
header .crumbs{font-size:15px;display:flex;align-items:center;flex-wrap:wrap}
header .crumbs a{color:var(--mid);text-decoration:none;font-weight:500}
header .crumbs a:hover{color:var(--blue)}
header .crumbs .sep{color:#c5cfd8;margin:0 9px;font-weight:300}
header .crumbs b{color:var(--ink);font-weight:600}
header nav{display:flex;gap:0 18px;flex-wrap:wrap}
header nav a[href]{margin:0;padding:3px 0;font-size:13px}