/* ==== 1-header-redesign-platform-dashboard ==== */
/* =======================================================
   HEADER REDESIGN: PLATFORM DASHBOARD LOOK (TALL & VIBRANT)
   ======================================================= */

/* --- Custom CSS Variables (Consistent Theme Colors) --- */

/* Target the button using a full chain of parent classes */
.bpress-searchbar-wrap .bpress-search-submit input[type="submit"] {
    /* 1. Use the Logo Yellow for the Button Background */
    background-color: #FFC900; 

    /* 2. Use a Dark Blue for the Text Color (for contrast on yellow) */
    color: #004080; 
    
    /* 3. Ensure theme styles don't override appearance */
    border: none; 
    font-weight: bold;
    cursor: pointer;
    
    /* Optional: Ensure consistent look and feel */
    min-width: 100px; /* Prevents it from being too narrow */
    padding: 10px 20px; /* Standard button padding */
}


:root {
    /* Harmonized with header image (#004890) */
    --color-header-primary: #28aee3;    /* Matches image color exactly */
    --color-header-secondary: #0066CC;  /* Slightly lighter blue for gradient depth */

    --color-header-text: #FFFFFF;       /* White text for contrast */
    --color-header-input-bg: #F5F7F9;   /* Light background for input field */
    --color-header-input-text: #2c3e50;
}


/* --- Main Header Container (.bpress-page-header) --- */
.bpress-page-header {
    /* OVERRIDE: Significantly increase vertical padding for HEIGHT */
    padding: 70px 0; /* Use 70px for maximum impact and height */
    
    /* OVERRIDE: Vibrant Gradient Background */
    background: linear-gradient(135deg, var(--color-header-primary) 0%, var(--color-header-secondary) 100%);
    
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); 
    margin-bottom: 30px; 
    border-bottom: none; /* Remove subtle border if gradient is used */
}

/* --- Header Content Wrapper --- */
.bpress-page-header .bpress-content-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* --- Title/Branding Area (header h2) --- */
.bpress-page-header header h2 {
    /* OVERRIDE: Large, prominent title */
    font-size: 2.8em; 
    font-weight: 900; 
    color: var(--color-header-text);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    margin-top: 0;
    margin-bottom: 25px; /* More space above search */
    line-height: 1.1;
    
    animation: fadeIn 0.8s ease-out;
}

/* Optional: Animation Keyframes */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- Search Bar Container (.bpress-searchbar-wrap) --- */
.bpress-searchbar-wrap {
    width: 100%;
    max-width: 650px; /* Constrain the search bar width */
    margin: 0 auto; /* Keep it centered */
}

/* --- Search Bar and Input Styling (Modern, Integrated Look) --- */
.bpress-search-form {
    display: flex;
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    background-color: var(--color-header-input-bg);
}

.bpress-search-field {
    flex-grow: 1;
    /* OVERRIDE: Remove standard border */
    border: none !important; 
    padding: 16px 25px; /* Larger padding for a taller input field */
    font-size: 1.1em;
    color: var(--color-header-input-text);
    outline: none !important;
    background: transparent !important;
}

.bpress-search-field::placeholder {
    color: rgba(44, 62, 80, 0.6);
}

/* --- Search Submit Button Styling --- */
.bpress-search-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: transparent;
}

.bpress-search-submit input[type="submit"] {
    /* Button inside the search bar */
    background-color: var(--color-header-secondary);
    color: var(--color-header-text);
    border: none;
    padding: 16px 30px;
    font-size: 1.1em;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
    border-radius: 0 50px 50px 0; 
    height: 100%;
    min-width: 120px;
}

.bpress-search-submit input[type="submit"]:hover {
    background-color: #008f6d; /* Darker secondary color on hover */
    transform: scale(1.01);
}

/* --- Responsive Overrides for Mobile (Keep Search Bar Usable) --- */
@media (max-width: 768px) {
    .bpress-page-header {
        /* Reduce height slightly for mobile but keep the visual impact */
        padding: 40px 15px;
    }

    .bpress-page-header header h2 {
        font-size: 1.8rem;
    }

    .bpress-search-field {
        padding: 12px 20px; /* Smaller padding on mobile */
    }
    
    .bpress-search-submit input[type="submit"] {
        padding: 12px 20px;
        font-size: 1em;
        min-width: 90px;
    }
}

/* ==== 2-kb-header-lcp ==== */
/* =============================
   KB Header LCP / ATF Optimization
   ============================= */

