/* ==========================================================================
   Undersidor och artiklar – innehållssidor, artikelmall, guidelistor, arkiv.
   Laddas på allt utom startsidan, därför är ALLT avgränsat till body-klasserna
   .us-sida (innehållssidor), .us-artikel (inlägg), .us-arkiv (inläggsarkiv)
   och .sr-page (omdömessidan). Färger och typsnitt kommer från temats tokens.
   ========================================================================== */

:is(body.us-sida,body.us-artikel,body.us-arkiv,body.sr-page){
  --us-bredd:var(--sf-container-content);          /* yttre innehållsbredd */
  --us-spalt:var(--sf-container-text);           /* läsbar textspalt, ca 70 tecken */
  --us-luft:var(--sf-section-space);             /* sektionsluft */
  --us-radie:var(--sf-radius-card);
  --us-navy-hover:var(--sf-color-primary-hover);
}
@media(max-width:600px){
  :is(body.us-sida,body.us-artikel,body.us-arkiv,body.sr-page){--us-luft:var(--sf-section-space-mobile)}
}

/* --- Ytterram ----------------------------------------------------------- */
:is(body.us-sida,body.us-artikel,body.us-arkiv) .site-content{padding:40px 40px 72px}
:is(body.us-sida,body.us-artikel,body.us-arkiv) .inside-article{max-width:var(--us-bredd);margin-inline:auto;padding:0}
:where(body.us-sida,body.us-artikel) .entry-content{margin-top:0}
@media(max-width:768px){
  :is(body.us-sida,body.us-artikel,body.us-arkiv) .site-content{padding:24px 20px 56px}
}
:is(body.us-sida,body.us-artikel,body.us-arkiv) .inside-article *{box-sizing:border-box}

/* --- Sidhuvud: ögonbryn + H1 + ingress ---------------------------------- */
.us-hero{margin:0 0 var(--us-luft);padding:56px 32px;border-radius:var(--us-radie);background:var(--sf-surface);text-align:center}
.us-hero > *{max-width:var(--us-spalt);margin-inline:auto}
.us-eyebrow,
body .entry-content .us-eyebrow{margin:0 auto 12px;padding:0;font-size:var(--sf-text-eyebrow);font-weight:var(--sf-weight-ui);letter-spacing:var(--sf-tracking-eyebrow);line-height:1.4;text-transform:uppercase;color:var(--sf-muted)}
.us-hero .us-title{margin-top:0;margin-bottom:0;font-size:var(--sf-text-h1);font-weight:var(--sf-weight-heading);line-height:1.12;letter-spacing:-.02em;color:var(--sf-primary);text-wrap:balance}
.us-hero .us-ingress{margin-top:16px;margin-bottom:0;font-size:19px;line-height:1.65;color:var(--sf-muted);text-wrap:pretty}
.us-hero .us-meta{margin-top:20px;margin-bottom:0;font-size:15px;line-height:1.5;color:var(--sf-muted)}
@media(max-width:600px){
  .us-hero{padding:36px 20px}
  .us-hero .us-ingress{font-size:17px}
  .us-hero .us-meta{font-size:14px}
}

