/* Saigon Fifty — 2026 design system.
   Market at noon: paper + ink, amber = Google, herb = TripAdvisor,
   chili for the one thing per screen that shouts.
   Hard shadows, 2px ink borders, no soft grey UI. */

:root{
  --paper:#FCF7EE; --paper-2:#F4EBDC; --ink:#191510;
  --google:#D97E00; --trip:#4C956C; --chili:#FF5D3A; --sun:#F7B32B;
  /* -d variants are the small-text-safe versions, measured against --paper.
     #D6360F looked fine and scored 4.479 — the wordmark, every in-content
     link and the primary CTA all sat 0.02 under the line. The value has to
     clear 4.5 on --paper-2 as well, which is where the second pass caught it:
     #CC330E is 4.86 on paper but 4.39 on the tint band. */
  --google-d:#A85F00; --trip-d:#3A7553; --chili-d:#BE2E0C;
  --ink-60:#5C544A; --ink-45:#7A7165;
  --on-ink-google:#F7B32B; --on-ink-trip:#7FC79B;
  --danger:#B3261E; --danger-d:#8A1F19;
  --wrap:1180px; --gut:clamp(16px,4vw,56px);
  --bd:2px solid var(--ink);
  --disp:'Archivo Black','Archivo Black Fallback',Impact,system-ui,sans-serif;
  --serif:'Young Serif','Young Serif Fallback',Georgia,serif;
  --sans:'Archivo','Archivo Fallback',system-ui,-apple-system,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);
  font:400 17px/1.6 var(--sans);overflow-x:hidden}
img,svg{max-width:100%;height:auto;display:block}
/* line-height must clear Vietnamese below-marks. At 0.98 the dot under Ệ in a
   two-line "BÙI VIỆN" is eaten by the next line box — every restaurant name and
   ward name on this site is Vietnamese, so 1.06 is the floor for anything that
   can wrap. The hero is the one exception: it is set in English. */
h1,h2,h3,h4{margin:0;font-family:var(--disp);text-transform:uppercase;
  line-height:1.06;letter-spacing:-0.015em;overflow-wrap:anywhere}
p{margin:0 0 1em}
a{color:var(--chili-d);text-underline-offset:3px;text-decoration-thickness:2px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--chili-d);outline-offset:3px}
::selection{background:var(--sun);color:var(--ink)}

.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gut)}
.narrow{max-width:760px}
.kick{font-family:var(--serif);font-size:clamp(17px,2.4vw,25px);
  color:var(--trip-d);text-transform:none;letter-spacing:0}
.eyebrow{font-size:12.5px;font-weight:700;letter-spacing:0.16em;
  text-transform:uppercase;color:var(--google-d)}
.serif{font-family:var(--serif);text-transform:none;letter-spacing:0}
.muted{color:var(--ink-60)}
.small{font-size:14px}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* every in-content link gets a 44px tap target without a per-class list */
main a:not(.btn):not(.chip):not(.tile):not(.card-lnk){
  padding:10px 2px;margin:-10px -2px}

/* ---------------------------------------------------------------- header */
.hdr{position:sticky;top:0;z-index:60;background:var(--paper);
  border-bottom:var(--bd)}
.hdr-in{display:flex;align-items:center;gap:clamp(10px,2vw,28px);
  min-height:64px;padding-block:10px}
.mark{font-family:var(--disp);font-size:clamp(17px,2.2vw,23px);
  text-transform:uppercase;text-decoration:none;color:var(--ink);
  white-space:nowrap;flex:0 0 auto}
.mark:hover{color:var(--ink)}
.mark i{font-style:normal;color:var(--chili-d)}
.nav{display:flex;gap:clamp(10px,1.8vw,26px);font-size:15px;font-weight:600;
  flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;
  -webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,#000 88%,transparent)}
.nav::-webkit-scrollbar{display:none}
.nav a{color:var(--ink);text-decoration:none;white-space:nowrap;padding:8px 0}
.nav a:hover,.nav a[aria-current]{box-shadow:0 3px 0 var(--chili-d)}
.hdr .btn{flex:0 0 auto}
@media(max-width:860px){.hdr .btn-hdr{display:none}}

/* ------------------------------------------------------------- buttons */
.btn{display:inline-block;font:700 15px/1.2 var(--sans);text-decoration:none;
  padding:14px 22px;background:var(--ink);color:var(--paper);
  border:var(--bd);box-shadow:5px 5px 0 var(--chili);
  transition:transform .12s linear,box-shadow .12s linear}
.btn:hover{color:var(--paper);transform:translate(-2px,-2px);
  box-shadow:8px 8px 0 var(--chili)}
.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--chili)}
.btn.ghost{background:var(--paper);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}
.btn.ghost:hover{color:var(--ink);box-shadow:8px 8px 0 var(--ink)}
.btn.pop{background:var(--chili-d);color:var(--paper);box-shadow:5px 5px 0 var(--ink)}
.btn.pop:hover{box-shadow:8px 8px 0 var(--ink)}
.btn.sm{padding:10px 16px;font-size:14px;box-shadow:4px 4px 0 var(--ink)}

