/* The support portal's pages (tds-support). Everything is scoped to .tdsup, so the theme's own styles stay out.
 *
 * Shape: the Freshdesk portal this one replaces (support.eareview.net/support/home): a dark band with the title and
 * the search, white cards on a light page, layer / folder / document icons. Type and colour: eareview.net (Playfair
 * Display titles with the short amber rule, Hind text, Poppins buttons, orange links without underline).
 * An article keeps its own reading layout. Notes on the choices are in AGENTS.md. */

.tdsup-host{background:transparent}
.tdsup{
	--ink:#303133;--text:#3c3e41;--muted:#686b70;--veil:#f4f5f6;--page:#f5f7f9;--line:#d9dbde;--field:#aeb1b6;--band:#303133;
	--link:#b05a00;--link-hover:#6f3a00;--amber:#fab938;--amber-btn:#f0a800;--amber-btn-hover:#dc9700;
	--icon:#4b5a68;
	--serif:"Playfair Display",Georgia,"Times New Roman",serif;
	--sans:"Hind",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
	--caps:"Poppins","Hind",system-ui,sans-serif;
	margin:0;padding:0;background:var(--page);color:var(--text);font:400 16px/1.65 var(--sans);text-align:left
}
.tdsup *,.tdsup *::before,.tdsup *::after{box-sizing:border-box}
.tdsup .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tdsup :focus-visible{outline:3px solid var(--ink);outline-offset:3px}
/* "body" lifts these above the theme's inline `a:link{color:...}` (same weight, later in the page) and still leaves every class-styled link below */
body .tdsup a{color:var(--link);text-decoration:none}
body .tdsup a:hover{color:var(--link-hover);text-decoration:none}
.tdsup .tdsup-band :focus-visible{outline-color:#fff}

.tdsup-wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.tdsup-main{padding-top:40px;padding-bottom:96px}
.tdsup-main--article{padding-top:44px}

/* titles: Playfair, with the site's short amber rule under a page title */
.tdsup .tdsup-title{margin:0 0 .45em;color:var(--ink);font:700 40px/1.18 var(--serif);letter-spacing:-.01em;text-transform:none}
.tdsup .tdsup-title::after{content:"";display:block;width:90px;height:2px;margin-top:18px;background:var(--amber)}
.tdsup .tdsup-h2{margin:0 0 20px;color:var(--ink);font:700 28px/1.2 var(--serif);text-transform:none}
.tdsup .tdsup-h3{margin:0 0 6px;color:var(--ink);font:700 22px/1.25 var(--serif);text-transform:none}
.tdsup .tdsup-h4{display:flex;align-items:center;gap:10px;margin:0 0 10px;color:var(--ink);font:600 18px/1.3 var(--sans);text-transform:none}
.tdsup .tdsup-h2 a,.tdsup .tdsup-h3 a,.tdsup .tdsup-h4 a{color:inherit}
.tdsup .tdsup-h2 a:hover,.tdsup .tdsup-h3 a:hover,.tdsup .tdsup-h4 a:hover{color:var(--link-hover)}
.tdsup .tdsup-n{color:var(--muted);font-weight:400}
.tdsup .tdsup-aside-h{margin:0 0 12px;color:var(--ink);font:600 15px/1.3 var(--sans);text-transform:none;letter-spacing:0}
.tdsup .tdsup-lede{max-width:44em;margin:0;color:var(--muted);font-size:18px;line-height:1.55}
.tdsup .tdsup-meta{margin:0 0 14px;color:var(--muted);font-size:15px}
.tdsup .tdsup-head{margin:0 0 36px}

/* icons: line drawings in the stylesheet, so the markup stays plain */
.tdsup .tdsup-ico{display:inline-block;flex:none;width:22px;height:22px;background:currentColor;-webkit-mask:var(--tdsup-ico) center/contain no-repeat;mask:var(--tdsup-ico) center/contain no-repeat}
.tdsup .tdsup-ico--layers{--tdsup-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 3 8l9 5 9-5-9-5zM3 12.5l9 5 9-5M3 16.5l9 5 9-5'/%3E%3C/svg%3E")}
.tdsup .tdsup-ico--folder{--tdsup-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6.5A1.5 1.5 0 0 1 4.5 5H9l2 2.5h8.5A1.5 1.5 0 0 1 21 9v9.5a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 18.5z'/%3E%3C/svg%3E")}
.tdsup .tdsup-ico--doc{--tdsup-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.5h6.5L18 8v12.5H7zM13.5 3.5V8H18M9.5 12.5h5M9.5 16h5'/%3E%3C/svg%3E")}
.tdsup .tdsup-ico--search{--tdsup-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 4a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13zM15.5 15.5 20 20'/%3E%3C/svg%3E")}
.tdsup .tdsup-ico--ticket{--tdsup-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 20v-1.5a4.5 4.5 0 0 1 4.5-4.5h1a4.5 4.5 0 0 1 4.5 4.5V20M8.5 11.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM15.5 4h4A1.5 1.5 0 0 1 21 5.5v3a1.5 1.5 0 0 1-1.5 1.5H18l-2 2v-2h-.5A1.5 1.5 0 0 1 14 8.5v-3A1.5 1.5 0 0 1 15.5 4z'/%3E%3C/svg%3E")}

/* buttons: the site's own (Poppins caps, 2 px radius): solid amber for the main action, charcoal outline otherwise */
.tdsup .tdsup-button{display:inline-flex;align-items:center;justify-content:center;height:56px;margin:0;padding:0 32px;border:1px solid var(--amber-btn);border-radius:2px;background:var(--amber-btn);color:#1d1e20;font:600 12px/1 var(--caps);letter-spacing:1.2px;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .15s,color .15s}
.tdsup .tdsup-button:hover{background:var(--amber-btn-hover);border-color:var(--amber-btn-hover);color:#1d1e20}
.tdsup .tdsup-button--outline{background:transparent;border-color:var(--ink);color:var(--ink)}
.tdsup .tdsup-button--outline:hover{background:var(--ink);border-color:var(--ink);color:#fff}

/* the dark band: breadcrumb and search side by side, then the title */
.tdsup .tdsup-band{position:relative;z-index:1!important;padding:22px 0 46px;background:var(--band);color:#fff}
.tdsup .tdsup-band .tdsup-title{margin:34px 0 0;color:#fff}
.tdsup .tdsup-band .tdsup-title--icon{display:flex;align-items:center;gap:16px}
.tdsup .tdsup-band .tdsup-title--icon .tdsup-ico{width:40px;height:40px}
.tdsup .tdsup-band .tdsup-title .tdsup-n{color:rgba(255,255,255,.7)}
.tdsup .tdsup-band .tdsup-title--icon::after{content:none}
.tdsup .tdsup-band .tdsup-lede{margin-top:14px;color:rgba(255,255,255,.78)}
.tdsup .tdsup-band__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
.tdsup .tdsup-band .tdsup-crumbs ol{margin:0!important;color:rgba(255,255,255,.75)}
.tdsup .tdsup-band .tdsup-crumbs li+li::before{color:rgba(255,255,255,.4)}
.tdsup .tdsup-band .tdsup-crumbs a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.5);text-underline-offset:3px}
.tdsup .tdsup-band .tdsup-crumbs a:hover{color:#fff;text-decoration-color:#fff}
.tdsup .tdsup-band .tdsup-search{width:100%;max-width:360px}
.tdsup .tdsup-band--hero{padding:84px 0 112px;text-align:center}
.tdsup .tdsup-band--hero .tdsup-title{margin:0 0 34px;font-size:46px;text-align:center}
.tdsup .tdsup-band--hero .tdsup-title::after{margin-left:auto;margin-right:auto}
.tdsup .tdsup-band--hero .tdsup-search{max-width:660px;margin:0 auto}
.tdsup .tdsup-band--hero .tdsup-search input[type=search]{height:60px;font-size:18px}
.tdsup .tdsup-band--hero .tdsup-search__go{width:68px}

/* search: one rounded box, the field and a grey magnifier button */
.tdsup .tdsup-search{position:relative;display:flex;align-items:stretch;margin:0;border:1px solid var(--field);border-radius:6px;background:#fff}
.tdsup .tdsup-search input[type=search]{flex:1;min-width:0;height:46px;margin:0;padding:0 16px;border:0;border-radius:5px 0 0 5px;background:#fff;color:var(--ink);font:400 16px/1.2 var(--sans);box-shadow:none;-webkit-appearance:none;appearance:none}
.tdsup .tdsup-search input[type=search]::placeholder{color:#7b7e83;opacity:1}
/* the focus ring belongs to the whole box (field and magnifier), drawn inside its border; the field and the button draw none of their own */
.tdsup .tdsup-search input[type=search]:focus{outline:0;box-shadow:none}
.tdsup .tdsup-search:focus-within{outline:2px solid var(--ink);outline-offset:-2px}
.tdsup .tdsup-search__go:focus-visible{outline:0;background:#e3e6ea}
.tdsup .tdsup-search__go{display:flex;flex:none;align-items:center;justify-content:center;width:56px;margin:0;padding:0;border:0;border-left:1px solid var(--line);border-radius:0 5px 5px 0;background:#eef0f3;color:var(--ink);cursor:pointer}
.tdsup .tdsup-search__go:hover{background:#e3e6ea}
.tdsup .tdsup-search__go .tdsup-ico{width:22px;height:22px}
/* the suggestions under the search box (tds-support-search.js): a listbox of article links, the last row goes to all results */
.tdsup .tdsup-suggest{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px 0;list-style:none;overflow:hidden;border:1px solid var(--field);border-radius:6px;background:#fff;box-shadow:0 12px 30px rgba(20,30,50,.22);text-align:left}
.tdsup .tdsup-suggest[hidden]{display:none}
.tdsup .tdsup-suggest li{margin:0;padding:0}
.tdsup .tdsup-suggest a{display:block;padding:9px 16px;color:var(--ink);font-size:15px;line-height:1.35}
.tdsup .tdsup-suggest a small{display:block;margin-top:1px;color:var(--muted);font-size:13px}
.tdsup .tdsup-suggest li[aria-selected=true] a,.tdsup .tdsup-suggest a:hover{background:#eef0f3;color:var(--ink)}
.tdsup .tdsup-suggest__all a{margin-top:4px;border-top:1px solid var(--line);font-weight:600}
/* the "Submit a ticket" card of the home page overlaps the dark band; while suggestions are open they are above it */
.tdsup.tdsup--suggesting .tdsup-action{z-index:0}
.tdsup mark{padding:0 1px;border-radius:2px;background:#fde9b0;color:inherit}

/* cards */
.tdsup .tdsup-card{margin:0 0 24px;padding:24px 28px;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(20,30,50,.1),0 0 0 1px rgba(20,30,50,.03)}
.tdsup .tdsup-section{margin:56px 0 0}
.tdsup .tdsup-section--center{text-align:center}
.tdsup .tdsup-section--center .tdsup-h2{margin-bottom:6px}
.tdsup .tdsup-section--center p{margin:0}
.tdsup .tdsup-sectionhead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:12px}
.tdsup .tdsup-sectionhead .tdsup-h2{margin:0}

/* home: the ticket card, straddling the band, then the knowledge base cards */
.tdsup--home .tdsup-main{padding-top:0}
.tdsup .tdsup-action{position:relative;z-index:5;display:flex;align-items:center;gap:20px;max-width:360px;margin:-64px auto 0;padding:24px 28px;border-radius:8px;background:#fff;box-shadow:0 6px 24px rgba(20,30,50,.16);color:var(--ink)}
.tdsup .tdsup-action:hover{color:var(--ink);box-shadow:0 8px 28px rgba(20,30,50,.22)}
.tdsup .tdsup-action .tdsup-ico{width:52px;height:52px;color:var(--icon)}
.tdsup .tdsup-action__text{display:block;font-size:15px;line-height:1.45;color:var(--muted)}
.tdsup .tdsup-action__text strong{display:block;margin-bottom:2px;color:var(--ink);font-size:18px;font-weight:600}
.tdsup .tdsup-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:28px}
.tdsup .tdsup-cat{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 24px 32px;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(20,30,50,.1),0 0 0 1px rgba(20,30,50,.03);color:var(--ink);text-align:center}
.tdsup .tdsup-cat:hover{color:var(--ink);box-shadow:0 4px 16px rgba(20,30,50,.16)}
.tdsup .tdsup-cat .tdsup-ico{width:60px;height:60px;color:var(--icon)}
.tdsup .tdsup-cat__name{font-size:19px;font-weight:600}
.tdsup .tdsup-cat__text{color:var(--muted);font-size:15px;line-height:1.5}

/* lists of articles: a document icon and an orange link */
.tdsup .tdsup-doclist{margin:0!important;padding:0!important;list-style:none!important}
.tdsup .tdsup-doclist li{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0;padding:7px 0;list-style:none}
.tdsup .tdsup-doclist a{position:relative;padding-left:28px;font-size:16px;line-height:1.45}
.tdsup .tdsup-doclist a .tdsup-ico{position:absolute;left:0;top:.2em;width:18px;height:18px}
.tdsup .tdsup-date{flex:none;color:var(--muted);font-size:13px}
.tdsup .tdsup-doclist--dates li{padding:13px 0}
.tdsup .tdsup-doclist--dates li+li{border-top:1px solid var(--line)}
.tdsup .tdsup-doclist--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 0!important;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(20,30,50,.1),0 0 0 1px rgba(20,30,50,.03)}
.tdsup .tdsup-doclist--two li{padding:0}
.tdsup .tdsup-doclist--two li a{display:block;padding:26px 32px 26px 60px;font-size:17px;font-weight:600}
.tdsup .tdsup-doclist--two li a .tdsup-ico{left:32px;top:30px}
.tdsup .tdsup-doclist--two li:nth-child(odd){border-right:1px solid var(--line)}
.tdsup .tdsup-doclist--two li:nth-child(n+3){border-top:1px solid var(--line)}
.tdsup .tdsup-more{display:inline-block;margin:6px 0 0 28px;font-size:15px}

/* a category: a card, its folders in two columns */
.tdsup .tdsup-catcard{padding:0;overflow:hidden}
.tdsup .tdsup-catcard__head{display:flex;align-items:center;gap:16px;padding:24px 28px;border-bottom:1px solid var(--line)}
.tdsup .tdsup-catcard__head>.tdsup-ico{width:44px;height:44px;color:var(--icon)}
.tdsup .tdsup-catcard__head .tdsup-h3{margin:0}
.tdsup .tdsup-catcard__head p{margin:2px 0 0;color:var(--muted);font-size:15px}
.tdsup .tdsup-folders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.tdsup .tdsup-folder{padding:26px 28px 24px}
.tdsup .tdsup-folder:nth-child(odd){border-right:1px solid var(--line)}
.tdsup .tdsup-folder:nth-child(n+3){border-top:1px solid var(--line)}
.tdsup .tdsup-folder .tdsup-h4 .tdsup-ico{width:24px;height:24px;color:var(--icon)}

/* the call to open a ticket */
.tdsup .tdsup-help{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;margin:56px 0 0;padding:28px 32px;border-left:4px solid var(--amber);border-radius:0 8px 8px 0;background:#fff;box-shadow:0 1px 3px rgba(20,30,50,.1),0 0 0 1px rgba(20,30,50,.03)}
.tdsup--article .tdsup-help{margin-top:76px}
.tdsup .tdsup-help p{margin:0;color:var(--muted)}
.tdsup .tdsup-help .tdsup-h3{margin-bottom:4px}

/* breadcrumbs */
.tdsup .tdsup-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0 0 24px!important;padding:0!important;list-style:none!important;color:var(--muted);font-size:14px}
.tdsup .tdsup-crumbs li{margin:0;padding:0;list-style:none}
.tdsup .tdsup-crumbs li+li::before{content:"/";margin-right:10px;color:#b4b7bb}
.tdsup .tdsup-crumbs a{color:var(--muted)}
.tdsup .tdsup-crumbs a:hover{color:var(--ink)}

/* an article: a white sheet on the page's grey, like the Freshdesk article; "on this page" and "more in" are white cards beside it */
.tdsup{--sheet-x:clamp(20px,5vw,56px);--edge:rgba(20,30,50,.07);--lift:0 1px 3px rgba(20,30,50,.1)}
.tdsup .tdsup-toc,.tdsup .tdsup-related{font-size:15px}
.tdsup .tdsup-article>.tdsup-head,.tdsup .tdsup-article>.tdsup-body,.tdsup .tdsup-article>.tdsup-toc{background:#fff;border:solid var(--edge);border-width:0 1px;padding-left:var(--sheet-x);padding-right:var(--sheet-x)}
.tdsup .tdsup-article>.tdsup-head{margin:0;padding-top:clamp(26px,4.5vw,48px);padding-bottom:8px;border-top-width:1px;border-radius:8px 8px 0 0}
.tdsup .tdsup-article>.tdsup-body{padding-top:20px;padding-bottom:clamp(30px,5vw,56px);border-bottom-width:1px;border-radius:0 0 8px 8px;box-shadow:0 2px 2px -1px rgba(20,30,50,.12)}
.tdsup .tdsup-toc ol{margin:0!important;padding:0!important;list-style:none!important}
.tdsup .tdsup-toc li{margin:0;padding:4px 0;list-style:none;line-height:1.4}
.tdsup .tdsup-toc a{color:var(--muted)}
.tdsup .tdsup-toc a:hover,.tdsup .tdsup-toc a[aria-current]{color:var(--ink)}
.tdsup .tdsup-toc .tdsup-toc--l3{padding-left:14px}
.tdsup .tdsup-article>.tdsup-toc{margin:0;padding-top:0;padding-bottom:8px;border-radius:0}
.tdsup .tdsup-article>.tdsup-toc ol{padding:12px 18px!important;background:var(--veil)}
.tdsup .tdsup-related{margin:16px 0 0;padding:20px 22px 12px;border-radius:8px;background:#fff;box-shadow:var(--lift),0 0 0 1px var(--edge)}
.tdsup .tdsup-rows{margin:0!important;padding:0!important;list-style:none!important}
.tdsup .tdsup-rows li{margin:0;padding:10px 0;border-top:1px solid var(--line);list-style:none}
.tdsup .tdsup-rows li:first-child{border-top:0;padding-top:2px}
.tdsup .tdsup-rows a{font-size:15px;font-weight:600}

@media (min-width:1000px){
	.tdsup .tdsup-article{display:grid;grid-template-columns:minmax(0,1fr) 296px;grid-template-rows:auto 1fr auto;column-gap:32px;grid-template-areas:"head toc" "body toc" "body rel"}
	.tdsup .tdsup-article>.tdsup-head{grid-area:head;border-bottom:1px solid var(--edge)}
	.tdsup .tdsup-article>.tdsup-body{grid-area:body}
	.tdsup .tdsup-article>.tdsup-toc{grid-area:toc;position:sticky;top:120px;align-self:start;max-height:calc(100vh - 160px);overflow:auto;padding:20px 22px;border-width:1px;border-radius:8px;box-shadow:var(--lift)}
	.tdsup .tdsup-article>.tdsup-toc ol{padding:0!important;background:none}
	.tdsup .tdsup-article>.tdsup-related{grid-area:rel;align-self:end;margin:24px 0 0}
	.tdsup .tdsup-article:not(.tdsup-article--toc)>.tdsup-related{grid-area:toc;align-self:start;margin:0}
	.tdsup .tdsup-toc li{position:relative}
	.tdsup .tdsup-toc a[aria-current]::before{content:"";position:absolute;left:-22px;top:4px;bottom:4px;width:3px;background:var(--amber)}
}
/* the article text */
.tdsup .tdsup-body{font-size:17px;line-height:1.75;overflow-wrap:break-word}
.tdsup .tdsup-body>:first-child{margin-top:0}
.tdsup .tdsup-body p{margin:0 0 1.1em}
.tdsup .tdsup-body h2{margin:2.1em 0 .6em;color:var(--ink);font:700 28px/1.25 var(--serif);scroll-margin-top:120px;text-transform:none}
.tdsup .tdsup-body h3{margin:1.8em 0 .5em;color:var(--ink);font:700 22px/1.3 var(--serif);scroll-margin-top:120px;text-transform:none}
.tdsup .tdsup-body h4,.tdsup .tdsup-body h5,.tdsup .tdsup-body h6{margin:1.6em 0 .4em;color:var(--ink);font:600 18px/1.4 var(--sans);text-transform:none}
.tdsup .tdsup-body a{color:var(--link);font-weight:600;text-decoration:none}
.tdsup .tdsup-body a:hover{color:var(--link-hover);background:none;text-decoration:none}
.tdsup .tdsup-body strong,.tdsup .tdsup-body b{color:var(--ink);font-weight:600}
.tdsup .tdsup-body img{max-width:100%;height:auto}
.tdsup .tdsup-body .fr-dib{display:block;margin:20px 0}
.tdsup .tdsup-body .fr-bordered{border:1px solid var(--line)}
.tdsup .tdsup-body .fr-shadow{box-shadow:0 1px 6px rgba(0,0,0,.18)}
.tdsup .tdsup-body ul,.tdsup .tdsup-body ol{margin:0 0 1.2em;padding-left:1.5em}
.tdsup .tdsup-body li{margin:.35em 0;padding-left:.2em}
.tdsup .tdsup-body li::marker{color:var(--muted)}
.tdsup .tdsup-body .fd-toc{margin:1.4em 0 .3em;font-weight:600}
.tdsup .tdsup-body blockquote{margin:1.4em 0;padding:.2em 0 .2em 20px;border-left:3px solid var(--line);color:var(--muted)}
.tdsup .tdsup-body hr{margin:2.2em 0;border:0;border-top:1px solid var(--line)}
.tdsup .tdsup-body pre{margin:1.4em 0;overflow:auto;padding:16px 18px;border-radius:2px;background:#26282b;color:#eceef0;font:400 14px/1.6 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
.tdsup .tdsup-body code{padding:.1em .35em;border-radius:2px;background:var(--veil);color:var(--ink);font:400 .88em ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
.tdsup .tdsup-body pre code{padding:0;background:none;color:inherit;font-size:1em}

/* the step rail: an ordered list in an article is a sequence, shown as one */
.tdsup .tdsup-body>ol{counter-reset:tdsup-step;margin:1.8em 0;padding:0;list-style:none}
.tdsup .tdsup-body>ol>li{position:relative;counter-increment:tdsup-step;margin:0;padding:0 0 1.5em 3.6em}
.tdsup .tdsup-body>ol>li::before{content:counter(tdsup-step);position:absolute;left:0;top:.05em;width:2.2em;height:2.2em;border-radius:50%;background:var(--amber);color:#1d1e20;font:600 15px/2.2em var(--sans);text-align:center}
.tdsup .tdsup-body>ol>li::after{content:"";position:absolute;left:1.1em;top:2.5em;bottom:.25em;width:1px;background:var(--line)}
.tdsup .tdsup-body>ol>li:last-child{padding-bottom:0}
.tdsup .tdsup-body>ol>li:last-child::after{display:none}
.tdsup .tdsup-body>ol>li::marker{content:""}

/* tables */
.tdsup .tdsup-table{margin:1.6em 0;overflow-x:auto}
.tdsup .tdsup-table table{width:auto;min-width:100%;border-collapse:collapse;border:0!important;font-size:15px;line-height:1.5}
.tdsup .tdsup-table th,.tdsup .tdsup-table td{padding:10px 16px 10px 0;border:0!important;border-bottom:1px solid var(--line)!important;vertical-align:top;text-align:left}
.tdsup .tdsup-table th{border-bottom:2px solid var(--ink)!important;color:var(--ink);font-weight:600;background:none;text-align:left!important}

/* callouts (from pre.fd-callout and div.tds-callout in the articles): a coloured bar and a label */
.tdsup .tdsup-callout{--c:#5d6670;margin:1.8em 0;padding:16px 22px 14px;border-left:4px solid var(--c);border-radius:0 2px 2px 0;background:var(--veil);background:color-mix(in srgb,var(--c) 7%,#fff);color:var(--text)}
.tdsup .tdsup-callout::before{content:"Note";display:block;margin-bottom:4px;color:var(--c);font:600 14px/1.3 var(--sans)}
.tdsup .tdsup-callout--lines{white-space:pre-line}
.tdsup .tdsup-callout p{margin:.3em 0}
.tdsup .tdsup-callout>:last-child{margin-bottom:0}
.tdsup .tdsup-callout--info{--c:#2b6aa6}
.tdsup .tdsup-callout--info::before{content:"Good to know"}
.tdsup .tdsup-callout--hint{--c:#2b6aa6}
.tdsup .tdsup-callout--hint::before{content:"Tip"}
.tdsup .tdsup-callout--action{--c:#2f7d4f}
.tdsup .tdsup-callout--action::before{content:"Do this"}
.tdsup .tdsup-callout--caution{--c:#a86a00}
.tdsup .tdsup-callout--caution::before{content:"Careful"}
.tdsup .tdsup-callout--attention{--c:#b3372d}
.tdsup .tdsup-callout--attention::before{content:"Important"}

/* videos wait for a click */
.tdsup .tdsup-embed{display:block;position:relative;max-width:720px;aspect-ratio:16/9;margin:1.6em 0;border-radius:2px;background:#26282b center/cover}
.tdsup .tdsup-body .tdsup-embed__link{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;background:none;color:#fff;font-weight:600;text-align:center;text-decoration:none}
.tdsup .tdsup-embed__link::before{content:"\25B6";display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding-left:4px;border-radius:50%;background:var(--amber);color:#1d1e20;font-size:22px}
.tdsup .tdsup-embed__link::after{content:"Loads the video from the provider, which may set cookies.";position:absolute;left:12px;right:12px;bottom:10px;font-size:12px;font-weight:400;opacity:.85}
.tdsup .tdsup-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:2px}
.tdsup .tdsup-embed--external{aspect-ratio:auto;min-height:0;background:none}
.tdsup .tdsup-body .tdsup-embed--external a{position:static;display:inline;color:var(--link);font-weight:600}
.tdsup .tdsup-embed--external a::before,.tdsup .tdsup-embed--external a::after{content:none}

/* search results */
.tdsup .tdsup-results{margin:0!important;padding:0!important;list-style:none!important}
.tdsup .tdsup-results li{margin:0;padding:18px 0;list-style:none}
.tdsup .tdsup-results li+li{border-top:1px solid var(--line)}
.tdsup .tdsup-results a{position:relative;display:inline-block;padding-left:28px;font:600 18px/1.35 var(--sans)}
.tdsup .tdsup-results a .tdsup-ico{position:absolute;left:0;top:.25em;width:18px;height:18px}
.tdsup .tdsup-results p{max-width:44em;margin:4px 0 0 28px;color:var(--muted)}
.tdsup .tdsup-empty{max-width:44em;margin:0 0 24px;padding:16px 22px;border-left:4px solid var(--line);background:#fff;align-self:start}

/* the ticket page */
.tdsup .tdsup-ticket{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.tdsup .tdsup-tips p{margin:0 0 10px;color:var(--muted);font-size:15px}
.tdsup .tdsup-form label,.tdsup .tdsup-form .gfield_label{display:block;margin:0 0 6px;color:var(--ink);font:600 15px/1.4 var(--sans)}
.tdsup .tdsup-form input[type=text],.tdsup .tdsup-form input[type=email],.tdsup .tdsup-form input[type=url],.tdsup .tdsup-form select,.tdsup .tdsup-form textarea{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--field);border-radius:4px;background:#fff;color:var(--ink);font:400 16px/1.4 var(--sans);box-shadow:none}
.tdsup .tdsup-form input:focus,.tdsup .tdsup-form select:focus,.tdsup .tdsup-form textarea:focus{border-color:var(--ink)}
.tdsup .tdsup-form .gform_button,.tdsup .tdsup-form input[type=submit]{height:56px;padding:0 32px;border:1px solid var(--amber-btn);border-radius:2px;background:var(--amber-btn);color:#1d1e20;font:600 12px/1 var(--caps);letter-spacing:1.2px;text-transform:uppercase;cursor:pointer}
/* Gravity Forms' own markup inside the card: the description right under its field, no counters, one quiet "required" */
.tdsup .tdsup-form .gform_fields{row-gap:22px!important}
.tdsup .tdsup-form .gfield_description{margin:6px 0 0!important;padding:0!important;color:var(--muted);font-size:14px;line-height:1.5}
.tdsup .tdsup-form .ginput_counter,.tdsup .tdsup-form .gform_fileupload_rules{display:none!important}
.tdsup .tdsup-form .gfield_required,.tdsup .tdsup-form .gfield_required .gfield_required_text{margin-left:6px;color:var(--muted)!important;font:400 13px/1 var(--sans)!important;font-style:normal!important}
.tdsup .tdsup-form .gform_footer,.tdsup .tdsup-form .gform_page_footer{margin:8px 0 0!important;padding:0!important}
.tdsup .tdsup-form .gform_drop_area{border:2px dashed var(--field);border-radius:4px;background:#fafbfc}
.tdsup .tdsup-form .gform_drop_area .button{border:1px solid var(--field);border-radius:2px;background:#fff;color:var(--ink);font:600 12px/1 var(--caps);letter-spacing:1px;text-transform:uppercase}
.tdsup .tdsup-form .gfield_error input,.tdsup .tdsup-form .gfield_error textarea,.tdsup .tdsup-form .gfield_error .gform_drop_area{border-color:#b32d2e}
.tdsup .tdsup-form .gfield_validation_message,.tdsup .tdsup-form .gform_submission_error,.tdsup .tdsup-form .validation_message{color:#b32d2e!important;font:600 14px/1.5 var(--sans)}
.tdsup .tdsup-form .gform_validation_errors{margin:0 0 22px;padding:14px 18px;border:1px solid #b32d2e;border-radius:4px;background:#fff}
.tdsup .tdsup-form .gform_confirmation_message{margin:0;color:var(--ink);font:400 17px/1.6 var(--sans)}
.tdsup .tdsup-form .gform_confirmation_message strong{display:block;margin:0 0 6px;font:700 24px/1.25 var(--serif)}
@media (min-width:1000px){
	.tdsup .tdsup-ticket{grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
}

@media (max-width:900px){
	.tdsup .tdsup-folders{grid-template-columns:minmax(0,1fr)}
	.tdsup .tdsup-folder:nth-child(odd){border-right:0}
	.tdsup .tdsup-folder:nth-child(n+2){border-top:1px solid var(--line)}
	.tdsup .tdsup-doclist--two{grid-template-columns:minmax(0,1fr)}
	.tdsup .tdsup-doclist--two li:nth-child(odd){border-right:0}
	.tdsup .tdsup-doclist--two li:nth-child(n+2){border-top:1px solid var(--line)}
}
@media (max-width:720px){
	.tdsup-wrap{padding:0 18px}
	.tdsup-main{padding-top:28px;padding-bottom:72px}
	.tdsup .tdsup-title{font-size:32px}
	.tdsup .tdsup-h2{font-size:25px}
	.tdsup .tdsup-band{padding:18px 0 34px}
	.tdsup .tdsup-band--hero{padding:64px 0 96px}
	.tdsup .tdsup-band--hero .tdsup-title{font-size:34px}
	.tdsup .tdsup-band .tdsup-search{max-width:none}
	.tdsup .tdsup-action{margin-top:-48px}
	.tdsup .tdsup-card{padding:20px}
	.tdsup .tdsup-catcard{padding:0}
	.tdsup .tdsup-folder,.tdsup .tdsup-catcard__head{padding:20px}
	.tdsup .tdsup-help{padding:22px 20px}
	.tdsup .tdsup-body{font-size:16.5px}
	.tdsup .tdsup-body h2{font-size:24px}
	.tdsup .tdsup-doclist--dates li{flex-wrap:wrap;gap:2px 16px}
}
@media (prefers-reduced-motion:reduce){.tdsup *{transition:none!important;scroll-behavior:auto!important}}