/* HostingerReferral.com — stylesheet (v2026-09-23)
   Tokens: paper, ink, night, violet (action), marigold (savings), mint (verified) */
:root{
  --paper:#F5F6FA; --panel:#FFFFFF; --ink:#16183A; --night:#1C1847; --slate:#565D70;
  --line:#E1E3EE; --soft:#EEF0F7; --violet:#4F35E8; --violet-2:#3E26CC; --violet-soft:#EEEAFF;
  --gold:#FFB627; --gold-soft:#FFF4DC; --mint:#0C8C61; --mint-soft:#E3F6EE;
  --r-lg:18px; --r:12px; --r-sm:8px; --maxw:1140px; --read:720px;
  --f-display:"Bricolage Grotesque", "Figtree", system-ui, sans-serif;
  --f-body:"Figtree", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --f-code:ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#0F1024; --panel:#171935; --ink:#EEF0FA; --night:#0A0B1C; --slate:#A9AEC4;
    --line:#2A2D4E; --soft:#1D2042; --violet:#8C7BFF; --violet-2:#A597FF; --violet-soft:#241F52;
    --gold-soft:#3A2E12; --mint:#39C98F; --mint-soft:#12332A; --on-violet:#0F1024; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --paper:#0F1024; --panel:#171935; --ink:#EEF0FA; --night:#0A0B1C; --slate:#A9AEC4;
  --line:#2A2D4E; --soft:#1D2042; --violet:#8C7BFF; --violet-2:#A597FF; --violet-soft:#241F52;
  --gold-soft:#3A2E12; --mint:#39C98F; --mint-soft:#12332A; --on-violet:#0F1024; color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:calc(76px + env(safe-area-inset-top,0px)); -webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0; background:var(--paper); color:var(--ink); font-family:var(--f-body); font-size:17px; line-height:1.65; text-rendering:optimizeLegibility}
img{max-width:100%; height:auto; display:block}
a{color:var(--violet); text-underline-offset:3px; text-decoration-thickness:1px}
a:hover{color:var(--violet-2)}
h1,h2,h3{font-family:var(--f-display); color:var(--ink); line-height:1.15; margin:0 0 .5em; letter-spacing:-.015em; font-weight:800}
h1{font-size:clamp(30px,4.4vw,48px)}
h2{font-size:clamp(25px,3.2vw,34px); margin-top:1.9em}
h3{font-size:21px; font-weight:700; margin-top:1.4em}
p{margin:0 0 1.05em}
ul,ol{margin:0 0 1.2em; padding-left:1.3em}
li{margin:.3em 0}
strong{font-weight:700}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 22px}
.read > *, .read article > *{max-width:760px}
.read .scroller, .read figure{max-width:860px}
:focus-visible{outline:3px solid var(--violet); outline-offset:2px; border-radius:4px}
.skip{position:absolute; left:-999px; top:8px; background:var(--panel); padding:8px 14px; z-index:99; border-radius:8px}
.skip:focus{left:12px}
.muted{color:var(--slate)}
code,.mono{font-family:var(--f-code); font-size:.92em; background:var(--soft); padding:.1em .4em; border-radius:6px}

