/* Quaderno styles for Help Scout */
/* R.2.5.1 - 11/Nov/2025 */


/* @1 COMMON */
@font-face {
  font-family: 'Readex Pro';
  src: url('https://quaderno.io/fonts/readexpro.woff2') format('woff2');
  font-display: swap;
  font-weight: 160 700;
  font-optical-sizing: auto;
  font-variation-settings:
    "HEXP" 0;
}

/* variables */
:root {
    --sans-serif: 'Readex Pro', system-ui, 'Segoe UI', 'Roboto', 'Oxygen', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --monospace: 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', Courier, monospace;
    --ink-color: hsl(40, 5%, 12%);
    --white-color: #fff;
    --porcelain-gray-color: #f5f6f7;
    --iron-gray-color: #bbb9b4;
    --hit-gray-color: #bbb9b4;
    --valencia-red-color: #de4949;
  }
  
  /* basic styles */
  body {
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%; /* fix webkit inflation algorithm */
    font-family: 'Readex Pro', system-ui, 'Segoe UI', 'Roboto', 'Oxygen', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* var(--sans-serif) */
    font-variant-numeric: lining-nums tabular-nums slashed-zero;
  }
  ::selection {
    background: #201f1d;
    color: #fff; /* var(--white-color) */
  }
  input, button, select, textarea {
    font-family: 'Readex Pro', system-ui, 'Segoe UI', 'Roboto', 'Oxygen', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* var(--sans-serif) */
  }
  select {
    border-color: #bbb9b4; /* var(--hit-gray-color) */;
  }
  textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border: 1px solid #bbb9b4; /* var(--hit-gray-color) */
    box-shadow: none;
  }
  textarea:focus, input:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #201f1d;
    box-shadow: none;
  }
  select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    color: #201f1d;
  }
  button {
    font-weight: 300;
  }
  
  /* code, pre, mark */
  code, pre, mark, .inline-code {
    font-family: 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', Courier, monospace; /* var(--monospace) */
  }
  #fullArticle mark, #fullArticle .inline-code, #fullArticle p code, #fullArticle li code {
    line-height: 1;
    padding: 1px 4px;
    white-space: normal;
    border-radius: 3px;
  }
  #fullArticle mark, #fullArticle .inline-code {
    color: #de4949;  /* var(--valencia-red-color) */
    background-color: #f5f6f7; /* var(--porcelain-gray-color) */
  }
  /* inline code */
  #fullArticle p code, #fullArticle li code {
    color: #fff;
    background-color: #42484d;
    border: none;
  }
  #fullArticle pre.highlight {
    padding: 20px 15px 0 15px;
  }
  #fullArticle pre.highlight code {
    line-height: inherit;
    padding: 0;
    white-space: inherit;
  }
  
  /* @2 MAIN HEADER */
  
  /* quaderno logo */
  a.brand > img {
    display: inline-block;
    height: 23px;
    width: auto;
    max-width: 100%;
  }
  .navbar .brand {
    padding-top: 14px;
    line-height: inherit;
  }

  /* global navigation */
  .navbar .nav #en {
    order: 1;
  }
  .navbar .nav #fr {
    order: 2;
  }
  .navbar .nav #es {
    order: 3;
  }
  .navbar .nav > li > a {
    padding: 6px 8px;
  }
  
  
  /* @3 HOMEPAGE */
  
  /* homepage hero */
  #docsSearch {
    border: none;
    background-color: #fff; /* var(--white-color) */
  }
  #docsSearch h1 {
    margin: 0;
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 48px;
    color: #201f1d;
  }
  /* search */
  #searchBar {
    display: flex;
    padding: 24px 0;
    position: inherit;
  }
  #searchBar .search-query {
    border-radius: 4px;
  }
  #searchBar button {
    margin-left: 4px;
    position: inherit;
    top: 0;
    right: 0;
    font-size: 1.25rem;
    text-shadow: none;
    background: #201f1d;
    border: none;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
  }
  #searchBar button:hover, #searchBar button:focus {
    background: #201f1d;
  }
  /* search bar on small */
  @media (max-width: 480px) {
    #searchBar .search-query {
      margin-right: 0;
    }
    #searchBar button .icon-search {
      color: #fff /* var(--white-color) */
    }
  }
  
  /* homepage collection */
  .collection-category h2 {
    margin-bottom: 16px;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 36px;
  }
  .collection-category h2 a {
    color: #201f1d;
  }
  
  /* homepage categories */
  .category-list .category {
    box-sizing: border-box;
    margin: 0 10px 20px;
    border-color: #201f1d;
    background-color: #fff; /* var(--white-color) */
    background-repeat: no-repeat;
    background-position: center 36px;
    background-size: 80px 80px;
    border-radius: 4px;
    box-shadow: rgb(0, 0, 0) -4px 6px 0px 0px;
    transition: all 0.2s ease-in-out;
  }
  .category-list h3 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 24px;
    color: #201f1d;
  }
  .category-list p {
    font-size: 16px;
  }
  .category-list .category p {
    font-weight: 300;
    line-height: 20px;
    color: #201f1d;
  }
  .category-list .category .article-count {
    margin-top: 16px;
    font-weight: 300;
    line-height: 20px;
  }
  
  
  /* CATEGORIES ICONS */
  /* english, spanish, french */
  
  #collection-category-446 .category-list .category, #collection-category-742 .category-list .category, #collection-category-819 .category-list .category {
    padding: 135px 16px 16px;
    background-repeat: no-repeat;
    background-position: center 36px;
    background-size: 80px 80px;
  }
  
  /* getting started */
  #category-449, #category-745, #category-825 {
    background-image: url('https://assets.quaderno.io/images/support/start.svg');
  }
  /* taxes */
  #category-705, #category-746, #category-826 {
    background-image: url('https://assets.quaderno.io/images/support/taxes.svg');
  }
  /* reports */
  #category-510, #category-747, #category-827 {
    background-image: url('https://assets.quaderno.io/images/support/reports.svg');
  }
  /* documents */
  #category-450, #category-748, #category-828 {
    background-image: url('https://assets.quaderno.io/images/support/documents.svg');
  }
  /* contacts */
  #category-451, #category-749, #category-829 {
    background-image: url('https://assets.quaderno.io/images/support/contacts.svg');
  }
  /* products */
  #category-454, #category-750, #category-830 {
    background-image: url('https://assets.quaderno.io/images/support/products.svg');
  }
  /* settings */
  #category-453, #category-751, #category-831 {
    background-image: url('https://assets.quaderno.io/images/support/settings.svg');
  }
  /* account management */
  #category-599, #category-752, #category-832 {
    background-image: url('https://assets.quaderno.io/images/support/account-management.svg');
  }
  /* glossary */
  #category-452, #category-753, #category-833 {
    background-image: url('https://assets.quaderno.io/images/support/glossary.svg');
  }

  /* checkout 
  #category-455 {
    background-image: url('https://assets.quaderno.io/images/support/checkout.svg');
  }*/
  
  
  /* INTEGRATION LOGOS */
  /* english, spanish, french */ 
  
  #collection-category-456 .category-list .category, #collection-category-754 .category-list .category, #collection-category-822 .category-list .category {
    padding: 96px 16px 16px;
    background-repeat: no-repeat;
    background-position: center 36px;
    background-size: 230px auto;
  }
  /* integrations: hide title and description */
  #collection-category-456 .category-list .category:not(#category-675) h3, #collection-category-754 .category-list .category:not(#category-757) h3, #collection-category-822 .category-list .category:not(#category-860) h3, #collection-category-456 .category-list .category p:not(.article-count), #collection-category-754 .category-list .category p:not(.article-count), #collection-category-822 .category-list .category p:not(.article-count), #collection-category-456 .category-list #category-675 .article-count, #collection-category-754 .category-list #category-757 .article-count, #collection-category-822 .category-list #category-860 .article-count {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
  }
  /* easy-digital-downloads */
  #category-459, #category-766, #category-851 {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/easy-digital-downloads.svg');
  }
  /* e-invoicing */
  #category-1243, #category-1239, #category-1204 {
    background-image: url('https://quaderno-cms.s3.eu-west-1.amazonaws.com/e_invoice_3a52f7a4ca.svg');
    background-size: 64px auto !important;
    > h3 {
      position: inherit !important;
      width: 100% !important;
      height: inherit !important;
      overflow: inherit !important;
      clip: inherit !important;
    }
  }
  /* registration and filing */
  #category-1252, #category-1254, #category-1256 {
    background-image: url('https://quaderno-cms.s3.eu-west-1.amazonaws.com/Archive_e4208851d5.svg');
  } 
  /* amazon */
  #category-460, #category-765, #category-852 {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/amazon.svg');
  }
  /* gocardless */
  #category-461, #category-764, #category-853 {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/gocardless.svg');
  }
  /* paypal */
  #category-462, #category-763, #category-854 {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/paypal.svg');
  }
  /* quaderno-checkout */
  #category-650, #category-762, #category-855 {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/quaderno-checkout.svg');
  }
  /* shopify */
  #category-463, #category-761, #category-856 {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/shopify.svg');
  }
  /* stripe */
  #category-464, #category-760, #category-857 {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/stripe.svg');
  }
  /* woocommerce */
  #category-465, #category-759, #category-858 {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/woocommerce.svg');
  }
  /* xero */
  #category-466, #category-758, #category-859 {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/xero.svg');
  }
  /* accessallly */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/accessally.svg');
  }
  /* bigcommerce */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/bigcommerce.svg');
  }
  /* braintree */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/braintree.svg');
  }
  /* checkoutjoy */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/checkoutjoy.svg');
  }
  /* clickfunnels */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/clickfunnels.svg');
  }
  /* kajabi */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/kajabi.svg');
  }
  /* kartra */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/kartra.svg');
  }
  /* kooneo */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/kooneo.svg');
  }
  /* learnworlds */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/learnworlds.svg');
  }
  /* membermouse */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/membermouse.svg');
  }
  /* memberpress */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/memberpress.svg');
  }
  /* mighty-networks */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/mighty-networks.svg');
  }
  /* podia */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/podia.svg');
  }
  /* quickbooks */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/quickbooks.svg');
  }
  /* recurly */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/recurly.svg');
  }
  /* s2member */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/s2member.svg');
  }
  /* samcart */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/samcart.svg');
  }
  /* sendowl */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/sendowl.svg');
  }
  /* square */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/square.svg');
  }
  /* squarespace */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/squarespace.svg');
  }
  /* teachable */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/teachable.svg');
  }
  /* teachery */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/teachery.svg');
  }
  /* thinkific */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/thinkific.svg');
  }
  /* thrivecart */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/thrivecart.png');
  }
  /* zapier */
  #category-xx {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/zapier.svg');
  }
  /* more integrations */
  #category-675, #category-757, #category-860 {
    background-image: url('https://assets.quaderno.io/images/integrations-logos/integrations-icon.svg');
  }
  
  
  /* @4 ARTICLES (DETAIL PAGES) */
  #main-content {
    background: none;
  }
  .contentWrapper {
    border-color: #e9e5e5;
    border-radius: 4px;
  }
  .icon-article-doc::before, .icon-print::before {
    color: #bbb9b4; /* var(--hit-gray-color) */
  }
  /* article text components */
  #fullArticle h1, #fullArticle h2, #fullArticle h3, #fullArticle h4, #fullArticle h5, #fullArticle strong, #categoryHead h1 {
    color: #201f1d;
  }
  #fullArticle strong {
    font-weight: 500;
  }
  #fullArticle h1, #fullArticle h2, #fullArticle h3, #fullArticle h4, #fullArticle h5, #categoryHead h1 {
    font-weight: 500;
  }
  #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div:not(.highlight), #fullArticle blockquote, #fullArticle dd {
    line-height: 28px;
    font-weight: 300;
  }
  /* quotes */
  #fullArticle blockquote {
    font-style: italic;
    border-left-color: #bbb9b4;;
    border-width: 4px;
    padding: 3px 0 3px 16px;
  }
  #fullArticle blockquote p {
    margin-bottom: 0;
  }
  #fullArticle blockquote p + p {
    margin-top: 1.5em;
  }
  /* article h1 */
  #fullArticle .title, #categoryHead h1, #fullArticle h1 {
    margin-bottom: 40px;
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 48px;
  }
  /* article h2 */
  #fullArticle h2 {
    padding-top: 16px;
    margin-bottom: 24px;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 36px;
  }
  #fullArticle img {
    padding: 0;
    border-color: #bbb9b4;
  }
  /* tables */
  #fullArticle table {
    display: block;
    overflow: auto;
    max-width: 100%;
  }
  #fullArticle table caption + thead tr:first-child th, #fullArticle table caption + thead tr:first-child td, #fullArticle table colgroup + thead tr:first-child th, #fullArticle table colgroup + thead tr:first-child td, #fullArticle table thead:first-child tr:first-child th, #fullArticle table thead:first-child tr:first-child td {
    border-top: 1px solid #bbb9b4;
  }
  #fullArticle table th {
    color: #201f1d;
    background-color: #f4f6f7;
  }
  #fullArticle table th, #fullArticle table td {
    border: 1px solid #bbb9b4;
  }
  /* links */
  #fullArticle a {
    text-decoration: underline !important;
  }
  #fullArticle .printArticle, #fullArticle a:hover, #fullArticle a:focus {
    text-decoration: none !important;
  }
  
  /* callouts */
  #fullArticle aside {
    margin-bottom: 24px;
    background: #fdf8f4;
    border: 1px solid #bbb9b4;
    border-radius: 4px;
  }
  #fullArticle aside.info {
    background-color: #f4f6f7;
    border-color: rgba(50, 77, 92, 0.7);
  }
  #fullArticle .callout-yellow, #fullArticle .callout-blue, #fullArticle .callout-red, #fullArticle .callout-green, #fullArticle .callout, #fullArticle .private-note {
    border-radius: 4px;
  }
  
  /* updates text */
  .articleFoot p, .articleFoot time {
    font-family: 'Segoe UI', 'Roboto', 'Oxygen', 'Helvetica Neue' Helvetica, Arial, sans-serif !important;
    font-style: normal;
    color: #bbb9b4; /* var(--hit-gray-color) */
  }
  /* articles rating */
  .articleRatings {
    color: #201f1d;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #bbb9b4;
    box-shadow: none;
    border-radius: 0;
  }
  
  /* SIDEBAR */
  #sidebar #searchBar.sm {
    margin-bottom: 32px;
  }
  #sidebar #searchBar button, #sidebar #searchBar button:hover, #sidebar #searchBar button:focus {
    background: none;
  }
  #sidebar form .search-query {
    border-color: #bbb9b4; /* var(--hit-gray-color) */;
    border-radius: 4px;
  }
  #sidebar form .search-query:focus {
    border-color: #201f1d;
    box-shadow: none;
  }
  
  #sidebar .icon-search {
    color: #bbb9b4; /* var(--hit-gray-color) */
  }
  #sidebar h3, .related h3 {
    margin-bottom: 24px;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 28px;
    text-transform: none;
  }
  #sidebar .nav-list a {
    font-size: 1rem;
    line-height: 28px;
  }
  #sidebar h3, #sidebar .nav-list a {
    color: #201f1d;
  }
  #sidebar .nav-list a {
    font-weight: 300;
    text-decoration: none;
  }
  #sidebar .nav-list a:hover, #sidebar .nav-list a:focus {
    color: #201f1d;
    text-decoration: underline;
  }
  #sidebar .nav-list .active a, #sidebar .nav-list .active a:hover, #sidebar .nav-list .active a:focus, #sidebar .nav-list .active a .icon-arrow::before {
    font-weight: 500;
    color: #201f1d;
  }
  #sidebar .nav-list .active a:hover, #sidebar .nav-list .active a:focus {
    text-decoration: none;
  }
  
  /* related block */
  .related {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
  }
  .related ul {
    padding-top: 0;
  }
  .related ul > li a {
    color: #201f1d;
  }
  
  /* serp */
  #serp-dd .result li a {
    color: #201f1d;
  }
  
  /* @5 FOOTER */
  
  footer p, footer p a {
    color: #bbb9b4; /* var(--hit-gray-color) */
  }
  footer p a:hover, footer p a:focus {
    color: #201f1d;
  }
  /* remove HS footer text */
  footer > p > span {
    display: none;
  }
  
  
  /* @6 RESPONSIVE */
  
  /* homepage categories layout */
  @media (max-width: 650px) {
    .category-list .category {
      margin: 0 0 20px;
      width: 100%;
    }
  }
  @media (min-width: 651px) and (max-width: 768px) {
    /* main categories height */
    #collection-category-446 .category-list .category, #collection-category-742 .category-list .category, #collection-category-819 .category-list .category {
      min-height: 300px;
    }
    /* integrations height */
    #collection-category-456 .category-list .category, #collection-category-754 .category-list .category, #collection-category-822 .category-list .category {
      min-height: 192px;
    }
    .category-list .category {
      width: calc(100%/2 - 22px);
    }
  }
  
  
  /* SMALL MEDIA QUERY */
  @media (max-width: 768px) {
    /* hamburger button */
    .navbar .btn-navbar {
      top: 2px;
      right: -15px;
      margin-top: 8px;
    }
    .navbar .btn-navbar .icon-bar {
      border-radius: 0;
      background: #fff; /* var(--white-color) */
    }
    /* global navigation */
    .navbar .nav {
      display: flex;
      flex-direction: column;
    }

    /* homepage hero */
    #docsSearch {
      background: #f3d6b7 url('https://assets.quaderno.io/images/support/header-background-small.svg') left bottom no-repeat;
      background-size: cover;
    }
    /* article texts */
    #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div:not(.highlight), #fullArticle blockquote, #fullArticle dd, #fullArticle aside, #fullArticle .callout-yellow p, #fullArticle .callout-blue p, #fullArticle .callout-red p, #fullArticle .callout-green p, #fullArticle .callout p, #fullArticle .private-note p {
      font-size: 0.875rem;
    }
    #fullArticle pre, #fullArticle code, #fullArticle mark, #fullArticle .inline-code {
      font-size: 0.8125rem;
    }
    /* tables */
    #fullArticle table {
      font-size: 0.8125rem;
    }
    /* callouts */
    #fullArticle aside {
      padding: 12px;
      line-height: 20px;
    }
  }
  
  
  /* LARGE MEDIA QUERY */
  @media (min-width: 769px) and (max-width: 1309px) {
    /* homepage hero */
    #docsSearch {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-bottom: 64px;
      height: 350px;
      background: #fff url('https://assets.quaderno.io/images/support/header-orange.svg') left top no-repeat;
    }
    #docsSearch::after {
      content: "";
      display: block;
      height: 160px;
      width: 165px;
      position: absolute;
      right: 30px;
      bottom: -60px;
      background-image: url('https://assets.quaderno.io/images/support/header-qoodle.svg');
      background-repeat: no-repeat;
    }
  
    /* main categories height */
    #collection-category-446 .category-list .category, #collection-category-742 .category-list .category, #collection-category-819 .category-list .category {
      min-height: 325px;
    }
    /* integrations height */
    #collection-category-456 .category-list .category, #collection-category-754 .category-list .category, #collection-category-822 .category-list .category {
      min-height: 216px;
    }
    /* homepage categories layout */
    .category-list .category {
      width: calc(100%/3 - 24px);
    }
    /* article texts */
    #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div:not(.highlight), #fullArticle blockquote, #fullArticle dd, #fullArticle aside, #fullArticle, #fullArticle .callout-yellow p, #fullArticle .callout-blue p, #fullArticle .callout-red p, #fullArticle .callout-green p, #fullArticle .callout p, #fullArticle .private-note p  {
      font-size: 1.125rem;
    }
    #fullArticle pre, #fullArticle code, #fullArticle mark, #fullArticle .inline-code {
      font-size: 0.9375rem;
    }
    /* tables */
    #fullArticle table {
      font-size: 0.875rem;
    }
    /* callouts */
    #fullArticle aside {
      padding: 16px;
      line-height: 28px;
    }
  }
  
  
  @media (min-width: 1310px) {
    /* homepage hero */
    #docsSearch {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-bottom: 90px;
      height: 364px;
      background: #fff url('https://assets.quaderno.io/images/support/header-orange.svg') left top no-repeat;
    }
    #docsSearch::after {
      content: "";
      display: block;
      height: 184px;
      width: 190px;
      position: absolute;
      right: 30px;
      bottom: -70px;
      background-image: url('https://assets.quaderno.io/images/support/header-qoodle.svg');
      background-repeat: no-repeat;
    }
  
    /* main categories height */
    #collection-category-446 .category-list .category, #collection-category-742 .category-list .category, #collection-category-819 .category-list .category {
      min-height: 300px;
    }
    /* integrations height */
    #collection-category-456 .category-list .category, #collection-category-754 .category-list .category, #collection-category-822 .category-list .category {
      min-height: 192px;
    }
    /* homepage categories layout */
    .category-list .category {
      width: calc(100%/3 - 24px);
    }
    /* article texts */
    #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div:not(.highlight), #fullArticle blockquote, #fullArticle dd, #fullArticle aside, #fullArticle .callout-yellow p, #fullArticle .callout-blue p, #fullArticle .callout-red p, #fullArticle .callout-green p, #fullArticle .callout p, #fullArticle .private-note p {
      font-size: 1.125rem;
    }
    #fullArticle pre, #fullArticle code, #fullArticle mark, #fullArticle .inline-code {
      font-size: 0.9375rem;
    }
    /* tables */
    #fullArticle table {
      font-size: 0.875rem;
    }
    /* callouts */
    #fullArticle aside {
      padding: 16px;
      line-height: 28px;
    }
  }

  /* adjustments for languages in global navigation */
  @media (min-width: 769px) {
    .navbar .nav {
      right: -14px;
      display: flex;
    }
    .navbar .nav #en, .navbar .nav #fr {
      position: relative;
    }
    .navbar .nav #en {
      margin-left: 16px;
      position: relative;
    }
    .navbar .nav #en > a, .navbar .nav #fr > a {
      padding-right: 9px;
    }
    .navbar .nav #fr > a {
      padding-left: 9px;
    }
    .navbar .nav #en > a::after, .navbar .nav #fr > a::after {
      content: '';
      position: absolute;
      top: 14px;
      right: 0;
      display: block;
      background: #bbb9b4;
      height: 16px;
      width: 1px;
      opacity: .5;
    }
    .navbar .nav #es > a {
      padding-left: 8px;
    }
  }
  
  /* @ CODE SYNTAX */
  
  /* Solarized Quaderno
  SOLARIZED HEX      ROLE
  --------- -------- ------------------------------------------
  base03    #42484d  background
  base02    #bdc1c7  comments / secondary content
  base01    #fff  body text / default code / primary content
  orange    #efb66  constants
  purple    #c0a9f6  regex, special keywords
  blue      #60c0ef  reserved keywords
  cyan      #60efe7  strings, numbers
  green     #8ce6a9  operators, other keywords
  */
  
  .highlight {
    background-color: #42484d;
    color: #fff;
    border: none;
  }
  .highlight .c {
    color: #bdc1c7;
  } /* Comment */
  .highlight .err {
    color: #fff;
  } /* Error */
  .highlight .g {
    color: #fff;
  } /* Generic */
  .highlight .k {
    color: #8ce6a9;
  } /* Keyword */
  .highlight .l {
    color: #fff;
  } /* Literal */
  .highlight .n {
    color: #fff;
  } /* Name */
  .highlight .o {
    color: #8ce6a9;
  } /* Operator */
  .highlight .x {
    color: #efb660;
  } /* Other */
  .highlight .p {
    color: #fff;
  } /* Punctuation */
  .highlight .cm {
    color: #bdc1c7;
  } /* Comment.Multiline */
  .highlight .cp {
    color: #8ce6a9;
  } /* Comment.Preproc */
  .highlight .c1 {
    color: #bdc1c7;
  } /* Comment.Single */
  .highlight .cs {
    color: #8ce6a9;
  } /* Comment.Special */
  .highlight .gd {
    color: #60efe7;
  } /* Generic.Deleted */
  .highlight .ge {
    color: #fff;
    font-style: italic;
  } /* Generic.Emph */
  .highlight .gr {
    color: #c0a9f6;
  } /* Generic.Error */
  .highlight .gh {
    color: #efb660;
  } /* Generic.Heading */
  .highlight .gi {
    color: #8ce6a9;
  } /* Generic.Inserted */
  .highlight .go {
    color: #fff;
  } /* Generic.Output */
  .highlight .gp {
    color: #fff;
  } /* Generic.Prompt */
  .highlight .gs {
    color: #fff;
    font-weight: bold;
  } /* Generic.Strong */
  .highlight .gu {
    color: #efb660;
  } /* Generic.Subheading */
  .highlight .gt {
    color: #fff;
  } /* Generic.Traceback */
  .highlight .kc {
    color: #efb660;
  } /* Keyword.Constant */
  .highlight .kd {
    color: #60c0ef;
  } /* Keyword.Declaration */
  .highlight .kn {
    color: #8ce6a9;
  } /* Keyword.Namespace */
  .highlight .kp {
    color: #8ce6a9;
  } /* Keyword.Pseudo */
  .highlight .kr {
    color: #60c0ef;
  } /* Keyword.Reserved */
  .highlight .kt {
    color: #c0a9f6;
  } /* Keyword.Type */
  .highlight .ld {
    color: #fff;
  } /* Literal.Date */
  .highlight .m {
    color: #60efe7;
  } /* Literal.Number */
  .highlight .s {
    color: #60efe7;
  } /* Literal.String */
  .highlight .na {
    color: #fff;
  } /* Name.Attribute */
  .highlight .nb {
    color: #efb660;
  } /* Name.Builtin */
  .highlight .nc {
    color: #60c0ef;
  } /* Name.Class */
  .highlight .no {
    color: #efb660;
  } /* Name.Constant */
  .highlight .nd {
    color: #60c0ef;
  } /* Name.Decorator */
  .highlight .ni {
    color: #efb660;
  } /* Name.Entity */
  .highlight .ne {
    color: #efb660;
  } /* Name.Exception */
  .highlight .nf {
    color: #60c0ef;
  } /* Name.Function */
  .highlight .nl {
    color: #fff;
  } /* Name.Label */
  .highlight .nn {
    color: #fff;
  } /* Name.Namespace */
  .highlight .nx {
    color: #fff;
  } /* Name.Other */
  .highlight .py {
    color: #fff;
  } /* Name.Property */
  .highlight .nt {
    color: #60c0ef;
  } /* Name.Tag */
  .highlight .nv {
    color: #60c0ef;
  } /* Name.Variable */
  .highlight .ow {
    color: #8ce6a9;
  } /* Operator.Word */
  .highlight .w {
    color: #fff;
  } /* Text.Whitespace */
  .highlight .mf {
    color: #60efe7;
  } /* Literal.Number.Float */
  .highlight .mh {
    color: #60efe7;
  } /* Literal.Number.Hex */
  .highlight .mi {
    color: #60efe7;
  } /* Literal.Number.Integer */
  .highlight .mo {
    color: #60efe7;
  } /* Literal.Number.Oct */
  .highlight .sb {
    color: #bdc1c7;
  } /* Literal.String.Backtick */
  .highlight .sc {
    color: #60efe7;
  } /* Literal.String.Char */
  .highlight .sd {
    color: #fff;
  } /* Literal.String.Doc */
  .highlight .s2 {
    color: #60efe7;
  } /* Literal.String.Double */
  .highlight .se {
    color: #efb660;
  } /* Literal.String.Escape */
  .highlight .sh {
    color: #fff;
  } /* Literal.String.Heredoc */
  .highlight .si {
    color: #60efe7;
  } /* Literal.String.Interpol */
  .highlight .sx {
    color: #60efe7;
  } /* Literal.String.Other */
  .highlight .sr {
    color: #c0a9f6;
  } /* Literal.String.Regex */
  .highlight .s1 {
    color: #60efe7;
  } /* Literal.String.Single */
  .highlight .ss {
    color: #60efe7;
  } /* Literal.String.Symbol */
  .highlight .bp {
    color: #60c0ef;
  } /* Name.Builtin.Pseudo */
  .highlight .vc {
    color: #60c0ef;
  } /* Name.Variable.Class */
  .highlight .vg {
    color: #60c0ef;
  } /* Name.Variable.Global */
  .highlight .vi {
    color: #60c0ef;
  } /* Name.Variable.Instance */
  .highlight .il {
    color: #60efe7;
  } /* Literal.Number.Integer.Long */