/* Sumum Traders LLP — production stylesheet
   Drop-in replacement for previous dark theme. Light, neutral, print-safe. */

:root{
  --bg:#fbfbfa;
  --text:#1f2430;
  --muted:#5a6372;
  --accent:#0a4a7a;
  --card:#ffffff;
  --hairline:#e5e7ea;
  --alt-row:#fafafb;
  --cta-bg:#f4f6f8;
}

*,*::before,*::after{box-sizing:border-box;}

html{-webkit-text-size-adjust:100%;}

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

/* Typography */
h1,h2,h3,h4,h5,h6{
  color:var(--text);
  line-height:1.25;
  margin:1.6em 0 .5em;
  font-weight:650;
}
h1{font-size:32px;font-weight:700;margin-top:.4em;}
h2{font-size:22px;margin-top:2em;}
h3{font-size:17px;font-weight:650;}
h4{font-size:15px;}
p{margin:0 0 1em;}

/* Links */
a{color:var(--accent);text-decoration:none;}
a:hover,a:focus{text-decoration:underline;}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}

/* Header */
body > header{
  position:sticky;top:0;z-index:10;
  background:#ffffff;
  border-bottom:1px solid var(--hairline);
}
body > header nav{
  max-width:980px;margin:0 auto;padding:12px 24px;
  display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;
}
body > header nav a{
  color:var(--text);font-size:15px;padding:6px 2px;
}
body > header nav a:hover{text-decoration:underline;color:var(--accent);}

/* Main container */
main{
  max-width:980px;margin:0 auto;padding:24px;
}

/* Hero */
.hero,section#hero{
  padding:32px 0 40px;
  border-bottom:1px solid var(--hairline);
  margin-bottom:16px;
}
.hero h1,section#hero h1{
  font-size:32px;margin:.2em 0 .4em;
}
@media (min-width:700px){
  .hero h1,section#hero h1{font-size:34px;}
  h1{font-size:34px;}
}

/* Breadcrumb */
nav[aria-label="Breadcrumb"]{
  color:var(--muted);font-size:14px;margin:0 0 14px;
}
nav[aria-label="Breadcrumb"] ol{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;
}
nav[aria-label="Breadcrumb"] ol li + li::before{
  content:"›";color:var(--accent);margin-right:6px;
}
nav[aria-label="Breadcrumb"] a{color:var(--muted);}
nav[aria-label="Breadcrumb"] a:hover{color:var(--accent);}

/* Sections */
section{margin:0 0 28px;}

/* Lists */
ul,ol{margin:0 0 1em 1.2em;padding:0;}
li{margin:.2em 0;}

/* Tables */
table{
  width:100%;border-collapse:collapse;margin:14px 0 24px;
  font-size:15px;background:var(--card);
}
caption{
  text-align:left;color:var(--muted);font-size:13px;
  padding:6px 0 10px;caption-side:top;
}
thead th{
  text-align:left;border-bottom:2px solid var(--text);
  padding:10px 12px;font-weight:650;
}
tbody tr{border-bottom:1px solid var(--hairline);}
tbody tr:nth-child(even){background:var(--alt-row);}
tbody tr:last-child{border-bottom:none;}
th,td{
  padding:10px 12px;vertical-align:top;border:none;text-align:left;
}
tbody th{background:transparent;font-weight:650;}

/* Card */
.card{
  background:var(--card);
  border:1px solid var(--hairline);
  border-radius:6px;
  padding:20px;
  margin:14px 0;
}

/* Callout */
.callout{
  background:var(--card);
  border-left:4px solid var(--accent);
  padding:14px 18px;
  margin:14px 0;
  border-radius:0 6px 6px 0;
}

/* Contact CTA bar */
section#contact,section#contact-cta,.cta{
  background:var(--cta-bg);
  margin:32px -24px 0;
  padding:24px;
  border-top:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
}
@media (max-width:1024px){
  section#contact,section#contact-cta,.cta{margin-left:-24px;margin-right:-24px;}
}

/* Footer */
body > footer{
  max-width:980px;margin:24px auto 0;padding:24px;
  color:var(--muted);font-size:14px;
  border-top:1px solid var(--hairline);
}
body > footer a{color:var(--muted);text-decoration:underline;}
body > footer a:hover{color:var(--accent);}

/* Grid utilities */
.grid{display:grid;gap:20px;}
.grid-2{grid-template-columns:repeat(2,1fr);}
.grid-3{grid-template-columns:repeat(3,1fr);}
@media (max-width:900px){
  .grid-2,.grid-3{grid-template-columns:1fr;}
}

/* Emphasis */
strong,b{font-weight:650;}
code,kbd,samp{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.94em;background:#f1f3f5;padding:1px 5px;border-radius:3px;
}

/* Figures and images */
img{max-width:100%;height:auto;}
figure{margin:14px 0;}
figcaption{color:var(--muted);font-size:13px;margin-top:4px;}

/* Responsive typography */
@media (max-width:640px){
  body{font-size:15.5px;}
  main{padding:16px;}
  body > header nav{padding:10px 16px;gap:6px 12px;}
  table{font-size:14px;}
  th,td{padding:8px 8px;}
}

/* Print */
@media print{
  body{background:#ffffff;color:#000;font-size:11pt;}
  body > header,body > footer,nav,section#contact,section#contact-cta,.cta{display:none !important;}
  main{max-width:none;margin:0;padding:0;}
  a{color:#000;text-decoration:underline;}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#333;}
  h1,h2,h3{page-break-after:avoid;}
  table,tr,td,th{page-break-inside:avoid;}
  @page{margin:20mm;}
}