/* ---------- Header ---------- */
header.site{position:sticky; top:0; z-index:40; background:color-mix(in srgb,var(--paper) 90%,transparent); backdrop-filter:saturate(1.4) blur(10px); -webkit-backdrop-filter:saturate(1.4) blur(10px); border-bottom:1px solid var(--line)}
header.site .bar{display:flex; align-items:center; gap:20px; height:66px}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink); font-family:var(--f-display); font-weight:800; font-size:19px; letter-spacing:-.01em; margin-right:auto}
.brand:hover{color:var(--ink)}
.brand img{width:30px; height:30px}
nav.links{display:flex; gap:24px; font-size:15px; font-weight:600}
nav.links a{color:var(--slate); text-decoration:none}
nav.links a:hover{color:var(--ink)}
.menu{display:none; position:relative}
.menu summary{list-style:none; cursor:pointer; padding:8px 12px; border:1px solid var(--line); border-radius:10px; font-weight:600; font-size:14px; background:var(--panel)}
.menu summary::-webkit-details-marker{display:none}
.menu nav{position:absolute; right:0; top:46px; background:var(--panel); border:1px solid var(--line); border-radius:var(--r); padding:8px; min-width:220px; box-shadow:0 18px 40px -18px rgba(22,24,58,.35)}
.menu nav a{display:block; padding:10px 12px; border-radius:8px; color:var(--ink); text-decoration:none; font-weight:600; font-size:15px}
.menu nav a:hover{background:var(--soft)}
@media (max-width:860px){ nav.links{display:none} .menu{display:block} }
@media (max-width:520px){ header.site .bar{gap:10px} .brand{font-size:17px} .brand img{width:26px;height:26px} header.site .bar > .btn{display:none} }

