@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap');
:root{--p:#1E3A5F;--pl:#edf2f7;--a:#3B82F6;--al:#eff6ff;--b:#0f172a;--g9:#1e293b;--g6:#64748b;--g4:#94a3b8;--g2:#e2e8f0;--g1:#f8fafc;--w:#fff;--mw:1060px;--f:'Source Sans 3',sans-serif;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:var(--f);color:var(--g9);background:var(--w);line-height:1.7;-webkit-font-smoothing:antialiased;}
a{color:var(--a);text-decoration:none;}a:hover{text-decoration:underline;}
img{max-width:100%;height:auto;display:block;}

/* Top bar */
.nt{background:var(--p);padding:10px 0;}
.nti{max-width:var(--mw);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;}
.logo{font-size:18px;font-weight:700;color:var(--w);text-decoration:none;}.logo span{opacity:.6;font-weight:400;}
.ntl{display:flex;gap:20px;}.ntl a{color:rgba(255,255,255,.7);text-decoration:none;font-size:13px;font-weight:600;transition:color .2s;}.ntl a:hover{color:var(--w);}

/* Section tabs */
.ns{background:var(--w);border-bottom:1px solid var(--g2);position:sticky;top:0;z-index:100;}
.nsi{max-width:var(--mw);margin:0 auto;padding:0 24px;display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.nsa{padding:12px 20px;font-size:14px;font-weight:600;color:var(--g6);text-decoration:none;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;}
.nsa:hover{color:var(--p);text-decoration:none;}.nsa.active{color:var(--p);border-bottom-color:var(--a);}

.con{max-width:var(--mw);margin:0 auto;padding:0 24px;}

/* Page hero */
.ph{background:var(--p);color:var(--w);padding:48px 0;}
.ph h1{font-size:32px;font-weight:700;margin-bottom:6px;letter-spacing:-.3px;}
.ph p{color:rgba(255,255,255,.6);font-size:16px;}

/* Topic grid */
.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:32px 0;}
.tc{border:1px solid var(--g2);border-radius:8px;padding:24px;text-decoration:none;color:inherit;transition:all .2s;display:block;}
.tc:hover{border-color:var(--a);background:var(--al);text-decoration:none;}
.tci{font-size:28px;margin-bottom:10px;}.tc h3{font-size:16px;font-weight:700;color:var(--p);margin-bottom:4px;}.tc p{font-size:14px;color:var(--g6);}

/* Content cards */
.cc{background:var(--w);border:1px solid var(--g2);border-radius:8px;padding:32px;margin-bottom:20px;}
.cc h2{font-size:22px;font-weight:700;color:var(--p);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--g2);}
.cc h3{font-size:18px;font-weight:700;color:var(--b);margin:20px 0 8px;}
.cc p{font-size:16px;line-height:1.8;margin-bottom:14px;}
.cc ul,.cc ol{padding-left:24px;margin-bottom:16px;}.cc li{font-size:16px;line-height:1.8;margin-bottom:4px;}

/* Numbered steps */
.step{display:flex;gap:16px;margin-bottom:20px;}.sn{width:36px;height:36px;background:var(--a);color:var(--w);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;margin-top:2px;}
.sc h4{font-size:16px;font-weight:700;color:var(--b);margin-bottom:4px;}.sc p{font-size:15px;color:var(--g6);margin-bottom:0;}

/* Info box */
.ib{background:var(--al);border-left:3px solid var(--a);padding:16px 20px;border-radius:0 6px 6px 0;margin:20px 0;font-size:15px;color:var(--g9);line-height:1.7;}
.ib strong{color:var(--p);}
.ib.warn{background:#fff7ed;border-left-color:#f59e0b;}.ib.warn strong{color:#92400e;}

/* Rule table */
.rtable{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px;}
.rtable th{background:var(--p);color:var(--w);padding:10px 16px;text-align:left;font-weight:600;}
.rtable td{padding:10px 16px;border-bottom:1px solid var(--g2);}.rtable tr:last-child td{border-bottom:none;}
.rtable tr:nth-child(even){background:var(--g1);}

/* Page layout with sidebar */
.page-layout{display:grid;grid-template-columns:240px 1fr;gap:32px;padding:32px 0;}
.sidebar{position:sticky;top:60px;align-self:start;}
.sidebar h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--g4);margin-bottom:12px;}
.sidebar a{display:block;padding:6px 12px;font-size:14px;color:var(--g6);text-decoration:none;border-left:2px solid var(--g2);transition:all .2s;}
.sidebar a:hover{color:var(--p);border-left-color:var(--a);background:var(--al);}
.sidebar a.active{color:var(--p);border-left-color:var(--a);font-weight:600;}

/* Breadcrumb */
.bc{font-size:13px;color:var(--g4);padding:16px 0;}.bc a{color:var(--g6);}.bc span{margin:0 8px;}

/* Footer */
.ft{border-top:1px solid var(--g2);padding:32px 0;margin-top:48px;}
.fti{max-width:var(--mw);margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;font-size:13px;color:var(--g4);}
.ft a{color:var(--g4);text-decoration:none;margin-left:16px;}.ft a:hover{color:var(--p);}

/* Court diagram */
.court-diagram{background:var(--g1);border:1px solid var(--g2);border-radius:8px;padding:32px;text-align:center;margin:20px 0;}
.court-svg{max-width:400px;margin:0 auto;}

@media(max-width:768px){
  .tg{grid-template-columns:1fr;}.ntl{display:none;}
  .ph h1{font-size:26px;}.page-layout{grid-template-columns:1fr;}.sidebar{display:none;}
  .rtable{font-size:13px;}.rtable th,.rtable td{padding:8px 10px;}
}