@font-face{font-family:"Newsreader";src:url("fonts/newsreader-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("fonts/newsreader-500-italic.woff2") format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("fonts/source-sans-3-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("fonts/source-sans-3-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

.sha-hub{
  --bg:#F4F0E8;--surface:#FBF8F2;--stone:#E8E2D6;--ink:#000000;--secondary:#000000;
  --muted:#6B645B;--accent:#1F4E53;--accent-hover:#163C40;--rule:#D5CFC3;--dark:#1F2423;--on:#FBF8F2;
  --display:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Source Sans 3","Segoe UI",sans-serif;
  --r:4px;
  background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.55;
  padding:0 0 64px;width:100%;max-width:none;
}
.sha-hub *,.sha-hub *::before,.sha-hub *::after{box-sizing:border-box}
.sha-wrap{max-width:1080px;width:100%;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
.sha-hub a{color:var(--accent);text-decoration:none}
.sha-hub a:hover{color:var(--accent-hover);text-decoration:underline}
.sha-kicker{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--accent);margin:0 0 8px}
.sha-h1{font-family:var(--display);font-weight:600;font-size:42px;line-height:1.12;margin:0 0 12px;color:var(--ink)}
.sha-h2{font-family:var(--display);font-weight:600;font-size:28px;line-height:1.15;margin:0 0 10px;color:var(--ink)}
.sha-h3{font-family:var(--display);font-weight:600;font-size:22px;line-height:1.2;margin:0 0 8px;color:var(--ink)}
.sha-dek{font-size:18px;color:var(--ink);max-width:40em;margin:0;line-height:1.45}
.sha-body,.sha-panel p,.sha-steps,.sha-use-list,.sha-facts dd{color:var(--ink)}
.sha-hero{padding:36px 0 28px;border-bottom:1px solid var(--rule)}
.sha-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:32px;align-items:center}
.sha-hero figure,.sha-lead figure,.sha-media figure{margin:0}
.sha-hub img{width:100%;height:auto;display:block;border-radius:var(--r);background:var(--stone)}
.sha-caption{font-size:13px;color:var(--muted);margin:8px 0 0}
.sha-facts-band{padding:28px 0;border-bottom:1px solid var(--rule);width:100%}
.sha-facts{
  width:100%;max-width:none;
  background:var(--stone);
  border-left:3px solid var(--accent);
  padding:28px 32px;
}
.sha-facts h2{font-size:22px;margin:0 0 18px;color:var(--ink)}
.sha-facts dl{
  display:grid;
  grid-template-columns:minmax(160px,22%) minmax(0,1fr);
  gap:12px 40px;
  margin:0;
  font-size:16px;
  width:100%;
}
.sha-facts dt{font-weight:600;color:var(--ink);padding-top:2px}
.sha-facts dd{margin:0;color:var(--ink);max-width:none}
.sha-paths{padding:32px 0;border-bottom:1px solid var(--rule)}
.sha-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sha-path{
  background:var(--surface);
  border:1px solid var(--rule);
  border-radius:var(--r);
  padding:18px 18px 16px;
}
.sha-path h3{margin:0 0 6px;font-size:20px}
.sha-path p{margin:0;color:var(--ink);font-size:15px}
.sha-lead{padding:36px 0;border-bottom:1px solid var(--rule)}
.sha-lead-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:28px;align-items:center}
.sha-label{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--muted);margin:0 0 6px}
.sha-compare{padding:32px 0;border-bottom:1px solid var(--rule)}
.sha-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:stretch}
.sha-panel{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;height:100%}
.sha-panel .sha-panel-body{padding:20px}
.sha-panel p{color:var(--ink);margin:0}
.sha-panel-img{aspect-ratio:16/9;overflow:hidden;background:var(--stone)}
.sha-panel-img img{width:100%;height:100%;object-fit:cover;border-radius:0}
.sha-troubleshoot{background:var(--stone);padding:32px 0;margin:0}
.sha-trouble-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.sha-steps{margin:0;padding:0;list-style:none;color:var(--ink)}
.sha-steps li{border-top:1px solid var(--rule);padding:12px 0}
.sha-steps li:first-child{border-top:0}
.sha-num{font-weight:600;color:var(--accent);margin-right:8px}
.sha-uses{padding:32px 0;border-bottom:1px solid var(--rule)}
.sha-uses-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px;align-items:center}
.sha-use-list{margin:0;padding:0;list-style:none;color:var(--ink)}
.sha-use-list li{border-top:1px solid var(--rule);padding:14px 0}
.sha-compat{padding:32px 0}
.sha-compat-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:start}
.sha-table-wrap{overflow-x:auto;border:1px solid var(--rule);background:var(--surface)}
.sha-hub table{width:100%;border-collapse:collapse;font-size:15px;color:var(--ink)}
.sha-hub th,.sha-hub td{border-bottom:1px solid var(--rule);padding:10px 12px;text-align:left;vertical-align:top}
.sha-hub thead th{background:var(--stone);font-weight:600;color:var(--ink)}
.sha-hub a.sha-img-link{display:block;color:inherit;text-decoration:none}
.sha-hub a.sha-img-link:hover{color:inherit;text-decoration:none}
.sha-hub a.sha-img-link img{outline:1px solid transparent;outline-offset:2px}
.sha-hub a.sha-img-link:hover img{opacity:.92}
.sha-hub a.sha-img-link:focus{outline:none}
.sha-hub a.sha-img-link:focus-visible img{outline:2px solid var(--accent);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  .sha-hub a.sha-img-link img{opacity:1}
}
.sha-more{margin-top:16px}
.sha-more a{font-weight:600}
@media (max-width:800px){
  .sha-h1{font-size:32px}
  .sha-hero-grid,.sha-lead-grid,.sha-split,.sha-trouble-grid,.sha-uses-grid,.sha-compat-grid,.sha-path-grid{grid-template-columns:1fr}
  .sha-facts{padding:20px}
  .sha-facts dl{grid-template-columns:1fr;gap:4px 0}
  .sha-facts dt{padding-top:10px}
  .sha-hub{padding-bottom:40px}
}
@media (min-width:801px) and (max-width:980px){
  .sha-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}