/* Shared styles for minusPHI inner marketing pages (how-it-works, compliance,
   pricing, contact). Mirrors the design tokens and chrome of index.html. */
:root {
  --brand: #026c39;
  --brand-tint: rgba(2, 108, 57, 0.1);
  --brand-dark: #015a2f;
  --ink: #0f172a;
  --muted: #4b5563;
  --faint: #94a3b8;
  --bg: #f5f8fc;
  --line: rgba(0, 0, 0, 0.08);
  --line-dark: rgba(15, 23, 42, 0.15);
  --red: #dc2626;
  --heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono: ui-monospace, 'Cascadia Code', Menlo, Consolas, monospace;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body { overflow-x: clip; }
body {
  margin: 0; color: var(--ink); font: 15px/1.65 var(--body);
  background:
    radial-gradient(1100px 520px at 50% -60px, rgba(2, 108, 57, 0.1), rgba(2, 108, 57, 0) 70%),
    var(--bg);
}
/* grid/flex children must be allowed to shrink below content width on phones */
.split > *, .grid2 > *, .grid3 > *, .scrub > *, .teaser > * { min-width: 0; }
a { color: var(--brand); text-decoration: none; }
a:hover { text-decoration: underline; }

/* ---------- header (dark chrome, matches homepage hero) ---------- */
header {
  background: #081411; border-bottom: 1px solid rgba(255, 255, 255, 0.07); position: sticky; top: 0; z-index: 10;
  padding: 14px 28px; display: flex; justify-content: space-between; align-items: center;
  flex-wrap: wrap; gap: 10px;
}
.brand { display: flex; align-items: center; }
.brand:hover { text-decoration: none; }
.brand .wordmark { height: 30px; width: auto; display: block; filter: brightness(0) invert(1); }
footer .brand .wordmark { height: 26px; }
nav.navlinks { display: flex; align-items: center; gap: 24px; align-self: stretch; }
nav a.link { color: #9fb3ab; font-size: 13.5px; font-weight: 500; }
nav a.link:hover { color: #fff; text-decoration: none; }
nav a.link.hot { color: #6ee7a8; font-weight: 700; }
nav a.link[aria-current="page"] { color: #fff; font-weight: 700; }
/* Features mega menu (opens on hover/keyboard focus; inlined in the mobile menu).
   Positioned against the sticky header rather than the nav item so the wide
   panel stays centered in the viewport and never clips at the window edge. */
/* align-self: stretch (here and on .navlinks) grows the hover hit-area to the full
   header row height; without it there's a dead strip between the link and the
   ::before bridge below, and the menu closes while the mouse travels down to it. */
.navitem { display: flex; align-items: center; align-self: stretch; }
.navitem > .link { display: inline-flex; align-items: center; gap: 5px; }
.navitem .caret { opacity: 0.7; transition: transform 0.2s; }
.navitem:hover .caret, .navitem:focus-within .caret { transform: rotate(180deg); }
.navdrop {
  display: none; grid-template-columns: 1fr 1fr; gap: 2px 8px;
  position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%);
  width: min(620px, calc(100vw - 32px)); z-index: 20; background: #0b1d17;
  border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; padding: 10px;
  box-shadow: 0 24px 48px -18px rgba(0, 0, 0, 0.55);
}
/* invisible bridge: keeps the menu open while the mouse crosses the gap under the header */
.navdrop::before { content: ''; position: absolute; left: 0; right: 0; top: -22px; height: 22px; }
.navitem:hover .navdrop, .navitem:focus-within .navdrop { display: grid; }
.navdrop a { display: block; padding: 11px 12px; border-radius: 10px; }
.navdrop a:hover { background: rgba(255, 255, 255, 0.06); text-decoration: none; }
.navdrop a strong { display: block; color: #e7efe9; font-size: 13.5px; font-weight: 700; }
.navdrop a span { display: block; color: #9fb3ab; font-size: 12.5px; font-weight: 500; line-height: 1.5; margin-top: 2px; }
.navdrop a:hover strong { color: #fff; }
.navdrop a[aria-current="page"] strong { color: #6ee7a8; }
.navdrop .tagnew {
  display: inline-block; margin-left: 7px; padding: 1px 7px; border-radius: 999px;
  font-style: normal; font-size: 10px; font-weight: 800; letter-spacing: 0.08em;
  text-transform: uppercase; color: #052e16; background: #6ee7a8;
}
.navdrop .allfeatures {
  grid-column: 1 / -1; margin-top: 4px; padding: 12px 12px 6px; border-radius: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.09); color: #6ee7a8; font-size: 13px; font-weight: 700;
}
.navdrop .allfeatures:hover { background: none; color: #9df2c4; }
.navitem:has(a[aria-current="page"]) > .link { color: #fff; font-weight: 700; }
.navcta { display: flex; align-items: center; gap: 12px; }
.navcta .btn.ghost { background: transparent; color: #e7efe9; border-color: rgba(255, 255, 255, 0.28); }
.navcta .btn.ghost:hover { background: rgba(255, 255, 255, 0.08); }
.navtoggle {
  display: none; background: none; border: 0; cursor: pointer; padding: 8px;
  color: #e7efe9; margin-left: auto;
}
@media (max-width: 900px) {
  .navtoggle { display: block; }
  nav.navlinks {
    display: none; flex-basis: 100%; flex-direction: column; align-items: flex-start;
    gap: 0; padding: 6px 0 10px; border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: 8px;
  }
  header.open nav.navlinks { display: flex; }
  nav.navlinks a.link { padding: 10px 4px; font-size: 15px; width: 100%; }
  .navitem { width: 100%; flex-direction: column; align-items: flex-start; }
  .navitem .caret { display: none; }
  .navdrop {
    display: block; position: static; transform: none; width: auto;
    background: none; border: 0; box-shadow: none; padding: 0 0 6px 14px;
  }
  .navdrop::before { display: none; }
  .navdrop a { padding: 8px 4px; width: 100%; border-radius: 0; }
  .navdrop a strong { font-size: 14px; font-weight: 500; color: #9fb3ab; }
  .navdrop a span, .navdrop .allfeatures { display: none; }
  .navdrop a[aria-current="page"] strong { color: #fff; font-weight: 700; }
  .navcta .btn.ghost { display: none; }
}

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font: inherit; font-weight: 600; padding: 10px 20px; border-radius: 8px; cursor: pointer;
  background: var(--brand); color: #fff; border: 0; transition: background 0.2s;
}
.btn:hover { background: var(--brand-dark); text-decoration: none; }
.btn.ghost { background: #fff; color: var(--ink); border: 1px solid var(--line-dark); }
.btn.ghost:hover { background: #f8fafc; }
.btn.big { padding: 13px 26px; font-size: 15.5px; }

/* ---------- page scaffold ---------- */
main { max-width: 1140px; margin: 0 auto; padding: 0 22px 90px; }

/* dark full-bleed page hero (negative-margin trick; body has overflow-x: clip) */
.pagehero {
  text-align: center;
  margin: 0 calc(50% - 50vw);
  padding: 64px calc(50vw - 50%) 52px;
  background:
    radial-gradient(1000px 480px at 50% -140px, rgba(16, 185, 129, 0.28), rgba(16, 185, 129, 0) 68%),
    #081411;
  border-bottom: 1px solid rgba(110, 231, 168, 0.16);
}
.pagehero .kicker {
  display: inline-block; font-size: 12.5px; font-weight: 700;
  letter-spacing: 0.18em; text-transform: uppercase; color: #6ee7a8; margin-bottom: 18px;
}
.pagehero h1 {
  font-family: var(--heading); font-weight: 800; font-size: clamp(28px, 4.4vw, 44px);
  line-height: 1.14; letter-spacing: -0.01em; margin: 0 auto 18px; max-width: 800px;
  color: #f8fafc;
}
.pagehero h1 em { font-style: italic; color: #6ee7a8; }
.pagehero .sub { color: #a9b8af; font-size: 16.5px; max-width: 640px; margin: 0 auto; }
.pagehero .btn.ghost { background: transparent; color: #e7efe9; border-color: rgba(255, 255, 255, 0.28); }
.pagehero .btn.ghost:hover { background: rgba(255, 255, 255, 0.08); }

h2 {
  font-family: var(--body); font-size: 13px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.14em; color: var(--brand); margin: 72px 0 8px; text-align: center;
  scroll-margin-top: 84px;
}
.sectionlead {
  font-family: var(--heading); font-weight: 700; font-size: clamp(21px, 3vw, 27px);
  letter-spacing: -0.01em; text-align: center; margin: 0 auto 30px; max-width: 640px; line-height: 1.3;
}

/* ---------- components ---------- */
.card { background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 22px 24px; }
.grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 760px) { .grid3, .grid2 { grid-template-columns: 1fr; } }
.card .t { font-family: var(--heading); font-weight: 700; font-size: 15.5px; margin-bottom: 6px; }
.card p { color: var(--muted); font-size: 14px; margin: 0; }

.stepn {
  width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center;
  font-size: 13.5px; font-weight: 700; background: var(--brand-tint); color: var(--brand); margin-bottom: 12px;
}

pre {
  font-family: var(--mono); font-size: 12.5px; line-height: 1.7; background: #0f172a; color: #e2e8f0;
  padding: 14px 16px; border-radius: 8px; overflow-x: auto; white-space: pre-wrap; word-break: break-all;
  margin: 26px auto 0; max-width: 660px; text-align: left;
}
pre .c { color: #64748b; }

ul.plain { list-style: none; padding: 0; margin: 12px 0 0; }
ul.plain li { padding: 7px 0 7px 26px; position: relative; color: var(--muted); font-size: 14px; border-top: 1px solid var(--line); }
ul.plain li:first-child { border-top: 0; }
ul.plain li::before { position: absolute; left: 2px; font-weight: 700; }
.yes li::before { content: '✓'; color: var(--brand); }
.no li::before { content: '✕'; color: var(--red); }
.colhead { font-family: var(--heading); font-weight: 700; font-size: 15.5px; }
.colhead.bad { color: var(--red); }

.pricebox { max-width: 460px; margin: 0 auto; text-align: center; padding: 30px 28px; }
.pricebox .beta {
  display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--brand); background: var(--brand-tint); border-radius: 99px; padding: 4px 12px; margin-bottom: 14px;
}
.price { font-family: var(--heading); font-weight: 800; font-size: 46px; letter-spacing: -0.02em; }
.price small { font-size: 15px; font-weight: 600; color: var(--muted); letter-spacing: 0; }
.pricebox .per { color: var(--faint); font-size: 13px; margin-bottom: 4px; }
.pricebox ul.plain { text-align: left; margin: 18px 0 22px; }

details.faq { background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 16px 20px; margin-bottom: 10px; }
details.faq summary { cursor: pointer; font-weight: 600; font-size: 14.5px; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
details.faq summary::-webkit-details-marker { display: none; }
details.faq summary::after { content: '+'; color: var(--faint); font-size: 19px; font-weight: 500; flex: none; }
details.faq[open] summary::after { content: '–'; }
details.faq p { color: var(--muted); font-size: 14px; margin: 10px 0 2px; }

.finalcta { text-align: center; margin-top: 80px; padding: 44px 24px; }
.finalcta .note { color: var(--faint); font-size: 12.5px; margin-top: 14px; }

/* ---------- scroll reveal ---------- */
.js [data-reveal] { opacity: 0; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; }
.js [data-reveal].in { opacity: 1; transform: none; }
.js [data-reveal].d1 { transition-delay: .08s; }
.js [data-reveal].d2 { transition-delay: .16s; }
.js [data-reveal].d3 { transition-delay: .24s; }
@media (prefers-reduced-motion: reduce) {
  .js [data-reveal] { opacity: 1; transform: none; transition: none; }
}

/* ---------- editorial layouts ---------- */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: center; margin-top: 34px; }
.split.rev > .splitmedia { order: -1; }
@media (max-width: 820px) { .split { grid-template-columns: 1fr; gap: 26px; } .split.rev > .splitmedia { order: 0; } }
.split h3 {
  font-family: var(--heading); font-weight: 700; font-size: clamp(20px, 2.6vw, 26px);
  letter-spacing: -0.01em; line-height: 1.25; margin: 0 0 12px;
}
.split p { color: var(--muted); font-size: 15px; margin: 0 0 12px; }
.split .stepno {
  display: inline-flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--brand); margin-bottom: 12px;
}
.split .stepno::before { content: ''; width: 26px; height: 2px; background: var(--brand); }
h2.left { text-align: left; }
.sectionlead.left { text-align: left; margin-left: 0; }

/* dark band */
.band { background: #081411; color: #e2e8f0; padding: 70px 22px 76px; margin: 84px 0 0; }
.band > .inner { max-width: 1140px; margin: 0 auto; }
.band h2 { color: #6ee7a8; margin-top: 0; }
.band .sectionlead { color: #f1f5f9; }
.band .scrubnote { color: #8fa096; }
.band .evcard { background: #0d1d16; border: 1px solid rgba(148, 184, 163, 0.16); }

/* brand tint band */
.tintband { background: linear-gradient(180deg, rgba(2,108,57,0.07), rgba(2,108,57,0.02)); border-top: 1px solid rgba(2,108,57,0.14); border-bottom: 1px solid rgba(2,108,57,0.14); padding: 56px 22px; margin-top: 84px; }
.tintband > .inner { max-width: 1140px; margin: 0 auto; }

/* pull quote */
.pull { max-width: 720px; margin: 56px auto 0; text-align: center; padding: 0 10px; }
.pull blockquote {
  font-family: var(--heading); font-style: italic; font-weight: 600;
  font-size: clamp(19px, 2.8vw, 25px); line-height: 1.45; color: var(--ink); margin: 0 0 14px;
}
.pull blockquote::before { content: '\201C'; color: var(--brand); }
.pull blockquote::after { content: '\201D'; color: var(--brand); }
.pull cite { font-style: normal; font-size: 13px; color: var(--faint); font-weight: 600; letter-spacing: 0.04em; }

/* photos */
.photo { border-radius: 14px; overflow: hidden; box-shadow: 0 24px 50px -24px rgba(15, 23, 42, 0.35); border: 1px solid var(--line); position: relative; }
.photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.photo .cap {
  position: absolute; left: 12px; bottom: 12px; background: rgba(15, 23, 42, 0.78); color: #e2e8f0;
  font-size: 11.5px; font-weight: 600; padding: 5px 11px; border-radius: 7px; backdrop-filter: blur(4px);
}

/* browser mockup */
.browser { background: #fff; border: 1px solid var(--line-dark); border-radius: 12px; overflow: hidden; box-shadow: 0 24px 50px -26px rgba(15, 23, 42, 0.4); }
.browser .bar { display: flex; align-items: center; gap: 8px; background: #f1f5f9; border-bottom: 1px solid var(--line); padding: 9px 12px; }
.browser .bar i { width: 9px; height: 9px; border-radius: 50%; background: #cbd5e1; }
.browser .bar .url {
  flex: 1; min-width: 0; background: #fff; border: 1px solid var(--line); border-radius: 6px;
  font: 600 11px/1 var(--mono); color: var(--muted); padding: 6px 10px; margin-left: 6px;
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.browser .page { padding: 16px; }

/* code editor mockup */
.editor { background: #0f172a; border-radius: 12px; overflow: hidden; box-shadow: 0 24px 50px -26px rgba(15, 23, 42, 0.5); }
.editor .tabs { display: flex; background: #0b1220; border-bottom: 1px solid rgba(148,163,184,0.14); }
.editor .tab { font: 600 11px/1 var(--mono); color: #94a3b8; padding: 10px 16px; }
.editor .tab.on { color: #e2e8f0; background: #0f172a; border-right: 1px solid rgba(148,163,184,0.14); }
.editor pre { margin: 0; max-width: none; border-radius: 0; box-shadow: none; background: transparent; }

/* fake app UI rows */
.approw {
  display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid var(--line);
  border-radius: 10px; padding: 12px 14px;
}
.approw + .approw { margin-top: 10px; }
.approw .ic { flex: none; width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; background: #f1f5f9; }
.approw .nm { font-weight: 600; font-size: 13.5px; }
.approw .st { margin-left: auto; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; padding: 3px 10px; border-radius: 99px; }
.approw .st.ok { background: var(--brand-tint); color: var(--brand); }
.approw .st.off { background: rgba(220, 38, 38, 0.1); color: var(--red); }
.appstack { filter: drop-shadow(0 24px 40px rgba(15, 23, 42, 0.14)); }

/* event log mockup */
.evlog { background: #fff; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; box-shadow: 0 24px 50px -26px rgba(15, 23, 42, 0.25); }
.evlog .lhead { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--faint); padding: 11px 16px; border-bottom: 1px solid var(--line); background: #f8fafc; }
.evlog .lrow { display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-top: 1px solid var(--line); font: 500 12.5px/1.5 var(--mono); color: var(--muted); }
.evlog .lrow:first-of-type { border-top: 0; }
.evlog .lrow .sig { flex: none; width: 17px; height: 17px; border-radius: 50%; display: grid; place-items: center; font-size: 10px; font-weight: 800; font-family: var(--body); }
.evlog .lrow .sig.ok { background: var(--brand-tint); color: var(--brand); }
.evlog .lrow .sig.no { background: rgba(220, 38, 38, 0.1); color: var(--red); }
.evlog .lrow .to { margin-left: auto; font-family: var(--body); font-size: 11px; font-weight: 600; color: var(--faint); white-space: nowrap; }

/* live scrub demo */
.scrub { display: grid; grid-template-columns: 1fr auto 1fr; gap: 14px; align-items: stretch; max-width: 860px; margin: 30px auto 0; }
@media (max-width: 760px) { .scrub { grid-template-columns: 1fr; } .scrub .mid { transform: rotate(90deg); margin: -4px auto; } }
.evcard {
  background: #0f172a; border-radius: 12px; padding: 16px 18px; font-family: var(--mono);
  font-size: 12px; line-height: 1.9; color: #e2e8f0; overflow: hidden;
}
.evcard .evtitle {
  font-family: var(--body); font-size: 11px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.12em; color: #94a3b8; margin-bottom: 10px; display: flex; align-items: center; gap: 8px;
}
.evcard .evtitle .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--red); }
.evcard.clean .evtitle .dot { background: #22c55e; }
.evline { display: flex; gap: 8px; white-space: nowrap; transition: opacity .45s ease; }
.evline .k { color: #7dd3fc; flex: none; }
.evline .v { color: #e2e8f0; overflow: hidden; text-overflow: ellipsis; position: relative; min-width: 0; }
.evline .verdict {
  margin-left: auto; flex: none; font-family: var(--body); font-size: 9.5px; font-weight: 800;
  letter-spacing: 0.06em; text-transform: uppercase; padding: 1px 7px; border-radius: 4px;
  opacity: 0; transition: opacity .35s ease;
}
.evline .verdict.strip { background: rgba(220, 38, 38, 0.18); color: #fca5a5; }
.evline .verdict.keep { background: rgba(34, 197, 94, 0.16); color: #86efac; }
.evline.gone .v { color: #64748b; }
.evline.gone .v::after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 1.5px; background: #f87171; }
.evline.gone .verdict, .evline.kept .verdict { opacity: 1; }
.scrub .mid { align-self: center; color: var(--brand); }
.band .scrub .mid { color: #6ee7a8; }
.evcard.clean .evline { opacity: 0; }
.evcard.clean .evline.show { opacity: 1; }
html:not(.js) .evcard.clean .evline { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .evcard.clean .evline { opacity: 1 !important; } }
.scrubnote { text-align: center; color: var(--faint); font-size: 12.5px; margin-top: 14px; }
.morelink { text-align: center; margin-top: 22px; font-size: 14px; font-weight: 600; }

/* red data chips */
.chip {
  display: inline-block; font: 700 11px/1 var(--mono); color: var(--red);
  background: rgba(220, 38, 38, 0.09); border: 1px solid rgba(220, 38, 38, 0.25);
  border-radius: 6px; padding: 4px 8px; margin: 2px 3px;
}
.chip.g { color: var(--brand); background: var(--brand-tint); border-color: rgba(2, 108, 57, 0.3); }

/* ---------- footer ---------- */
footer { border-top: 1px solid rgba(255, 255, 255, 0.07); background: #081411; padding: 56px 34px 28px; }
footer .brand .wordmark { filter: brightness(0) invert(1); height: 30px; }
.foot { max-width: 1180px; margin: 0 auto; }
.footgrid { display: grid; grid-template-columns: 1.7fr 1fr 1fr 1fr 1fr; gap: 40px 32px; align-items: start; }
.footbrand { display: flex; flex-direction: column; gap: 16px; max-width: 300px; }
.footbrand .brand { align-self: flex-start; }
.foottag { color: #74857c; font-size: 13px; line-height: 1.55; }
.footcol { display: flex; flex-direction: column; gap: 12px; }
.footcol h4 { color: #6ee7a8; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 0 4px; }
.footcol a { color: #93a69e; font-size: 14px; line-height: 1.3; }
.footcol a:hover { color: #fff; }
.foot .tiny { color: #74857c; font-size: 12px; max-width: none; margin: 46px 0 0; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.06); }
@media (max-width: 920px) {
  .footgrid { grid-template-columns: 1.4fr 1fr 1fr; }
  .footbrand { grid-column: 1 / -1; max-width: none; }
}

/* ---------- mobile rhythm ---------- */
@media (max-width: 640px) {
  h2 { margin: 46px 0 8px; }
  .sectionlead { margin-bottom: 22px; }
  .pagehero { padding: 42px calc(50vw - 50%) 38px; }
  .split { gap: 22px; margin-top: 24px; }
  .band { padding: 44px 18px 50px; margin-top: 54px; }
  .tintband { padding: 38px 18px; margin-top: 54px; }
  .finalcta { margin-top: 46px; padding: 26px 16px 8px; }
  .pull { margin-top: 38px; }
  main { padding-bottom: 56px; }
  .card { padding: 18px 18px; }
  .pricebox { padding: 24px 20px; }

  footer { padding: 40px 22px 32px; }
  .footgrid { grid-template-columns: 1fr 1fr; gap: 30px 22px; }
  .footbrand { grid-column: 1 / -1; max-width: none; }
  .footcol a { padding: 2px 0; }
  .foot .tiny { font-size: 11.5px; margin-top: 34px; }
}
@media (max-width: 420px) {
  .evcard { font-size: 10.5px; padding: 13px 14px; }
}