/* et2026 inner pages (WP7). Loaded after et.css on every page. Tokens only, no literal colours. */

/* ---------- site search: icon + bar under the header on desktop, form in the menu panel on phones ---------- */
.et-sitesearch{display:flex;gap:8px;align-items:center}
.et-sitesearch input{flex:1 1 auto;min-width:0;min-height:40px;padding:6px 11px;font:inherit;font-size:16px;color:var(--et-ink);background:var(--et-card);border:var(--et-b);border-radius:var(--et-r)}
.et-sitesearch input:focus{outline:3px solid var(--et-ink);outline-offset:2px}
.et-sitesearch--m{display:none}
@media (max-width:1040px){.et-primary .et-sitesearch--m{display:flex;margin:14px 8px 0}}
.et-searchbar{position:absolute;left:0;right:0;top:100%;background:var(--et-paper);border-bottom:var(--et-b);padding-block:12px}
.et-searchbar[hidden]{display:none}
.et-searchbar .et-sitesearch{max-width:var(--et-wrap)}

/* ---------- boxed pages: headings a step down from the big marketing pages ---------- */
body.et>.et-wrap.et-body{width:100%}
.et-boxed h1{font-size:clamp(34px,4.6vw,60px);line-height:1.04;margin:.2em 0 .45em}
.et-lead{font-size:clamp(18px,1.5vw,20px);line-height:1.45;max-width:62ch;color:var(--et-body);margin:0 0 1.4em}
.et-pnote{margin:12px 0 0;font-size:14.5px;line-height:1.45;color:var(--et-muted)}
.et-crumbs{margin-bottom:8px}
.et-crumbs .breadcrumb{padding:0!important}
.et-crumbs .mod-breadcrumbs__divider{display:none}
.et-crumbs :is(a,span,li){color:var(--et-ink)}
.et-crumbs .active,.et-crumbs .active span{color:var(--et-muted)}
.et code{color:var(--et-ink);background:var(--et-soft);padding:0 .25em;font-size:.88em;overflow-wrap:anywhere}
.et pre{max-width:100%;overflow-x:auto}
.et pre code{background:none;padding:0}

/* articles: readable measure, sensible heading steps, images that fit */
.com-content-article__body{max-width:74ch}
.com-content-article__body :is(h2){font-size:clamp(24px,2.4vw,32px);line-height:1.12;margin:1.5em 0 .5em}
.com-content-article__body :is(h3){font-size:clamp(20px,1.7vw,23px);line-height:1.18;margin:1.4em 0 .4em}
.com-content-article__body h4{font-size:18px;margin:1.3em 0 .35em}
.com-content-article__body :is(ul,ol){padding-left:1.3em;margin:0 0 1.1em}
.com-content-article__body li{margin-bottom:.35em}
.com-content-article__body img{max-width:100%;height:auto}
.com-content-article__body :is(a,samp,code){overflow-wrap:anywhere}
.com-content-article__body iframe{max-width:100%}
.com-content-article__body .et-tablewrap,.com-content-article__body>table{margin:0 0 1.2em}
.et-article-meta{font-family:var(--et-font-m);font-size:12.5px;color:var(--et-muted);margin:0 0 1.4em}
.et-article-meta a{color:var(--et-muted)}

/* click-to-load video: nothing comes from YouTube until it's pressed */
.et-video{position:relative;aspect-ratio:16/9;max-width:720px;margin:0 0 1.2em;background:var(--et-panel);border:var(--et-b);border-radius:var(--et-rc);overflow:hidden}
.et-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.et-video a{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center;color:var(--et-on-ink);text-decoration:none}
.et-video a:hover b{text-decoration:underline}
.et-video a:focus-visible{outline:3px solid var(--et-volt);outline-offset:-5px}
.et-video svg{width:54px;height:54px;flex:none;color:var(--et-volt)}
.et-video b{font-family:var(--et-font-d);font-size:clamp(17px,2vw,22px);line-height:1.2}
.et-video small{font-size:13.5px;line-height:1.35;color:var(--et-on-ink-muted);max-width:44ch}

