/* The public pages (scripts/site/pages.ts; TASK-0046, new look TASK-0096 / D-0061): the brand's tokens (brand/README.md,
   src/ui/brand.css) and fonts served with the site — Archivo 700 cut for the pages (titles, numbers:
   public/fonts/archivo-700-pages.woff2, scripts/site/fonts/) and IBM Plex Sans as the app has it (text). The pages read
   without script; /site/widgets.js makes the map and the profile interactive (no inline script, no <style>: the content
   policy allows style attributes only). */
@font-face { font-family: 'Archivo'; font-weight: 700; font-display: swap; src: url('/fonts/archivo-700-pages.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2013-2014, U+2018-201E, U+2022, U+2026, U+2039-203A, U+20AC, U+2191-2193, U+2212; }
@font-face { font-family: 'IBM Plex Sans'; font-weight: 400 700; font-display: swap; src: url('/fonts/plex-sans-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Sans'; font-weight: 400 700; font-display: swap; src: url('/fonts/plex-sans-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
:root {
  --night: #0e1b2c; --snow: #f4f7fa; --alpenglow: #e8654f; --alpenglow-soft: #f7a493; --alpenglow-ink: #b03e2b;
  --glacier: #1f4e8c; --rock: #4b5b6e; --mist: #d9e2ec; --line: #d6dfe9; --ice: #eef3f8;
  --display: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --ui: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color-scheme: light;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--snow); color: var(--night); font: 16px/1.55 var(--ui); overflow-wrap: break-word; }
a { color: var(--glacier); }
a:hover { color: var(--night); }
:focus-visible { outline: 3px solid var(--alpenglow); outline-offset: 2px; }
h1, h2, h3, .nums dd, .ranks b, .btn { font-family: var(--display); font-weight: 700; }
h1 { font-size: clamp(30px, 5vw, 46px); line-height: 1.08; letter-spacing: -0.01em; margin: 6px 0 10px; }
h2 { font-size: 22px; margin: 40px 0 12px; }
h3 { font-size: 17px; margin: 18px 0 6px; }
.wrap, main { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.skip { position: absolute; left: -9999px; }
.skip:focus { position: static; display: inline-block; margin: 6px 0; }

/* the bar: the brand's lockup (symbol and wordmark), the ways in, the languages, the 3D map */
.top { background: var(--night); color: var(--snow); }
.bar { max-width: 1200px; margin: 0 auto; padding: 6px 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 0 22px; }
.mark { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; }
.mark img { display: block; height: 18px; width: auto; }
.sym { display: block; flex: none; }
.main-nav { display: flex; flex-wrap: wrap; gap: 0 18px; flex: 1 1 auto; font-size: 15px; }
.main-nav a, .langs a, .langs b { color: var(--mist); text-decoration: none; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; }
.main-nav a:hover, .langs a:hover { color: #fff; text-decoration: underline; }
.langs { position: relative; font-size: 14px; }
.langs summary { display: flex; align-items: center; justify-content: center; min-height: 44px; min-width: 56px; padding: 0 8px; color: var(--mist); cursor: pointer; list-style: none; }
.langs summary::-webkit-details-marker { display: none; }
.langs summary:hover { color: #fff; }
.langs ul { position: absolute; z-index: 5; right: 0; top: 100%; margin: 0; padding: 4px; list-style: none; background: var(--night); border: 1px solid rgba(244, 247, 250, 0.3); border-radius: 10px; }
.langs a, .langs b { min-width: 44px; }
.langs b { color: #fff; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; text-align: center; line-height: 1.25; min-height: 52px; padding: 0 24px; border-radius: 999px; background: var(--alpenglow); color: var(--night); text-decoration: none; font-size: 17px; border: 0; cursor: pointer; }
.btn:hover { background: #f07c68; color: var(--night); }
.btn.small { min-height: 44px; padding: 0 18px; font-size: 15px; }
.open3d .o-short { display: none; }
.btn.ghost { background: transparent; color: var(--night); box-shadow: inset 0 0 0 2px var(--night); }
.btn.ghost:hover { background: var(--ice); }
/* (!important: a rule of a section, .hero .cta, says how it lays out; these say whether it shows at all) */
.only-mobile { display: none !important; }
@media (hover: none) and (pointer: coarse) {
  .only-desktop { display: none !important; }
  .only-mobile { display: block !important; }
  .hero .cta.only-mobile { display: flex !important; }
  .vkeys { display: none; }
  /* a list of links is a row of targets under the finger */
  .items li > a, .rank-list a, .toplist li > a, .crumbs a { display: inline-block; padding: 10px 0; }
  .foot .meta a { display: inline-flex; align-items: center; min-height: 44px; padding: 0; }
}

/* the hero: the breadcrumb, the name, the answer and the way in; the picture beside (the render, full width, when there is one) */
.crumbs { padding-top: 14px; font-size: 14px; color: var(--rock); }
.hero { background: var(--night); color: var(--snow); }
.hero .wrap { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 36px; align-items: center; padding-top: 18px; padding-bottom: 36px; }
.hero .crumbs { padding-top: 0; color: var(--mist); }
.hero .crumbs a { color: var(--mist); }
.hero h1 { color: #fff; font-size: clamp(34px, 5vw, 60px); line-height: 1.04; margin: 12px 0 12px; }
.hero .kicker { margin: 0; color: var(--alpenglow-soft); font-size: 14px; letter-spacing: 0.05em; text-transform: uppercase; }
.hero .aka { margin: -4px 0 12px; color: var(--mist); }
.hero .answer { margin: 0 0 8px; max-width: 760px; font-size: 19px; line-height: 1.5; color: #e8eef4; }
.h1-terms { display: block; margin-top: 6px; font: 500 .36em/1.3 var(--ui); letter-spacing: 0; color: var(--rock); }
.hero .h1-terms { color: var(--mist); }
.hero .asof, .hero .imperial { margin: 0 0 8px; max-width: 760px; font-size: 13px; color: #a9b8c9; }
.hero .asof a { color: inherit; }
.hero .imperial + .cta, .hero .asof + .cta { margin-top: 16px; }
.imperial { font-size: 14px; color: var(--rock); }
.strip + .imperial { max-width: 1200px; margin: 8px auto 0; padding: 0 24px; }
.method-list { padding-left: 18px; max-width: 760px; }
.method-list li { margin: 8px 0; }
.hero .cta { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; }
.hero .cta small { flex-basis: 100%; color: #a9b8c9; font-size: 13px; }
.hero .btn.ghost { color: var(--snow); background: rgba(14, 27, 44, 0.35); box-shadow: inset 0 0 0 1px rgba(244, 247, 250, 0.6); }
.hero .btn.ghost:hover { background: rgba(244, 247, 250, 0.12); }
.hero-img { margin: 0; }
.hero-img img { display: block; width: 100%; height: auto; border-radius: 14px; background: #1b2a3d; }
.hero-img figcaption, .hero .credit { margin-top: 8px; font-size: 12px; color: #a9b8c9; }
.hero-img figcaption a { color: #a9b8c9; }
.hero.full { position: relative; overflow: hidden; }
.hero.full .hero-img { position: absolute; inset: 0; }
.hero.full .hero-img img { width: 100%; height: 100%; object-fit: cover; object-position: center 35%; border-radius: 0; }
.hero.full::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14, 27, 44, 0.05) 0%, rgba(14, 27, 44, 0.2) 45%, rgba(14, 27, 44, 0.9) 100%); }
.hero.full .wrap { position: relative; z-index: 1; min-height: min(72vh, 600px); padding-top: 18px; display: flex; flex-direction: column; justify-content: space-between; }

/* the numbers, the whole width under the hero */
.strip { background: #fff; border-bottom: 1px solid var(--line); }
.nums { margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px 18px; }
.strip .nums { max-width: 1200px; margin: 0 auto; padding: 20px 24px; }
.nums dt { font-size: 12px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--rock); }
.nums dd { margin: 4px 0 0; font-size: 28px; line-height: 1.15; font-variant-numeric: tabular-nums; }
.nums dd.hot { color: #b83a28; }
.nums dd.word { font-size: 22px; }
.nums dd small { font: 400 14px var(--ui); color: var(--rock); }

/* the page's column: a main column and its side cards, cards, tiles */
.split { display: flex; flex-wrap: wrap; gap: 28px; align-items: flex-start; margin-top: 36px; }
.split > .col { flex: 999 1 620px; min-width: 0; }
.split > aside { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.card { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 18px; }
.card h2 { margin: 0 0 10px; font-size: 18px; }
.card h3 { margin: 12px 0 4px; font-size: 15px; }
.card p { margin: 0 0 8px; font-size: 15px; }
.card .items { columns: auto; font-size: 15px; }
.card.dark { background: var(--night); color: var(--snow); border-color: var(--night); }
.card.dark p { color: var(--mist); }
.card.dark a { color: var(--alpenglow-soft); font-weight: 700; }
.more { font-weight: 600; display: inline-flex; align-items: center; min-height: 44px; }
.block { margin-top: 40px; }
.block > h2:first-child, .card > h2:first-child { margin-top: 0; }
.tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; padding: 0; margin: 0; list-style: none; }
.tile { display: block; height: 100%; background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 16px; text-decoration: none; color: var(--night); }
.tile:hover { border-color: var(--glacier); color: var(--night); }
.tile b { display: flex; align-items: center; font-size: 16px; }
.tile span { display: block; margin-top: 6px; font-size: 14px; color: var(--rock); font-variant-numeric: tabular-nums; }
.level .tile { border-top: 5px solid var(--c, var(--night)); }
.level .tile b { font-size: 18px; }

.lead { font-size: 18px; }
.note, small { color: var(--rock); font-size: 14px; }
.dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; vertical-align: middle; box-shadow: 0 0 0 1.5px #fff; flex: none; }
.original { margin: -2px 0 8px; font-size: .95em; color: var(--rock); }
.hero .original { color: var(--mist); }
.short p { font-size: 18px; max-width: 760px; }
.ranks { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; padding: 0; list-style: none; }
.ranks li { background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 10px 14px; }
.ranks b { display: block; font-size: 22px; }
.ranks span { color: var(--rock); font-size: 14px; }
.legend { display: flex; flex-wrap: wrap; gap: 6px 18px; padding: 0; margin: 8px 0; list-style: none; font-size: 14px; }
.sw { display: inline-block; width: 18px; height: 8px; border-radius: 4px; margin-right: 6px; vertical-align: middle; }
.sw.dash { height: 0; border-radius: 0; border-top: 2px dashed #5b6b7c; }
.diffbar { display: flex; height: 14px; border-radius: 7px; overflow: hidden; }
.cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 0 28px; }
.toplist ol { padding-left: 0; list-style: none; }
.items, .areas { padding-left: 0; list-style: none; columns: 2 260px; }
.items li, .areas li, .toplist li { break-inside: avoid; margin: 4px 0; }
.rank-list { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 8px; font-size: 15px; }
.rank-list a { font-weight: 600; }
.rank-list small { font-variant-numeric: tabular-nums; }
.watch video { width: 100%; max-width: 420px; height: auto; border-radius: 12px; background: var(--night); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { cursor: pointer; font-weight: 600; padding: 11px 0; }
.faq p { margin: 0 0 12px; }
.facts, .ranking, .others { border-collapse: collapse; margin: 18px 0; }
.ranking, .others { min-width: 320px; }
.facts th, .facts td, .ranking th, .ranking td, .others th, .others td { text-align: left; padding: 8px 14px 8px 0; border-bottom: 1px solid var(--line); }
.facts th, .ranking th, .others th { font-weight: 500; color: var(--rock); }
.ranking td, .others td { font-variant-numeric: tabular-nums; }
.others { width: 100%; }
.others tr.ours td { font-weight: 600; }
.facts caption { caption-side: bottom; text-align: left; padding-top: 6px; font-size: 13px; color: var(--rock); }
.scroll { overflow-x: auto; }
.final { margin: 44px 0 0; padding: 22px 24px; border-radius: 16px; background: var(--night); color: var(--snow); display: flex; flex-wrap: wrap; gap: 14px; align-items: center; justify-content: space-between; }
.final p { margin: 0; font-size: 18px; }

/* the vector map (scripts/site/vmap.ts, /site/widgets.js): lines of a constant width on screen, thicker as one zooms in */
.vmap { margin: 0; background: #fff; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.vhead { display: flex; flex-wrap: wrap; gap: 8px 14px; justify-content: space-between; align-items: center; padding: 12px 18px; border-bottom: 1px solid var(--line); }
.vhead h2 { margin: 0; font-size: 20px; }
.vhead p { margin: 0; font-size: 13px; color: var(--rock); }
.vfilter { display: flex; flex-wrap: wrap; gap: 6px; }
.vfilter button { min-height: 44px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line); background: #fff; color: var(--night); font: 600 14px var(--ui); cursor: pointer; display: inline-flex; align-items: center; }
.vfilter button[aria-pressed='true'] { background: var(--night); color: var(--snow); border-color: var(--night); }
.vbox { position: relative; background: var(--ice); touch-action: pan-y; }
.vbox:focus-visible { outline-offset: -3px; }
.vbox.zoomed { touch-action: none; cursor: grab; }
.vbox svg { display: block; width: 100%; height: auto; -webkit-user-select: none; user-select: none; }
.vbox .relief { opacity: 0.6; }
.vbox path { fill: none; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.vbox a { transition: opacity 0.12s; }
.vbox .r path { stroke-width: calc(var(--k, 1) * 3px); }
.vbox .l path { stroke: #5b6b7c; stroke-width: calc(var(--k, 1) * 2px); stroke-dasharray: 6 4; }
.vbox .l.f path { stroke: var(--night); stroke-width: calc(var(--k, 1) * 4px); stroke-dasharray: none; }
.vbox .r.f path { stroke-width: calc(var(--k, 1) * 6px); }
.vbox path.case { stroke: #fff; stroke-width: calc(var(--k, 1) * 11px); }
.vbox .on path { stroke-width: calc(var(--k, 1) * 7px); }
.vbox .l.on path { stroke-width: calc(var(--k, 1) * 4px); stroke: var(--night); }
.vbox.hl a:not(.on) { opacity: 0.3; }
.vbox a:focus { outline: none; }
.vbox a:focus-visible path { stroke-width: calc(var(--k, 1) * 7px); }
.d-novice { stroke: #2fa84f; } .d-easy { stroke: #2a6fdb; } .d-intermediate { stroke: #d8262f; }
.d-advanced, .d-expert { stroke: #111111; } .d-freeride { stroke: #e08a00; } .d-unknown { stroke: #888888; }
.vbox[data-f] .r { opacity: 0.12; }
.vbox[data-f='green'] .d-novice, .vbox[data-f='blue'] .d-easy, .vbox[data-f='red'] .d-intermediate, .vbox[data-f='black'] .d-advanced, .vbox[data-f='black'] .d-expert, .vbox[data-f='other'] .d-freeride, .vbox[data-f='other'] .d-unknown { opacity: 1; }
.vbox .mk text { font: 600 13px var(--ui); fill: #33445a; paint-order: stroke; stroke: #fff; stroke-width: 3px; stroke-linejoin: round; }
.vbox .mk .mtop { fill: var(--night); stroke: #fff; stroke-width: 2.5px; }
.vbox .mk .mend { fill: #fff; stroke: var(--night); stroke-width: 3px; }
.vbox .mk .st { fill: var(--night); stroke: #fff; stroke-width: 2px; }
.vbox .mk .cur { fill: var(--alpenglow); stroke: #fff; stroke-width: 3px; }
.vbox .mk.off { display: none; }
.vtip { position: absolute; z-index: 2; left: 0; top: 0; max-width: 280px; padding: 9px 12px; border-radius: 10px; background: var(--night); color: var(--snow); box-shadow: 0 10px 24px rgba(14, 27, 44, 0.3); font-size: 14px; pointer-events: none; transform: translate(-50%, calc(-100% - 14px)); }
.vtip b { display: flex; align-items: center; font-size: 15px; }
.vtip span { display: block; margin-top: 3px; color: var(--mist); font-size: 13px; font-variant-numeric: tabular-nums; }
.vtip a { pointer-events: auto; display: inline-flex; align-items: center; min-height: 44px; color: var(--alpenglow-soft); font-weight: 700; }
.vcredit { position: absolute; z-index: 1; top: 0; right: 0; margin: 0; padding: 2px 7px 3px; border-bottom-left-radius: 6px; background: rgba(255, 255, 255, 0.8); font-size: 11px; line-height: 1.35; color: var(--rock); }
.vcredit a { color: inherit; }
/* (not one of the map's lines: it does not fade with them, and it keeps the outline the lines give up for their own) */
.vbox.hl .vcredit a { opacity: 1; }
.vcredit a:focus-visible { outline: 2px solid var(--night); outline-offset: 1px; }
.vctl { position: absolute; right: 12px; bottom: 12px; display: flex; flex-direction: column; gap: 6px; }
.vctl button { width: 44px; height: 44px; border-radius: 10px; border: 1px solid var(--line); background: #fff; color: var(--night); font: 600 20px var(--ui); cursor: pointer; }
.vctl button:disabled { opacity: 0.45; cursor: default; }
.vscale { position: absolute; left: 12px; bottom: 12px; padding: 3px 8px 4px; border-radius: 6px; background: rgba(255, 255, 255, 0.9); font-size: 12px; color: var(--night); }
.vscale i { display: block; height: 4px; margin-bottom: 2px; background: var(--night); }
.vleg { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0; padding: 10px 18px; list-style: none; font-size: 13px; color: var(--rock); border-top: 1px solid var(--line); }
.vleg li { display: inline-flex; align-items: center; }
.vkeys, .vmore { margin: 0; padding: 0 18px 12px; font-size: 13px; color: var(--rock); }

/* the elevation profile (scripts/site/vmap.ts profileWidget): coloured by the gradient of each 50 m */
.vprof { margin: 0; }
.pbox { position: relative; touch-action: pan-y; }
.pbox:focus-visible { outline-offset: 4px; }
.pbox svg { display: block; width: 100%; height: 220px; }
.pbox .area { fill: var(--ice); }
.pbox .seg { fill: none; stroke-width: 5px; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.pline { position: absolute; top: 0; bottom: 0; width: 0; border-left: 1.5px dashed var(--night); pointer-events: none; }
.pline.steep { border-left-color: var(--alpenglow-ink); border-left-style: dotted; }
.pgap { position: absolute; top: 0; bottom: 0; background: repeating-linear-gradient(135deg, var(--ice) 0 4px, transparent 4px 8px); pointer-events: none; }
.pdot { position: absolute; width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%; background: var(--alpenglow); box-shadow: 0 0 0 3px #fff; pointer-events: none; }
/* (a line of its own above the box, wrapping like any text: QA A1, TASK-0096) */
.pmark { margin: 0 0 6px; font-size: 13px; font-weight: 600; color: var(--alpenglow-ink); }
.pmissing { margin-top: 0; }
.paxis { display: flex; justify-content: space-between; gap: 8px; margin-top: 6px; font-size: 12px; color: var(--rock); font-variant-numeric: tabular-nums; }

/* the footer */
.foot { margin-top: 56px; background: var(--night); color: var(--mist); font-size: 13px; }
.foot .wrap { padding-top: 22px; padding-bottom: 28px; }
.foot p { margin: 0 0 8px; }
.foot a { color: var(--alpenglow-soft); }
.foot .meta { font-size: 14px; color: var(--snow); }
.foot .meta a { display: inline-block; padding: 6px 0; }
.foot .indep { color: var(--snow); font-weight: 600; }

@media (prefers-reduced-motion: reduce) {
  .vbox a { transition: none; }
}
@media (max-width: 760px) {
  .wrap, main, .bar { padding-left: 16px; padding-right: 16px; }
  .strip .nums { padding: 16px; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* the bar in two rows: the lockup, the languages and the 3D; the ways in, sliding inside their own row */
  .bar { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: 'mark langs open' 'nav nav nav'; gap: 0 6px; padding-top: 2px; padding-bottom: 2px; }
  .mark { grid-area: mark; min-height: 48px; }
  .langs { grid-area: langs; }
  .open3d { grid-area: open; min-width: 44px; padding: 0 12px; }
  .open3d .o-long { display: none; }
  .open3d .o-short { display: inline; }
  .main-nav { grid-area: nav; min-width: 0; flex-wrap: nowrap; gap: 0 16px; overflow-x: auto; white-space: nowrap; font-size: 14px; scrollbar-width: none; }
  .rank-list a, .items li > a, .toplist li > a, .crumbs a { display: inline-block; padding: 10px 0; }
  .crumbs { line-height: 1.2; }
  /* on a phone the name, the answer and the way in first, then the picture and its legend */
  /* (minmax(0, …): a track of 1fr is never narrower than its longest word, and overflow-wrap does not change that: QA R1) */
  .hero .wrap { grid-template-columns: minmax(0, 1fr); gap: 18px; padding-bottom: 24px; }
  .hero h1 { font-size: 34px; }
  .hero .answer { font-size: 17px; }
  .hero .btn { flex: 1 1 100%; font-size: 16px; padding: 8px 20px; }
  .nums dd { font-size: 22px; }
  .nums dd.word { font-size: 18px; }
  h2 { margin-top: 32px; }
  .split { margin-top: 24px; gap: 20px; }
  .pbox svg { height: 170px; }
  .vtip { max-width: 230px; }
  /* the zoom and the scale under the map, on no name of a village */
  .vctl { position: static; flex-direction: row; justify-content: flex-end; padding: 8px 12px; background: #fff; border-top: 1px solid var(--line); }
  .vscale { bottom: 14px; background: none; }
}