/* 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-mast nav.hubb-language { display: flex; flex: none; align-items: center; gap: 0; margin-left: auto; border: 1px solid rgba(232,224,208,.55); border-radius: 3px; overflow: hidden; font: 700 12px var(--v4-sans); letter-spacing: .08em; }
.v4-mast .hubb-language > * { box-sizing: border-box; display: grid; place-items: center; min-width: 46px; min-height: 44px; padding: 0 8px; color: var(--v4-bone); text-decoration: none; }
.v4-mast nav.hubb-language a { display: grid; padding: 0 8px; font: inherit; color: var(--v4-bone); }
.v4-mast .hubb-language > [aria-current="page"] { background: var(--v4-gold); color: #07090c; }
.v4-mast .hubb-language > a:hover, .v4-mast .hubb-language > a:focus-visible { background: rgba(201,168,76,.25); color: #fff; }
.v4-mast .hubb-language > a:focus-visible { outline: 2px solid var(--v4-gold); outline-offset: -3px; }
.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-mast nav.hubb-language a:not(.sub) { display: grid; }
  .v4-wordmark { font-size: 1.05rem; letter-spacing: .24em; }
  .v4-mast nav a.sub { padding: 8px 12px; font-size: .95rem; }
}
@media (max-width: 700px) {
  .v4-mast .v4-wrap > nav:not(.hubb-language) { display: none; }
  .v4-mast .v4-wrap { gap: 12px; }
  .v4-mast .hubb-language { margin-left: auto; }
}