/* --------------------------------------------------------------- chips */
.chips{display:flex;gap:9px;flex-wrap:wrap;padding:0;margin:0;list-style:none}
.chips.scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
  padding-bottom:4px;margin-inline:calc(var(--gut)*-1);padding-inline:var(--gut)}
.chips.scroll::-webkit-scrollbar{display:none}
.chip{font:600 14px/1 var(--sans);border:var(--bd);border-radius:999px;
  background:var(--paper);color:var(--ink);padding:11px 18px;cursor:pointer;
  white-space:nowrap;text-decoration:none;display:inline-block}
.chip:hover{background:var(--sun);color:var(--ink)}
.chip[aria-pressed="true"],.chip.on{background:var(--ink);color:var(--paper)}

/* ---------------------------------------------------------------- hero */
.hero{padding:clamp(26px,4vw,50px) 0 clamp(20px,3vw,34px);text-align:center;
  position:relative}
.hero h1{font-size:clamp(44px,10vw,116px);margin:6px 0 0;line-height:0.95}
.hero .kick{display:block;max-width:24em;margin:0 auto}
.hero-art{position:relative;margin:clamp(22px,3.4vw,36px) auto 0;
  width:min(380px,58vw)}
.hero-art .art{border-radius:50%;border:var(--bd);overflow:hidden}
.hero-art::before{content:"";position:absolute;inset:-14px;border:2px dashed var(--ink);
  border-radius:50%;opacity:.35}
.callout{position:absolute;font-weight:600;font-size:13px;letter-spacing:.06em;
  line-height:1.25;text-transform:uppercase;max-width:9em}
.callout b{display:block;font-family:var(--disp);font-size:38px;letter-spacing:-.02em}
.callout.l{right:calc(100% + 14px);top:8%;text-align:right}
.callout.r{left:calc(100% + 14px);top:52%;text-align:left}
.callout.l b{color:var(--google-d)} .callout.r b{color:var(--trip-d)}
@media(max-width:860px){.callout{display:none}}
.tag-flag{position:absolute;bottom:4%;right:-14%;background:var(--chili-d);
  color:var(--paper);font:700 15px/1 var(--disp);padding:12px 17px;
  transform:rotate(5deg);box-shadow:5px 5px 0 var(--ink);text-transform:uppercase;
  white-space:nowrap}
@media(max-width:700px){.tag-flag{right:-4%;bottom:-4%;font-size:13px}}
.hero .stamp{margin-top:clamp(22px,3vw,34px)}

/* ------------------------------------------------------------- ticker */
.ticker{background:var(--ink);color:var(--paper);border-block:var(--bd);
  overflow:hidden;padding:12px 0;font-weight:700;letter-spacing:.1em;
  font-size:15px;white-space:nowrap}
.ticker-t{display:inline-block;animation:mq 42s linear infinite;
  will-change:transform}
.ticker:hover .ticker-t,.ticker:focus-within .ticker-t{animation-play-state:paused}
.ticker span{padding:0 10px}
.ticker i{font-style:normal;color:var(--sun)}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker-t{animation:none}}