/* --- Brödtext och rubriker (sidor + artiklar) --------------------------- */
:where(body.us-sida,body.us-artikel) .entry-content{font-size:var(--sf-text-body);line-height:var(--sf-leading-body);color:var(--sf-ink)}
:where(body.us-sida,body.us-artikel) .entry-content :is(p,li,td,th,dd):where(:not(.sfx-card *,.sr-root *)){font-size:var(--sf-text-body);line-height:var(--sf-leading-body);color:var(--sf-ink)}
:where(body.us-sida,body.us-artikel) .entry-content p:where(:not(.sfx-card *,.sr-root *)){margin-block:0 20px}
:where(body.us-sida,body.us-artikel) .entry-content h2{margin:48px 0 16px;font-size:var(--sf-text-h2-content);font-weight:var(--sf-weight-heading);line-height:1.2;letter-spacing:-.02em;color:var(--sf-primary);scroll-margin-top:110px;text-wrap:balance}
:where(body.us-sida,body.us-artikel) .entry-content h3{margin:32px 0 10px;font-size:21px;font-weight:var(--sf-weight-heading);line-height:1.3;letter-spacing:-.01em;color:var(--sf-primary);scroll-margin-top:110px}
:where(body.us-sida,body.us-artikel) .entry-content :is(ul,ol):not([class*=us-]):not(.page-numbers){margin-block:0 24px;margin-inline:0;padding-left:22px}
:where(body.us-sida,body.us-artikel) .entry-content :is(ul,ol):not([class*=us-]) > li{margin:0 0 8px;padding-left:4px}
:where(body.us-sida,body.us-artikel) .entry-content :is(ul,ol):not([class*=us-]) > li::marker{color:var(--sf-primary)}
:where(body.us-sida,body.us-artikel) .entry-content > :first-child,
:is(body.us-sida,body.us-artikel) .us-main > :first-child,
:is(body.us-sida,body.us-artikel) .wp-block-group__inner-container > :first-child{margin-top:0}
:is(body.us-sida,body.us-artikel) .wp-block-group__inner-container > :last-child{margin-bottom:0}
:where(body.us-sida,body.us-artikel) .entry-content strong{font-weight:var(--sf-weight-ui);color:var(--sf-primary)}
@media(max-width:600px){
  :where(body.us-sida,body.us-artikel) .entry-content,
  :where(body.us-sida,body.us-artikel) .entry-content :is(p,li,td,th,dd):where(:not(.sfx-card *,.sr-root *)){font-size:16px}
  :where(body.us-sida,body.us-artikel) .entry-content h2{margin-top:40px}
  :where(body.us-sida,body.us-artikel) .entry-content h3{font-size:19px}
}

/* Datumrad överst på villkorssidor */
body .entry-content p.us-uppdaterad{font-size:15px;color:var(--sf-muted)}

/* Textspalt: allt direkt i innehållet hålls till läsbar bredd om det inte är en bred komponent. */
body.us-sida .entry-content > :not(.us-wide):not(.us-layout):not(.us-cta):not(.sr-root){max-width:var(--us-spalt);margin-inline:auto}
/* Upprepad klass = högre specificitet än listreglerna ovan, så att även listor centreras i artikelspalten. */
body.us-artikel .entry-content.entry-content.entry-content > *{max-width:var(--us-spalt);margin-inline:auto}

/* Temat ger gruppblockens inre behållare egen utfyllnad och maxbredd – nollställs här. */
:is(body.us-sida,body.us-artikel) .entry-content .wp-block-group__inner-container{max-width:none;margin:0;padding:0}

/* Temats dynamiska regel ".inside-article a" (grön) vinner annars över de globala länk- och knappklasserna. */
:is(body.us-sida,body.us-artikel,body.us-arkiv) .inside-article :is(.sfx-link-arrow,.sfx-guide-link,.sfx-btn-outline){color:var(--sf-primary)}
:is(body.us-sida,body.us-artikel,body.us-arkiv) .inside-article :is(.sfx-link-arrow,.sfx-guide-link):hover{color:var(--us-navy-hover)}

/* Synlig fokusmarkering även utanför .entry-content (artikelns avslutning och arkiven). */
:is(body.us-sida,body.us-artikel,body.us-arkiv) .inside-article :is(a,summary,button):focus-visible{outline:2px solid var(--sf-primary);outline-offset:3px}

/* --- Sektioner ---------------------------------------------------------- */
/* extras.css nollställer marginalen på grupper direkt i innehållet, därför den högre specificiteten. */
body:is(.us-sida,.us-artikel) .entry-content > .us-section{margin-block:var(--us-luft) 0}
body:is(.us-sida,.us-artikel) .entry-content > .us-section:first-child{margin-top:0}
body:is(.us-sida,.us-artikel) .entry-content .us-eyebrow + :is(h2,h3){margin-top:0}
/* Centrerad sektionsrubrik ovanför rutnät – samma uppbyggnad som startsidans sektioner. */
.us-section-head{max-width:var(--us-spalt);margin:0 auto 32px;text-align:center}
:where(body.us-sida,body.us-artikel) .entry-content .us-section-head h2{margin:0 0 12px}
:where(body.us-sida,body.us-artikel) .entry-content .us-section-head p:not(.us-eyebrow){margin:0;color:var(--sf-muted)}
/* Tonad sektion för variation mellan vita ytor */
.us-tonad{padding:48px 40px;border-radius:var(--us-radie);background:var(--sf-surface)}
@media(max-width:600px){.us-tonad{padding:32px 20px}}