/* Fixed height to help Lighthouse compute LCP faster */
.bpress-page-header {
    height: 120px;               /* fixed max height */
    padding: 10px 20px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Shrink title and remove unnecessary spacing */
.bpress-page-header header h2 {
    font-size: 1.4rem;
    line-height: 1.2;
    margin: 0;                   /* remove extra margins */
    font-weight: 600;
    color: #222;
    text-align: center;
}

/* Search bar sizing */
.bpress-searchbar-wrap {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
}

.bpress-search-field {
    width: 100%;
    padding: 8px 12px;
    font-size: 0.9rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.bpress-search-submit input {
    padding: 8px 12px;
    font-size: 0.9rem;
    border-radius: 4px;
    border: 1px solid #0073e6;
    background-color: #0073e6;
    color: #fff;
    cursor: pointer;
}

/* Optional hover effect */
.bpress-search-submit input:hover {
    background-color: #005bb5;
}

/* Responsive tweaks */
@media (max-width: 768px) {
    .bpress-page-header {
        height: 100px;
        padding: 8px 15px;
    }

    .bpress-page-header header h2 {
        font-size: 1.2rem;
    }

    .bpress-searchbar-wrap {
        max-width: 100%;
    }
}

/* ==== 20-hide-yoast-faq-question ==== */
nav.bpress-pagination {
	padding-top: 15px;
}

/* Hide the question text from Yoast FAQ block only */
.schema-faq-question {
    display: none !important; 
}

/* ==== 24-css-fade-in-animation ==== */
.bpress-article-content {
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.6s ease-in-out;
}
.bpress-article-content.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ==== 25-elegant-author-box-highlight ==== */
.wp-post-author-wrap.wp-post-author-shortcode.left {
  border-top: 2px solid #eee;
  background: #fafafa;
  padding: 20px;
  margin-top: 40px;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.wp-post-author-meta-bio p {
  margin-bottom: 8px;
}

/* ==== 26-highlight-answer-section ==== */
h3.wp-block-heading:has(+ h4.wp-block-heading) {
  color: #0073aa;
  border-left: 4px solid #0073aa;
  padding-left: 10px;
  margin-top: 40px;
}

/* ==== 27-highlight-h4-headings ==== */
/* Highlight all h4 headings (short & long answers) */
.bpress-article-content h4.wp-block-heading {
  position: relative;
  background: #e6f4ff;         /* subtle blue background */
  border-left: 4px solid #0073aa; /* matches your Answer label */
  padding: 6px 12px;
  border-radius: 4px;
  margin: 20px 0 10px 0;      /* spacing above and below */
  font-weight: 600;
  color: #0073aa;
  display: inline-block;       /* shrink to content width */
}

/* Optional: add a floating "Answer" label above each h4 */
.bpress-article-content h4.wp-block-heading::before {
  content: "Answer";
  display: inline-block;
  background: #0073aa;
  color: #fff;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 3px;
  margin-bottom: 4px;
  position: absolute;
  top: -18px;   /* adjust vertical position */
  left: 0;
}

/* ==== 28-highlight-inline-code-snippets ==== */
code {
  background: #f3f4f6;
  color: #d63384;
  padding: 2px 6px;
  border-radius: 4px;
  font-family: 'Source Code Pro', monospace;
  font-size: 0.95em;
}

/* ==== 29-q-a-tag-label ==== */
blockquote.wp-block-quote::before {
  content: "Question";
  display: inline-block;
  background: #ff4500;
  color: #fff;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 4px;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.schema-faq-section::before,
h3.wp-block-heading:has(+ h4.wp-block-heading)::before {
  content: "Answer";
  display: inline-block;
  background: #0073aa;
  color: #fff;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 4px;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* ==== 30-smooth-link-hover-underline ==== */
.bpress-article-content a {
  position: relative;
  text-decoration: none;
}
.bpress-article-content a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0;
  background: currentColor;
  transition: width 0.3s ease;
}
.bpress-article-content a:hover::after {
  width: 100%;
}

/* ==== 31-stylish-blockquotes ==== */
blockquote {
  border-left: 4px solid #ff4500;
  background: #fff7f5;
  padding: 15px 20px;
  border-radius: 8px;
  font-style: italic;
}

/* ==== 34-clean-author-box-fix ==== */
/*
 * Final Author Box Fix: Image Float for Text Wrap on Mobile
 * Targets screens up to 600px wide
 */
@media (max-width: 600px) {

    /* --- Step 1: Remove Flexbox and Reset Containers --- */

    /* Reset the main wrapper from any previous Flexbox settings */
    .wp-post-author {
        display: block !important; /* Force block layout */
        padding: 20px 10px !important;
        margin: 10px 0 30px 0 !important;
    }
    
    /* Ensure the "About The Author" heading sits cleanly above */
    .wp-post-author-wrap h2, 
    .wp-post-author-wrap h3 {
        margin-bottom: 20px !important;
    }

    /* --- Step 2: Float the Image to the Left --- */

    /* Target the image container */
    .awpa-img.awpa-author-block {
        /* *** This is the key change: float the image left *** */
        float: left !important; 
        
        width: 120px !important; /* Keep the 120px size */
        height: 120px !important; 
        margin-right: 20px !important; /* Add space between image and text */
        margin-bottom: 10px !important; /* Add space below the image */
        overflow: hidden !important;
    }

    /* Ensure the actual image element is correctly sized */
    .awpa-img.awpa-author-block img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* --- Step 3: Ensure Text Clears Below Image --- */

    /* The text should naturally flow around the floated image. 
       If any elements stick to the right, we can clear them.
       We'll force the social icons and 'See author's posts' link to appear 
       below the image and full bio text. */
       
    /* The main text wrapper: no need for flexbox properties here */
    .wp-post-author-meta.awpa-author-block {
        display: block !important;
        float: none !important;
        padding-top: 0 !important;
        /* Critical: Use 'overflow: hidden' to contain the floated image
           within the author box boundaries if needed, though often not required here. */
        /* overflow: hidden; */ 
    }

    /* Clear the float for the social links and 'See posts' */
    .wp-post-author-meta-more-posts,
    .awpa-contact-info {
        /* *** This is the second key change: force elements to start below the float *** */
        clear: left !important; 
        margin-top: 15px !important;
    }
    
    /* Tidy up the social icons */
    .awpa-contact-info {
        display: flex !important;
        gap: 10px !important;
        padding: 0 !important;
        list-style: none !important;
    }
}

/* ==== 35-css-estimated-reading ==== */
.reading-time {
  font-size: 14px;
  color: #777;
  margin-top: 5px;
}

/* ==== 44-article-design ==== */
:root {
    --color-header-primary: #004890;    /* Matches image color exactly */
    --color-header-secondary: #0066CC;  /* Slightly lighter blue for gradient depth */
}

/* ================================
   GLOBAL ARTICLE AESTHETICS
================================== */
#post-179 article,
.bpress-article-content {
  font-family: "Inter", ui-sans-serif, system-ui;
  line-height: 1.65;
  color: #222;
  max-width: 820px;
  margin: auto;
  padding: 0 1.2rem;
}

/* Section headings */
.bpress-post-header h1,
h2.wp-block-heading,
h3.wp-block-heading {
  font-weight: 700;
  letter-spacing: -0.3px;
  position: relative;
  padding-bottom: 6px;
  margin-top: 3rem;
  scroll-margin-top: 90px;
}

.bpress-post-header h1 {
  font-size: 2.2rem;
  color: var(--color-header-primary);
}

h2.wp-block-heading {
  font-size: 1.6rem;
  border-left: 4px solid var(--color-header-primary);
  padding-left: 12px;
  color: var(--color-header-primary);
}

h3.wp-block-heading {
  font-size: 1.32rem;
  border-left: 3px solid var(--color-header-secondary);
  padding-left: 10px;
  color: var(--color-header-secondary);
}

/* Reading time */
.reading-time {
  font-size: 0.95rem;
  color: #666;
  margin-top: -10px;
  opacity: 0.85;
}

/* ================================
   BLOCKQUOTE – “Premium finance” style
================================== */
blockquote {
  background: linear-gradient(135deg, #f7faff, #eef4ff);
  border-left: 4px solid var(--color-header-primary);
  padding: 1.2rem 1.4rem;
  border-radius: 8px;
  margin: 2rem 0;
  font-size: 1.05rem;
  color: #333;
}

blockquote p {
  margin: 0;
}

blockquote strong {
  color: var(--color-header-primary);
}

/* ================================
   TOC / ez-toc
================================== */
#ez-toc-container {
  background: #f9fbff;
  border: 1px solid #e1e8ff;
  padding: 1rem 1.3rem;
  border-radius: 12px;
  box-shadow: 0 2px 7px rgba(0,0,0,0.06);
  margin: 2rem 0;
  transition: all .2s ease;
}

#ez-toc-container:hover {
  box-shadow: 0 3px 10px rgba(0,0,0,0.09);
}

.ez-toc-title {
  font-size: 1.1rem !important;
  font-weight: 600;
  color: var(--color-header-primary);
}

#ez-toc-container ul li a {
  color: var(--color-header-primary) !important;
  text-decoration: none;
  padding: 4px 0;
  display: inline-block;
  border-radius: 4px;
  transition: 0.15s ease;
}

#ez-toc-container ul li a:hover {
  color: var(--color-header-secondary) !important;
  background: rgba(0,102,204,0.08);
  padding-left: 6px;
}

/* Compact spacing for multi-level TOC */
.ez-toc-list li {
  margin-bottom: 6px;
}

/* ================================
   TABLES (your credit card comparison tables)
================================== */
figure.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 0.95rem;
  background: white;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

figure.wp-block-table thead th {
  background: linear-gradient(90deg, var(--color-header-primary), var(--color-header-secondary));
  color: white;
  padding: 12px 10px;
  font-weight: 600;
  text-align: left;
  font-size: 0.95rem;
}

figure.wp-block-table tbody td {
  padding: 12px 10px;
  border-bottom: 1px solid #eef1f9;
}

figure.wp-block-table tbody tr:nth-child(even) {
  background: #f7faff;
}

figure.wp-block-table tbody tr:hover {
  background: #eef3ff;
  transition: 0.12s ease;
}

/* CTA link in the table */
figure.wp-block-table td a {
  background: var(--color-header-primary);
  color: white;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 0.85rem;
  text-decoration: none;
  transition: 0.15s ease;
}

figure.wp-block-table td a:hover {
  background: var(--color-header-secondary);
}

/* ================================
   FAQ Schema styling
================================== */
.schema-faq-question {
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--color-header-primary);
}

