@import url("https://api.fontshare.com/v2/css?f[]=sentient@300,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&display=swap");

:root {
    --tis-orange:#eb7e47; --tis-orange-press:#cf6a34; --tis-black:#363636;
    --tis-ground-black:#2b2a29; --tis-lilac:#c9b9dc; --tis-teal:#57818e;
    --tis-cream:#f8f4f0; --tis-stone:#eeecea; --tis-paper:#fff;
    --tis-line:#d8d0c8; --tis-body-colour:#565250; --tis-muted:#6b6560;
    --tis-on-black:#f5efe9; --tis-paper-line:rgba(54,54,54,.08);
    --tis-display:"Sentient",Georgia,serif; --tis-body:"Twentieth Century","Jost",system-ui,sans-serif;
    --tis-container:1120px; --tis-measure:720px; --tis-gutter:clamp(16px,2.5vw,28px);
    --tis-display-hero:clamp(34px,4.2vw,48px); --tis-display-section:34px;
    --tis-display-band:26px; --tis-display-card:21px; --tis-display-card-sm:18px;
}

html { background:var(--tis-paper); color:var(--tis-black); font-family:var(--tis-body); font-size:15px; }
body { margin:0; background:var(--tis-paper); color:var(--tis-body-colour); font-family:var(--tis-body); font-size:15px; line-height:1.62; }
body > main, body > .tis-footer { margin-left:0!important; }
h1,h2,h3,h4 { margin:0; color:var(--tis-black); font-family:var(--tis-display); font-weight:300; letter-spacing:0; line-height:1.12; text-wrap:pretty; }
p { text-wrap:pretty; }
a { color:inherit; }
[hidden] { display:none!important; }
:focus-visible { outline:2px solid var(--tis-paper); outline-offset:2px; box-shadow:0 0 0 4px var(--tis-black); }
.skip-link { position:fixed; top:10px; left:10px; z-index:100; padding:12px 16px; background:var(--tis-black); color:var(--tis-paper); transform:translateY(-200%); }
.skip-link:focus { transform:none; }
.tis-container { width:min(calc(100% - 2 * var(--tis-gutter)),var(--tis-container)); margin-inline:auto; }
.tis-lined { background-color:var(--tis-paper); background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,var(--tis-paper-line) 28px); }
.tis-ground-rule { border-top:1px solid var(--tis-line); border-bottom:1px solid var(--tis-line); }

.tis-header { position:relative; z-index:20; background:var(--tis-black); color:var(--tis-on-black); }
.tis-header__inner { min-height:96px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.tis-wordmark { width:205px; }
.tis-wordmark img { width:205px; max-height:52px; filter:invert(1); }
.tis-nav { display:flex; align-items:center; gap:32px; font-size:13.5px; font-weight:500; }
.tis-nav a { color:var(--tis-on-black); text-decoration:none; }
.tis-nav a:hover { color:var(--tis-orange); }
.tis-nav__directory { display:inline; }
.tis-menu-toggle { display:none; }

.tis-button { min-height:auto; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:15.5px 28.5px; border:1.5px solid var(--tis-black); border-radius:10px; background:transparent; color:var(--tis-black); font:500 13.5px/1 var(--tis-body); letter-spacing:2px; text-decoration:none; text-transform:uppercase; }
.tis-button--primary { padding:17px 32px; border-color:var(--tis-orange); background:var(--tis-orange); }
.tis-button--primary:hover { border-color:var(--tis-orange-press); background:var(--tis-orange-press); }
.tis-button--small { padding:11px 20px; font-size:12px; letter-spacing:1px; }
.tis-header .tis-button { border-color:var(--tis-orange); color:var(--tis-black); }
.tis-actions { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:28px; }
.tis-actions > span { color:var(--tis-muted); font-size:13px; }
.tis-actions--centred { justify-content:center; }

.tis-approved-hero { border-bottom:1px solid var(--tis-line); }
.tis-approved-hero__inner { padding-block:88px; display:flex; align-items:center; flex-direction:column; text-align:center; }
.tis-approved-hero__icons { display:flex; gap:14px; margin-bottom:8px; }
.tis-approved-hero__icons img { width:26px; height:26px; }
.tis-approved-hero h1 { max-width:820px; font-size:var(--tis-display-hero); line-height:1.15; }
.tis-approved-hero p { max-width:38em; margin:22px 0 0; font-size:16px; line-height:1.55; }
.tis-hero-mark { width:34px; height:3px; margin-top:26px; background:var(--tis-lilac); }

.tis-approved-section { padding-block:64px; background:var(--tis-paper); }
.tis-approved-band { padding-block:88px; background:var(--tis-paper); }
.tis-approved-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; align-items:center; }
.tis-approved-section h2,.tis-approved-band h2 { font-size:var(--tis-display-section); line-height:1.06; }
.tis-approved-section p,.tis-approved-band p { line-height:1.62; }
.tis-eyebrow,.tis-eyebrow--section { display:flex; align-items:flex-start; gap:8px; margin:0 0 10px; color:var(--tis-orange); font:700 11px/1.35 var(--tis-body); letter-spacing:2.5px; text-transform:uppercase; }
.tis-section-rule { display:block; width:72px; height:2px; margin-bottom:26px; background:var(--tis-black); }
.tis-section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0 0 34px; }
.tis-section-heading h2 { font-size:var(--tis-display-section); }
.tis-section-heading a { color:var(--tis-orange); font-size:13px; font-weight:500; text-decoration:none; }
.tis-composition { margin:0; border:1px solid var(--tis-line); background:var(--tis-paper); }
.tis-composition--feature { padding:12px 12px 0; box-shadow:0 8px 40px rgba(54,54,54,.18); }
.tis-composition--feature::before { content:""; display:block; aspect-ratio:16/10; }
.tis-composition:has(img)::before { display:none; }
.tis-composition img { width:100%; height:100%; display:block; object-fit:cover; }
.tis-composition--feature img { aspect-ratio:16/10; }