/* --- Tvåspaltslayout med innehållsförteckning --------------------------- */
.us-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:56px;align-items:start}
.us-main{grid-column:1;grid-row:1;min-width:0;max-width:var(--us-spalt)}
.us-aside{grid-column:2;grid-row:1;position:sticky;top:24px;display:grid;gap:20px}
.us-toc,.us-help{padding:24px;border:1px solid var(--sf-line);border-radius:var(--us-radie);background:var(--sf-bg)}
.us-help{background:var(--sf-surface);border-color:transparent}
body .entry-content .us-aside-title{margin:0 0 12px;font-size:var(--sf-text-eyebrow);font-weight:var(--sf-weight-heading);letter-spacing:var(--sf-tracking-eyebrow);line-height:1.4;text-transform:uppercase;color:var(--sf-muted)}
body .entry-content .us-toc ol{margin:0;padding:0;list-style:none}
body .entry-content .us-toc li{margin:0;padding:0;font-size:15px;line-height:1.4}
body .entry-content .us-toc li a{display:flex;align-items:center;min-height:var(--sf-touch-target);padding:6px 0 6px 14px;border-left:2px solid var(--sf-line);text-decoration:none!important;transition:color var(--sf-motion) ease,border-color var(--sf-motion) ease}
body .entry-content .us-toc li a:hover{border-left-color:var(--sf-primary);text-decoration:underline!important;text-underline-offset:3px}
body .entry-content .us-help-title{margin:0 0 8px;font-size:19px;font-weight:var(--sf-weight-heading);line-height:1.3;color:var(--sf-primary)}
body .entry-content .us-help p{margin:0 0 12px;font-size:15px;line-height:1.6;color:var(--sf-ink)}
body .entry-content .us-help p:last-child{margin-bottom:0}
@media(max-width:960px){
  .us-layout{grid-template-columns:minmax(0,1fr);gap:32px}
  .us-main,.us-aside{grid-column:1;grid-row:auto}
  .us-main{max-width:none}
  .us-aside{position:static;order:-1}
  .us-help{display:none}
  body .entry-content .us-toc ol{columns:2;column-gap:24px}
  body .entry-content .us-toc li{break-inside:avoid}
}
@media(max-width:600px){
  body .entry-content .us-toc ol{columns:1}
  .us-toc{padding:20px}
}

