/* HostingWinList — article site */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  --ink:#0f172a; --body:#334155; --muted:#64748b; --faint:#94a3b8;
  --line:#e2e8f0; --line-light:#f1f5f9;
  --accent:#d97706; --accent-hover:#b45309; --accent-bg:#fffbeb; --accent-faint:#fef3c7;
  --bg:#ffffff; --soft:#f8fafc; --panel:#f1f5f9;
  --green:#059669; --amber:#d97706; --red:#dc2626;
  --sans:'Inter',-apple-system,sans-serif;
  --mono:'JetBrains Mono','Consolas',monospace;
  --radius:8px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{background:var(--soft);color:var(--body);font:13px/1.5 var(--sans);}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}

/* ═══ TOP BAR ═══ */
.top-bar{
  background:var(--bg);border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:100;
}
.top-inner{
  display:flex;align-items:center;gap:24px;
  max-width:1440px;margin:0 auto;padding:0 20px;height:48px;
}
.logo{
  display:flex;align-items:center;gap:7px;
  color:var(--ink);font-weight:700;font-size:14px;white-space:nowrap;
}
.logo:hover{text-decoration:none;}
.logo-mark{
  background:var(--accent);color:#fff;padding:2px 6px;border-radius:4px;
  font-family:var(--mono);font-size:10px;font-weight:600;
}
.top-nav{display:flex;gap:4px;margin-left:auto;}
.top-nav a{
  padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;
  color:var(--muted);transition:all .15s;
}
.top-nav a:hover{color:var(--ink);background:var(--panel);text-decoration:none;}
.top-nav a[aria-current="page"]{color:var(--accent);background:var(--accent-bg);}

/* ═══ ARTICLE ═══ */
.article{max-width:700px;margin:0 auto;padding:48px 28px 80px;}
.article h1{font-size:28px;font-weight:700;color:var(--ink);line-height:1.15;margin-bottom:8px;letter-spacing:-.02em;text-wrap:balance;}
.article h1::after{content:"";display:block;width:48px;height:3px;margin:14px 0 6px;background:var(--accent);border-radius:2px;}
.article h2{font-size:18px;font-weight:700;color:var(--ink);margin:2.5em 0 .6em;padding-top:.6em;border-top:1px solid var(--line);}
.article h3{font-size:15px;font-weight:600;color:var(--ink);margin:1.5em 0 .4em;}
.article p{margin:.8em 0;max-width:65ch;line-height:1.7;font-size:15px;}
.article ul,.article ol{padding-left:1.2em;font-size:15px;}
.article li{margin:.4em 0;max-width:65ch;line-height:1.7;}
.byline{color:var(--muted);font-size:13px;margin-bottom:1.5em;}
.lede{font-size:16px;color:var(--ink);line-height:1.8;max-width:60ch;}
.disclosure{
  background:var(--soft);border-left:3px solid var(--muted);border-radius:0 6px 6px 0;
  padding:12px 16px;font-size:13px;color:var(--muted);margin-bottom:1.8em;line-height:1.6;
}
.cta-box{
  background:var(--accent-bg);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;
  padding:16px 20px;margin:1.5em 0;font-size:14px;line-height:1.7;
}
.cta-box strong{color:var(--accent);}
.cta-box a{font-weight:600;}
.toc{background:var(--soft);border-radius:8px;padding:16px 20px;margin:1.5em 0;font-size:14px;}
.toc strong{display:block;margin-bottom:8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.toc ul{margin:0;padding-left:1.1em;}
.toc li{margin:.3em 0;max-width:none;}
.comparison-table-wrap{overflow-x:auto;margin:1.5em 0;}
.comparison-table{border-collapse:collapse;width:100%;font-size:13px;min-width:480px;font-variant-numeric:tabular-nums;}
.comparison-table th{background:var(--ink);color:#fff;text-align:left;padding:10px 14px;font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;}
.comparison-table td{border:1px solid var(--line);padding:10px 14px;vertical-align:top;}
.comparison-table tr:nth-child(even) td{background:var(--soft);}
.chart-fig{border:1px solid var(--line);border-radius:10px;padding:20px;margin:1.5em 0;background:var(--bg);}
.chart-fig svg{width:100%;height:auto;display:block;}
.chart-fig figcaption{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.5;}
.faq-item{background:var(--soft);border-radius:8px;padding:14px 18px;margin:10px 0;}
.faq-item h3{margin:0 0 .3em;font-size:14px;}
.faq-item p{margin:0;font-size:14px;line-height:1.6;max-width:none;}
.note{background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:12px 16px;font-size:13px;color:var(--muted);line-height:1.6;margin:.8em 0;}
blockquote{margin:1.5em 0;padding:14px 20px;border-left:3px solid var(--accent);background:var(--accent-bg);border-radius:0 6px 6px 0;font-size:15px;}
.related{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:1.5em;margin-top:3em;}

/* policy-status badges */
.status-open{color:var(--green);font-weight:600;}
.status-blocked{color:var(--red);font-weight:600;}
.status-request{color:var(--amber);font-weight:600;}
.status-varies{color:var(--muted);font-weight:600;}

/* ═══ FOOTER ═══ */
.site-footer{
  border-top:1px solid var(--line);padding:20px;
  max-width:1440px;margin:0 auto;
}
.footer-inner{
  display:flex;justify-content:space-between;align-items:flex-start;
  gap:24px;margin-bottom:8px;
}
.footer-brand{min-width:0;}
.footer-name{font-weight:700;font-size:13px;color:var(--ink);display:block;margin-bottom:4px;}
.footer-brand p{font-size:11px;color:var(--muted);line-height:1.5;margin:0;max-width:360px;}
.footer-links{display:flex;gap:16px;flex-shrink:0;font-size:12px;}
.footer-links a{color:var(--muted);}
.footer-links a:hover{color:var(--accent);}
.copyright{font-size:10px;color:var(--faint);}

/* ═══ RESPONSIVE ═══ */
@media(max-width:840px){
  .top-nav{gap:2px;}
  .top-nav a{padding:6px 8px;font-size:12px;}
  .footer-inner{flex-direction:column;gap:12px;}
}

@media(max-width:480px){
  .top-inner{padding:0 12px;overflow-x:auto;scrollbar-width:none;}
  .top-inner::-webkit-scrollbar{display:none;}
  .top-nav{flex-shrink:0;}
  .top-nav a{padding:4px 6px;font-size:11px;white-space:nowrap;}
  .logo{flex-shrink:0;}
}