/URL pushed it to 1376px (WPTT "Template: Comments", 1814 > 1440). */
.ts-comment > .wp-block-group { min-inline-size: 0; flex: 1 1 auto; }
.ts-comment .wp-block-comment-content { overflow-wrap: anywhere; }
/* Raw (classic content, comments) keeps white-space: pre — scroll it
instead of widening the page (a 1376px verse in the same WPTT comment). */
.ts-prose :where(pre), .ts-comment :where(pre) { overflow-x: auto; max-inline-size: 100%; }
/* ---- Prose ---- */
.ts-prose > :where(h2) { margin-block-start: var(--tnt-space-7); }
.ts-prose > :where(h3) { margin-block-start: var(--tnt-space-6); }
.ts-prose :where(ul, ol) { padding-inline-start: 1.2em; }
.ts-prose li + li { margin-block-start: var(--tnt-space-2); }
.ts-prose :where(img, .wp-block-image img) { border-radius: var(--ts-radius-card); }
/* Classic captions carry an inline width (WPTT "Markup: Image Alignment": 690px → 696 > 390 at phone width). */
.ts-prose :where(.wp-caption) { max-inline-size: 100%; }
.ts-narrow .ts-prose { max-inline-size: 60ch; margin-inline: auto; }
/* The shell already pads the top (space-8); a top margin here doubled it to
~160px above the listing / page title at 1440 (the single's meta line sits at
~80px). The page-header patterns dropped their top padding for the same reason. */
.ts-page-title { margin-block: 0 var(--tnt-space-6); }
/* Listing H1: padding (does not collapse with the query's margins) so "Journal"
sits at the same distance from the grid as the archive page-header (~88px). */
.ts-shell--list .ts-page-title { margin-block-end: 0; padding-block-end: var(--tnt-space-6); }
/* ---- Listing grid (2 columns inside the shell) ---- */
:root .ts-post-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block-start: var(--tnt-space-6); }
@media (max-width: 640px) { :root .ts-post-grid--2 { grid-template-columns: 1fr; } }
.wp-block-query-pagination { margin-block-start: var(--tnt-space-7); font-family: var(--tnt-font-mono); font-size: var(--tnt-text-sm); }
.wp-block-query-pagination a, .wp-block-query-pagination .page-numbers { text-decoration: none; padding: .4rem .7rem; border-radius: 8px; }
.wp-block-query-pagination .page-numbers.current { background: var(--tnt-color-accent-2); color: var(--tnt-color-text); }
/* ---- Sidebar widgets ---- */
.ts-sidebar { display: grid; gap: var(--tnt-space-5); }
.ts-sidebar__widget { background: var(--tnt-color-surface); border: 1px solid var(--tnt-color-border); border-radius: var(--ts-radius-card); padding: var(--tnt-space-5); }
.ts-sidebar__widget.is-style-ts-ink { border: 0; }
.ts-sidebar__title { font-family: var(--tnt-font-mono); text-transform: uppercase; letter-spacing: var(--tnt-tracking-wide); color: var(--tnt-color-text-muted); margin: 0 0 var(--tnt-space-3); font-weight: 500; }
/* The search box is its own framed control: a card around it read as a double
frame (r2 shots), so that widget goes chrome-less like the Aurora port. */
.ts-sidebar__widget--search { background: transparent; border: 0; padding: 0; }
.ts-sidebar .wp-block-post-title a { text-decoration: none; font-weight: 600; }
/* Widget links read as Ink (the cards' language), hover to Link; the flow gap +
UA margins gave the post list a loose 20/25px rhythm — hairline rows instead. */
.ts-sidebar .wp-block-post-title a, .ts-sidebar .wp-block-categories a { color: var(--tnt-color-text); transition: color var(--tnt-dur-fast) var(--tnt-ease-expo); }
.ts-sidebar .wp-block-post-title a:hover, .ts-sidebar .wp-block-categories a:hover { color: var(--ts-color-link); }
:root .ts-sidebar__list > * { margin: 0; padding-block: .6rem; }
:root .ts-sidebar__list > :first-child { padding-block-start: 0; }
:root .ts-sidebar__list > :last-child { padding-block-end: 0; }
.ts-sidebar__list > * + * { border-block-start: 1px solid var(--tnt-color-border); }
.ts-sidebar__list .wp-block-post-title { margin: 0; line-height: 1.3; }
.ts-sidebar__list .wp-block-post-date { margin: .25rem 0 0; }
.ts-sidebar .wp-block-categories { list-style: none; padding: 0; margin: 0; font-size: var(--tnt-text-sm); } /* sm: matches the post list; base read a size up from the rest of the widget */
.ts-sidebar .wp-block-categories a { text-decoration: none; font-weight: 500; }
.ts-sidebar .wp-block-categories li { padding-block: .35rem; border-block-start: 1px solid var(--tnt-color-border); }
/* ---- Forms (search, comments): tokens, border-box (§9) ----
One place for every form control. The generic rule dresses the comment form
(WP 7.1 ships its colours/padding in :where(), so source order wins); the
search block keeps its own selectors because WP styles the button-inside
layout at (0,1,0): Line border, card radius (button radius + the 4px inset),
Paper, focus ring on the wrapper. Merged here from Task 7. */
:where(input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=range]):not([type=color]):not([type=image]):not([type=reset]), textarea, select) {
box-sizing: border-box; inline-size: 100%;
font: inherit; color: var(--tnt-color-text);
background: var(--tnt-color-surface);
border: 1.5px solid var(--tnt-color-border); border-radius: var(--ts-radius-btn);
padding: .8rem 1rem;
transition: border-color var(--tnt-dur-fast) var(--tnt-ease-expo), box-shadow var(--tnt-dur-fast) var(--tnt-ease-expo);
}
:where(input, textarea, select)::placeholder { color: var(--tnt-color-text-muted); }
:where(input[type=checkbox], input[type=radio]) { accent-color: var(--tnt-color-accent); }
.comment-form label { font-size: var(--tnt-text-sm); font-weight: 500; }
/* Focus: accent border + accent-2 halo (checkboxes / radios keep the global outline). */
:where(input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]), textarea, select):focus { border-color: var(--tnt-color-accent); box-shadow: 0 0 0 3px var(--tnt-color-accent-2); outline: none; }
/* Comment form on WP 6.6–6.8 (declared floor): core styles its inputs at
`:where(.wp-block-post-comments-form) input:not([type=submit])` (0,1,1) with
WP's default grey border shorthand, which beats the generic rule and the :focus
border-color. Same tokens, scoped so the search inset rules stay untouched. */
.wp-block-post-comments-form :is(input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=hidden]), textarea) { border: 1.5px solid var(--tnt-color-border); border-radius: var(--ts-radius-btn); padding: .8rem 1rem; background: var(--tnt-color-surface); color: var(--tnt-color-text); }
.wp-block-post-comments-form :is(input:not([type=submit]):not([type=checkbox]):not([type=radio]), textarea):focus { border-color: var(--tnt-color-accent); box-shadow: 0 0 0 3px var(--tnt-color-accent-2); outline: none; }
/* Search / submit buttons (wp-element-button, styled by theme.json) get the same hover easing as core buttons. */
.wp-element-button:not(.wp-block-button__link) { cursor: pointer; transition: background-color var(--tnt-dur-fast) var(--tnt-ease-expo), color var(--tnt-dur-fast) var(--tnt-ease-expo); }
.wp-block-search__input {
box-sizing: border-box; min-inline-size: 0;
font-family: var(--tnt-font-body); font-size: var(--tnt-text-base); color: var(--tnt-color-text);
background: var(--tnt-color-surface); border: 1.5px solid var(--tnt-color-border); border-radius: var(--ts-radius-btn);
padding: 0.7rem var(--tnt-space-3);
}
:root .wp-block-search__button-inside .wp-block-search__inside-wrapper {
border: 1.5px solid var(--tnt-color-border);
border-radius: var(--ts-radius-card);
background: var(--tnt-color-surface);
padding: 4px;
transition: border-color var(--tnt-dur-fast) var(--tnt-ease-expo), box-shadow var(--tnt-dur-fast) var(--tnt-ease-expo);
}
:root .wp-block-search__button-inside .wp-block-search__inside-wrapper:focus-within { border-color: var(--tnt-color-accent); box-shadow: var(--tnt-shadow-2); }
/* Inner input: the border / radius / padding resets are NOT redundant — on WP 7.1
core zeroes them at `:where(.wp-block-search__button-inside …) .wp-block-search__input`
(0,1,0), which loses to our later `.wp-block-search__input` (0,1,0) above (verified
task 12a: without them the input grew a 1px border, 10px radius and 11px padding).
box-shadow: none keeps the generic :focus halo off the inner input (the wrapper rings). */
.wp-block-search__button-inside .wp-block-search__input { border: 0; border-radius: 0; background: transparent; padding-block: 0; box-shadow: none; }
.wp-block-search__button.wp-element-button { padding: 0.7rem 1.2rem; }
/* ---- Selection ---- */
::selection { background: var(--tnt-color-accent-2); }