/* --- Kort --------------------------------------------------------------- */
.us-cards > .wp-block-group__inner-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.us-cards.us-cols-2 > .wp-block-group__inner-container{grid-template-columns:repeat(2,minmax(0,1fr))}
.us-cards.us-cols-4 > .wp-block-group__inner-container{grid-template-columns:repeat(4,minmax(0,1fr))}
.us-card{min-width:0;height:100%;padding:28px;border:1px solid var(--sf-line);border-radius:var(--us-radie);background:var(--sf-bg)}
.us-card > .wp-block-group__inner-container{display:flex;flex-direction:column;height:100%}
:where(body.us-sida,body.us-artikel) .entry-content .us-card h3{margin:0 0 8px}
:where(body.us-sida,body.us-artikel) .entry-content .us-card p{margin:0 0 12px;font-size:16px;line-height:1.65}
:where(body.us-sida,body.us-artikel) .entry-content .us-card p.us-card-big{font-size:19px;font-weight:var(--sf-weight-ui);line-height:1.4;color:var(--sf-primary);overflow-wrap:anywhere}
:where(body.us-sida,body.us-artikel) .entry-content .us-card p.us-card-big a{font-weight:var(--sf-weight-ui)}
.us-card .us-card-foot{margin-top:auto!important;margin-bottom:-10px!important;padding-top:4px}
.us-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 0 20px;border-radius:var(--sf-radius-media);background:var(--sf-surface);color:var(--sf-primary)}
.us-icon .sfs-icon{width:24px;height:24px}
.us-tonad .us-icon{background:var(--sf-bg)}
@media(min-width:601px) and (max-width:960px){
  /* Tre kort i tvåspalt: det sista kortet fyller hela raden i stället för att lämna en lucka. */
  .us-cards.us-cols-3 > .wp-block-group__inner-container > .us-card:last-child:nth-child(odd){grid-column:1 / -1}
}
@media(max-width:960px){
  .us-cards > .wp-block-group__inner-container,
  .us-cards.us-cols-4 > .wp-block-group__inner-container{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .us-cards > .wp-block-group__inner-container,
  .us-cards.us-cols-2 > .wp-block-group__inner-container,
  .us-cards.us-cols-4 > .wp-block-group__inner-container{grid-template-columns:minmax(0,1fr);gap:16px}
  .us-card{padding:22px}
}

/* --- Nyckeltal / faktarad ---------------------------------------------- */
.us-stats > .wp-block-group__inner-container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--sf-line);border-radius:var(--us-radie);background:var(--sf-bg);overflow:hidden}
.us-stat{padding:24px;border-left:1px solid var(--sf-line)}
.us-stat:first-child{border-left:0}
:where(body.us-sida,body.us-artikel) .entry-content .us-stat p{margin:0;font-size:15px;line-height:1.5;color:var(--sf-muted)}
:where(body.us-sida,body.us-artikel) .entry-content .us-stat p.us-stat-value{margin:0 0 4px;font-size:21px;font-weight:var(--sf-weight-ui);line-height:1.3;letter-spacing:-.01em;color:var(--sf-primary)}
@media(max-width:860px){
  .us-stats > .wp-block-group__inner-container{grid-template-columns:repeat(2,minmax(0,1fr))}
  .us-stat:nth-child(odd){border-left:0}
  .us-stat:nth-child(n+3){border-top:1px solid var(--sf-line)}
}
@media(max-width:600px){
  .us-stat{padding:18px 16px}
  :where(body.us-sida,body.us-artikel) .entry-content .us-stat p{font-size:14px}
  :where(body.us-sida,body.us-artikel) .entry-content .us-stat p.us-stat-value{font-size:18px}
}

/* --- Faktaruta och viktigt-ruta ----------------------------------------- */
.us-facts{margin-block:32px;padding:28px;border-radius:var(--us-radie);background:var(--sf-surface)}
.us-note{margin-block:32px;padding:24px 28px;border:1px solid var(--sf-line);border-left:3px solid var(--sf-hero-cta);border-radius:var(--us-radie);background:var(--sf-bg)}
:where(body.us-sida,body.us-artikel) .entry-content :is(.us-facts,.us-note) h3{margin:0 0 10px;font-size:19px}
:where(body.us-sida,body.us-artikel) .entry-content :is(.us-facts,.us-note) :is(p,li){font-size:16px;line-height:1.65}
:where(body.us-sida,body.us-artikel) .entry-content :is(.us-facts,.us-note) :is(ul,ol){margin-bottom:0}
:where(body.us-sida,body.us-artikel) .entry-content :is(.us-facts,.us-note) p:last-child{margin-bottom:0}
@media(max-width:600px){.us-facts,.us-note{padding:22px 20px}}

/* Äldre tillägg (kamagra-eeat.php) lägger en varnings- och en källruta med egna infogade färger sist på vissa sidor.
   De får här mallens utseende; !important behövs eftersom originalet använder style-attribut. */
body.us-sida .entry-content > .kamagra-varning{margin:var(--us-luft) auto 0!important;padding:24px 28px!important;border:1px solid var(--sf-line)!important;border-left:3px solid var(--sf-hero-cta)!important;border-radius:var(--us-radie)!important;background:var(--sf-bg)!important}
body.us-sida .entry-content > .kamagra-eeat{margin:24px auto 0!important;padding:24px 28px!important;border:0!important;border-radius:var(--us-radie)!important;background:var(--sf-surface)!important}
body.us-sida .entry-content > :is(.kamagra-varning,.kamagra-eeat) :is(p,li){font-size:16px!important;line-height:1.65!important;color:var(--sf-ink)!important}
body.us-sida .entry-content > .kamagra-varning p:first-child,body.us-sida .entry-content > .kamagra-eeat p:first-child{margin-bottom:10px!important;font-size:19px!important;color:var(--sf-primary)!important}
body.us-sida .entry-content > .kamagra-eeat p:first-child{font-size:16px!important}
body.us-sida .entry-content > .kamagra-varning ul{margin:0!important;padding-left:22px!important}
body.us-sida .entry-content:has(> .us-layout) > :is(.kamagra-varning,.kamagra-eeat){max-width:min(100%,calc(var(--us-bredd) - 336px));margin-inline:0!important}
@media(max-width:600px){body.us-sida .entry-content > :is(.kamagra-varning,.kamagra-eeat){padding:22px 20px!important}}