/* ---------------------------------------------------------------- bands */
.band{padding:clamp(38px,6vw,72px) 0}
.band.tint{background:var(--paper-2);border-block:var(--bd)}
.band.ink{background:var(--ink);color:var(--paper);border-block:var(--bd)}
.band.ink h2,.band.ink h3{color:var(--paper)}
.band.ink a{color:var(--sun)}
.band.ink .kick{color:var(--sun)}
.band.ink .eyebrow{color:var(--sun)}
.band.ink .muted{color:#C9BFB0}
.band-hd{display:flex;justify-content:space-between;align-items:baseline;
  gap:18px;flex-wrap:wrap;margin-bottom:clamp(20px,3vw,32px)}
.band-hd h2{font-size:clamp(28px,5.2vw,50px)}

/* --------------------------------------------------------- rank numeral */
.rk{font-family:var(--disp);color:var(--paper);
  -webkit-text-stroke:2px var(--ink);paint-order:stroke fill;
  text-shadow:4px 4px 0 var(--rk-shadow,var(--chili));
  font-size:clamp(38px,6vw,60px);line-height:.9;display:inline-block}
.rk.xl{font-size:clamp(78px,17vw,190px);-webkit-text-stroke-width:3px;
  text-shadow:9px 9px 0 var(--rk-shadow,var(--google))}
@supports not (-webkit-text-stroke:1px black){
  .rk{color:var(--ink);text-shadow:4px 4px 0 var(--rk-shadow,var(--chili))}
}

/* ---------------------------------------------------------- podium cards */
.podium{display:grid;gap:clamp(18px,3vw,26px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
.pcard{border:var(--bd);background:var(--paper);
  box-shadow:8px 8px 0 var(--pc,var(--google));position:relative;
  display:flex;flex-direction:column;min-width:0;
  transition:transform .12s linear,box-shadow .12s linear}
.pcard:hover{transform:translate(-3px,-3px);box-shadow:12px 12px 0 var(--pc,var(--google))}
.pcard .art{border-bottom:var(--bd);width:100%}
.pcard .rk{position:absolute;top:-14px;left:12px;z-index:2}
.pcard-b{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;
  flex:1;min-width:0}
.pcard h3{font-size:clamp(18px,2.2vw,22px)}
.pcard h3 a{color:var(--ink);text-decoration:none}
.pcard h3 a::after{content:"";position:absolute;inset:0}
.pcard h3 a:hover{color:var(--chili-d)}
.pcard .vb{align-self:flex-start;margin-top:auto}

/* --------------------------------------------------- dual score badge */
.duo{display:flex;align-items:stretch;border:var(--bd);width:max-content;
  max-width:100%;background:var(--paper)}
.duo>div{padding:11px 15px;text-align:center;min-width:0}
.duo>div+div{border-left:var(--bd)}
.duo b{display:block;font-family:var(--disp);font-size:26px;line-height:1}
.duo span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.1em;
  white-space:nowrap;margin-top:3px}
.duo .g b{color:var(--google-d)} .duo .t b{color:var(--trip-d)}
.duo .c{background:var(--ink);color:var(--paper)}
.duo .c b{color:var(--sun)}
.duo.lg>div{padding:16px 20px} .duo.lg b{font-size:clamp(28px,4vw,40px)}

.scores{display:flex;gap:14px;flex-wrap:wrap;font-weight:700;font-size:15px;
  align-items:baseline}
.scores .g{color:var(--google-d)} .scores .t{color:var(--trip-d)}
.scores .n{margin-left:auto;color:var(--ink-60);font-weight:600;font-size:13px}

/* -------------------------------------------------------------- badges */
.vb{display:inline-block;font:700 11px/1 var(--sans);letter-spacing:.06em;
  text-transform:uppercase;padding:6px 10px;border:var(--bd);
  background:var(--paper);color:var(--ink);white-space:nowrap}
.vb-good{background:var(--trip-d);color:var(--paper);border-color:var(--ink)}
.vb-warn{background:var(--sun);color:var(--ink)}
.vb-bad{background:var(--danger-d);color:var(--paper)}
.vb-note{background:var(--paper-2)}

/* ------------------------------------------------------------ the fifty */
.fifty{border-top:var(--bd)}
.frow{display:grid;gap:clamp(12px,2.4vw,26px);align-items:center;
  grid-template-columns:auto 84px minmax(0,1fr) auto;
  padding:clamp(18px,2.6vw,30px) 0;border-bottom:var(--bd);position:relative;
  transition:box-shadow .12s linear}
.frow:hover{box-shadow:inset 0 0 0 2px var(--ink),10px 0 0 var(--chili)}
.frow .art{border:var(--bd);border-radius:50%;overflow:hidden;width:84px}
.frow-m{min-width:0}
.frow h3{font-size:clamp(17px,2.4vw,25px)}
.frow h3 a{color:var(--ink);text-decoration:none}
.frow h3 a::after{content:"";position:absolute;inset:0}
.frow h3 a:hover{color:var(--chili-d)}
.frow-meta{font-size:14px;color:var(--ink-60);margin-top:5px}
.frow-s{display:flex;gap:16px;font-weight:700;font-size:17px;align-items:center;
  flex-wrap:wrap;justify-content:flex-end}
.frow[hidden]{display:none}
@media(max-width:720px){
  .frow{grid-template-columns:auto 56px minmax(0,1fr);row-gap:10px}
  .frow .art{width:56px}
  .frow-s{grid-column:1/-1;justify-content:flex-start;font-size:15px}
}
.empty{padding:46px 0;text-align:center;font-family:var(--serif);font-size:20px;
  color:var(--ink-60)}

/* --------------------------------------------------------- detail page */
.det-top{display:grid;grid-template-columns:minmax(0,1fr);border-bottom:var(--bd)}
@media(min-width:960px){
  .det-top{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr)}
  .det-art{border-right:var(--bd)}
}
.det-art{position:relative;background:var(--paper);display:flex;
  align-items:center;justify-content:center;padding:clamp(28px,4vw,52px)}
.det-art .rk{position:absolute;top:6px;left:14px;z-index:2;
  font-size:clamp(64px,11vw,132px)}
.det-art .art{border:var(--bd);border-radius:50%;overflow:hidden;
  width:min(430px,88%)}
.det-facts{padding:clamp(24px,4vw,46px) var(--gut);display:flex;
  flex-direction:column;gap:20px;min-width:0}
.det-facts h1{font-size:clamp(28px,5.4vw,50px);line-height:1.03}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
  gap:12px 20px;font-weight:600;font-size:15px;margin:0;padding:0}