/* ---------- Buttons ---------- */
.btn{white-space:nowrap; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:0 20px; border-radius:12px; border:1.5px solid transparent; font:700 15.5px/1 var(--f-body); text-decoration:none; cursor:pointer; background:var(--violet); color:var(--on-violet,#fff); transition:background .15s, transform .15s}
.btn:hover{background:var(--violet-2); color:var(--on-violet,#fff)}
.btn:active{transform:translateY(1px)}
.btn-gold{background:var(--gold); color:#1C1847}
.btn-gold:hover{background:#FFC34F; color:#1C1847}
.btn-line{background:transparent; border-color:var(--line); color:var(--ink)}
.btn-line:hover{background:var(--soft); color:var(--ink)}
.btn-sm{min-height:38px; padding:0 14px; font-size:14px; border-radius:10px}
.btn .ico{width:18px; height:18px; flex:none}

/* ---------- Hero ---------- */
.hero{padding:42px 0 54px; border-bottom:1px solid var(--line)}
.hero-grid{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); grid-template-areas:"h1 aside" "body aside"; column-gap:56px; align-items:start}
.hero-grid > .hero-h1{grid-area:h1; align-self:end; margin-bottom:.4em}
.hero-grid > .ticket, .hero-grid > .pricecard{grid-area:aside; align-self:center}
.hero-grid > .hero-body{grid-area:body}
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr; grid-template-areas:"h1" "aside" "body"; row-gap:22px}
  .hero-grid > .hero-h1{margin-bottom:0}
  .answer{font-size:17.5px}
}
.answer{font-size:19px; line-height:1.6; color:var(--ink); max-width:60ch}
.answer strong{background:linear-gradient(transparent 62%, var(--gold-soft) 62%)}
.byline{display:flex; flex-wrap:wrap; gap:6px 18px; font-size:14.5px; color:var(--slate); margin-top:18px}
.byline a{color:var(--slate)}
.byline time{color:var(--ink); font-weight:600}
.checks{list-style:none; padding:0; margin:22px 0 0; display:flex; flex-wrap:wrap; gap:10px}
.checks li{margin:0; font-size:14.5px; font-weight:600; padding:6px 12px 6px 30px; border-radius:999px; background:var(--panel); border:1px solid var(--line); position:relative}
.checks li::before{content:""; position:absolute; left:11px; top:50%; width:11px; height:6px; border-left:2.5px solid var(--mint); border-bottom:2.5px solid var(--mint); transform:translateY(-70%) rotate(-45deg)}
.breadcrumb{font-size:14px; color:var(--slate); padding-top:22px}
.breadcrumb ol{list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:4px 8px}
.breadcrumb li{margin:0}
.breadcrumb li+li::before{content:"/"; margin-right:8px; color:var(--line)}
.breadcrumb a{color:var(--slate); text-decoration:none}
.breadcrumb a:hover{color:var(--violet)}
.breadcrumb [aria-current]{color:var(--ink); font-weight:600}

/* ---------- The ticket (the one bold element) ---------- */
.ticket{position:relative; background:var(--panel); border-radius:22px; border:1px solid var(--line); box-shadow:0 30px 60px -34px rgba(28,24,71,.45); overflow:hidden}
.ticket-main{padding:26px 26px 24px}
.ticket-label{margin:0 0 6px; font-size:14.5px; font-weight:600; color:var(--slate)}
.ticket-code{margin:0; font-family:var(--f-code); font-weight:800; font-size:clamp(34px,5vw,46px); letter-spacing:.06em; color:var(--ink); line-height:1.1; word-break:break-all; user-select:all; -webkit-user-select:all}
.ticket-code::after{content:""; display:block; width:120px; height:7px; border-radius:4px; background:var(--gold); margin-top:10px}
.ticket-actions{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:22px}
.ticket-actions .btn{padding:0 12px}
@media (max-width:420px){ .ticket-actions{grid-template-columns:1fr} }
.ticket-stub{position:relative; margin:0; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:20px 26px 22px; background:var(--violet-soft); border-top:2px dashed color-mix(in srgb,var(--violet) 30%,transparent)}
.ticket-stub::before,.ticket-stub::after{content:""; position:absolute; top:-15px; width:28px; height:28px; border-radius:50%; background:var(--paper); border:1px solid var(--line)}
.ticket-stub::before{left:-15px}
.ticket-stub::after{right:-15px}
.ticket-stub div{min-width:0}
.ticket-stub dt{font-size:12.5px; color:var(--slate); font-weight:600}
.ticket-stub dd{margin:2px 0 0; font-family:var(--f-display); font-weight:800; font-size:17px; color:var(--ink); line-height:1.25}

/* ---------- Sections & article ---------- */
section{padding:56px 0}
section+section{border-top:1px solid var(--line)}
.section-lead{font-size:18px; color:var(--slate); max-width:62ch}
article h2:first-child{margin-top:0}
article p, article li{max-width:68ch}
figure{margin:28px 0}
figure img{border-radius:var(--r-lg); border:1px solid var(--line); width:100%}
figcaption{font-size:14px; color:var(--slate); margin-top:10px}
.note{background:var(--gold-soft); border-radius:var(--r); padding:16px 18px; margin:22px 0; font-size:16px; max-width:68ch}
.note p:last-child{margin:0}
.note strong{color:var(--ink)}
.good{background:var(--mint-soft)}

/* Key facts */
.facts{width:100%; border-collapse:separate; border-spacing:0; background:var(--panel); border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; font-size:16px}
.facts th,.facts td{padding:13px 18px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line)}
.facts tr:last-child th,.facts tr:last-child td{border-bottom:none}
.facts th{width:36%; font-weight:600; color:var(--slate); background:color-mix(in srgb,var(--soft) 55%,transparent)}
@media (max-width:560px){ .facts th,.facts td{display:block; width:100%} .facts th{border-bottom:none; padding-bottom:2px} .facts td{padding-top:2px} }

/* Steps (a real sequence, so numbered) */
ol.steps{list-style:none; counter-reset:s; padding:0; margin:24px 0}
ol.steps li{counter-increment:s; position:relative; padding:4px 0 18px 58px; margin:0}
ol.steps li::before{content:counter(s); position:absolute; left:0; top:0; width:40px; height:40px; border-radius:50%; background:var(--gold); color:#1C1847; font:800 18px/40px var(--f-display); text-align:center}
ol.steps li:not(:last-child)::after{content:""; position:absolute; left:19px; top:44px; bottom:4px; width:2px; background:var(--line)}
ol.steps strong{display:block; font-size:17.5px}

/* Data tables */
.scroller{overflow-x:auto; -webkit-overflow-scrolling:touch; margin:20px 0; border:1px solid var(--line); border-radius:var(--r-lg); background:var(--panel)}
table.data{width:100%; border-collapse:collapse; font-size:15.5px; min-width:560px}
table.data caption{text-align:left; padding:14px 18px 0; font-size:14px; color:var(--slate); caption-side:bottom; padding-bottom:14px}
table.data th,table.data td{padding:12px 16px; text-align:left; border-bottom:1px solid var(--line); vertical-align:top}
table.data thead th{font-size:13.5px; color:var(--slate); font-weight:700; background:color-mix(in srgb,var(--soft) 60%,transparent)}
table.data tbody tr:last-child td, table.data tbody tr:last-child th{border-bottom:none}
table.data tbody th{font-weight:700}
table.data td.num{white-space:nowrap; font-variant-numeric:tabular-nums}
table.data .save{color:var(--mint); font-weight:700}
table.data tr.this{background:var(--violet-soft)}

/* Pros / cons */
.procon{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:22px 0}
@media (max-width:680px){ .procon{grid-template-columns:1fr} }
.procon > div{background:var(--panel); border:1px solid var(--line); border-radius:var(--r-lg); padding:18px 20px}
.procon h3{margin:0 0 8px; font-size:18px}
.procon ul{margin:0; padding-left:1.1em}
.procon li{font-size:15.5px}

/* ---------- Plans ---------- */
.plans-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:28px}
@media (max-width:760px){ .plans-grid{grid-template-columns:1fr} }
.plan{background:var(--panel); border:1px solid var(--line); border-radius:var(--r-lg); padding:22px; display:flex; flex-direction:column; min-width:0}
.plan.featured{border-color:var(--violet); box-shadow:0 0 0 1px var(--violet)}
.plan .type{font-size:13.5px; font-weight:700; color:var(--violet); margin:0 0 4px}
.plan h3{margin:0 0 4px; font-size:22px}
.plan .desc{font-size:14.5px; color:var(--slate); margin:0 0 14px}
.term-tabs{display:flex; flex-wrap:wrap; gap:6px; margin:0 0 14px}
.term-tab{font:700 13px/1 var(--f-body); padding:8px 12px; border-radius:999px; border:1.5px solid var(--line); background:transparent; color:var(--slate); cursor:pointer; min-height:34px}
.term-tab[aria-pressed="true"]{background:var(--violet); border-color:var(--violet); color:var(--on-violet,#fff)}
.term-tab:hover:not([aria-pressed="true"]){border-color:var(--violet); color:var(--ink)}
.tiers{list-style:none; padding:0; margin:0 0 16px; display:flex; flex-direction:column}
.tiers li{display:flex; justify-content:space-between; align-items:flex-start; gap:12px; padding:11px 0; border-bottom:1px dashed var(--line); margin:0}
.tiers li:last-child{border-bottom:none}
.tiers .name{display:block; font-weight:700; font-size:15px}
.tiers .name a{color:var(--ink); text-decoration:none}
.tiers .name a:hover{color:var(--violet); text-decoration:underline}
.tiers .spec{display:block; font-size:13px; color:var(--slate)}
.tiers li > span:first-child{min-width:0}
.tiers .pcol{text-align:right; flex:none; max-width:60%}
@media (max-width:420px){ .tiers li{flex-direction:column; gap:4px} .tiers .pcol{text-align:left; max-width:none} }
.tprice{display:block; font-family:var(--f-display); font-weight:800; font-size:17px; white-space:nowrap}
.tprice small, .bigprice small{font-family:var(--f-body); font-weight:600; font-size:12.5px; color:var(--slate)}
.ttotal{display:block; font-size:12.5px; color:var(--slate); white-space:nowrap}
.tlist{display:block; font-size:12px; color:var(--slate); white-space:nowrap}
.tlist s{opacity:.85}
.live-link{font-size:13px; font-weight:700; white-space:nowrap}
.plan .btn{margin-top:auto}
.bigprice{font-family:var(--f-display); font-weight:800; font-size:40px; line-height:1.05; margin:4px 0 2px}
.bigprice-note{font-size:14px; color:var(--slate); margin:0 0 16px}
.bigprice-note .save{color:var(--mint); font-weight:700}
.pricecard{background:var(--panel); border:1px solid var(--line); border-radius:22px; padding:24px; box-shadow:0 30px 60px -34px rgba(28,24,71,.45)}
.pricecard .codechip{display:flex; align-items:center; justify-content:space-between; gap:10px; background:var(--violet-soft); border-radius:12px; padding:10px 12px 10px 14px; margin:0 0 16px}
.codechip span{font-size:13px; color:var(--slate); font-weight:600}
.codechip b{display:block; font-family:var(--f-code); font-size:20px; letter-spacing:.05em; color:var(--ink)}
.pricecard ul.inc{list-style:none; padding:0; margin:0 0 18px; display:grid; gap:6px; font-size:15px}
.pricecard ul.inc li{margin:0; padding-left:26px; position:relative}
.pricecard ul.inc li::before{content:""; position:absolute; left:4px; top:.55em; width:11px; height:6px; border-left:2.5px solid var(--mint); border-bottom:2.5px solid var(--mint); transform:rotate(-45deg)}
.pricecard .actions{display:grid; gap:10px}

/* Link grid */
.linkgrid{display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:12px; margin-top:22px}
.linkgrid a{display:block; background:var(--panel); border:1px solid var(--line); border-radius:var(--r); padding:14px 16px; text-decoration:none; color:var(--ink); font-weight:700}
.linkgrid a:hover{border-color:var(--violet); color:var(--violet)}
.linkgrid a span{display:block; font-size:13.5px; font-weight:500; color:var(--slate); margin-top:2px}

/* TOC */
.toc{background:var(--panel); border:1px solid var(--line); border-radius:var(--r-lg); padding:16px 20px; margin:0 0 8px}
.toc summary{cursor:pointer; font-family:var(--f-display); font-weight:800; font-size:17px; list-style:none; display:flex; justify-content:space-between; align-items:center}
.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:"+"; color:var(--violet); font-size:22px; line-height:1}
.toc[open] summary::after{content:"\2013"}
.toc ol{margin:12px 0 2px; padding-left:1.3em; columns:2; column-gap:32px; font-size:15.5px}
@media (max-width:640px){ .toc ol{columns:1} }
.toc li{break-inside:avoid; margin:.25em 0}
.toc a{color:var(--slate); text-decoration:none}
.toc a:hover{color:var(--violet); text-decoration:underline}

/* FAQ */
.faq{max-width:var(--read)}
.faq details{border-bottom:1px solid var(--line); padding:4px 0}
.faq summary{cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:18px; align-items:center; padding:14px 0; font-weight:700; font-size:17.5px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+"; color:var(--violet); font-size:24px; line-height:1; flex:none}
.faq details[open] summary::after{content:"\2013"}
.faq details > div{padding:0 0 14px; color:var(--ink)}
.faq details > div p:last-child{margin-bottom:0}

/* CTA band */
.cta-band{background:var(--night); color:#EEF0FA; border-radius:26px; padding:44px clamp(24px,5vw,56px); margin:56px auto; display:grid; grid-template-columns:1.3fr auto; gap:28px; align-items:center}
.cta-band h2{color:#fff; margin:0 0 8px}
.cta-band p{color:#C9CBE6; margin:0}
.cta-band .actions{display:flex; flex-wrap:wrap; gap:10px}
.cta-band .btn-line{color:#fff; border-color:#3B3576}
.cta-band .btn-line:hover{background:#262057}
@media (max-width:780px){ .cta-band{grid-template-columns:1fr} }

/* Footer */
footer.site-foot{border-top:1px solid var(--line); padding:44px 0 calc(90px + env(safe-area-inset-bottom,0px)); font-size:15px; color:var(--slate); background:var(--panel)}
.foot-top{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:32px}
@media (max-width:780px){ .foot-top{grid-template-columns:1fr} }
.foot-top h2{font-size:15px; margin:0 0 10px; letter-spacing:0}
.foot-top nav a{display:block; color:var(--slate); text-decoration:none; padding:4px 0}
.foot-top nav a:hover{color:var(--violet); text-decoration:underline}
.foot-top .brand{font-size:18px; margin-bottom:10px}
.foot-legal{margin-top:30px; padding-top:20px; border-top:1px solid var(--line); font-size:13.5px}
.foot-legal p{margin:0 0 6px}

/* Sticky code bar (mobile-first convenience) */
.codebar{position:fixed; left:12px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom,0px)); z-index:50; display:flex; align-items:center; gap:10px; background:var(--night); color:#fff; border-radius:16px; padding:10px 10px 10px 16px; box-shadow:0 18px 40px -12px rgba(10,11,28,.55); max-width:560px; margin:0 auto; transform:translateY(140%); transition:transform .25s ease}
.codebar.show{transform:none}
.codebar .cb-text{flex:1; min-width:0; font-size:13px; color:#C9CBE6; line-height:1.3}
.codebar .cb-text b{display:block; font-family:var(--f-code); font-size:18px; color:#fff; letter-spacing:.05em}
@media (prefers-reduced-motion:reduce){ .codebar{transition:none} }

.toast{position:fixed; left:50%; top:calc(80px + env(safe-area-inset-top,0px)); transform:translate(-50%,-20px); background:var(--mint); color:#fff; font-weight:700; padding:10px 18px; border-radius:999px; opacity:0; pointer-events:none; transition:opacity .2s, transform .2s; z-index:60}
.toast.show{opacity:1; transform:translate(-50%,0)}

/* Utility pages */
.page-head{padding:34px 0 10px}
.prose{max-width:var(--read); padding-bottom:40px}
.center{text-align:center}

/* ---- Plan page sticky rail (desktop) ---- */
.btn-block{width:100%}
.rail{display:none}
@media (min-width:1100px){
  .read.has-rail{display:grid; grid-template-columns:minmax(0,1fr) 290px; column-gap:44px; align-items:start}
  .read.has-rail > :not(.rail){grid-column:1}
  .read.has-rail > .rail{display:block; grid-column:2; grid-row:1 / span 3; position:sticky; top:92px; max-width:none}
  body:has(.rail) .codebar{display:none}
}
.rail-card{background:var(--night); color:#fff; border-radius:var(--r-lg); padding:20px; display:grid; gap:10px; box-shadow:0 22px 44px -26px rgba(22,24,58,.6)}
.rail-card p{margin:0}
.rail-label{font-size:13px; font-weight:600; color:#C9CBE6; letter-spacing:.02em}
.rail-code{font-family:var(--f-code); font-size:26px; font-weight:700; letter-spacing:.06em; padding:10px 12px; border:1.5px dashed rgba(255,182,39,.7); border-radius:10px; text-align:center; background:rgba(255,255,255,.04)}
.rail-price{font-size:14px; color:#C9CBE6}
.rail-price b{font-family:var(--f-head); font-size:22px; color:#fff}
.rail-card .btn:not(.btn-gold){background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.18); color:#fff}
.rail-card .btn:not(.btn-gold):hover{background:rgba(255,255,255,.18); color:#fff}
.rail-note{font-size:12.5px; color:#A9ACCB; line-height:1.45}
.rail-nav{margin-top:16px; background:var(--panel); border:1px solid var(--line); border-radius:var(--r-lg); padding:16px 18px}
.rail-nav p{margin:0 0 6px; font-weight:700; font-size:14px}
.rail-nav ul{list-style:none; margin:0; padding:0; font-size:14.5px}
.rail-nav li{padding:5px 0; border-top:1px solid var(--line)}
.rail-nav li:first-child{border-top:none}
.rail-nav a{text-decoration:none}
.rail-nav span[aria-current]{font-weight:700; color:var(--ink)}
.data td:first-child, .data th[scope="row"]{white-space:nowrap}