/* --- Numrerade steg ------------------------------------------------------ */
body .entry-content ol.us-steps{margin-block:0 24px;margin-inline:0;padding:0;list-style:none;counter-reset:us-steg}
body .entry-content ol.us-steps > li{position:relative;margin:0;padding:0 0 24px 60px;counter-increment:us-steg}
body .entry-content ol.us-steps > li:last-child{padding-bottom:0}
body .entry-content ol.us-steps > li::before{content:counter(us-steg);position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--sf-primary);color:var(--sf-on-primary);font-size:16px;font-weight:var(--sf-weight-ui);line-height:1}
body .entry-content ol.us-steps > li:not(:last-child)::after{content:"";position:absolute;left:19.5px;top:46px;bottom:6px;width:1px;background:var(--sf-line)}
body .entry-content ol.us-steps > li > strong{display:block;margin-bottom:2px;font-size:19px;line-height:1.4}

/* --- Bocklista ---------------------------------------------------------- */
body .entry-content ul.us-checks{margin-block:0 24px;margin-inline:0;padding:0;list-style:none}
body .entry-content ul.us-checks > li{position:relative;margin:0 0 10px;padding-left:32px}
body .entry-content ul.us-checks > li::before{content:"";position:absolute;left:2px;top:.42em;width:18px;height:18px;border-radius:50%;background:var(--sf-primary)}
body .entry-content ul.us-checks > li::after{content:"";position:absolute;left:8px;top:calc(.42em + 4px);width:5px;height:9px;border:solid var(--sf-on-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}

/* --- Tabeller ----------------------------------------------------------- */
:where(body.us-sida,body.us-artikel) .entry-content .wp-block-table{margin-block:0 28px;overflow-x:auto;border:1px solid var(--sf-line);border-radius:var(--us-radie)}
:where(body.us-sida,body.us-artikel) .entry-content .wp-block-table table{width:100%;min-width:520px;margin:0;border:0;border-collapse:collapse}
:where(body.us-sida,body.us-artikel) .entry-content .wp-block-table :is(th,td){padding:14px 18px;border:0;border-bottom:1px solid var(--sf-line);font-size:15px;line-height:1.55;text-align:left;vertical-align:top}
:where(body.us-sida,body.us-artikel) .entry-content .wp-block-table th{background:var(--sf-surface);font-weight:var(--sf-weight-ui);color:var(--sf-primary)}
:where(body.us-sida,body.us-artikel) .entry-content .wp-block-table tbody tr:last-child td{border-bottom:0}
:where(body.us-sida,body.us-artikel) .entry-content .wp-block-table thead{border-bottom:0}
@media(max-width:600px){
  :where(body.us-sida,body.us-artikel) .entry-content .wp-block-table table{min-width:0}
  :where(body.us-sida,body.us-artikel) .entry-content .wp-block-table :is(th,td){padding:12px;font-size:14px;overflow-wrap:anywhere;hyphens:auto}
}
:where(body.us-sida,body.us-artikel) .entry-content .wp-block-table code{font-size:13px;overflow-wrap:anywhere;background:var(--sf-surface);padding:2px 6px;border-radius:var(--sf-radius-button)}
:where(body.us-sida,body.us-artikel) .entry-content .wp-block-table:focus-visible{outline:2px solid var(--sf-primary);outline-offset:3px}

/* --- FAQ-dragspel (<details>) ------------------------------------------- */
.us-faq{margin-block:0 8px;border-top:1px solid var(--sf-line)}
.us-faq details{margin:0;border-bottom:1px solid var(--sf-line)}
body .entry-content .us-faq summary{position:relative;display:flex;align-items:center;min-height:var(--sf-touch-target);padding:20px 48px 20px 0;list-style:none;cursor:pointer;font-size:19px;font-weight:var(--sf-weight-medium);line-height:1.4;color:var(--sf-primary);transition:color var(--sf-motion) ease}
.us-faq summary::-webkit-details-marker{display:none}
.us-faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:28px;font-weight:300;line-height:1}
.us-faq details[open] > summary::after{content:"\2212"}
body .entry-content .us-faq summary:hover{color:var(--us-navy-hover)}
body .entry-content .us-faq summary:focus-visible{outline:2px solid var(--sf-primary);outline-offset:3px;border-radius:var(--sf-radius-tight)}
body .entry-content .us-faq details > :not(summary){margin:0 0 16px;padding-right:48px}
body .entry-content .us-faq details > :not(summary):last-child{margin-bottom:24px}
@media(max-width:600px){
  body .entry-content .us-faq summary{font-size:17px;padding-block:16px}
  body .entry-content .us-faq details > :not(summary){padding-right:0}
}