.tis-type-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; border:0; }
.tis-type-grid a { min-height:112px; padding:22px; border:1px solid var(--tis-line); background:var(--tis-stone); text-decoration:none; }
.tis-type-grid img { width:28px; height:28px; }
.tis-type-grid h3 { margin-top:14px; font-size:var(--tis-display-card-sm); }

.tis-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:20px; }
.tis-resource-card { display:flex; min-width:0; flex-direction:column; border:1px solid var(--tis-line); border-radius:0; background:var(--tis-cream); color:inherit; text-decoration:none; box-shadow:none; }
.tis-resource-card:hover { border-color:var(--tis-black); }
.tis-resource-card__media { display:block; width:100%; aspect-ratio:16/10; overflow:hidden; border-bottom:1px solid var(--tis-line); background:transparent; }
.tis-resource-card__media img { width:100%; height:100%; object-fit:cover; }
.tis-resource-card__body { min-height:210px; padding:22px; display:flex; flex:1; flex-direction:column; }
.tis-resource-card h3 { margin:0; font-size:var(--tis-display-card); line-height:1.16; }
.tis-resource-card p { margin:12px 0; color:var(--tis-muted); line-height:1.5; }
.tis-resource-card__meta { margin-top:auto; padding-top:14px; display:flex; justify-content:space-between; border-top:1px solid var(--tis-line); color:var(--tis-muted); font-size:12px; }
.tis-card-eyebrow { display:flex; align-items:flex-start; gap:8px; margin:0 0 14px; color:var(--tis-orange); font:700 9.5px/1.35 var(--tis-body); letter-spacing:1.5px; text-transform:uppercase; }
.tis-card-eyebrow img { width:22px; height:22px; flex:0 0 auto; }

.home-template .tis-popular .tis-card-grid { grid-template-columns:repeat(4,1fr); }
.home-template .tis-popular .tis-resource-card { position:relative; height:280px; min-height:280px; overflow:hidden; background:var(--tis-black); color:var(--tis-paper); }
.home-template .tis-popular .tis-resource-card:nth-child(3n) { background:var(--tis-lilac); color:var(--tis-black); }
.home-template .tis-popular .tis-resource-card__media { position:absolute; inset:0; aspect-ratio:auto; border:0; }
.home-template .tis-popular .tis-resource-card__media img { filter:brightness(.78); }
.home-template .tis-popular .tis-resource-card__body { position:relative; z-index:1; min-height:0; justify-content:flex-end; padding:16px; background:linear-gradient(180deg,transparent 45%,rgba(43,42,41,.82)); }
.home-template .tis-popular .tis-resource-card--empty .tis-resource-card__body { justify-content:space-between; background:none; }
.home-template .tis-popular .tis-resource-card h3 { color:inherit; font-size:var(--tis-display-card-sm); }
.home-template .tis-popular .tis-resource-card p { display:none; }
.home-template .tis-popular .tis-resource-card__meta { border:0; color:inherit; }

