/* ========================================================================== TORIDORI Storefront Child — FAQ and information pages -------------------------------------------------------------------------- Scoped entirely to .tds-faq, so this sheet can load on every ordinary page without touching one that does not use the markup (inc/assets.php gates it on is_page() rather than on a single page ID, which keeps a second information page from needing a code change). NO RAW COLOURS, SIZES OR SPACING HERE. Everything reads tokens.css, which is what makes this page look like the front page rather than merely similar to it: change the brand navy once and this follows. The accordions are
/. That is deliberate: - no JavaScript, so nothing to load and nothing to break; - the browser handles keyboard focus and the open/closed state for us; - a reader using Ctrl+F still finds text inside a closed panel in Chrome and Edge, which a div-and-script accordion hides completely; - with CSS disabled it degrades to a plain, readable list. ========================================================================== */ /* ========================================================================== Every information page — the shared layer -------------------------------------------------------------------------- .tds-faq and .tds-sim below dress up markup that was written for them. Two information pages have no such markup: Buying Guide and Contact Us are plain paragraphs typed into the editor, so until 0.9.2 they were still drawing Storefront's own body font (Source Sans Pro, #6d6d6d) at a 1064px line length, next to a title in Storefront's thin grey — three differences from the home page on one screen. This layer gives that plain markup the same font, colour and reading width the two designed pages already had, so a page needs no special markup to look like the rest of the site. SCOPE. inc/assets.php loads this sheet on is_page(), and cart, checkout and my-account are pages. Everything here is therefore scoped to .tds-info-page, a body class inc/layout.php puts on ordinary pages only — never on those three. Nothing in this block can reach a checkout field. ========================================================================== */ body.tds-info-page .entry-title { margin: 0 0 var(--tds-space-5); color: var(--tds-ink); font-family: var(--tds-font); font-size: var(--tds-fs-2xl); font-weight: 800; line-height: var(--tds-lh-tight); } /* The text column, not the page. The shell around it is the same width as every other screen — see the 0.9.2 note in inc/layout.php — and only the reading column inside it is held to --tds-measure. CENTRED, and the breadcrumb is centred with it. 0.9.2 left-aligned this column so it started under the logo, which left 400px of empty page down the right-hand side of every information page; Kota's words on 2026-09-01 were "左に寄ってるけど。どのページも". Centring the column is what fixes that, and the breadcrumb has to come along or it is left stranded at the shell edge on its own — that was tried first and looked worse than the problem. The breadcrumb lives in .storefront-breadcrumb, OUTSIDE #content, which is why it needs its own selector here rather than inheriting one. */ body.tds-info-page .storefront-breadcrumb .col-full > .woocommerce-breadcrumb, body.tds-info-page #content .content-area { max-width: var(--tds-measure); margin-inline: auto; } /* The other four information pages -- Terms, Policies, Delivery & Return and Contact Us -- are plain paragraphs with no section index to put beside them, so there is nothing to build a second column out of. They still get the reading column and the reading size, centred in the shell exactly as before; only the width and the type size change. The shipping calculator is excluded by name. It is the one information page whose content is a rate TABLE rather than sentences, and a table does not get easier to read by being narrowed -- its columns just crush. It keeps --tds-measure and --tds-fs-md. This is outside the media query below on purpose: a narrower maximum is the right answer at every width, and on a phone it is already wider than the screen, so it does nothing there. */ body.tds-info-page:not(:has(.tds-faq__toc)):not(:has(.tds-sim)) .storefront-breadcrumb .col-full > .woocommerce-breadcrumb, body.tds-info-page:not(:has(.tds-faq__toc)):not(:has(.tds-sim)) #content .content-area { max-width: var(--tds-measure-text); } body.tds-info-page:not(:has(.tds-faq__toc)):not(:has(.tds-sim)) .entry-content { font-size: var(--tds-fs-read); } /* ========================================================================== The section index as a column, on pages that have one -------------------------------------------------------------------------- 2026-09-02. Two things had to change together and neither works alone. Narrowing the prose to --tds-measure-text is what fixes the reading (see the note on that token). On its own it makes the page LOOK emptier, which is the thing that has now been raised twice. Moving the section index into that space is what fixes the look. Doing only the second leaves a 105 character line, which is the actual defect. NO NEW MARKUP. Both pages already ship a