/* The Beginner's Guide («دليل المبتدئ») — /guide, /guide/<slug>, /guide/book. Dusk palette on the paper canvas. */
.gd-wrap { max-width: 1120px; margin: 0 auto; padding: 0 16px; }
.gd-hero h1 { font-family: var(--ff-display-stack, inherit); }
.gd-hero p { max-width: 640px; margin-inline: auto; }
.gd-hero .gd-hero-cta { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 22px; }
.gd-pill { display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; border-radius: 999px; font-weight: 700; text-decoration: none; }
.gd-pill.primary { background: var(--fg-accent, #f5536a); color: #fff; }
.gd-pill.ghost { background: rgba(255,255,255,.12); color: #fff; border: 1px solid rgba(255,255,255,.32); }

/* Chapters on the index — one term per row, the illustration at its own square size (never cropped) */
.gd-chapnav { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; margin: 28px 0 8px; }
.gd-chapnav a { padding: 8px 14px; border-radius: 999px; border: 1px solid var(--border-subtle, #e7e1d6); color: #1b1537; text-decoration: none; font-size: 14px; background: #fff; }
.gd-chapter { margin: 56px 0 0; scroll-margin-top: 90px; }
.gd-chapter-h { display: flex; align-items: baseline; gap: 12px; margin: 0 0 22px; }
.gd-chapter-h small { color: var(--fg-accent-text, #c0303f); font-weight: 700; font-size: 14px; }
.gd-chapter-h h2 { margin: 0; font-size: clamp(24px, 3vw, 32px); }
.gd-list { display: grid; gap: 22px; }
.gd-row { display: grid; grid-template-columns: 1fr; gap: 0; background: #fff; border: 1px solid var(--border-subtle, #ece6da); border-radius: 24px; overflow: hidden; text-decoration: none; color: #1b1537; transition: border-color .2s; }
.gd-row:hover { border-color: #b9a9e8; }
.gd-row:active { transform: scale(.995); }
.gd-row img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; display: block; background: #f6f2ea; }
.gd-row-b { padding: 20px 22px 24px; display: grid; gap: 8px; align-content: center; }
.gd-row-b small { color: #8a83a6; font-size: 13px; font-weight: 700; }
.gd-row-b b { font-size: clamp(24px, 3vw, 32px); line-height: 1.3; font-family: var(--font-arabic-display, inherit); }
.gd-row-b .en { font-size: 16px; color: #6b6488; direction: ltr; text-align: start; unicode-bidi: isolate; }
.gd-row-b p { margin: 4px 0 0; font-size: 18px; line-height: 1.85; color: #3e3858; }
.gd-row-b .more { margin-top: 6px; color: #4b22b0; font-weight: 700; font-size: 15px; }
@media (min-width: 820px) {
  .gd-row { grid-template-columns: minmax(0, 440px) 1fr; align-items: center; }
  .gd-row-b { padding: 28px 34px; }
}

/* A term page — the illustration is the hero: a sticky column on desktop, full width on top on phones */
.gd-term { max-width: 1180px; margin: 0 auto; padding: 0 16px; }
.gd-crumbs { font-size: 14px; color: #6b6488; margin: 18px 0 14px; display: flex; gap: 6px; flex-wrap: wrap; }
.gd-crumbs a { color: inherit; }
.gd-term-grid { display: grid; grid-template-columns: 1fr; gap: 22px; }
.gd-term-art { margin: 0 -16px; }
.gd-term-art img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; display: block; background: #f6f2ea; }
.gd-term-art figcaption { font-size: 13px; color: #8a83a6; text-align: center; margin-top: 8px; }
@media (min-width: 900px) {
  .gd-term-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 48px; align-items: start; }
  .gd-term-art { margin: 0; position: sticky; top: 96px; }
  .gd-term-art img { border-radius: 28px; box-shadow: 0 20px 60px rgba(27, 17, 69, .12); }
}
.gd-term-text { min-width: 0; }
/* Term page headline (2026-10-13, Abdul): the ENGLISH term is the hero, its Arabic name right under it. */
.gd-term-text h1 { margin: 0; display: grid; gap: 10px; line-height: 1.1; }
.gd-term-text h1 .gd-h1-en { font-size: clamp(52px, 8vw, 96px); letter-spacing: -.02em; color: #16103a; justify-self: start; unicode-bidi: isolate; }
.gd-term-text h1 .gd-h1-ar { font-size: clamp(24px, 3.4vw, 36px); color: #4b3f8f; font-weight: 600; line-height: 1.35; }
.gd-tldr { margin: 22px 0 0; padding: 16px 18px; border-radius: 16px; background: #f3effc; border-inline-start: 4px solid #6c3fd6; font-size: 18px; line-height: 1.8; }
.gd-tldr h2 { margin: 0 0 4px; font-size: 16px; color: #4b22b0; }
.gd-tldr p { margin: 0; }
.gd-body { font-size: 18px; line-height: 1.95; color: #221c3e; margin-top: 20px; }
.gd-body p { margin: 0 0 16px; }
.gd-body ul, .gd-body ol { margin: 0 0 16px; padding-inline-start: 22px; }
.gd-body li { margin: 4px 0; }
.gd-body code { font-family: var(--font-mono, ui-monospace, Menlo, monospace); font-size: .9em; background: #f1edf8; padding: 1px 6px; border-radius: 6px; direction: ltr; unicode-bidi: isolate; }
.gd-body pre { background: #1b1537; color: #ece8ff; border-radius: 14px; padding: 14px 16px; overflow-x: auto; line-height: 1.7; font-size: 15px; }
.gd-body pre code { background: none; padding: 0; color: inherit; }
.gd-box { margin: 18px 0 0; padding: 16px 18px; border-radius: 16px; border: 1px solid var(--border-subtle, #ece6da); background: #fff; font-size: 17px; line-height: 1.85; }
.gd-box h2 { font-size: 16px; margin: 0 0 6px; color: var(--fg-accent-text, #c0303f); }
.gd-box p { margin: 0; }
.gd-related { margin: 24px 0 0; }
.gd-related h2 { font-size: 16px; margin: 0 0 10px; }
.gd-related ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.gd-related a { display: inline-flex; gap: 6px; align-items: center; padding: 8px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--border-subtle, #ece6da); color: #1b1537; text-decoration: none; font-size: 15px; }
.gd-pn { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 30px 0 0; }
.gd-pn a { display: grid; gap: 2px; padding: 14px 16px; border-radius: 16px; background: #fff; border: 1px solid var(--border-subtle, #ece6da); color: #1b1537; text-decoration: none; }
.gd-pn small { color: #6b6488; font-size: 13px; }
.gd-pn .next { text-align: end; }

/* The PDF gate */
.gd-gate { display: grid; grid-template-columns: 1fr; gap: 18px; align-items: center; margin: 48px auto 0; max-width: 900px; padding: 22px; border-radius: 24px;
  background: linear-gradient(135deg, #1b1145 0%, #3a1a8a 55%, #1f5f8a 100%); color: #fff; }
@media (min-width: 720px) { .gd-gate { grid-template-columns: 160px 1fr; padding: 28px; } }
.gd-gate-cover img { width: 160px; height: 160px; border-radius: 18px; display: block; margin: 0 auto; }
.gd-gate h2 { margin: 0 0 8px; font-size: clamp(22px, 3vw, 28px); color: #fff; }
.gd-gate p { margin: 0 0 14px; line-height: 1.8; color: #e6e1ff; }
.gd-form { display: grid; gap: 10px; }
@media (min-width: 720px) { .gd-form { grid-template-columns: 1fr 1.2fr auto; align-items: start; } }
.gd-phone { display: flex; gap: 8px; }
.gd-cc { display: inline-flex; align-items: center; gap: 4px; padding: 0 10px; height: 50px; border-radius: 14px; background: #fff; color: #16103a; direction: ltr; }
.gd-cc input { width: 56px; border: 0; font: inherit; background: transparent; color: inherit; }
.gd-field { flex: 1; }
.gd-field input { width: 100%; height: 50px; padding: 0 16px; border-radius: 14px; border: 0; background: #fff; color: #16103a; font: inherit; font-size: 16px; box-sizing: border-box; }
.gd-btn { display: inline-flex; justify-content: center; align-items: center; height: 50px; padding: 0 22px; border-radius: 14px; border: 0; background: var(--fg-accent, #f5536a); color: #fff; font: inherit; font-weight: 700; font-size: 16px; cursor: pointer; text-decoration: none; }
.gd-btn:active { transform: scale(.98); }
.gd-btn[disabled] { opacity: .6; }
.gd-err { grid-column: 1 / -1; margin: 0; color: #ffd0d6; font-size: 14px; }
.gd-note { font-size: 13px; color: #c9c2ef; margin: 12px 0 0; }
.gd-done p { margin-bottom: 12px; }
.gd-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.gd-hp { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); opacity: 0; pointer-events: none; }   /* never offset it: on an RTL page a far-off box becomes scrollable space */
.gd-gate.is-compact { margin-top: 36px; }

/* Request a term */
.gd-req { max-width: 900px; margin: 36px auto 0; padding: 20px 22px; border-radius: 20px; background: #fff; border: 1px dashed #c9bdea; }
.gd-req h2 { margin: 0 0 6px; font-size: 20px; }
.gd-req p { margin: 0 0 12px; color: #4b4568; }
.gd-req form { display: grid; gap: 10px; }
.gd-req input:not([type=hidden]) { height: 48px; padding: 0 14px; border-radius: 12px; border: 1px solid #ddd5ea; font: inherit; font-size: 16px; background: #fcfbf8; }
.gd-req button { height: 48px; padding: 0 20px; border-radius: 12px; border: 0; background: #1b1537; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.gd-req .ok { color: #13805a; font-weight: 700; margin: 8px 0 0; }

/* Book intro on the index */
.gd-intro { max-width: 760px; margin: 40px auto 0; padding: 0 16px; font-size: 18px; line-height: 1.95; color: #221c3e; }
.gd-intro h2 { font-size: 22px; margin: 28px 0 8px; }
.gd-intro p { margin: 0 0 14px; }
.gd-intro ul { padding-inline-start: 22px; }

/* ── Index rows (GuideRow): picture + text, no card. Sides alternate; every 6th term is a centred hero. ── */
.gx-wrap { max-width: 1180px; margin: 0 auto; padding: 0 16px; overflow-x: clip; }
.gx-list { display: grid; gap: clamp(56px, 8vw, 104px); margin-top: clamp(40px, 6vw, 72px); }
.gx { display: grid; grid-template-columns: 1fr; gap: 22px; align-items: center; }
.gx-art { display: block; }
.gx-art img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; display: block; border-radius: 28px; background: #f6f2ea; }
.gx-text { display: grid; gap: 10px; justify-items: start; min-width: 0; }
.gx-ch { font-size: 14px; font-weight: 700; color: #8a83a6; }
.gx-names { margin: 0; display: grid; gap: 4px; line-height: 1.2; }
.gx-names a { color: #16103a; text-decoration: none; display: grid; gap: 6px; }
.gx-en { font-family: var(--font-arabic-display, inherit); font-size: clamp(40px, 6vw, 68px); font-weight: 700; line-height: 1.05; color: #16103a; justify-self: start; unicode-bidi: isolate; letter-spacing: -.02em; }
.gx-ar { font-size: clamp(22px, 2.8vw, 32px); font-weight: 600; color: #4b3f8f; justify-self: start; }
.gx-tldr { margin: 6px 0 0; font-size: clamp(19px, 2vw, 22px); line-height: 1.75; color: #221c3e; font-weight: 600; }
.gx-more-text { margin: 0; font-size: 17px; line-height: 1.9; color: #4b4568; }
.gx-cta { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; padding: 11px 20px; border-radius: 999px; border: 1.5px solid #1b1537; color: #1b1537; background: transparent; font-weight: 700; font-size: 16px; text-decoration: none; transition: background .2s, color .2s; }
.gx-cta:hover { background: #1b1537; color: #fff; }
.gx-cta:active { transform: scale(.98); }
@media (min-width: 900px) {
  .gx-start, .gx-end { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(36px, 5vw, 72px); }
  .gx-start .gx-art { order: 0; }   /* RTL: first column = right — picture on the right, text on the left */
  .gx-end .gx-art { order: 2; }     /* picture on the left, text on the right */
  .gx-start .gx-art img, .gx-end .gx-art img { max-width: 540px; }
  .gx-end .gx-art img { margin-inline-start: auto; }
}
/* The hero: the picture centred and large, the text centred under it. */
.gx-hero { justify-items: center; text-align: center; }
.gx-hero .gx-art { width: 100%; max-width: 680px; }   /* a centred grid item would otherwise shrink to an unloaded (lazy) image: 0 px */
.gx-hero .gx-art img { box-shadow: 0 30px 80px rgba(27, 17, 69, .14); }
.gx-hero .gx-text { justify-items: center; max-width: 760px; }
.gx-hero .gx-names a { justify-items: center; }
.gx-hero .gx-en { font-size: clamp(48px, 8vw, 92px); justify-self: center; }
.gx-hero .gx-ar { font-size: clamp(24px, 3.2vw, 36px); justify-self: center; }
/* Loader for the next rows */
.gx-loader { display: grid; justify-items: center; gap: 12px; padding: 48px 0 8px; }
.gx-spin { width: 28px; height: 28px; border-radius: 50%; border: 3px solid #e4ddf3; border-top-color: #4b22b0; opacity: 0; }
.gx-loader.is-loading .gx-spin { opacity: 1; animation: gx-spin .8s linear infinite; }
@keyframes gx-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .gx-loader.is-loading .gx-spin { animation: none; } }

/* Every term as a plain link, by chapter */
.gd-all { max-width: 1100px; margin: 72px auto 0; padding: 0 16px; }
.gd-all > h2 { font-size: clamp(22px, 3vw, 28px); margin: 0 0 18px; }
.gd-all-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 22px 32px; }
.gd-all h3 { font-size: 15px; color: var(--fg-accent-text, #c0303f); margin: 0 0 8px; }
.gd-all ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 4px; }
.gd-all a { color: #221c3e; text-decoration: none; font-size: 15px; line-height: 1.7; }
.gd-all a:hover { color: #4b22b0; text-decoration: underline; }
.gd-all a span { color: #8a83a6; font-size: 13px; }

/* ── «قاموس التقنية بالعربي» (2026-10-13): the project intro, the community names, the forms, the embed box ── */
.qx-intro { max-width: 1180px; margin: clamp(48px, 7vw, 88px) auto 0; padding: 0 16px; display: grid; gap: clamp(24px, 4vw, 56px); align-items: center; }
.qx-intro-art { margin: 0; }
.qx-intro-art img { width: 100%; height: auto; display: block; border-radius: 28px; background: #f6f2ea; box-shadow: 0 30px 80px rgba(27, 17, 69, .12); }
.qx-intro-art.is-square img { aspect-ratio: 1 / 1; max-width: 520px; margin-inline: auto; }
.qx-intro-text h2 { margin: 0 0 14px; font-size: clamp(28px, 3.6vw, 42px); line-height: 1.3; color: #16103a; }
.qx-intro-text p { margin: 0 0 14px; font-size: clamp(17px, 1.6vw, 19px); line-height: 1.95; color: #2d2850; }
@media (min-width: 900px) {
  .qx-intro { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
  .qx-intro.qx-flip { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }
  .qx-flip .qx-intro-art { order: 2; }
}
.qx-stats { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 22px; color: #4b4568; font-size: 16px; }
.qx-stats b { display: block; font-size: 30px; line-height: 1.1; color: #16103a; font-family: var(--font-arabic-display, inherit); }
.qx-steps { margin: 4px 0 16px; padding: 0; list-style: none; display: grid; gap: 10px; }
.qx-steps li { position: relative; padding-inline-start: 28px; font-size: 17px; line-height: 1.8; color: #2d2850; }
.qx-steps li::before { content: ""; position: absolute; inset-inline-start: 4px; top: .7em; width: 10px; height: 10px; border-radius: 50%; background: #6c3fd6; box-shadow: 0 0 0 4px #ece4fd; }
.qx-steps b { color: #16103a; }
.qx-h { margin: clamp(56px, 8vw, 96px) 0 clamp(28px, 4vw, 48px); text-align: center; font-size: clamp(26px, 3.4vw, 38px); color: #16103a; }

/* Names + votes on a term page */
.dn { margin: 22px 0 0; padding: 20px 20px 16px; border-radius: 20px; background: #fff; border: 1px solid #e7e0f6; }
.dn > h2 { margin: 0 0 8px; font-size: 22px; color: #16103a; }
.dn-lead { margin: 0 0 14px; font-size: 16px; line-height: 1.85; color: #3b3560; }
.dn-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.dn-name { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px 10px 10px; border-radius: 14px; background: #faf8fd; border: 1px solid #efeaf8; }
.dn-name.is-main { background: #f3effc; border-color: #d9cdf6; }
.dn-txt { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; min-width: 0; }
.dn-n { font-size: 18px; font-weight: 700; color: #16103a; }
.dn-badge { font-size: 12px; font-weight: 700; color: #4b22b0; background: #e6dcfb; padding: 2px 8px; border-radius: 999px; }
.dn-by { font-size: 13px; color: #7a7397; }
.dn-vote { flex: none; display: inline-flex; align-items: center; gap: 6px; min-width: 64px; height: 40px; padding: 0 12px; border-radius: 12px; border: 1.5px solid #cfc4ec;
  background: #fff; color: #4b3f8f; font: inherit; font-size: 15px; cursor: pointer; justify-content: center; }
.dn-vote:hover { border-color: #6c3fd6; }
.dn-vote[aria-pressed="true"] { background: #1b1537; border-color: #1b1537; color: #fff; }
.dn-vote:active { transform: scale(.98); }
.dn-msg { margin: 10px 0 0; font-size: 14px; color: #c0303f; }
.dn-rule { margin: 12px 0 4px; font-size: 13px; line-height: 1.8; color: #7a7397; }
.dn-more { margin-top: 10px; border-top: 1px solid #efeaf8; padding-top: 10px; }
.dn-more summary { cursor: pointer; font-weight: 700; color: #1b1537; font-size: 15px; padding: 4px 0; }
.dn-form { display: grid; gap: 10px; margin-top: 10px; }
.dn-form label > span { display: block; font-size: 14px; font-weight: 600; color: #3b3560; margin-bottom: 4px; }
.dn-form input[type=text], .dn-form input[type=tel], .dn-form textarea { width: 100%; box-sizing: border-box; padding: 12px 14px; border-radius: 12px; border: 1px solid #ddd5ee; background: #fff;
  font: inherit; font-size: 16px; color: #16103a; }
.dn-form textarea { resize: vertical; }
.dn-form input:focus, .dn-form textarea:focus { outline: 2px solid #6c3fd6; outline-offset: 1px; }
.dn-two { display: grid; gap: 10px; }
@media (min-width: 720px) { .dn-two { grid-template-columns: 1fr 1fr; } }
.dn-kinds { border: 0; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 15px; }
.dn-btn { justify-self: start; height: 46px; padding: 0 22px; border-radius: 12px; border: 1.5px solid #1b1537; background: #1b1537; color: #fff; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer; }
.dn-btn[disabled] { opacity: .6; }
.dn-note { margin: 0; font-size: 13px; line-height: 1.8; color: #7a7397; }
.dn-out { margin: 0; padding: 10px 12px; border-radius: 12px; background: #eefaf3; color: #155c3a; font-size: 15px; line-height: 1.8; }
.dn-out.is-err { background: #fdeff0; color: #a3222f; }
.dn-link { font-weight: 700; color: inherit; }
.dj { border: 1px dashed #d9cdf6; border-radius: 14px; padding: 12px; margin: 0; display: grid; gap: 10px; }
.dj legend { font-size: 13px; line-height: 1.8; color: #4b4568; padding: 0 6px; }
.dj-row { display: grid; gap: 10px; }
@media (min-width: 720px) { .dj-row { grid-template-columns: 1fr 1.2fr; } }
.dj .gd-cc, .dj .gd-field input { border: 1px solid #ddd5ee; height: 46px; }
.dj-known { margin: 0; font-size: 14px; color: #4b4568; }
.gd-req .dn-form { margin-top: 4px; }

/* Add the dictionary to your site */
.qx-embed { max-width: 900px; margin: 56px auto 0; padding: 24px; border-radius: 24px; background: #1b1537; color: #ece8ff; }
.qx-embed h2 { margin: 0 0 8px; font-size: 26px; color: #fff; }
.qx-embed p { margin: 0 0 14px; line-height: 1.9; }
.qx-demo { padding: 14px 16px; border-radius: 14px; background: #fff; color: #1b1537; font-size: 17px; line-height: 2; }
.qx-try { font-weight: 700; color: #6c3fd6; }
.qx-code { display: flex; gap: 10px; align-items: center; padding: 10px 10px 10px 14px; border-radius: 14px; background: #0f0b26; overflow-x: auto; }
.qx-code code { flex: 1; font-family: var(--font-mono, ui-monospace, monospace); font-size: 14px; color: #a7f3ee; white-space: nowrap; }
.qx-copy { flex: none; height: 38px; padding: 0 16px; border-radius: 10px; border: 1.5px solid #ece8ff; background: transparent; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.qx-opts { margin-top: 12px; }
.qx-opts summary { cursor: pointer; font-weight: 700; }
.qx-opts ul { margin: 10px 0 0; padding-inline-start: 20px; line-height: 2; }
.qx-opts code { background: #0f0b26; color: #a7f3ee; padding: 1px 6px; border-radius: 6px; font-size: 13px; }
/* The forms' hidden anti-spam field: never wider than a pixel, whatever a form's input rules say (a full-width one sideways-scrolled the page). */
.dn-form, .gd-form, .gd-req form { position: relative; }
input.gd-hp { position: absolute !important; inset-inline-start: 0; top: 0; width: 1px !important; height: 1px !important; padding: 0 !important; border: 0 !important; margin: 0 !important; overflow: hidden; clip-path: inset(50%); opacity: 0; pointer-events: none; }

.gd-form.is-known { grid-template-columns: auto; justify-content: start; }
.dj[hidden] { display: none; }

/* "Want to add this to your website?" (components/QamoosEmbed.astro) + the "show more" button */
.qx-ways { margin: 6px 0 0; padding-inline-start: 22px; display: grid; gap: 14px; line-height: 1.9; }
.qx-ways .qx-code { margin-top: 8px; }
.qx-ways a { color: #a7f3ee; font-weight: 700; }
.qx-ways > li > code { background: #0f0b26; color: #a7f3ee; padding: 1px 6px; border-radius: 6px; font-size: 13px; }
.qx-code code[dir=rtl] { white-space: normal; font-family: inherit; font-size: 15px; }
.qx-embed.is-compact { margin-top: 28px; }
.gx-more-btn { font-size: 17px; padding: 14px 26px; }