.facts>div{border-top:var(--bd);padding-top:9px;min-width:0}
.facts dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-60);font-weight:700;margin-bottom:3px}
.facts dd{margin:0;overflow-wrap:anywhere}

.rblock{border:var(--bd);background:var(--paper);padding:clamp(18px,3vw,28px);
  box-shadow:6px 6px 0 var(--ink);margin:clamp(20px,3vw,30px) 0}
.rblock h2{font-size:clamp(20px,3vw,30px);margin-bottom:12px}

/* ------------------------------------------------------ dumbbell chart */
.dumb{list-style:none;margin:0;padding:0}
.dumb li{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;
  padding:16px 0;border-top:1px solid rgba(252,247,238,.24)}
@media(min-width:760px){.dumb li{grid-template-columns:230px minmax(0,1fr);
  gap:22px;align-items:center}}
.dumb .nm{font-weight:700;font-size:15px;min-width:0;overflow-wrap:anywhere}
.dtrack{position:relative;height:32px}
.dtrack::before{content:"";position:absolute;top:15px;left:0;right:0;height:2px;
  background:rgba(252,247,238,.2)}
.dbar{position:absolute;top:15px;height:2px;background:var(--paper)}
.ddot{position:absolute;top:3px;width:26px;height:26px;border-radius:50%;
  border:2px solid var(--ink);display:flex;align-items:center;
  justify-content:center;font:800 10px/1 var(--sans);margin-left:-13px}
.ddot.g{background:var(--sun);color:var(--ink)}
.ddot.t{background:var(--on-ink-trip);color:var(--ink)}
/* both platforms published the same rating — one dot, split down the middle */
.ddot.both{background:linear-gradient(90deg,var(--sun) 50%,var(--on-ink-trip) 50%);
  color:var(--ink)}