.schema-faq-answer {
  margin: 0.5rem 0 1.4rem;
  color: #333;
  line-height: 1.55;
}

/* ================================
   SMOOTH ANCHOR SCROLL
================================== */
html {
  scroll-behavior: smooth;
}

/* ==== 46-table-column-fix ==== */
/* ========================================
   WRAPPER FOR HORIZONTAL SCROLL
   ======================================== */
.table-responsive-wrapper {
  width: 100%;
  max-width: 100%; /* Ensure no overflow on desktop */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1.5rem;
}

/* ========================================
   BASE TABLE STYLES (Desktop)
   ======================================== */
table.has-fixed-layout {
  width: 100% !important; /* Force full width */
  max-width: 100% !important;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 14px;
}

/* Header cells */
table.has-fixed-layout thead th {
  padding: 12px 10px;
  font-weight: 600;
  text-align: center;
  white-space: normal; /* Allow wrapping on desktop too */
  word-wrap: break-word;
  background-color: #0066b3;
  color: #fff;
  border: 1px solid #004d87;
  vertical-align: middle;
}

/* First column header - left aligned */
table.has-fixed-layout thead th:first-child {
  text-align: left;
  width: 25%; /* Slightly wider for long Swedish text */
}

/* Body cells */
table.has-fixed-layout tbody td {
  padding: 10px 8px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ddd;
  word-wrap: break-word;
  white-space: normal;
}