/* --- Text + bild -------------------------------------------------------- */
.us-split > .wp-block-group__inner-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.us-split .wp-block-image{margin:0}
.us-split .wp-block-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--us-radie)}
@media(max-width:860px){
  .us-split > .wp-block-group__inner-container{grid-template-columns:minmax(0,1fr);gap:28px}
  .us-split .wp-block-image{order:-1}
}

/* --- Knappar ------------------------------------------------------------ */
/* Fylld marinblå knapp. Klassen sfx-card-cta sitter med för att undantas från temats länkfärg. */
.us-btn.sfx-card-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--sf-control-height);margin:0;padding:12px 28px;border:0;border-radius:var(--sf-radius-pill);background:var(--sf-primary);color:var(--sf-on-primary)!important;font-size:15px;font-weight:var(--sf-weight-ui)!important;line-height:1.3;text-align:center;text-decoration:none!important;transition:background-color var(--sf-motion) ease}
.us-btn.sfx-card-cta:hover{background:var(--us-navy-hover);color:var(--sf-on-primary)!important}
.us-btn.sfx-card-cta:active{background:var(--sf-color-primary-active)}
.us-btn.sfx-card-cta:focus-visible{outline:2px solid var(--sf-primary);outline-offset:3px}
.us-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0 0}
.us-actions.us-center{justify-content:center}
@media(max-width:480px){.us-actions > :is(.us-btn,.sfx-btn-outline){width:100%;justify-content:center}}

/* --- Uppmaningsruta till butiken ---------------------------------------- */
.us-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 40px;align-items:center;margin:var(--us-luft) auto 0;padding:40px;border-radius:var(--us-radie);background:var(--sf-surface)}
body.us-artikel .us-cta{max-width:var(--us-spalt)}
:is(body.us-sida,body.us-artikel,body.us-arkiv) .us-cta .us-cta-title{margin:0 0 8px;font-size:clamp(24px,2.2vw,28px);font-weight:var(--sf-weight-heading);line-height:1.2;letter-spacing:-.02em;color:var(--sf-primary)}
:is(body.us-sida,body.us-artikel,body.us-arkiv) .us-cta p{max-width:56ch;margin:0;font-size:var(--sf-text-body);line-height:1.65;color:var(--sf-ink)}
@media(max-width:760px){
  .us-cta{grid-template-columns:minmax(0,1fr);padding:28px 22px}
  .us-cta .us-btn{width:100%}
  :is(body.us-sida,body.us-artikel,body.us-arkiv) .us-cta p{font-size:16px}
}

