/*
 * Ändringar i designen efter WordPress: färger, storlekar, avstånd och layout
 * som Peter (med Claude) ändrar. Skillen /designandring säger hur.
 *
 * Filen laddas efter den gemensamma CSS:en från WordPress (pal2026, temat och
 * Customizer-CSS:en i css/wp-inline/10-wp-custom-css.css) men före
 * pal2026-mobil.css (src/app/[locale]/layout.tsx). En regel här vinner alltså
 * över den med samma specificitet, och mobilreglerna (under 641 px) vinner
 * fortfarande i mobilen. Undantagen:
 *  - 24 sidor har egen CSS (layout.css i page.json, css/wp-sidor/) som laddas
 *    i sidan, efter den här filen. Läs den först: mot en vanlig regel räcker
 *    sidans page-id-<id> först i väljaren, mot !important krävs page-id-<id>
 *    och !important, och mot ett id (#prispaket img) måste väljaren ha id:t.
 *  - Mobilreglerna väger (0,1,1)–(0,2,0) ([class*="pal2026"] h1, .sec-head).
 *    En regel här som väger tyngre (.page-id-<id> .pal2026-guide h1) eller har
 *    !important gäller också i mobilen. Gäller den bara datorn: lägg den i
 *    @media (width > 640px), och kontrollera alltid vid 360 px.
 *  - Customizer-CSS:en har många !important. Ändra den inte: den är en enda
 *    minifierad rad från WordPress.
 *
 * Varje pal2026-sida har ett eget omslag med en egen kopia av designens
 * variabler (.pal2026, .pal2026-guide, .pal2026-nyhetsbrev ...). En variabel som
 * ska ändras överallt sätts därför på alla omslag:
 *
 *   :root,
 *   [class*="pal2026"] {
 *     --brand: #1c9ae6;
 *   }
 *
 * Bara 62 av 120 sidor har ett pal2026-omslag; sidhuvud, sidfot och de äldre
 * sidorna använder temats CSS. En ändring på en sida väljer sidans klass,
 * page-id-<id> på sidor och postid-<id> på blogginlägg (id:t står i sidans
 * page.json), som .page-id-<id> .klass och aldrig .page-id-<id> main (klassen
 * sitter på <main> eller på en div runt den). Omslaget .pal2026-guide är 50
 * sidor men inte alla guider: 43 av 91 guider har det inte.
 *
 * Text, rubriker och bilder tas bort i sidans sv.yaml och en.yaml, inte med
 * display: none här. Registreringsrutan och sidfotens mejl- och telefonlänkar,
 * och allt runt dem, ska synas, gå att läsa och gå att klicka på, och deras text
 * ändras inte: GTM räknar på dem (e2e/tracking.spec.ts). Skriv en kort
 * kommentar över varje regel: vad den ändrar och när (datum).
 */

/* ---------- Hela sajten ---------- */

/* ---------- En sida i taget ---------- */