/* the breadcrumb strip sits directly above the one ink page; carry it over */
.crumbs.on-ink{background:var(--ink);color:#C9BFB0;padding:16px 0 4px;margin:0}
.crumbs.on-ink a{color:var(--sun)}
.dscale{display:flex;justify-content:space-between;font:700 12px/1 var(--sans);
  letter-spacing:.1em;color:#C9BFB0;padding-bottom:8px}
@media(min-width:760px){.dscale{margin-left:252px}}

/* --------------------------------------------------------------- tiles */
.tiles{display:grid;gap:clamp(16px,2.6vw,22px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.tile{position:relative;border:var(--bd);box-shadow:7px 7px 0 var(--pc,var(--google));
  background:var(--paper);text-decoration:none;color:var(--ink);
  display:flex;flex-direction:column;min-width:0;overflow:hidden;
  transition:transform .12s linear,box-shadow .12s linear}
.tile:hover{color:var(--ink);transform:translate(-3px,-3px);
  box-shadow:11px 11px 0 var(--pc,var(--google))}
.tile img{width:100%;aspect-ratio:4/3;object-fit:cover;border-bottom:var(--bd)}
.tile-b{padding:14px 16px}
.tile-b b{display:block;font-family:var(--disp);font-size:19px;
  text-transform:uppercase}
.tile-b span{font-size:13px;font-weight:600;color:var(--google-d)}
.tiles.fams{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.tiles.fams .tile img{aspect-ratio:1/1}
.tiles.fams .tile-b b{font-size:16px}

.area-split{display:grid;gap:clamp(18px,3vw,32px);align-items:start;
  grid-template-columns:minmax(0,1fr)}
@media(min-width:820px){
  .area-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
.area-split p:last-child{margin-bottom:0}

/* --------------------------------------------------------------- media */
figure{margin:0}
.ph{border:var(--bd);background:var(--paper-2);overflow:hidden}
.ph img{width:100%;object-fit:cover}
figcaption{font-size:12.5px;color:var(--ink-60);padding:8px 2px;line-height:1.45}
figcaption a{color:var(--ink-60)}

/* ---------------------------------------------------------------- table */
.tw{overflow-x:auto;border:var(--bd);background:var(--paper);
  -webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;font-size:14.5px;min-width:660px}
th,td{padding:11px 13px;text-align:left;border-bottom:1px solid #E2D6C2;
  min-width:0}
th{background:var(--ink);color:var(--paper);font-size:11.5px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;position:sticky;top:0;z-index:1}
tbody tr:last-child td{border-bottom:0}
td.num{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
td .g{color:var(--google-d)} td .t{color:var(--trip-d)}

/* ------------------------------------------------------------ faq / q&a */
.qa{border-top:var(--bd)}
.qa details{border-bottom:var(--bd)}
.qa summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;
  font-family:var(--disp);font-size:clamp(16px,2.2vw,21px);text-transform:uppercase;
  position:relative;line-height:1.15}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:4px;top:16px;
  font-size:30px;line-height:1;color:var(--chili-d)}
.qa details[open] summary::after{content:"–"}
.qa summary:hover{color:var(--chili-d)}
.qa .a{padding:0 0 22px;max-width:66ch}
.qa .a p:last-child{margin-bottom:0}

/* ---------------------------------------------------------------- notes */
.note{border-left:6px solid var(--sun);background:var(--paper-2);
  padding:14px 18px;margin:20px 0;font-size:15px}
.note.bad{border-left-color:var(--danger-d);background:#FBEDEC}
.note b{font-family:var(--disp);text-transform:uppercase;font-size:14px;
  display:block;margin-bottom:4px;letter-spacing:.02em}

/* ----------------------------------------------------------- aff cards */
.affs{display:grid;gap:14px;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.aff{border:var(--bd);background:var(--paper);padding:16px 18px;
  text-decoration:none;color:var(--ink);box-shadow:5px 5px 0 var(--ink);
  transition:transform .12s linear,box-shadow .12s linear;min-width:0}
.aff:hover{color:var(--ink);transform:translate(-2px,-2px);
  box-shadow:8px 8px 0 var(--chili)}
.aff b{display:block;font-family:var(--disp);font-size:17px;text-transform:uppercase}
.aff span{font-size:13.5px;color:var(--ink-60)}

/* ------------------------------------------------------------- related */
.rel{display:grid;gap:12px;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.rel a{border:var(--bd);background:var(--paper);padding:13px 16px;
  text-decoration:none;color:var(--ink);font-size:14.5px;min-width:0;
  display:flex;flex-direction:column;gap:3px}
.rel a:hover{color:var(--ink);background:var(--sun)}
.rel a b{font-weight:700;overflow-wrap:anywhere}
.rel a span{color:var(--ink-60);font-size:13px}
.rel a:hover span{color:var(--ink)}

/* ------------------------------------------------------------- crumbs */
.crumbs{font-size:13.5px;color:var(--ink-60);padding:16px 0 0}
.crumbs a{color:var(--ink-60)}
.crumbs ol{list-style:none;display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0}

/* ------------------------------------------------------------- footer */
.ftr{background:var(--ink);color:#C9BFB0;border-top:var(--bd);
  padding:clamp(34px,5vw,56px) 0 30px;margin-top:clamp(40px,6vw,80px);font-size:14.5px}
.ftr a{color:var(--sun)}
.ftr h2{font-size:22px;color:var(--paper);margin-bottom:10px}
.fcols{display:grid;gap:26px;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.fcols ul{list-style:none;margin:0;padding:0;display:flex;
  flex-direction:column;gap:7px}
.ftr .fine{border-top:1px solid #3A332A;margin-top:26px;padding-top:18px;
  font-size:13px;line-height:1.6}
.stamp{font-size:13px;color:var(--ink-45)}
.band.ink .stamp,.ftr .stamp{color:#A79C8C}

/* -------------------------------------------------------------- tonight */
#roll{border:var(--bd);background:var(--paper);padding:20px;
  box-shadow:7px 7px 0 var(--chili);max-width:520px}
#roll .nm{font-family:var(--disp);font-size:clamp(20px,3.4vw,30px);
  text-transform:uppercase;line-height:1.05;min-height:1.05em}
#roll .mt{font-size:14px;color:var(--ink-60);margin-top:6px}

.count-up{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;transition-duration:.001ms !important}
}
@media print{.hdr,.ftr,.ticker,.btn{display:none}}