.tis-beliefs { display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; }
.tis-beliefs mark { padding-inline:3px; background:var(--tis-lilac); color:inherit; }
.tis-beliefs ol { margin:0; padding:0; list-style:none; counter-reset:beliefs; }
.tis-beliefs li { padding:18px 0; display:grid; grid-template-columns:40px 1fr; gap:16px; border-bottom:1px solid var(--tis-line); counter-increment:beliefs; }
.tis-beliefs li:last-child { border-bottom:0; }
.tis-beliefs li::before { content:counter(beliefs,decimal-leading-zero); color:var(--tis-orange); font:300 21px/1 var(--tis-display); }
.tis-handwritten { display:block; margin-top:28px; color:var(--tis-black); font:700 17px/1.2 "Kalam",cursive; transform:rotate(-2deg); }
.tis-for-grid { margin-top:34px; display:grid; grid-template-columns:repeat(3,1fr); gap:34px 52px; }
.tis-for-grid div:last-child { grid-column:1; }
.tis-for-grid img { width:26px; height:26px; margin-bottom:12px; }
.tis-for-grid strong { display:block; color:var(--tis-black); font-size:13.5px; }
.tis-for-grid p { margin-bottom:0; font-size:13.5px; }
.tis-story-panel { border-bottom:1px solid var(--tis-line); background:var(--tis-lilac); }
.tis-composition--story { min-height:280px; border-color:rgba(54,54,54,.2); background:transparent; }
.tis-composition--story::before { content:""; display:block; aspect-ratio:16/10; }
.tis-testimonial { min-height:120px; padding:34px; display:flex; align-items:center; justify-content:center; flex-direction:column; border-radius:10px; background:var(--tis-stone); text-align:center; }
.tis-testimonial strong { color:var(--tis-black); }
.tis-testimonial span { margin-top:8px; color:var(--tis-muted); font-size:12px; }
.tis-composition--portrait { min-height:460px; border:0; }
.tis-composition--portrait::before { content:""; display:block; aspect-ratio:4/5; }
.tis-collaboration ul { margin:18px 0 24px; padding:0; list-style:none; }
.tis-collaboration li { margin:8px 0; }
.tis-collaboration li::before { content:"↗"; margin-right:10px; }
.tis-ready { padding-block:44px; border-top:1px solid var(--tis-line); text-align:center; }
.tis-ready h2 { font-size:var(--tis-display-band); }
.tis-ready p { margin:10px auto 20px; font-size:13.5px; }

