/* Gemensam stil för de fristående sidorna (integritetspolicy, köpvillkor). */
  :root{
    --red:#e5172c; --ink:#0a080e; --ink2:#141019; --ink3:#1e1826;
    --gold:#e6c458; --mut:#8a8578; --line:#2a2433; color-scheme:dark;
  }
  *{box-sizing:border-box}
  body{margin:0;background:var(--ink);color:#f5f0e6;line-height:1.7;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
    /* svenska sammansättningar blir långa – låt dem brytas hellre än
       att trycka ut sidan i sidled */
    overflow-wrap:break-word}
  a{color:var(--gold)}
  .topp{border-bottom:1px solid var(--line);background:rgba(10,8,14,.9);
    position:sticky;top:0;backdrop-filter:blur(14px);z-index:10}
  .topp div{max-width:760px;margin:0 auto;padding:14px 22px;display:flex;align-items:center}
  .topp img{height:30px;width:auto;display:block}
  main{max-width:760px;margin:0 auto;padding:44px 22px 72px}
  h1{font-size:clamp(1.45rem,6.5vw,2.6rem);font-weight:900;text-transform:uppercase;
    line-height:1.1;margin:0 0 10px}
  .datum{color:var(--mut);font-size:.9rem;margin:0 0 34px}
  h2{font-size:clamp(1.1rem,2.6vw,1.35rem);font-weight:800;margin:38px 0 10px;
    padding-top:22px;border-top:1px solid var(--line)}
  h2:first-of-type{border-top:none;padding-top:0}
  p,li{color:#d8d3c8}
  ul{padding-left:20px}
  li{margin-bottom:8px}
  .ruta{background:var(--ink2);border:1px solid var(--line);border-radius:14px;
    padding:20px 22px;margin:20px 0}
  .ruta p:first-child{margin-top:0}
  .ruta p:last-child{margin-bottom:0}
  table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.95rem}
  th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
  th{color:var(--gold);font-size:.78rem;letter-spacing:1.4px;text-transform:uppercase;font-weight:800}
  .tillbaka{display:inline-block;margin-top:40px;padding-top:22px;
    border-top:1px solid var(--line);width:100%}
  @media(max-width:520px){
    main{padding:32px 20px 56px}
    table,tbody,tr,td{display:block}
    /* raderna läser sig som uppgift + villkor, så kolumnrubrikerna
       blir bara en lös etikett när tabellen staplas */
    thead{display:none}
    td{border-bottom:none;padding:0 0 2px}
    td:first-child{font-weight:700;color:#f5f0e6}
    td:last-child{color:var(--mut);padding-bottom:0}
    tr{border-bottom:1px solid var(--line);padding:12px 0}
  }
