/* TubePress UX v2: the inner pages, denser and livelier. Loaded after every other stylesheet. The homepage keeps its own
   rhythm, the marketplace pages (themes, plugins) theirs in market.css. Page classes come from the layout: tp-pg-<first
   segment of the path>, plus tp-pg-sub below it. */

/* ---------- rhythm: closer sections and headings ---------- */
.tp:not(.tp-pg-home):not(.tp-pg-themes):not(.tp-pg-plugins) .tp-sec{padding:72px 0}
.tp:not(.tp-pg-home):not(.tp-pg-themes):not(.tp-pg-plugins) .tp-head{margin-bottom:40px}
@media (max-width:760px){
    .tp:not(.tp-pg-home):not(.tp-pg-themes):not(.tp-pg-plugins) .tp-sec{padding:52px 0}
    .tp:not(.tp-pg-home):not(.tp-pg-themes):not(.tp-pg-plugins) .tp-head{margin-bottom:28px}
}

/* ---------- features: the product beside the title, the strengths bar, each block on one row ---------- */
.tpf-ph__vis,.tpf-side__cta{display:none}
.tp-pg-features .tp-bar__item{padding:28px 16px}
.tp-pg-features .tpf-body{padding-top:44px}
@media (min-width:1101px){
    .tp-pg-features .tpf-ph__in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-rows:1fr auto auto auto 1fr;gap:0 64px;align-items:center;padding-top:46px;padding-bottom:50px}
    .tp-pg-features .tpf-ph__in>:not(.tpf-ph__vis){grid-column:1}
    .tp-pg-features .tpf-ph__in>h1{grid-row:2}
    .tp-pg-features .tpf-ph__in>p{grid-row:3}
    .tp-pg-features .tpf-ph__in>.tp-btn-row{grid-row:4}
    .tp-pg-features .tpf-ph h1{font-size:clamp(2rem,3.1vw,2.7rem)}
    .tpf-ph__vis{display:block;grid-column:2;grid-row:1/-1;position:relative;margin:6px 22px 0 10px}
    .tpf-ph__vis .tp-devices{padding-bottom:10px}
    .tpf-ph__vis .tp-ph{width:98px;right:-22px;bottom:-10px;border-radius:18px;padding:5px}
    .tpf-ph__vis .tp-ph__screen{height:182px;border-radius:13px}
    .tpf-fchip{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:9px;padding:6px 15px 6px 6px;border-radius:999px;background:rgba(255,255,255,.97);border:1px solid var(--line);box-shadow:0 18px 36px -16px rgba(12,22,55,.45);font-size:.8rem;font-weight:680;color:var(--ink);white-space:nowrap}
    .tpf-fchip i{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--grad);color:#fff;box-shadow:0 6px 14px -6px rgba(10,110,229,.6)}
    .tpf-fchip svg{width:14px;height:14px}
    .tpf-fchip--a{top:14%;inset-inline-start:-40px}
    .tpf-fchip--b{top:-16px;inset-inline-end:12%}
    .tpf-fchip--c{bottom:15%;inset-inline-start:-26px}

    .tp-pg-features .tpf-block{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);grid-template-rows:auto 1fr;column-gap:48px;align-items:start;padding:46px 0}
    .tp-pg-features .tpf-block:first-child{padding-top:4px}
    .tp-pg-features .tpf-block>.tpf-bh{grid-column:1;grid-row:1;margin:0 0 22px;max-width:none}
    .tp-pg-features .tpf-block>.tpf-split{display:contents}
    .tp-pg-features .tpf-block .tpf-feats{grid-column:1;grid-row:2}
    .tp-pg-features .tpf-block .tpf-vis{grid-column:2;grid-row:1/span 2;align-self:center}
    .tp-pg-features .tpf-block:has(>.tpf-split--flip){grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)}
    .tp-pg-features .tpf-block:has(>.tpf-split--flip)>.tpf-bh{grid-column:2}
    .tp-pg-features .tpf-block:has(>.tpf-split--flip) .tpf-feats{grid-column:2}
    .tp-pg-features .tpf-block:has(>.tpf-split--flip) .tpf-vis{grid-column:1}
}
@media (min-width:901px) and (min-height:760px){
    .tp-pg-features .tpf-side nav a{padding-top:8px;padding-bottom:8px}
    .tpf-side__cta{display:block;margin:18px 0 0;padding-inline-start:16px}
    .tpf-side .tpf-side__cta a.tp-btn{display:flex;justify-content:center;width:100%;margin:0;padding:11px 16px;border:0;border-radius:11px;color:#fff;background:var(--accent);font-size:.9rem;font-weight:650}
    .tpf-side .tpf-side__cta a.tp-btn:hover{color:#fff;background:var(--accent-ink,#0759c4)}
}

/* ---------- download: requirements and install steps side by side, as two cards ---------- */
.tpd-setup+.tp-sec--soft{background:#fff}
.tpd-setup__col{min-width:0}
.tpd-setup .tp-head{text-align:start;margin:0 0 22px;max-width:none}
.tpd-setup .tp-head h2{font-size:clamp(1.55rem,2.3vw,2.05rem)}
.tpd-setup .tp-head p{margin-inline:0}
.tpd-setup .tpd-steps{max-width:none;margin:0}
.tpd-setup .tpd-reqnote{text-align:start;margin-top:16px}
@media (min-width:961px){
    .tpd-setup__in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:26px;align-items:stretch}
    .tpd-setup__col{background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px 34px 32px;box-shadow:0 26px 54px -40px rgba(12,22,55,.32)}
    .tpd-setup .tpd-req{grid-template-columns:1fr;gap:11px}
    .tpd-setup .tpd-reqcard{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:16px;align-items:center;text-align:start;padding:15px 18px;background:var(--bg-soft);border-color:transparent}
    .tpd-setup .tpd-reqcard__ic{width:46px;height:46px;margin:0;grid-row:1/3;background:#fff}
    .tpd-setup .tpd-reqcard h3{margin:0 0 3px;font-size:1.02rem}
    .tpd-setup .tpd-reqcard p{font-size:.9rem;line-height:1.5}
    .tpd-setup .tpd-step{padding-bottom:22px}
    .tpd-setup .tpd-step__b p{font-size:.94rem;line-height:1.55}
}
@media (max-width:960px){
    .tpd-setup__col+.tpd-setup__col{margin-top:44px}
}

/* ---------- compare vs: the short answer beside the title, the strengths bar, readable sections ---------- */
.tpvs-hero__copy{min-width:0}
.tpvs-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 22px 18px;box-shadow:0 30px 60px -36px rgba(12,22,55,.4)}
.tpvs-card__hd{display:flex;flex-direction:column;gap:4px;margin:0 0 14px}
.tpvs-card__ey{font-size:.7rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.tpvs-card__t{font-size:1.12rem;font-weight:780;color:var(--ink);letter-spacing:-.01em}
.tpvs-card__cols,.tpvs-card__row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1fr);gap:14px}
.tpvs-card__cols{padding:0 0 8px;border-bottom:1px solid var(--line);font-size:.68rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.tpvs-card__cols .tp{color:var(--accent-ink)}
.tpvs-card__rows{margin:0}
.tpvs-card__row{padding:11px 0;border-bottom:1px solid var(--line);font-size:.84rem;line-height:1.42}
.tpvs-card__row dt{font-weight:650;color:var(--muted)}
.tpvs-card__row dd{margin:0;color:var(--muted)}
.tpvs-card__row dd.tp{color:var(--ink);font-weight:650}
.tpvs-card__who{display:none}
.tpvs-card__more{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:.85rem;font-weight:650;color:var(--accent);text-decoration:none}
.tpvs-card__more:hover{text-decoration:underline}
.tpvs-card__more svg{width:15px;height:15px}
@media (min-width:1101px){
    .tpvs-hero .tpf-ph__in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0 56px;align-items:center}
}
@media (max-width:1100px){.tpvs-card{margin-top:28px}}
@media (max-width:560px){
    .tpvs-card{padding:18px 16px 14px}
    .tpvs-card__cols{display:none}
    .tpvs-card__row{grid-template-columns:1fr 1fr;row-gap:5px}
    .tpvs-card__row dt{grid-column:1/-1;color:var(--ink)}
    .tpvs-card__who{display:block;font-size:.64rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:2px}
}
.tpvs-bar .tp-bar__item{padding:26px 14px}
.tpvs-split__text p,.tpvs-solo p{color:var(--muted)}
@media (min-width:901px){
    .tpvs-split{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:56px;align-items:start}
    .tpvs-split--flip{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr)}
    .tpvs-stats{position:sticky;top:96px}
    .tpvs-stat{padding:18px 22px}
    .tpvs-stat__v{font-size:1.65rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
    .tpvs-solo{max-width:900px}
}
.tpvs-verdict{max-width:900px;margin:0 auto;text-align:start;color:#33405a;background:linear-gradient(135deg,rgba(10,110,229,.07),rgba(124,92,255,.07));border:1px solid var(--accent-line);border-radius:22px;padding:30px 36px}
.tpvs-verdict .tp-eyebrow{display:block;margin:0 0 12px}
@media (max-width:760px){.tp .tpvs-verdict{padding:22px 20px}}

/* ---------- compare hub: the three boxes beside the title ---------- */
.tpch-wedge{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 24px 14px;box-shadow:0 30px 60px -36px rgba(12,22,55,.4);overflow:hidden}
.tpch-wedge:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--grad)}
.tpch-wedge__ey{display:block;font-size:.7rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}
.tpch-wedge__t{font-size:1.28rem;font-weight:620;letter-spacing:-.015em;line-height:1.2;color:var(--ink)}
.tpch-wedge__t b{font-weight:780}
.tp .tpf-ph .tpch-wedge__lead{font-size:.88rem;line-height:1.5;color:var(--muted);margin:8px 0 10px;max-width:none}
.tpch-wedge__list{list-style:none;margin:0;padding:0}
.tpch-wedge__list li{display:grid;grid-template-columns:38px minmax(0,1fr) 22px;gap:13px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.tpch-wedge__ic{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--grad);color:#fff;box-shadow:0 8px 18px -10px rgba(10,110,229,.7)}
.tpch-wedge__ic svg{width:19px;height:19px}
.tpch-wedge__tx{font-size:.82rem;line-height:1.45;color:var(--muted)}
.tpch-wedge__tx b{display:block;font-size:.92rem;font-weight:700;color:var(--ink);margin-bottom:2px}
.tpch-wedge__ok{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(16,185,129,.14);color:#0f9f6e}
.tpch-wedge__ok svg{width:12px;height:12px}
@media (min-width:1101px){
    .tpch-hero .tpf-ph__in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:1fr auto auto auto 1fr;gap:0 56px;align-items:center}
    .tpch-hero .tpf-ph__in>:not(.tpch-wedge){grid-column:1}
    .tpch-hero .tpf-ph__in>h1{grid-row:2}
    .tpch-hero .tpf-ph__in>p{grid-row:3}
    .tpch-hero .tpf-ph__in>.tp-btn-row{grid-row:4}
    .tpch-wedge{grid-column:2;grid-row:1/-1}
}
@media (max-width:1100px){.tpch-wedge{margin-top:28px}}

/* ---------- about: facts beside the title, the story in cards ---------- */
.tpab-hero .tpf-ph__in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px 56px;align-items:center}
.tpab-hero__copy{min-width:0}
.tpab-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.tpab-fact{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:0 20px 40px -32px rgba(12,22,55,.35)}
.tpab-fact dt{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0 0 6px}
.tpab-fact dd{margin:0;font-size:1.7rem;font-weight:800;letter-spacing:-.02em;line-height:1.05;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tp-pg-about .tplg-prose{max-width:none;margin:0}
.tp-pg-about .tplg-prose h2{font-size:clamp(1.5rem,2.3vw,2rem);letter-spacing:-.02em;line-height:1.18;margin:8px 0 14px}
.tp-pg-about .tplg-prose .tp-eyebrow{display:block}
.tp-pg-about .tplg-prose p:last-child{margin-bottom:0}
.tpab-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.tpab-split__media{padding:0 26px 12px 0}
.tpab-why,.tpab-ship{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:52px;align-items:center}
.tpab-vs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tpab-vs li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;box-shadow:0 16px 32px -28px rgba(12,22,55,.3)}
.tpab-vs__no{font-size:.86rem;color:var(--faint);text-decoration:line-through;text-decoration-color:rgba(239,68,68,.6)}
.tpab-vs__yes{display:flex;align-items:center;gap:9px;font-size:.92rem;font-weight:650;color:var(--ink)}
.tpab-vs__yes svg,.tpab-promise svg{flex:0 0 20px;width:20px;height:20px;padding:4px;border-radius:50%;background:rgba(16,185,129,.14);color:#0f9f6e}
.tpab-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tpab-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 24px 22px;box-shadow:0 20px 40px -34px rgba(12,22,55,.3)}
.tpab-card__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--grad);color:#fff;margin-bottom:14px;box-shadow:0 10px 20px -12px rgba(10,110,229,.7)}
.tpab-card__ic svg{width:22px;height:22px}
.tpab-card h3{font-size:1.06rem;font-weight:720;color:var(--ink);margin:0 0 6px}
.tpab-card p{font-size:.93rem;line-height:1.55;color:var(--muted);margin:0}
.tpab-card a{color:var(--accent);font-weight:600;text-decoration:none}
.tpab-promise{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin:26px 0 0;font-size:.9rem;color:var(--muted)}
.tpab-promise span{display:inline-flex;align-items:center;gap:8px}
.tpab-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tpab-steps li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px}
.tpab-steps__ic{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--accent-soft);color:var(--accent-ink);margin-bottom:10px}
.tpab-steps__ic svg{width:19px;height:19px}
.tpab-steps b{display:block;font-size:.98rem;color:var(--ink);margin-bottom:3px}
.tpab-steps li>span:last-child{display:block;font-size:.86rem;line-height:1.45;color:var(--muted)}
.tpab-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.tpab-note,.tpab-who{border-radius:20px;padding:28px 30px}
.tpab-note{background:linear-gradient(135deg,rgba(10,110,229,.06),rgba(124,92,255,.07));border:1px solid var(--accent-line)}
.tpab-who{border:1px solid var(--line);background:#fff}
.tp-pg-about .tpab-note h2,.tp-pg-about .tpab-who h2{font-size:1.3rem;margin:0 0 10px}
@media (max-width:900px){
    .tpab-hero .tpf-ph__in,.tpab-split,.tpab-why,.tpab-ship,.tpab-two{grid-template-columns:minmax(0,1fr);gap:28px}
    .tpab-cards{grid-template-columns:minmax(0,1fr)}
    .tpab-split__media{display:none}
}
@media (max-width:560px){
    .tpab-steps{gap:10px}
    .tpab-steps li{padding:15px 14px 13px}
    .tpab-promise{flex-direction:column;align-items:flex-start;gap:9px}
    .tpab-vs li{grid-template-columns:1fr;gap:4px}
    .tpab-note,.tpab-who{padding:22px 20px}
    .tpab-fact dd{font-size:1.45rem}
}

/* ---------- guides hub: the latest guide beside the title, three columns ---------- */
.tpg-hero .tpg-feat{grid-template-columns:1fr;margin-top:26px}
.tpg-hero .tpg-feat__img{aspect-ratio:16/8}
.tpg-hero .tpg-feat__bd{padding:18px 22px 20px;gap:8px}
.tpg-hero .tpg-feat__bd h2{font-size:1.22rem}
.tp .tpf-ph .tpg-feat__bd p{font-size:.9rem;line-height:1.55;margin:0;max-width:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:1101px){
    .tpg-hero .tpf-ph__in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:1fr auto auto auto 1fr;gap:0 52px;align-items:center}
    .tpg-hero .tpf-ph__in>:not(.tpg-feat){grid-column:1}
    .tpg-hero .tpf-ph__in>h1{grid-row:2}
    .tpg-hero .tpf-ph__in>p{grid-row:3}
    .tpg-hero .tpf-ph__in>.tp-btn-row{grid-row:4}
    .tpg-hero .tpg-feat{grid-column:2;grid-row:1/-1;margin:0}
}
@media (min-width:1240px){.tpgx-main .tpg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tp-pg-guides:not(.tp-pg-sub) .tpgx-body{padding-top:40px}

/* ---------- integrations: what TubePress plugs into, beside the title ---------- */
.tpint-cloud{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.tpint-chip{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 7px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 28px -22px rgba(12,22,55,.45);font-size:.84rem;font-weight:620;color:var(--ink);white-space:nowrap}
.tpint-chip span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:var(--grad)}
.tpint-chip svg{width:15px;height:15px}
.tpint-chip--storage span,.tpint-chip--cdn span{background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.tpint-chip--ads span{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.tpint-chip--player span{background:linear-gradient(135deg,#8b5cf6,#ec4899)}
.tpint-chip--ai span{background:linear-gradient(135deg,#7c3aed,#06b6d4)}
.tpint-chip--tools span{background:linear-gradient(135deg,#10b981,#0ea5e9)}
@media (min-width:1101px){
    .tpint-hero .tpf-ph__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr;gap:0 56px;align-items:center}
    .tpint-hero .tpf-ph__in>:not(.tpint-cloud){grid-column:1}
    .tpint-hero .tpf-ph__in>h1{grid-row:2}
    .tpint-hero .tpf-ph__in>p{grid-row:3}
    .tpint-hero .tpf-ph__in>.tp-btn-row{grid-row:4}
    .tpint-cloud{grid-column:2;grid-row:1/-1;margin:0;justify-content:center;align-content:center;padding:26px;border-radius:24px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px var(--line)}
}
@media (max-width:560px){.tpint-cloud{display:none}}

/* ---------- glossary: centred title with a live search, terms as cards ---------- */
.tpgl-hero .tpf-ph__in{text-align:center}
.tpgl-hero h1,.tp .tpgl-hero p{margin-left:auto;margin-right:auto}
.tpgl-search{display:flex;align-items:center;gap:12px;max-width:560px;margin:4px auto 0;padding:0 8px 0 18px;height:56px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 44px -30px rgba(12,22,55,.45);cursor:text}
.tpgl-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft),0 20px 44px -30px rgba(12,22,55,.45)}
.tpgl-search svg{flex:0 0 20px;width:20px;height:20px;color:var(--faint)}
.tpgl-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font:inherit;font-size:1rem;color:var(--ink)}
.tpgl-search__n{flex:0 0 auto;min-width:40px;padding:5px 10px;border-radius:10px;background:var(--accent-soft);color:var(--accent-ink);font-size:.82rem;font-weight:700;text-align:center}
.tp-pg-glossary .tpgl{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:0;border-radius:0;overflow:visible;background:transparent}
.tp-pg-glossary .tpgl-item{border:1px solid var(--line);border-radius:16px;padding:20px 22px;background:#fff;scroll-margin-top:96px;transition:border-color .15s,box-shadow .15s}
.tp-pg-glossary .tpgl-item:hover{border-color:var(--accent-line);box-shadow:0 18px 36px -30px rgba(12,22,55,.4)}
.tp-pg-glossary .tpgl-item:target{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.tp-pg-glossary .tpgl-item[hidden]{display:none}
.tp-pg-glossary .tpgl-def{color:var(--muted)}
.tpgl-none{text-align:center;color:var(--muted);margin:10px 0 0}
@media (max-width:1100px){.tp-pg-glossary .tpgl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.tp-pg-glossary .tpgl{grid-template-columns:minmax(0,1fr);gap:10px}.tp-pg-glossary .tpgl-item{padding:16px 16px}}

/* ---------- legal pages: a contents list beside the text ---------- */
.tplg-toc__t{display:block;font-size:.72rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:0 0 12px}
.tplg-toc ol{list-style:none;margin:0;padding:0;border-inline-start:1px solid var(--line)}
.tplg-toc a{display:block;padding:7px 14px;margin-inline-start:-1px;border-inline-start:2px solid transparent;font-size:.86rem;line-height:1.35;color:var(--muted);text-decoration:none;border-radius:0 8px 8px 0}
.tplg-toc a:hover{color:var(--ink);background:var(--bg-soft)}
.tplg-toc a.is-active{color:var(--accent-ink);border-inline-start-color:var(--accent);background:var(--accent-soft);font-weight:650}
.tplg-prose h2[id]{scroll-margin-top:96px}
@media (min-width:1001px){
    .tplg-head__in,.tplg-layout{max-width:1110px}
    .tplg-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:60px;align-items:start}
    .tplg-layout .tplg-prose{margin:0;max-width:780px}
    .tplg-toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto}
}
@media (max-width:1000px){.tplg-toc{display:none}}

/* ---------- changelog: the latest releases first, the rest behind a button ---------- */
.cl-more{display:block;margin:26px auto 0;padding:12px 24px;border-radius:12px;border:1px solid var(--line);background:#fff;font:inherit;font-size:.95rem;font-weight:650;color:var(--accent-ink);cursor:pointer;box-shadow:0 16px 32px -26px rgba(12,22,55,.45);transition:border-color .15s,box-shadow .15s}
.cl-more:hover{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.cl-more[hidden]{display:none}

/* ---------- pricing & contact: readable body text, closer sections ---------- */
.tp .tpu .tpu-section{padding:68px 0}
.tp .tpu-trust li,.tp .tpu-feature-list li,.tp .tpu .tpu-services p{font-size:13.5px}
.tp .tpu-price>span{font-size:13px}
.tp .tpu .tpu-core__note,.tp .tpu .tpu-hosting p,.tp .tpu .tpu-license,.tp .tpu-topics li,.tp .tpu-bonus span{font-size:12.5px}
.tp .tpu-bonus strong,.tp .tpu .tpu-included p,.tp .tpu .tpu-steps p,.tp .tpu .tpu-closing p,.tp .tpu .tpu-resource p{font-size:14px}
.tp .tpu-hosting strong{font-size:13.5px}
.tp .tpu .tpu-faq__answer{font-size:14.5px}
.tp .tpu .tpu-support__note{font-size:12px}
.tp .tpu-support__steps li{font-size:11.5px}
@media (max-width:800px){.tp .tpu .tpu-section{padding:52px 0}}

/* ---------- guide articles: TubePress under the contents list ---------- */
.tpa-promo{display:none}
@media (min-width:901px){
    .tpa-toc{max-height:calc(100vh - 104px);overflow:auto;scrollbar-width:thin}
    .tpa-promo{display:block;margin:22px 0 4px;padding:18px 18px 16px;border-radius:16px;background:linear-gradient(160deg,#0b1430,#1b2a63);color:#c9d6f2;box-shadow:0 24px 44px -30px rgba(12,22,55,.7)}
    .tpa-promo__mk{display:block;width:34px;height:34px;border-radius:9px;margin:0 0 10px}
    .tpa-promo b{display:block;font-size:1rem;color:#fff;margin:0 0 4px}
    .tpa-promo p{font-size:.8rem;line-height:1.5;margin:0 0 12px;color:#b7c6e6}
    .tpa-toc .tpa-promo a.tp-btn{display:flex;justify-content:center;width:100%;padding:10px 12px;margin:0;border:0;border-radius:10px;font-size:.84rem;font-weight:650;color:#fff;background:var(--accent)}
    .tpa-toc .tpa-promo a.tp-btn:hover{color:#fff;background:#0a5fc8}
}