/* --- Guidelistor --------------------------------------------------------- */
.us-guide-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sfx-guide-grid .sfx-card.sfx-guide-card .us-korttitel{margin:0 0 12px;font-size:24px;font-weight:var(--sf-weight-ui);line-height:1.2;letter-spacing:-.01em}
.sfx-guide-card .us-korttitel a{color:var(--sf-primary);text-decoration:none}
.sfx-guide-card .us-korttitel a::after{content:"";position:absolute;inset:0;z-index:1}
@media(max-width:1200px){.sfx-guide-grid .sfx-card.sfx-guide-card .us-korttitel{font-size:21px}}
/* Surfplatta: två kort i bredd i stället för startsidans enkelspalt. Mobil: ett kort i full bredd. */
@media(max-width:1000px){.sfx-guide-grid.us-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;margin-inline:0}}
@media(max-width:600px){.sfx-guide-grid.us-guide-grid{grid-template-columns:minmax(0,1fr)}}
/* Ämnessektion på guidesidan: presentation till vänster, kort till höger */
.us-topic{scroll-margin-top:110px}
.us-topic > .wp-block-group__inner-container{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,11fr);gap:40px;align-items:start}
.us-topic-intro{position:sticky;top:24px}
:where(body.us-sida) .entry-content .us-topic-intro h2{margin:0 0 12px}
:where(body.us-sida) .entry-content .us-topic-intro p:not(.us-eyebrow){color:var(--sf-muted)}
@media(max-width:960px){
  .us-topic > .wp-block-group__inner-container{grid-template-columns:minmax(0,1fr);gap:24px}
  .us-topic-intro{position:static}
}
/* Ämnesnavigering (ankarlänkar) */
.us-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto}
.us-tomt{text-align:center;color:var(--sf-muted)}

/* --- Artikelmallen ------------------------------------------------------ */
body.us-artikel .us-hero{margin-bottom:32px}
.us-artikelbild{margin:0 0 48px}
.us-artikelbild img{display:block;width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;border-radius:var(--us-radie)}
@media(max-width:600px){.us-artikelbild{margin-bottom:32px}.us-artikelbild img{aspect-ratio:3/2}}
body.us-artikel .entry-content > p:first-child{font-size:19px;line-height:1.7}
@media(max-width:600px){body.us-artikel .entry-content > p:first-child{font-size:17px}}

.us-author{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;max-width:var(--us-spalt);margin:48px auto 0;padding:24px 28px;border:1px solid var(--sf-line);border-radius:var(--us-radie);background:var(--sf-bg)}
.us-author-badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--sf-primary);color:var(--sf-on-primary);font-size:19px;font-weight:var(--sf-weight-ui)}
.us-author p{margin:0}
.us-author .us-author-name{font-size:17px;font-weight:var(--sf-weight-ui);line-height:1.4;color:var(--sf-primary)}
.us-author .us-author-review{font-size:15px;line-height:1.5;color:var(--sf-ink)}
.us-author .us-author-note{margin-top:6px;font-size:15px;line-height:1.6;color:var(--sf-muted)}
@media(max-width:600px){.us-author{grid-template-columns:minmax(0,1fr);gap:14px;padding:22px 20px}}

.us-related{margin-top:var(--us-luft);padding-top:var(--us-luft);border-top:1px solid var(--sf-line)}
.us-related-head{margin:0 0 32px;text-align:center}
.us-related-head h2{margin:0;font-size:var(--sf-text-h2-content);font-weight:var(--sf-weight-heading);line-height:1.2;letter-spacing:-.02em;color:var(--sf-primary)}

/* --- Omdömessidan: samma ram och sidhuvud som övriga undersidor ----------
   Omdömestillägget nollställer sidans utfyllnad med !important och har eget H1.
   Här får sidan tillbaka mallens ytterram och sidhuvudet samma utseende som .us-hero. */
body.sr-page.us-sida .site-content{padding:40px 40px 72px!important}
body.sr-page.us-sida .inside-article{max-width:var(--us-bredd);margin-inline:auto}
body.sr-page.us-sida .sr-root.sr-full{max-width:none;padding:0}
body.sr-page.us-sida .sr-full .sr-section-heading{margin:0 0 32px;padding:56px 32px;border-radius:var(--us-radie);background:var(--sf-surface);text-align:center}
body.sr-page.us-sida .sr-full .sr-section-heading h1{max-width:var(--us-spalt);margin:0 auto;font-size:var(--sf-text-h1);font-weight:var(--sf-weight-heading);line-height:1.12;letter-spacing:-.02em;color:var(--sf-primary)}
body.sr-page.us-sida .sr-full .sr-section-heading p:not(.us-eyebrow){max-width:var(--us-spalt);margin:16px auto 0;font-size:19px;line-height:1.65;color:var(--sf-muted)}
@media(max-width:768px){body.sr-page.us-sida .site-content{padding:24px 20px 56px!important}}
@media(max-width:600px){
  body.sr-page.us-sida .sr-full .sr-section-heading{padding:36px 20px}
  body.sr-page.us-sida .sr-full .sr-section-heading p:not(.us-eyebrow){font-size:17px}
}