/* First column = feature names - left aligned */
table.has-fixed-layout tbody td:first-child {
  text-align: left;
  width: 25%;
  font-weight: 500;
}

/* Emoji sizing */
table.has-fixed-layout td img.emoji,
table.has-fixed-layout th img.emoji {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 1px;
}

/* Zebra striping for readability */
table.has-fixed-layout tbody tr:nth-child(even) {
  background-color: #f9fafb;
}

table.has-fixed-layout tbody tr:hover {
  background-color: #f0f4f8;
}

/* ========================================
   MOBILE RESPONSIVE STYLES (MUCH NARROWER)
   ======================================== */
@media (max-width: 768px) {
  .table-responsive-wrapper {
    overflow-x: scroll;
    margin: 0 -15px;
    padding: 0 15px;
  }
  
  table.has-fixed-layout {
    table-layout: auto;
    min-width: 480px; /* Reduced from 600px - forces narrower table */
    font-size: 10px;
  }
  
  /* VERY compact header cells - 40% narrower */
  table.has-fixed-layout thead th {
    padding: 5px 2px; /* Minimal padding */
    font-size: 9px;
    min-width: 38px; /* 40% less than 50px */
    max-width: 48px;
    line-height: 1.2;
  }
  
  /* First column header - sticky and narrow */
  table.has-fixed-layout thead th:first-child {
    min-width: 75px; /* 40% less than 95px */
    max-width: 75px;
    width: 75px !important;
    position: sticky;
    left: 0;
    z-index: 3;
    background-color: #0066b3;
    box-shadow: 2px 0 5px rgba(0,0,0,0.1);
    padding: 5px 4px;
    font-size: 9px;
  }
  
  /* VERY compact body cells - 40% narrower */
  table.has-fixed-layout tbody td {
    padding: 4px 2px; /* Minimal padding */
    font-size: 9px;
    min-width: 38px; /* 40% less */
    max-width: 48px;
    line-height: 1.2;
  }
  
  /* First column body - sticky and narrow */
  table.has-fixed-layout tbody td:first-child {
    min-width: 75px; /* 40% less than 95px */
    max-width: 75px;
    width: 75px !important;
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: #fff;
    box-shadow: 2px 0 5px rgba(0,0,0,0.1);
    padding: 4px 4px;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.2;
  }
  
  /* Keep zebra striping on sticky column */
  table.has-fixed-layout tbody tr:nth-child(even) td:first-child {
    background-color: #f9fafb;
  }
  
  table.has-fixed-layout tbody tr:hover td:first-child {
    background-color: #f0f4f8;
  }
  
  /* Much smaller emojis on mobile */
  table.has-fixed-layout td img.emoji,
  table.has-fixed-layout th img.emoji {
    width: 12px; /* Reduced from 14px */
    height: 12px;
  }
}

