/* HomeASAP Help Center: shared styles for every page. Page-specific rules live in each page's \3c style>. */

/* Fonts (self-hosted): Barlow for body copy (--font-body), Barlow Condensed for headings and
   buttons (--font-display). Barlow has every weight and italic; Barlow Condensed has 400/700. */
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:100;font-display:swap;src:url(../fonts/barlow-100.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:200;font-display:swap;src:url(../fonts/barlow-200.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/barlow-300.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-500.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-600.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-700.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/barlow-800.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/barlow-900.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:100;font-display:swap;src:url(../fonts/barlow-100-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:200;font-display:swap;src:url(../fonts/barlow-200-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:300;font-display:swap;src:url(../fonts/barlow-300-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/barlow-400-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/barlow-500-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/barlow-600-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/barlow-700-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:800;font-display:swap;src:url(../fonts/barlow-800-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:900;font-display:swap;src:url(../fonts/barlow-900-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-condensed-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-condensed-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Icon glyphs from the original theme's icon font, as SVG for CSS masks. */
:root {
  --icon-e050: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M544 64Q445 64 357 102Q270 139 204.5 204.5Q139 270 102 357Q64 445 64 544Q64 643 102 731Q139 818 204.5 883.5Q270 949 357 986Q445 1024 544 1024Q643 1024 731 986Q818 949 883.5 883.5Q949 818 986 731Q1024 643 1024 544Q1024 445 986 357Q949 270 883.5 204.5Q818 139 731 102Q643 64 544 64ZM800 576H576V800Q576 813 566.5 822.5Q557 832 544 832Q531 832 521.5 822.5Q512 813 512 800V576H288Q275 576 265.5 566.5Q256 557 256 544Q256 531 265.5 521.5Q275 512 288 512H512V288Q512 275 521.5 265.5Q531 256 544 256Q557 256 566.5 265.5Q576 275 576 288V512H800Q813 512 822.5 521.5Q832 531 832 544Q832 557 822.5 566.5Q813 576 800 576Z'/%3E%3C/svg%3E");
  --icon-e04f: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M544 64Q445 64 357 102Q270 139 204.5 204.5Q139 270 102 357Q64 445 64 544Q64 643 102 731Q139 818 204.5 883.5Q270 949 357 986Q445 1024 544 1024Q643 1024 731 986Q818 949 883.5 883.5Q949 818 986 731Q1024 643 1024 544Q1024 445 986 357Q949 270 883.5 204.5Q818 139 731 102Q643 64 544 64ZM800 576H288Q275 576 265.5 566.5Q256 557 256 544Q256 531 265.5 521.5Q275 512 288 512H800Q813 512 822.5 521.5Q832 531 832 544Q832 557 822.5 566.5Q813 576 800 576Z'/%3E%3C/svg%3E");
  --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M608 0Q522 0 446 33Q370 65 313.5 121.5Q257 178 225 254Q192 330 192 416Q192 490 216.5 556.5Q241 623 284 677L9 952Q-4 965 -4.0 983.5Q-4 1002 9 1015Q22 1028 40.5 1028.0Q59 1028 72 1015L347 740Q401 783 467.5 807.5Q534 832 608 832Q694 832 770 799Q846 767 902.5 710.5Q959 654 991 578Q1024 502 1024 416Q1024 330 991 254Q959 178 902.5 121.5Q846 65 770 33Q694 0 608 0ZM608 768Q535 768 471 740Q407 713 359.0 665.0Q311 617 284 553Q256 489 256 416Q256 343 284 279Q311 215 359.0 167.0Q407 119 471 92Q535 64 608 64Q681 64 745 92Q809 119 857.0 167.0Q905 215 932 279Q960 343 960 416Q960 489 932 553Q905 617 857.0 665.0Q809 713 745 740Q681 768 608 768Z'/%3E%3C/svg%3E");
  --icon-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M224 512H800Q813 512 822.5 502.5Q832 493 832 480Q832 467 822.5 457.5Q813 448 800 448H224Q211 448 201.5 457.5Q192 467 192 480Q192 493 201.5 502.5Q211 512 224 512ZM224 320H800Q813 320 822.5 310.5Q832 301 832 288Q832 275 822.5 265.5Q813 256 800 256H224Q211 256 201.5 265.5Q192 275 192 288Q192 301 201.5 310.5Q211 320 224 320ZM224 704H800Q813 704 822.5 694.5Q832 685 832 672Q832 659 822.5 649.5Q813 640 800 640H224Q211 640 201.5 649.5Q192 659 192 672Q192 685 201.5 694.5Q211 704 224 704Z'/%3E%3C/svg%3E");
  --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='matrix(1 0 0 -1 0 960)' d='M729 518 544 333 359 518Q350 528 336.5 528.0Q323 528 314 518Q304 509 304.0 496.0Q304 483 314 473L521 266Q526 261 532.0 258.5Q538 256 544 256Q550 256 556.0 258.5Q562 261 567 266L774 473Q784 483 784.0 496.0Q784 509 774 518Q765 528 751.5 528.0Q738 528 729 518Z'/%3E%3C/svg%3E");
  --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M290 734Q299 744 312 744Q325 744 335 734L512 557L689 734Q699 744 712 744Q725 744 734 734Q744 725 744 712Q744 699 734 689L557 512L734 335Q744 325 744 312Q744 299 734 290Q725 280 712 280Q699 280 689 290L512 467L335 290Q325 280 312 280Q299 280 290 290Q280 299 280 312Q280 325 290 335L467 512L290 689Q280 699 280 712Q280 725 290 734Z'/%3E%3C/svg%3E");
  --font-body: 'Barlow', Arial, sans-serif;
  --font-display: 'Barlow Condensed', 'Barlow', Arial, sans-serif;
  --accent: #2ea3f2;
}

/* ---------------------------------------------------------------------------
   Base. Measured from the live WordPress site: 14px/1.7 body text in #666,
   headings #333 at weight 500 with a 1em line box.
   --------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
body { margin: 0; padding-top: 80px; background: #fff; color: #666; font: 500 14px/1.7 var(--font-body); }
body.no-header { padding-top: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding-bottom: 10px; color: #333; font-family: var(--font-display); font-weight: 500; line-height: 1em; }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { margin: 0; padding-bottom: 1em; }
p:last-of-type { padding-bottom: 0; }
ul { margin: 0; padding: 0 0 23px 1em; list-style: disc; line-height: 26px; }
ol { margin: 0; padding: 0 0 23px 1em; list-style: decimal; line-height: 26px; }
li ul, li ol { padding: 2px 0 2px 20px; }
a { color: var(--accent); text-decoration: none; }
img { max-width: 100%; height: auto; vertical-align: middle; border: 0; }
strong, b { font-weight: 700; }
figure { margin: 0; }
address { font-style: normal; }
button, input, select, textarea { font: inherit; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.wrap { width: 80%; max-width: 1080px; margin: 0 auto; }

/* ---------------------------------------------------------------------------
   Header: logo, the "Product Help Pages" dropdown and the search toggle.
   Fixed above 980px; scrolls with the page below it, as on WordPress.
   --------------------------------------------------------------------------- */
.site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 99999; height: 80px; background: #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, .1); }
.site-header .wrap { position: relative; display: flex; align-items: center; height: 80px; }
.site-logo { display: inline-block; margin-right: auto; line-height: 0; }
.site-logo img { width: 191px; max-height: 43.2px; }
.primary-nav .menu { display: flex; margin: 0; padding: 0; list-style: none; line-height: 23px; }
.primary-nav .menu > li { position: relative; padding-top: 33px; }
.primary-nav .menu > li > a { display: block; padding: 0 20px 33px 0; color: rgba(0, 0, 0, .6); font: 600 14px/14px var(--font-body); }
.primary-nav .menu > li > a[data-nav-ancestor] { color: var(--accent); }
.primary-nav .has-sub > a::after { content: ""; position: absolute; top: 33px; right: 0; width: 16px; height: 16px; margin-top: -1px; background: currentColor; -webkit-mask: var(--icon-chevron-down) center / contain no-repeat; mask: var(--icon-chevron-down) center / contain no-repeat; }
.primary-nav .sub-menu { position: absolute; top: 80px; left: 0; z-index: 9999; width: 240px; padding: 20px 0; list-style: none; background: #fff; border-top: 3px solid var(--accent); box-shadow: 0 2px 5px rgba(0, 0, 0, .1); line-height: 23px; opacity: 0; visibility: hidden; transition: opacity .2s, visibility .2s; }
.primary-nav .has-sub:hover > .sub-menu, .primary-nav .has-sub:focus-within > .sub-menu { opacity: 1; visibility: visible; }
.primary-nav .sub-menu li { padding: 0 20px; }
.primary-nav .sub-menu a { display: block; width: 200px; padding: 6px 20px; color: rgba(0, 0, 0, .6); font: 600 14px/28px var(--font-body); }
.primary-nav .sub-menu a:hover { background: rgba(0, 0, 0, .03); opacity: .7; }
.primary-nav .sub-menu a[aria-current="page"] { color: var(--accent); }
.search-toggle, .menu-toggle, .search-close { padding: 0; border: 0; background: none; color: #666; cursor: pointer; }
.search-toggle { width: 17px; height: 17px; margin: 0 0 1px 22px; }
.search-toggle::before, .menu-toggle::before, .search-close::before { content: ""; display: block; width: 100%; height: 100%; background: currentColor; -webkit-mask: var(--icon-search) center / contain no-repeat; mask: var(--icon-search) center / contain no-repeat; }
.menu-toggle { display: none; width: 32px; height: 32px; color: var(--accent); }
.menu-toggle::before { -webkit-mask-image: var(--icon-menu); mask-image: var(--icon-menu); }
.menu-toggle[aria-expanded="true"]::before { -webkit-mask-image: var(--icon-close); mask-image: var(--icon-close); }
/* The search form covers the menu while open. */
.site-search { position: absolute; inset: 0 0 0 auto; width: calc(100% - 221px); display: flex; align-items: center; background: #fff; }
.site-search[hidden] { display: none; }
.site-search input { flex: 1; min-width: 0; height: 40px; padding: 0; border: 0; outline: 0; background: transparent; color: #333; font-size: 18px; }
.search-close { width: 32px; height: 32px; color: var(--accent); }
.search-close::before { -webkit-mask-image: var(--icon-close); mask-image: var(--icon-close); }
@media (max-width: 980px) {
  .site-header { position: absolute; }
  .site-logo img { width: 191px; max-height: none; }
  .site-logo { flex: 1; }
  .menu-toggle { display: block; margin-left: 18px; }
  .search-toggle { margin-left: 0; }
  .primary-nav .menu { display: none; position: absolute; top: 80px; left: -12.5%; right: -12.5%; flex-direction: column; padding: 5%; background: #fff; border-top: 3px solid var(--accent); box-shadow: 0 2px 5px rgba(0, 0, 0, .1); }
  .site-header.menu-open .primary-nav .menu { display: flex; }
  .primary-nav .menu > li { padding-top: 0; }
  .primary-nav .menu a, .primary-nav .menu > li > a { display: block; width: auto; padding: 10px 5%; border-bottom: 1px solid rgba(0, 0, 0, .03); color: #666; font: 600 14px/23px var(--font-body); }
  .primary-nav .has-sub > a::after { display: none; }
  .primary-nav .sub-menu { position: static; width: auto; padding: 0 0 0 10px; border: 0; box-shadow: none; opacity: 1; visibility: visible; }
  .primary-nav .sub-menu li { padding: 0; }
  .site-search { width: 100%; }
}
@media (max-width: 767px) {
  .site-logo img { width: 149.94px; }
}

/* ---------------------------------------------------------------------------
   Page grid: band (full-width section) > row > col > modules.
   Rows are 80% wide up to 1080px; each page sets its own padding, widths and
   colours in its <style>, measured from the live page at 1440/768/375.
   Breakpoints are the original theme's: tablet <=980px, phone <=767px.
   --------------------------------------------------------------------------- */
main { display: block; }
.band { position: relative; }
.band::before, .band::after { position: absolute; left: 0; right: 0; pointer-events: none; }
.band::before { top: 0; }
.band::after { bottom: 0; }
.row { position: relative; z-index: 2; display: flex; flex-wrap: wrap; align-items: flex-start; width: 80%; max-width: 1080px; margin: 0 auto; }
.col { position: relative; z-index: 2; flex: none; }
.col:last-child { margin-right: 0; }
.text { overflow-wrap: break-word; }

/* Icon-and-text cards ("blurbs"). */
.blurb-media { display: block; max-width: 100%; margin-left: auto; margin-right: auto; line-height: 0; }
.blurb-media img { display: block; margin: 0 auto; }
.blurb .icon { display: inline-block; fill: currentColor; }
.blurb--left { display: flex; align-items: flex-start; }
.blurb--left .blurb-media { flex: none; margin: 0; }
.blurb--left .blurb-body { flex: 1; min-width: 0; }
.blurb-title a { color: inherit; }

/* Buttons. */
.btn { display: inline-block; position: relative; font-family: var(--font-display); text-decoration: none; transition: opacity .2s; }
.btn:hover { opacity: .85; }

/* Images. */
.image { line-height: 0; }
.image img { display: inline-block; }

/* In-page navigation bars. */
.subnav ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; line-height: inherit; }
.subnav li { display: flex; }
.subnav a { display: flex; align-items: flex-start; }
.subnav .wrap { position: relative; }
.subnav-toggle { display: none; width: 32px; height: 32px; padding: 0; border: 0; background: none; cursor: pointer; }
.subnav-toggle::before { content: ""; display: block; width: 100%; height: 100%; background: currentColor; -webkit-mask: var(--icon-menu) center / contain no-repeat; mask: var(--icon-menu) center / contain no-repeat; }
.subnav.is-open .subnav-toggle::before { -webkit-mask-image: var(--icon-close); mask-image: var(--icon-close); }

/* FAQ toggles and accordions: <details>; accordions use a shared name so one is open at a time. */
.toggle summary { position: relative; display: block; cursor: pointer; list-style: none; font-family: var(--font-display); }
.toggle summary::-webkit-details-marker { display: none; }
.toggle summary::after { content: ""; position: absolute; top: 50%; right: 0; width: 16px; height: 16px; margin-top: -8px; background-color: currentColor; -webkit-mask: var(--glyph, var(--icon-e050)) center / contain no-repeat; mask: var(--glyph, var(--icon-e050)) center / contain no-repeat; }
.toggle[open] > summary::after { --glyph: var(--icon-e04f); }
.toggle-body { overflow-wrap: break-word; }

/* Tabs. */
.tab-list { display: flex; flex-wrap: wrap; }
.tab-list [role="tab"] { margin: 0; border: 0; background: none; font: inherit; text-align: left; cursor: pointer; appearance: none; }
.tabs--vertical { display: flex; align-items: stretch; }
.tabs--vertical .tab-list { flex-direction: column; flex-wrap: nowrap; flex: none; }
.tabs--vertical .tab-panels { flex: 1; min-width: 0; }
@media (max-width: 767px) {
  .tabs--vertical { flex-direction: column; }
}

/* Post lists. */
.post-item h4 a { color: inherit; }

/* ---------------------------------------------------------------------------
   Footer: link columns (help-center pages) and the bar (every page).
   --------------------------------------------------------------------------- */
.footer-links { padding: 50px 0; background: #fff; line-height: 16.8px; }
.footer-links .row { padding: 27px 0; margin-bottom: 20px; width: 75%; }
.footer-links .col { width: 29.666%; margin-right: 5.5%; }
.footer-links .col:last-child { margin-right: 0; }
.footer-logo { display: block; width: 191px; margin-bottom: 23px; }
.footer-links address { padding-bottom: 16.8px; }
.footer-links address p { padding-bottom: 14px; }
.footer-links ul { padding: 0; list-style: none; line-height: 16.8px; }
.footer-links li { padding-bottom: 14px; }
.footer-links li:last-child { padding-bottom: 0; }
@media (max-width: 980px) {
  .footer-links .row { padding: 30px 0; width: 80%; }
  .footer-links .col { width: 100%; margin-right: 0; margin-bottom: 30px; }
  .footer-links .col:last-child { margin-bottom: 0; }
}
.site-footer { padding: 15px 0 5px; background: #223949; }
.site-footer p { padding-bottom: 10px; color: #fff; line-height: 23.8px; }
.site-footer a, .site-footer strong { color: #fff; font-weight: 700; }
@media (max-width: 980px) {
  .site-footer p { text-align: center; }
}

/* ---------------------------------------------------------------------------
   Posts, archives and search: the original theme's blog templates.
   Single posts are full width; archives have a 20.875% sidebar with a 1px
   rule on its left, which drops below the list at 980px.
   --------------------------------------------------------------------------- */
.content-area .wrap { position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; padding-top: 58px; }
.post { width: 100%; margin-bottom: 20px; padding-bottom: 25px; overflow-wrap: break-word; }
.post .entry-title { padding-bottom: 10px; }
.post .entry-content { padding-top: 30px; }
.post .entry-content img { margin-bottom: 10px; }
.archive-list { width: 79.125%; padding: 0 5.5% 23px 0; overflow-wrap: break-word; }
.has-sidebar .wrap::before { content: ""; position: absolute; top: 0; bottom: 0; left: 79.125%; width: 1px; background: #e2e2e2; }
.post-summary { margin-bottom: 20px; }
.post-summary .entry-title { font-size: 26px; padding-bottom: 10px; }
.post-summary .entry-title a { color: inherit; }
.post-meta { margin-bottom: 6px; padding-bottom: 15px; }
.post-meta a { color: #666; }
.pagination { display: flex; justify-content: space-between; padding-top: 3px; }
.pagination .newer { margin-left: auto; }
.sidebar { width: 20.875%; padding: 0 0 28px 30px; }
.sidebar .widget { margin-bottom: 30px; }
.sidebar h4 { padding-bottom: 10px; }
.sidebar ul { padding: 0; list-style: none; line-height: 23.8px; }
.sidebar li { margin-bottom: 7px; }
.sidebar li a { color: #666; }
.sidebar li a:hover { color: var(--accent); }
.sidebar-search { position: relative; display: flex; margin-bottom: 30px; }
.sidebar-search input { flex: 1; min-width: 0; height: 40px; padding: .7em; border: 1px solid #ddd; border-radius: 0; background: #fff; color: #666; font-size: 14px; font-weight: 400; }
.sidebar-search button { width: 66px; height: 40px; margin-left: -1px; padding: 0; border: 1px solid #ddd; background: #ddd; color: #666; font-family: var(--font-display); font-size: 14px; cursor: pointer; }
.search-summary { padding-bottom: 20px; }
@media (max-width: 980px) {
  .archive-list, .sidebar { width: 100%; padding-right: 0; }
  .sidebar { padding-left: 0; }
  .has-sidebar .wrap::before { display: none; }
}
@media (max-width: 767px) {
  .post-summary .entry-title { font-size: 16px; padding-bottom: 0; }
}

/* Two-column blocks inside page copy (were Lightweight Grid Columns shortcodes):
   50/50 down to tablet, stacked on phones. */
.split-col { float: left; width: 50%; }
.split-clear { clear: both; }
@media (max-width: 767px) {
  .split-col { float: none; width: 100%; }
}
/* Responsive video embeds: the inline padding-top sets the aspect ratio. */
.video-embed { position: relative; width: 100%; padding: 0; }
.video-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Framed in the agent dashboard: hide the header, the footer link columns and the first band
   (page menu / title strip; the home hero has a background and stays), as WordPress did. */
html.framed .site-header,
html.framed .footer-links,
html.framed body:not(.page-home) main > .band:first-child { display: none; }
html.framed body { padding-top: 0; }