/* --- Arkiv --------------------------------------------------------------- */
.us-pagination{margin:40px 0 0}
.us-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}
.us-pagination li{margin:0}
.us-pagination :is(a,span).page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:var(--sf-control-height);padding:0 16px;border:1px solid var(--sf-line);border-radius:var(--sf-radius-pill);font-size:15px;font-weight:var(--sf-weight-ui);line-height:1;color:var(--sf-primary)}
.us-pagination a.page-numbers.sfx-btn-outline{padding:0 16px;border-color:var(--sf-primary)}
.us-pagination span.page-numbers.current{background:var(--sf-primary);border-color:var(--sf-primary);color:var(--sf-on-primary)}
.us-pagination span.page-numbers.dots{border-color:transparent}

/* --- Reducerad rörelse ---------------------------------------------------- */
@media(prefers-reduced-motion:reduce){
  .us-btn.sfx-card-cta,body .entry-content .us-toc li a,body .entry-content .us-faq summary{transition:none}
}

/* Innehållstabeller: korta celler (namn, pris) får aldrig brytas mitt i ord */
.wp-block-table table{table-layout:auto}
.wp-block-table th,.wp-block-table td{overflow-wrap:normal;word-break:normal;hyphens:manual}
.wp-block-table th:not(:last-child),.wp-block-table td:not(:last-child){white-space:nowrap}
@media(max-width:600px){.wp-block-table th,.wp-block-table td{padding:10px 10px;font-size:14px}}

/* --- Spåra order: WooCommerces formulär i mallens utseende ------------------ */
body.us-sida .entry-content .woocommerce-form-track-order{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin-block:28px 40px;padding:28px;border:1px solid var(--sf-line);border-radius:var(--us-radie);background:var(--sf-surface)}
body.us-sida .entry-content .woocommerce-form-track-order > p{margin:0;font-size:16px;line-height:1.6}
body.us-sida .entry-content .woocommerce-form-track-order > p:first-of-type,
body.us-sida .entry-content .woocommerce-form-track-order > p.form-row:last-of-type,
body.us-sida .entry-content .woocommerce-form-track-order > .clear{grid-column:1 / -1}
body.us-sida .entry-content .woocommerce-form-track-order .clear{display:none}
body.us-sida .entry-content .woocommerce-form-track-order .form-row{float:none;width:auto;padding:0}
body.us-sida .entry-content .woocommerce-form-track-order label{display:block;margin:0 0 6px;font-size:15px;font-weight:var(--sf-weight-ui);color:var(--sf-primary)}
body.us-sida .entry-content .woocommerce-form-track-order .input-text{width:100%;min-height:var(--sf-control-height);padding:10px 14px;border:1px solid var(--sf-line-field);border-radius:var(--sf-radius-field);background:var(--sf-bg);font:inherit;font-size:16px;color:var(--sf-ink)}
body.us-sida .entry-content .woocommerce-form-track-order .input-text:focus{outline:2px solid var(--sf-color-primary-hover);outline-offset:1px;border-color:var(--sf-primary)}
body.us-sida .entry-content .woocommerce-form-track-order button.button{min-height:var(--sf-control-height);padding:12px 28px;border:0;border-radius:var(--sf-radius-field);background:var(--sf-primary);color:var(--sf-on-primary);font:inherit;font-size:15px;font-weight:var(--sf-weight-ui);cursor:pointer;transition:background-color var(--sf-motion) ease}
body.us-sida .entry-content .woocommerce-form-track-order button.button:hover{background:var(--sf-color-primary-hover)}
@media(max-width:600px){body.us-sida .entry-content .woocommerce-form-track-order{grid-template-columns:minmax(0,1fr);padding:22px 20px}body.us-sida .entry-content .woocommerce-form-track-order button.button{width:100%}}