/* Library entry and browse */
.tis-library-entry__hero { padding-block:72px; }
.tis-library-entry__split { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:72px; align-items:center; }
.tis-library-entry__hero h1 { max-width:620px; font-size:var(--tis-display-hero); }
.tis-library-entry__hero p { max-width:38em; }
.tis-composition--library { aspect-ratio:4/5; }
.tis-composition--library img { aspect-ratio:4/5; object-position:center 25%; }
.tis-composition--library:empty::before { content:""; display:block; aspect-ratio:4/5; }
.tis-library-entry__search { max-width:560px; margin-top:30px; }
.tis-library-entry__search label { display:block; margin-bottom:9px; color:var(--tis-black); font-size:13px; font-weight:700; }
.tis-library-entry__search div { display:flex; gap:10px; }
.tis-library-entry__search input,.tis-search input { min-width:0; flex:1; padding:15px 16px; border:1px solid var(--tis-black); border-radius:0; background:var(--tis-paper); color:var(--tis-black); font:inherit; }
.tis-library-entry__prompts { display:flex; flex-wrap:wrap; gap:8px 15px; font-size:12px; }
.tis-library-entry__prompts a { color:var(--tis-orange); }
.tis-library-featured__grid { display:grid; grid-template-columns:1.2fr 1fr; gap:18px 26px; }
.tis-library-featured__lead { grid-row:span 3; }
.tis-library-featured__lead .tis-resource-card { height:100%; }
.tis-library-featured__row .tis-resource-card { display:grid; grid-template-columns:148px 1fr; }
.tis-library-featured__row .tis-resource-card__media { height:100%; border:0; border-right:1px solid var(--tis-line); }
.tis-library-featured__row .tis-resource-card__body { min-height:0; padding:16px; }
.tis-library-featured__row .tis-resource-card p { display:none; }
.tis-library-formats { background:var(--tis-stone); }
.tis-library-formats__intro { margin-bottom:30px; }
.tis-library-formats .tis-type-grid a { background:var(--tis-paper); }
.tis-library-formats .tis-type-grid h3 { margin-top:0; }
.tis-library-account { background:var(--tis-lilac); }
.tis-library-account__inner { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.tis-library-account__inner p { max-width:50em; }

.tis-library-shell { display:grid; grid-template-columns:252px minmax(0,1fr); min-height:70vh; }
.tis-library-rail { padding:36px 26px; display:flex; align-self:start; flex-direction:column; gap:25px; border-right:1px solid var(--tis-line); background:var(--tis-cream); }
.tis-library-rail__home { color:var(--tis-black); font:300 26px/1.1 var(--tis-display); text-decoration:none; }
.tis-library-rail nav { display:grid; gap:8px; }
.tis-library-rail nav strong { margin-bottom:5px; color:var(--tis-orange); font-size:10px; letter-spacing:1.5px; text-transform:uppercase; }
.tis-library-rail a { font-size:13px; text-decoration:none; }
.tis-library-main { min-width:0; }
.tis-library-hero { padding:52px clamp(20px,5vw,72px); border-bottom:1px solid var(--tis-line); }
.tis-library-hero h1 { font-size:var(--tis-display-section); }
.tis-search { max-width:720px; margin-top:24px; display:flex; }
.tis-search input { width:100%; }
.tis-library-controls { padding:24px clamp(20px,5vw,72px); display:grid; gap:18px; border-bottom:1px solid var(--tis-line); }
.tis-library-controls > div { display:grid; grid-template-columns:86px minmax(0,1fr); align-items:start; gap:12px; }
.tis-library-controls strong { padding-top:7px; color:var(--tis-black); font-size:11px; letter-spacing:1.5px; text-transform:uppercase; }
.tis-filter-row { padding-bottom:5px; display:flex; gap:8px; overflow-x:auto; }
.tis-filter-row button { min-height:44px; flex:0 0 auto; padding:7px 13px; border:1px solid var(--tis-line); border-radius:999px; background:var(--tis-paper); color:var(--tis-black); font:500 12px/1 var(--tis-body); }
.tis-filter-row button[aria-pressed="true"] { border-color:var(--tis-black); background:var(--tis-black); color:var(--tis-paper); }
.tis-library-results { padding:34px clamp(20px,5vw,72px) 72px; }
.tis-results-bar { margin-bottom:22px; display:flex; align-items:baseline; justify-content:space-between; border-bottom:1px solid var(--tis-line); }
.tis-results-bar h2 { padding-bottom:15px; font-size:var(--tis-display-band); }
.tis-results-bar > span { color:var(--tis-muted); font-size:12px; }
.tis-filter-item { min-width:0; display:flex; }
.tis-filter-item .tis-resource-card { width:100%; }
.tis-library-results .tis-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.tis-library-results .is-updating { opacity:.6; }
.tis-empty { padding:70px 20px; text-align:center; }
.tis-empty h2 { font-size:var(--tis-display-band); }

/* Resource post shell */
.tis-article { border-bottom:1px solid var(--tis-line); background:var(--tis-paper); }
.tis-breadcrumbs { padding-top:28px; }
.tis-breadcrumbs ol { margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; list-style:none; color:var(--tis-muted); font-size:12px; }
.tis-breadcrumbs li:not(:last-child)::after { content:"→"; margin-left:8px; color:var(--tis-line); }
.tis-breadcrumbs a { text-decoration:none; }
.tis-article__header { max-width:900px; padding-top:38px; padding-bottom:34px; }
.tis-article__header h1 { max-width:26em; font-size:var(--tis-display-hero); }
.tis-standfirst { max-width:48em; margin:20px 0 25px; font-size:19px; line-height:1.55; }
.tis-byline { display:flex; align-items:center; flex-wrap:wrap; gap:14px 22px; color:var(--tis-muted); font-size:12px; }
.tis-byline a { display:flex; align-items:center; gap:9px; color:var(--tis-black); text-decoration:none; }
.tis-byline img { width:42px; height:42px; border-radius:50%; object-fit:cover; }
.tis-article__trust { padding-block:14px; display:flex; flex-wrap:wrap; gap:10px 28px; border-top:1px solid var(--tis-line); border-bottom:1px solid var(--tis-line); color:var(--tis-muted); font-size:11px; }
.tis-article-layout { padding-block:56px 80px; display:grid; grid-template-columns:280px minmax(0,var(--tis-measure)); grid-template-areas:"rail body"; justify-content:center; align-items:start; gap:64px; }
.tis-article--linear .tis-article-layout { grid-template-columns:minmax(0,var(--tis-measure)); grid-template-areas:"body"; }
.tis-article__body { grid-area:body; min-width:0; }
.tis-article__side { grid-area:rail; position:sticky; top:24px; padding:20px; border:1px solid var(--tis-line); color:var(--tis-muted); font-size:13px; }
.tis-article__side > strong { display:block; margin-bottom:8px; color:var(--tis-orange); font-size:10px; letter-spacing:1.5px; text-transform:uppercase; }
.tis-article__side a { color:var(--tis-black); font-weight:500; }
.tis-article__account { margin:20px -20px -20px; padding:20px; background:var(--tis-black); color:var(--tis-on-black); }
.tis-article__account strong,.tis-article__account a { color:var(--tis-on-black); }
.gh-content { font-size:15px; line-height:1.62; }
.gh-content > * { max-width:var(--tis-measure); margin-inline:auto; }
.gh-content h2 { margin-top:48px; margin-bottom:14px; font-size:var(--tis-display-band); }
.gh-content h3 { margin-top:32px; margin-bottom:10px; font-size:var(--tis-display-card-sm); }
.gh-content p,.gh-content ul,.gh-content ol { margin-top:0; margin-bottom:20px; }
.gh-content blockquote { margin-block:30px; padding-left:24px; border-left:1.5px solid var(--tis-black); font-size:16.5px; font-style:normal; }
.gh-content .kg-callout-card { padding:22px; border:0; border-radius:10px; background:var(--tis-lilac); }
.gh-content .kg-callout-emoji { display:none; }
.gh-content .kg-file-card-container { border:1px solid var(--tis-line); border-radius:0; box-shadow:none; }
.gh-content .kg-button-card a.kg-btn { border-radius:10px; background:var(--tis-orange); color:var(--tis-black); font-size:12px; letter-spacing:1.5px; text-transform:uppercase; }
.gh-content .kg-image-card img { width:100%; height:auto; }
.gh-content .kg-gallery-card { max-width:100%; }
.gh-content table { width:100%; border-collapse:collapse; }
.gh-content th,.gh-content td { padding:10px; border-bottom:1px solid var(--tis-line); text-align:left; }
.tis-related { padding-block:64px; border-top:1px solid var(--tis-line); background:var(--tis-stone); }

/* Pages, members and error states */
.tis-member-page { min-height:62vh; padding:72px var(--tis-gutter); display:grid; place-items:center; border-bottom:1px solid var(--tis-line); }
.tis-member-card { width:min(100%,480px); padding:42px; border:1px solid var(--tis-line); background:var(--tis-paper); }
.tis-member-card h1 { font-size:var(--tis-display-section); }
.tis-member-form { margin-block:25px; }
.tis-member-form label { display:block; margin-bottom:8px; color:var(--tis-black); font-size:13px; font-weight:700; }
.tis-member-form input { width:100%; box-sizing:border-box; margin-bottom:12px; padding:15px; border:1px solid var(--tis-black); border-radius:0; font:inherit; }
.tis-form-loading,.tis-form-success { display:none; }
.tis-member-form.loading .tis-form-ready,.tis-member-form.success .tis-form-ready,.tis-member-form.success > label,.tis-member-form.success > input { display:none; }
.tis-member-form.loading .tis-form-loading,.tis-member-form.success .tis-form-success { display:block; }
.tis-form-error { color:#8a2f27; font-size:13px; }
.tis-account-list { margin-block:28px; }
.tis-account-list div { padding:12px 0; display:grid; grid-template-columns:90px 1fr; border-bottom:1px solid var(--tis-line); }
.tis-account-list dt { color:var(--tis-muted); }
.tis-account-list dd { margin:0; color:var(--tis-black); }
.tis-account-actions { display:flex; align-items:center; gap:20px; }
.general-page,.contextual-page,.simple-page { border-bottom:1px solid var(--tis-line); }
.general-page-header,.contextual-page-header,.simple-page-header { width:min(calc(100% - 2 * var(--tis-gutter)),var(--tis-container)); margin-inline:auto; padding-block:58px 35px; }
.general-page-header h1,.contextual-page-header h1,.simple-page-header h1 { font-size:var(--tis-display-hero); }
.general-page-feature { width:min(calc(100% - 2 * var(--tis-gutter)),var(--tis-container)); margin:0 auto 44px; }
.general-page-feature img { width:100%; height:auto; display:block; }
.general-page-body { width:min(calc(100% - 2 * var(--tis-gutter)),var(--tis-measure)); margin:0 auto; padding-bottom:72px; }
.contextual-page-header { display:grid; grid-template-columns:1fr minmax(260px,.75fr); gap:56px; align-items:center; }
.contextual-page-header__image { width:100%; aspect-ratio:4/5; object-fit:cover; }
.tis-error { min-height:52vh; padding-block:80px; display:flex; align-items:center; flex-direction:column; justify-content:center; text-align:center; }
.tis-error h1 { max-width:16em; font-size:var(--tis-display-hero); }
.error-state__code { margin:0 0 8px; color:var(--tis-orange); font-size:11px; letter-spacing:2px; }
.error-state__message { max-width:40em; }
.tis-archive-hero { padding-block:64px; border-bottom:1px solid var(--tis-line); }
.tis-archive-hero h1 { font-size:var(--tis-display-hero); }
.tis-archive-hero p { max-width:46em; }
.tis-archive-hero a { color:var(--tis-orange); font-size:13px; }
.tis-section,.tis-results { padding-block:58px 72px; }
.tis-results .tis-card-grid,.tis-section .tis-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.tis-author { border-bottom:1px solid var(--tis-line); }
.tis-author__inner { padding-block:64px; display:grid; grid-template-columns:1fr minmax(280px,.65fr); gap:64px; align-items:center; }
.tis-author h1 { font-size:var(--tis-display-hero); }
.tis-author__portrait { width:100%; aspect-ratio:4/5; object-fit:cover; object-position:center 12%; }
.tis-author__links { display:flex; gap:16px; }
.tis-author__links a { color:var(--tis-orange); }
.pagination { margin-top:36px; display:flex; justify-content:space-between; }

.tis-footer { margin-top:0; padding-block:40px 22px; background:var(--tis-black); color:var(--tis-on-black); }
.tis-footer__inner { display:grid; grid-template-columns:1fr auto; gap:30px 80px; }
.tis-footer__brand img { width:205px; filter:invert(1); }
.tis-footer__identity p { margin-top:52px; font-size:11px; }
.tis-footer__nav { display:grid; grid-template-columns:repeat(3,auto); gap:48px; }
.tis-footer__nav div { display:grid; align-content:start; gap:7px; }
.tis-footer__nav strong { margin-bottom:5px; color:var(--tis-orange); font-size:9.5px; letter-spacing:1.5px; text-transform:uppercase; }
.tis-footer__nav a { color:var(--tis-on-black); font-size:11px; text-decoration:none; }
.tis-footer__note { grid-column:2; justify-self:end; font-size:10px; }

@media (max-width:1023px) {
    .home-template .tis-popular .tis-card-grid { grid-template-columns:repeat(2,1fr); }
    .tis-for-grid { grid-template-columns:repeat(2,1fr); }
    .tis-for-grid div:last-child { grid-column:auto; }
    .tis-library-shell { display:block; }
    .tis-library-rail { padding:14px var(--tis-gutter); flex-direction:row; overflow-x:auto; border-right:0; border-bottom:1px solid var(--tis-line); }
    .tis-library-rail nav { display:flex; gap:16px; }
    .tis-library-rail nav strong { display:none; }
    .tis-library-rail > a:not(.tis-library-rail__home) { display:none; }
    .tis-article-layout { grid-template-columns:minmax(0,var(--tis-measure)); grid-template-areas:"body" "rail"; }
    .tis-article__side { position:static; margin-top:14px; }
}
@media (max-width:839px) {
    .tis-header__inner { min-height:72px; }
    .tis-nav { display:none; }
    .tis-menu-toggle { display:block; width:48px; height:48px; padding:12px; border:0; background:transparent; color:inherit; }
    .tis-mobile-menu { position:fixed; inset:72px 0 0; padding:30px var(--tis-gutter); background:var(--tis-black); }
    .tis-mobile-menu nav { display:grid; }
    .tis-mobile-menu a { padding:17px 0; border-bottom:1px solid rgba(248,244,240,.25); color:var(--tis-on-black); font:300 26px/1.2 var(--tis-display); text-decoration:none; }
    .tis-approved-split,.tis-beliefs { grid-template-columns:1fr; }
    .tis-collaboration .tis-composition { order:2; }
    .tis-footer__inner { grid-template-columns:1fr; }
    .tis-footer__nav { grid-template-columns:repeat(3,1fr); }
    .tis-footer__note { grid-column:1; justify-self:start; }
    .tis-library-entry__split,.tis-library-featured__grid { grid-template-columns:1fr; }
    .tis-library-entry__split > :first-child { order:1; }
    .tis-library-entry__split > :last-child { order:2; max-width:420px; }
    .tis-library-featured__lead { grid-row:auto; }
    .tis-library-account__inner { align-items:flex-start; flex-direction:column; }
    .tis-library-results .tis-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .contextual-page-header { grid-template-columns:1fr; }
    .tis-author__inner { grid-template-columns:1fr; }
}
@media (max-width:599px) {
    :root { --tis-display-section:28px; --tis-display-band:24px; }
    .tis-approved-hero__inner { padding-block:64px; }
    .tis-approved-section { padding-block:44px; }
    .tis-approved-band { padding-block:64px; }
    .tis-actions { align-items:stretch; flex-direction:column; }
    .tis-actions .tis-button { width:100%; }
    .tis-type-grid,.home-template .tis-popular .tis-card-grid,.tis-for-grid { grid-template-columns:1fr; }
    .tis-section-heading { align-items:flex-start; flex-direction:column; }
    .tis-footer__nav { grid-template-columns:1fr 1fr; }
    .tis-library-entry__search div { align-items:stretch; flex-direction:column; }
    .tis-library-featured__row .tis-resource-card { grid-template-columns:1fr; }
    .tis-library-featured__row .tis-resource-card__media { height:auto; border-right:0; border-bottom:1px solid var(--tis-line); }
    .tis-library-controls > div { grid-template-columns:1fr; }
    .tis-library-results .tis-card-grid { grid-template-columns:1fr; }
    .tis-member-card { padding:28px 20px; }
    .tis-results .tis-card-grid,.tis-section .tis-card-grid { grid-template-columns:1fr; }
}

/* Override the legacy v1 typography injection with the approved type system. */
html body,
html body button,
html body input,
html body select,
html body textarea,
html body p,
html body li,
html body a,
html body span,
html body div,
html body [class*="excerpt"],
html body .gh-content {
    font-family:var(--tis-body)!important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h1 a,
html body h2 a,
html body h3 a,
html body h4 a,
html body h5 a,
html body .post-card-title,
html body .article-title,
html body .gh-article-title,
html body [class*="post-title"],
html body .post-card-excerpt-title,
html body [class*="subtitle"],
html body .item-title a,
html body .site-rail__group h2,
html body .mobile-navigation__directories h2 {
    font-family:var(--tis-display)!important;
}

html body .tis-library-rail__home,
html body .tis-mobile-menu a {
    font-family:var(--tis-display)!important;
}

/* Page-specific approved templates */
.tis-static-hero { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); min-height:560px; overflow:hidden; }
.tis-static-hero--dark { background:var(--tis-black); color:var(--tis-on-black); }
.tis-static-hero__copy { box-sizing:border-box; padding:88px var(--tis-gutter) 88px max(var(--tis-gutter),calc((100vw - var(--tis-container))/2)); display:flex; flex-direction:column; justify-content:center; }
.tis-static-hero h1 { max-width:16em; color:var(--tis-paper); font-size:var(--tis-display-hero); line-height:1.04; }
.tis-static-hero__copy > p { max-width:34em; margin:22px 0 0; color:var(--tis-on-black); font-size:16.5px; opacity:.88; }
.tis-static-hero__copy .tis-actions > span { color:var(--tis-on-black); opacity:.7; }
.tis-static-hero__media { min-width:0; min-height:500px; margin:0; }
.tis-static-hero__media img { width:100%; height:100%; display:block; object-fit:cover; object-position:center 22%; }
.tis-static-band { padding-block:88px; border-bottom:1px solid var(--tis-line); }
.tis-static-band h2 { max-width:24em; margin-bottom:46px; font-size:var(--tis-display-section); }
.tis-static-band--lilac { background:var(--tis-lilac); }
.tis-eyebrow--ink { color:var(--tis-black); }
.tis-static-thirds,.tis-static-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:44px; }
.tis-static-thirds img,.tis-static-steps img,.tis-static-card-grid img { width:30px; height:30px; margin-bottom:12px; }
.tis-static-thirds strong,.tis-static-steps strong { display:block; color:var(--tis-black); font-size:16px; }
.tis-static-thirds p,.tis-static-steps p { margin-bottom:0; color:var(--tis-muted); font-size:14px; }
.tis-static-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.tis-static-card-grid > div { padding:22px; border:1px solid var(--tis-line); background:var(--tis-paper); }
.tis-static-card-grid h3 { font-size:var(--tis-display-card-sm); }
.tis-static-card-grid p { margin-bottom:0; color:var(--tis-muted); font-size:13.5px; }
.tis-static-beliefs { display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; }
.tis-static-beliefs h2 { margin-bottom:24px; }
.tis-static-beliefs mark { padding-inline:3px; background:var(--tis-lilac); color:inherit; }
.tis-static-beliefs ol { margin:0; padding:0; list-style:none; counter-reset:belief; }
.tis-static-beliefs li { padding:18px 0; display:grid; grid-template-columns:40px 1fr; gap:16px; border-bottom:1px solid var(--tis-line); counter-increment:belief; }
.tis-static-beliefs li::before { content:counter(belief,decimal-leading-zero); color:var(--tis-orange); font:300 21px/1 var(--tis-display); }
.tis-static-editor { padding-block:72px; }
.tis-static-editor--stone { border-block:1px solid var(--tis-line); background:var(--tis-stone); }
.tis-static-editor .gh-content { width:min(100%,var(--tis-measure)); margin-inline:auto; }
.tis-price { margin-top:22px; display:flex; align-items:baseline; gap:14px; }
.tis-price strong { color:var(--tis-orange); font:300 34px/1 var(--tis-display); }
.tis-price span { color:var(--tis-on-black); opacity:.7; }
.tis-static-steps b { display:block; margin-bottom:10px; color:var(--tis-lilac); font:300 34px/1 var(--tis-display); }
.tis-static-cta { padding-block:64px; border-block:1px solid var(--tis-line); text-align:center; }
.tis-static-cta h2 { font-size:var(--tis-display-section); }
.tis-static-cta p { max-width:48em; margin:12px auto 22px; }
.tis-story-hero { padding-block:64px; border-bottom:1px solid var(--tis-line); text-align:center; }
.tis-story-hero h1 { max-width:24em; margin-inline:auto; font-size:var(--tis-display-hero); }
.tis-story-content { padding-block:72px; }
.tis-story-content .gh-content { width:min(100%,var(--tis-measure)); margin-inline:auto; }
.tis-story-content .kg-gallery-card { margin-block:44px; }

.tis-legal-hero { padding-block:58px; border-bottom:1px solid var(--tis-line); background:var(--tis-stone); }
.tis-legal-hero h1 { font-size:var(--tis-display-hero); }
.tis-legal-hero p { margin:8px 0 0; color:var(--tis-muted); font-size:12px; text-transform:uppercase; letter-spacing:1px; }
.tis-legal-layout { padding-block:64px 88px; display:grid; grid-template-columns:220px minmax(0,var(--tis-measure)); justify-content:space-between; gap:48px; }
.tis-legal-layout aside { position:sticky; top:24px; align-self:start; border-left:1px solid var(--tis-line); }
.tis-legal-layout aside > strong { display:block; padding:0 16px 14px; color:var(--tis-black); font-size:10px; letter-spacing:1.5px; text-transform:uppercase; }
.tis-legal-layout nav { display:grid; }
.tis-legal-layout nav a { padding:10px 16px; text-decoration:none; }
.tis-legal-layout nav a:first-child { border-left:2px solid var(--tis-orange); color:var(--tis-orange); }
.tis-legal-content h2 { scroll-margin-top:24px; }

.tis-member-layout { width:min(100%,960px); display:grid; grid-template-columns:minmax(0,520px) minmax(0,1fr); gap:64px; align-items:start; }
.tis-member-layout .tis-member-card { width:auto; }
.tis-member-explainer { padding-top:12px; }
.tis-member-explainer h2 { padding-bottom:16px; border-bottom:1px solid var(--tis-black); font-size:var(--tis-display-band); }
.tis-member-explainer ul { margin:0; padding:0; list-style:none; }
.tis-member-explainer li { padding:18px 0; display:grid; grid-template-columns:28px 1fr; gap:14px; border-bottom:1px solid var(--tis-line); }
.tis-member-explainer li img { width:22px; height:22px; }
.tis-member-explainer li strong { display:block; color:var(--tis-black); }
.tis-member-not { margin-top:28px; padding:20px; border:1px solid var(--tis-black); }

.tis-hopium-page { background:#292827; color:var(--tis-on-black); }
.tis-hopium-page h1,.tis-hopium-page h2,.tis-hopium-page h3 { color:var(--tis-paper); }
.tis-hopium-hero { min-height:560px; display:grid; place-items:center; text-align:center; background:var(--tis-black); }
.tis-hopium-hero h1 { font-size:clamp(48px,8vw,84px); }
.tis-hopium-hero h1 em { color:var(--tis-lilac); font-weight:300; }
.tis-hopium-button { margin-top:22px; border-color:var(--tis-lilac); background:var(--tis-lilac); }
.tis-hopium-what,.tis-hopium-invite,.tis-hopium-list { padding-block:72px; }
.tis-hopium-what > .tis-container > div { display:grid; grid-template-columns:repeat(3,1fr); margin-top:42px; }
.tis-hopium-what article { padding:0 28px; border-left:1px solid rgba(255,255,255,.18); }
.tis-hopium-what article:first-child { padding-left:0; border-left:0; }
.tis-hopium-what b { color:var(--tis-lilac); font:300 26px/1 var(--tis-display); }
.tis-hopium-what p { color:var(--tis-on-black); opacity:.72; }
.tis-hopium-invite { background:var(--tis-lilac); color:var(--tis-black); text-align:center; }
.tis-hopium-invite h2 { max-width:24em; margin-inline:auto; color:var(--tis-black); font-size:var(--tis-display-section); }
.tis-hopium-invite span { display:block; margin:20px 0 12px; }
.tis-hopium-list { text-align:center; }

@media (max-width:1023px) {
    .tis-library-rail { min-height:0!important; height:auto; align-items:center; gap:24px; white-space:nowrap; }
    .tis-library-rail__home,.tis-library-rail nav a { margin:0!important; flex:0 0 auto; }
    .tis-library-rail nav { flex:0 0 auto; flex-wrap:nowrap; }
    .tis-article-layout { row-gap:28px; padding-block:44px 60px; }
    .tis-article__side { margin-top:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.8fr); gap:12px 28px; }
    .tis-article__side > strong { grid-column:1/-1; }
    .tis-article__account { margin:-20px -20px -20px 0; grid-column:2; grid-row:2/5; }
}
@media (max-width:839px) {
    .tis-static-hero { grid-template-columns:1fr; }
    .tis-static-hero__copy { padding:64px var(--tis-gutter); }
    .tis-static-hero__media { min-height:0; aspect-ratio:4/5; }
    .tis-static-beliefs { grid-template-columns:1fr; }
    .tis-legal-layout { grid-template-columns:1fr; }
    .tis-legal-layout aside { position:static; }
    .tis-member-layout { grid-template-columns:1fr; gap:42px; }
}
@media (max-width:599px) {
    .tis-static-band { padding-block:56px; }
    .tis-static-thirds,.tis-static-steps,.tis-static-card-grid { grid-template-columns:1fr; gap:26px; }
    .tis-static-card-grid { gap:14px; }
    .tis-static-editor,.tis-story-content { padding-block:52px; }
    .tis-library-rail { padding-block:12px; }
    .tis-library-rail__home { font-size:18px!important; }
    .tis-library-rail nav { gap:20px; }
    .tis-library-rail nav a { font-size:13px; }
    .tis-library-hero { padding-block:38px; }
    .tis-library-controls { padding-inline:var(--tis-gutter); overflow:hidden; }
    .tis-filter-row { margin-right:calc(-1 * var(--tis-gutter)); padding-right:42px; scroll-padding-inline:var(--tis-gutter); }
    .tis-results-bar { align-items:flex-start; gap:8px; flex-direction:column; }
    .tis-byline { gap:10px 18px; }
    .tis-byline a,.tis-byline__reading { white-space:nowrap; }
    .tis-article__trust { display:grid; grid-template-columns:1fr; gap:5px; }
    .tis-trust-human { padding-top:8px; border-top:1px solid var(--tis-line); }
    .tis-article__side { display:block; padding:18px; }
    .tis-article__account { margin:18px -18px -18px; }
    .tis-legal-layout { padding-block:42px 64px; gap:30px; }
    .tis-member-page { padding-block:44px; }
    .tis-member-card { padding:28px 20px; }
    .tis-hopium-what > .tis-container > div { grid-template-columns:1fr; gap:28px; }
    .tis-hopium-what article { padding:0 0 28px; border-left:0; border-bottom:1px solid rgba(255,255,255,.18); }
}