/* Extra small screens - ultra compact */
@media (max-width: 480px) {
  table.has-fixed-layout {
    min-width: 420px; /* Even smaller */
    font-size: 9px;
  }
  
  table.has-fixed-layout thead th {
    min-width: 35px; /* Ultra narrow */
    max-width: 45px;
    font-size: 8px;
    padding: 4px 1px;
  }
  
  table.has-fixed-layout thead th:first-child {
    min-width: 70px; /* Ultra compact first column */
    max-width: 70px;
    width: 70px !important;
    font-size: 8px;
  }
  
  table.has-fixed-layout tbody td {
    min-width: 35px;
    max-width: 45px;
    font-size: 8px;
    padding: 3px 1px;
  }
  
  table.has-fixed-layout tbody td:first-child {
    min-width: 70px;
    max-width: 70px;
    width: 70px !important;
    font-size: 8px;
    padding: 3px 3px;
  }
  
  /* Tiny emojis for very small screens */
  table.has-fixed-layout td img.emoji,
  table.has-fixed-layout th img.emoji {
    width: 10px;
    height: 10px;
  }
}

/* ==== 49-go-links ==== */
/* Animation för pulserande skugga */
@keyframes cta-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 115, 170, 0.5);
  }
  70% {
    box-shadow: 0 0 0 14px rgba(0, 115, 170, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 115, 170, 0);
  }
}

/* Huvudstil för alla CTA-länkar */
a[href*="/go/"] {
  display: inline-block;
  background: linear-gradient(135deg, #0073aa 0%, #005177 100%);
  color: #ffffff !important;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 8px;
  text-decoration: none !important;
  font-size: 1.05rem;
  margin: 12px 0;
  text-align: center;
  box-sizing: border-box; /* Säkrar att padding inte spräcker bredden */
  animation: cta-pulse 2.5s infinite;
  transition: transform 0.2s ease, background 0.2s ease;
}

/* Hover-effekt (pausar pulsen så att hover-tillståndet tar över) */
a[href*="/go/"]:hover {
  animation: none;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 115, 170, 0.4);
  background: linear-gradient(135deg, #0085ba 0%, #006399 100%);
  color: #ffffff !important;
}

/* Klick-effekt */
a[href*="/go/"]:active {
  transform: translateY(1px);
}

/* --------------------------------------------------
   CENTRERING & BREDD (Mobil + Desktop)
-------------------------------------------------- */

/* Centrera stycket i WordPress som innehåller CTA-länken */
p.wp-block-paragraph:has(a[href*="/go/"]) {
  text-align: center;
}

/* Mobilanpassning (Skärmar under 600px) */
@media (max-width: 600px) {
  a[href*="/go/"] {
    display: block;      /* Gör om länken till ett eget block */
    width: 100%;         /* Tar upp 100% av tillgänglig bredd */
    padding: 16px 20px;  /* Något större klickyta för tummar */
  }
}

/* ==== 6-remove-padding-from-inline ==== */
code {
    background: #f3f4f6;
    color: #d63384;
    padding: 0; /* Changed to 0 to remove padding */
    border-radius: 4px;
    font-family: 'Source Code Pro', monospace;
    font-size: 0.95em;
}