/* ---------- lists: docs, FAQ, changelogs, one knowledge base section ---------- */
.com-content__filter{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;max-width:100%}
.com-content__filter .inputbox{flex:1 1 180px;min-width:0;min-height:44px;padding:6px 11px;font:inherit;font-size:16px;color:var(--et-ink);background:var(--et-card);border:var(--et-b);border-radius:var(--et-r)}
.com-content__filter .inputbox::placeholder{color:var(--et-muted)}
.com-content__filter .btn{flex:0 0 auto;border-radius:var(--et-r)!important;margin:0!important}
.com-content-category__articles{min-width:0}
.com-content-category__table,.category.table{--bs-table-bg:transparent;--bs-table-striped-bg:transparent;--bs-table-hover-bg:transparent;display:block;border:0!important;margin:0}
.com-content-category__table thead,.category.table thead{display:none}
.com-content-category__table tbody,.category.table tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:0 clamp(16px,2.4vw,32px)}
.com-content-category__table tr,.category.table tr{display:block;border:0;border-bottom:1px solid var(--et-soft)}
.com-content-category__table :is(td,th),.category.table :is(td,th){display:block;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.com-content-category__table a,.category.table a{display:block;padding:11px 0;font-weight:600;line-height:1.25;text-decoration:none}
.com-content-category__table a:hover,.category.table a:hover{text-decoration:underline;text-decoration-color:var(--et-volt-2)}
.category-list .page-header,.category-list h1{margin-top:.2em}

/* knowledge base home */
.et-kb__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(12px,1.6vw,20px);align-items:start}
.et-kb h2{font-size:clamp(21px,2vw,26px);line-height:1.12;margin:0 0 10px}
.et-kb h2 a{text-decoration:none}
.et-kb__list{list-style:none;margin:0;padding:0}
.et-kb__list li{border-top:1px solid var(--et-soft)}
.et-kb__list a{display:block;padding:9px 0;line-height:1.3;text-decoration:none}
.et-kb__list a:hover{text-decoration:underline}

/* ---------- blog ---------- */
.blog-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:clamp(12px,1.6vw,20px);margin:0 0 24px}
.et .blog-item{display:flex;flex-direction:column;background:var(--et-card);border:var(--et-b);border-radius:var(--et-rc);padding:clamp(16px,2vw,24px);min-width:0}
.blog-item .item-content{display:flex;flex-direction:column;flex:1}
.blog-item h2{font-size:clamp(21px,1.9vw,25px);line-height:1.12;letter-spacing:-.015em;margin:0 0 8px}
.blog-item h2 a{text-decoration:none}
.blog-item h2 a:hover{text-decoration:underline;text-decoration-color:var(--et-volt-2)}
.blog-item .page-header{margin:0}
.blog-item .et-article-meta{margin:0 0 10px}
.blog-item .readmore{margin:auto 0 0;padding-top:6px}
.blog-item .readmore .btn{min-height:0;padding:0;background:none;border:0;font-weight:700;color:var(--et-ink);text-decoration:underline;text-decoration-color:var(--et-volt-2);text-underline-offset:.16em}
.blog-item .readmore .btn:hover{background:none;color:var(--et-ink)}
.blog-item .readmore .icon-chevron-right{display:none}
.et .pagination{gap:4px;flex-wrap:wrap}

/* ---------- changelogs ---------- */
.field-entry.changelog{list-style:none}
.field-entry.changelog>.field-label{display:none}
.field-entry.changelog>.field-value{display:block}
.fields-container{list-style:none;margin:0;padding:0}
.cs-changelog-entry{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0 clamp(16px,3vw,40px);padding:clamp(18px,2.4vw,28px) 0;border-top:var(--et-b)}
.cs-changelog-date{font-family:var(--et-font-m);font-size:13px;font-weight:500;line-height:1.5;color:var(--et-body);margin:.35em 0 0}
.cs-changelog-body{min-width:0}
.cs-changelog-version{font-size:clamp(21px,2vw,26px);line-height:1.12;margin:0 0 .5em}
.cs-changelog-notes{max-width:78ch;overflow-wrap:anywhere}
.cs-changelog-notes :is(ul,ol){padding-left:1.25em;margin:0 0 1em}
.cs-changelog-notes li{margin-bottom:.3em}
@media (max-width:640px){.cs-changelog-entry{grid-template-columns:minmax(0,1fr)}.cs-changelog-date{margin:0 0 4px}}
/* the release notes carry their own little style block with fixed colours: these hold the contrast in any look */
.cs-changelog-notes [class*="-cl-"]{color:var(--et-body)!important;font-size:inherit!important}
.cs-changelog-notes [class*="-cl-"] h3{color:var(--et-ink)!important;border-left-color:var(--et-volt-2)!important;font-size:15px!important}
.cs-changelog-notes [class*="-cl-"] :is(.lede,.note,.small,small,p){color:var(--et-body)!important}
.cs-changelog-notes [class*="-cl-"] :is(.lede,.note){background:var(--et-card)!important;border-left-color:var(--et-rule)!important}
.cs-changelog-notes [class*="-cl-"] code{color:var(--et-ink)!important;background:var(--et-soft)!important}

