/* ========================================================================== help/tutorials/_shared-craft.css The craft skin for the 17 guided tutorials (help/tutorials/). KEEP THIS NAME. The 2026-08-11 go-live sweep renamed every -craft twin over its real file, including this one: it took _shared.css's name, the base layout (the 1080 .container, nav, grid overlay) died with it, and every tutorial ran full-bleed and blown up until the base was restored later that day. This family is the one place the twin is NOT a replacement: it is a second sheet that needs the first. Both files stay. WHAT THIS IS. The twin of help/tutorials/_shared.css, and the sibling of help/_kb-craft.css. The KB rollout deliberately skipped this family because it loads a different stylesheet and a different vocabulary: .tut-hero, .tut-layout, .tut-side, .side-nav, .step-head / .step-num-lg / .step-title / .step-visual, the whole .jtek-* app-frame set, .meta-chip, .callout, .tut-cta-block. Bolting _kb-craft.css on landed the cream page and nothing else. This file is the family's own set of recipes, in the same craft language: cream page, ink, Newsreader on the display type, radius 24, hairline borders, --shadow-block, grain, 16/22.4 body, one jtek-blue accent. BACKEND, NOT MARKETING. A signed-in customer reads these. No marketing nav, no mega-menu, no six-column footer. Structure, links, embeds and JS stay byte-intact; only the surfaces change. Jesse's order, 2026-08-09: "almost just a refresh". LOADING POSITION IS DIFFERENT FROM THE KB'S. help/_kb.css already sat after each page's inline . _shared.css therefore still loads and still carries the layout; this sheet repaints on top of both it and the page block. THE PRICE OF LOADING LAST. Because this sheet wins on source order, any property it sets unconditionally also beats _shared.css's own media queries. Every such property is re-declared here at _shared.css's own breakpoints (900, 768, 560, 520). Setting .related-grid or .jtek-frame once, at the top, silently un-collapses them on a phone. NO DARK MODE. craft is a single cream surface. _shared.css closes with a full @media (prefers-color-scheme: dark) block; every selector in it is matched here unconditionally, at equal or higher specificity, from a later sheet, so none of those rules ever land. Media queries add no specificity. There is deliberately no dark block in this file. TEXT FLOOR. Nothing this sheet drives goes below 12px. The per-page mockup markup inside .step-visual keeps its own