/* Polaris v4-skal för de äldre sidorna (artiklar, guider, veckans AI, ordlista, verktyg, prompter …).
   Samma sidhuvud och fot som startsidan, Source Sans 3 som brödtext. Sidornas eget innehåll orört. */
:root { --v4-night: #07090c; --v4-bone: #e8e0d0; --v4-bone-2: rgba(232,224,208,.8); --v4-rule: rgba(232,224,208,.16);
  --v4-gold: #c9a84c; --v4-serif: "Cormorant Garamond", Georgia, serif; --v4-sans: "Source Sans 3", system-ui, sans-serif;
  --v4-gutter: clamp(18px, 4vw, 56px); }
/* samma typsnitt och läsyta som startsidan: Source Sans 3, svalt ljusgrått i stället för creme */
:root { --sans: "Source Sans 3", system-ui, sans-serif; --paper: #f3f4f5; }
body { font-family: var(--v4-sans); }
.v4-mast { position: sticky; top: 0; z-index: 100; background: rgba(7,9,12,.94); border-bottom: 1px solid var(--v4-rule);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.v4-mast .v4-wrap, .v4-foot .v4-wrap { max-width: 1280px; margin: 0 auto; padding: 0 var(--v4-gutter); }
.v4-mast .v4-wrap { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 76px; }
.v4-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.v4-brand img { width: 38px; height: 38px; }
.v4-wordmark { font-family: var(--v4-serif); font-weight: 500; font-size: 1.3rem; letter-spacing: .32em; color: var(--v4-bone); }
.v4-wordmark span { color: var(--v4-gold); }
.v4-mast nav { display: flex; align-items: center; gap: clamp(16px, 2.4vw, 34px); }
.v4-mast nav a { color: var(--v4-bone-2); text-decoration: none; font-family: var(--v4-sans); font-size: 1.05rem; padding: 10px 0; }
.v4-mast nav a:hover { color: var(--v4-bone); }
.v4-mast nav a.sub { color: var(--v4-gold); border: 1px solid rgba(201,168,76,.6); padding: 9px 16px; }
.v4-mast nav a.sub:hover { background: rgba(201,168,76,.1); }
.v4-foot { background: var(--v4-night); color: var(--v4-bone-2); border-top: 1px solid var(--v4-rule); padding: 52px 0 60px; font-family: var(--v4-sans); font-size: 1.05rem; }
.v4-foot .v4-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px 32px; }
.v4-foot nav { display: flex; flex-wrap: wrap; gap: 12px 28px; }
.v4-foot a { color: var(--v4-bone); }
@media (max-width: 900px) {
  .v4-mast nav a:not(.sub) { display: none; }
  .v4-wordmark { font-size: 1.05rem; letter-spacing: .24em; }
  .v4-mast nav a.sub { padding: 8px 12px; font-size: .95rem; }
}