/* ---------- compatibility table ---------- */
.et-compat .et-filters{padding-top:0}
.et-compat__php{display:flex;align-items:center;gap:8px;font-family:var(--et-font-m);font-size:13px;margin:0}
.et-compat__php .form-select{width:auto;min-height:38px;padding-block:4px;font-size:14px}
.et-compat .et-count{margin:0 0 0 auto}
.et-compat__t{min-width:980px;font-size:14.5px}
.et-compat__t thead th{padding:0;vertical-align:bottom}
.et-compat__sort{display:block;width:100%;padding:12px 14px;background:none;border:0;color:inherit;font:inherit;font-weight:600;text-align:left;cursor:pointer;white-space:nowrap}
.et-compat__sort:hover{text-decoration:underline}
.et-compat__sort:focus-visible{outline:3px solid var(--et-on-solid);outline-offset:-4px}
.et-compat__t th[aria-sort] .et-compat__sort::after{content:" \2193"}
.et-compat__t th[aria-sort=ascending] .et-compat__sort::after{content:" \2191"}
.et-compat__t tbody th{font-family:var(--et-font-d);font-size:17px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.et-compat__t tbody th a{text-decoration:none}
.et-compat__t tbody th a:hover{text-decoration:underline;text-decoration-color:var(--et-volt-2)}
.et-compat__t tbody td{white-space:nowrap}
.et-compat__t tr[hidden]{display:none}
@media (max-width:760px){
  .et-compat .et-tablewrap{overflow:visible;border:0;background:none}
  .et-compat__t{display:block;min-width:0}
  .et-compat__t caption,.et-compat__t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .et-compat__t tbody{display:block}
  .et-compat__t tbody tr{display:block;padding:10px 0;border-top:1px solid var(--et-soft)}
  .et-compat__t tbody tr[hidden]{display:none}
  .et-compat__t tbody :is(th,td){display:inline;padding:0;border:0;white-space:normal}
  .et-compat__t tbody td{font-family:var(--et-font-m);font-size:12.5px;line-height:1.7;margin-right:.9em}
  .et-compat__t tbody td[data-l]::before{content:attr(data-l)}
  .et-compat__t tbody td[data-l=v]::before{content:"v"}
  .et-compat__t tbody td:empty{display:none}
  .et-compat__t tbody th{font-size:18px}
  .et-compat__t tbody th{display:inline;margin-right:8px}
  .et-compat__t tbody td.c-j{display:inline;margin:0}
  .et-compat__t tbody td.c-j::after{content:"";display:block;height:2px}
  .et-compat__t tbody td:nth-child(7),.et-compat__t tbody td:nth-child(8),.et-compat__t tbody td:nth-child(9){display:none}
  .et-compat__t tbody tr[data-shop="1"] td:nth-child(9){display:inline}
  .et-compat .et-count{margin-left:0;width:100%}
}

/* ---------- support form (Convert Forms) ---------- */
.et .convertforms{font-family:var(--et-font-b)!important;max-width:760px;margin:8px 0 0;background:var(--et-card);border:var(--et-b);border-radius:var(--et-rc)}
.convertforms .cf-form-wrap{background:none!important;padding:clamp(16px,2.4vw,28px)}
.convertforms :is(.cf-label,legend.cf-label){font-family:var(--et-font-b);font-size:15.5px;font-weight:600;color:var(--et-ink)}
.convertforms .cf-radio-group .cf-label{font-weight:400;color:var(--et-body)}
.et .convertforms .cf-required-label{color:var(--et-ink)}
.convertforms .cf-input:not([type=radio]):not([type=checkbox]){font-family:var(--et-font-b);font-size:16px;color:var(--et-ink);background:var(--et-card);border:var(--et-b);border-radius:var(--et-r);min-height:44px}
.et .convertforms .cf-input::placeholder{color:var(--et-muted);opacity:1}
.convertforms .cf-input:focus{outline:3px solid var(--et-ink);outline-offset:2px;box-shadow:none}
.convertforms .cf-control-input-desc,.convertforms .tf-file-upload-editor :is(span,a,.max-file-size,div){color:var(--et-body)!important;font-family:var(--et-font-b)}
.convertforms .tf-file-upload-editor,.convertforms [class*=file-upload]{border-color:var(--et-rule)}
.convertforms .cf-control-group[data-type=turnstile]>legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.et .convertforms .cf-btn{min-height:50px;padding:12px 26px;font-family:var(--et-font-b);font-size:17px;font-weight:700;background:var(--et-volt)!important;color:var(--et-ink)!important;border:var(--et-b);border-radius:var(--et-r)}
.et .convertforms .cf-btn:hover{background:var(--et-volt-2)!important}
.et .convertforms .cf-btn:focus-visible{outline:3px solid var(--et-ink);outline-offset:2px}
@media (max-width:560px){.convertforms .cf-list{display:block}.convertforms .cf-radio-group{width:auto}}

/* ---------- contact form (RSForm) ---------- */
#userForm{max-width:760px}
#userForm .formContainer{background:var(--et-card);border:var(--et-b);border-radius:var(--et-rc);padding:clamp(16px,2.4vw,28px)}
#userForm .formContainer .row{margin:0}
#userForm .formContainer .row>[class*=col-]{padding:0}
#userForm .formControlLabel{float:none;width:auto;display:block;text-align:left;font-size:15.5px;font-weight:600;color:var(--et-ink);margin:0 0 6px}
#userForm .formRequired{color:var(--et-ink);font-weight:400;margin-left:4px}
#userForm .formControls{margin:0}
#userForm .form-control{width:100%;max-width:100%}
#userForm .form-group{margin:0 0 16px}
#userForm .formNoError{display:none}
#userForm .formError{color:var(--et-ink);font-weight:600}
.grecaptcha-badge{z-index:20}

/* ---------- search results (Smart Search) ---------- */
.com-finder__form .form-inline{display:block}
.com-finder__form label{display:block;font-weight:600;color:var(--et-ink);margin:0 0 6px}
.com-finder__form .input-group{display:flex;flex-wrap:nowrap;max-width:620px}
.com-finder__form .form-control{flex:1 1 0;min-width:0;width:auto;font-size:16px}
.com-finder__form .btn{padding-inline:12px}
.com-finder__form .btn{flex:none}
.com-finder__explained{display:none}
.com-finder__results-list hr,.com-finder hr{display:none}
.com-finder__results-list{list-style:none;margin:0;padding:0;max-width:78ch}
.com-finder__results-list>li{padding:16px 0;border-bottom:1px solid var(--et-soft);margin:0;overflow-wrap:anywhere}
.result__title{font-size:clamp(20px,1.9vw,24px);line-height:1.15;margin:0 0 6px}
.result__title-link,.result__title a{text-decoration:none;display:block}
.result__title-url{display:block;font-family:var(--et-font-m);font-size:12px;font-weight:400;letter-spacing:0;color:var(--et-muted);margin:0 0 4px;overflow-wrap:anywhere}
.result__title-text{display:block}
.result__description,.result__date{color:var(--et-body);font-size:15.5px;margin:0}
.result__taxonomy{list-style:none;margin:6px 0 0;padding:0;font-family:var(--et-font-m);font-size:12px;color:var(--et-muted);display:none}
.highlight,.et mark{background:var(--et-accent-tint);color:inherit;padding:0 .1em}
.com-finder__counter{font-family:var(--et-font-m);font-size:13px;margin-top:12px}
.com-finder__empty h2{font-size:clamp(24px,2.4vw,32px)}

/* the switch: hover isn't the same as pressed, so turning a button off shows at once. Phones have no hover */
.et-switch__opt:not([aria-pressed=true]):hover{background:var(--et-panel-2);color:var(--et-on-ink)}
.et-switch__opt:not([aria-pressed=true]):hover small{color:var(--et-on-ink-muted)}
@media (hover:none){.et-switch__opt:not([aria-pressed=true]):hover{background:none}}
/* product page: the tagline sits under the title, not at the bottom of the row */
.et-product .et-pstage__grid{align-items:start}
/* the 404 page */
#forseo_error_page_content hr,.forseo_error_page_details{display:none}
.forseo_error_page_title{font-size:clamp(34px,4.6vw,60px)}
/* body text on the accent colour: ink holds the contrast */
.et-plan--best,.et-plan--best :is(p,li,b,small,.et-shop-term),.et-account__new,.et-account__new :is(p,b,span,a){color:var(--et-ink)}
#userForm .et-lead a{color:var(--et-ink)}
/* no sideways scroll from tables typed into articles */
@media (max-width:640px){.com-content-article__body table:not(.et-table){display:block;overflow-x:auto;max-width:100%}}