/* Boio Bredband (/bredband). Design: "V1 Vardagen i rosa" (the-empire/design/bredband-v2/V1-rosa.html).
   Rosa bara på huvudknappar, nyckeltalet "Första året", klistermärket och Prisbandet.
   Bläcktext på rosa ytor, mörk rosa för text i färg. Typsnitt Funnel Display + Funnel Sans (OFL, lokala). */
@font-face{font-family:"Funnel Display";font-style:normal;font-weight:500 800;font-display:swap;src:url(/bredband/fonts/funnel-display-500-800.woff2) format("woff2")}
@font-face{font-family:"Funnel Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(/bredband/fonts/funnel-sans-400-700.woff2) format("woff2")}
:root{
  --rosa:#ff8fb8; --rosa-ljus:#ffe1ec; --rosa-mork:#b8326a;
  --ink:#23160f; --ink-2:#5f4e45; --line:#e6d9cf; --bg:#f8f3ee; --card:#fffdfb; --tint:#f1e7df;
  --r-s:12px; --r-m:24px; --r-l:40px; --r-f:999px;
  --disp:"Funnel Display", system-ui, sans-serif; --text:"Funnel Sans", system-ui, sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font-family:var(--text);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.page{max-width:640px;margin:0 auto;overflow-x:clip}
img{display:block;max-width:100%}
button,input{font:inherit;color:inherit}
.num{font-variant-numeric:tabular-nums}
a{color:inherit}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
[hidden]{display:none!important}
.skip{position:absolute;left:16px;top:-80px;z-index:10;background:var(--ink);color:#fff;padding:12px 16px;border-radius:var(--r-s);font-weight:600;text-decoration:none}
.skip:focus{top:12px}
#billigast,#mobil,#fiber,#flytta,#utan-bindning,#bb-1,#h-hus{scroll-margin-top:16px}

/* ---------- header ---------- */
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}
.logo{text-decoration:none;display:flex;align-items:center;min-height:44px}
.logo svg{display:block;height:30px;width:auto}
.navlinks{display:flex}
.navlinks a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:15px;color:var(--ink);text-decoration:none}
.navlinks .nl-d{display:none}

/* ---------- hero ---------- */
.hero{padding:0 16px}
.photo-wrap{position:relative}
.hero-photo{width:100%;height:316px;object-fit:cover;object-position:50% 50%;border-radius:var(--r-l);background:#d9cfc6}
.sticker{position:absolute;right:12px;top:10px;width:126px;height:126px;text-decoration:none;border-radius:var(--r-f);background:var(--rosa);color:var(--ink);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-9deg);line-height:1.05}
.sticker small{font-size:14px;font-weight:600;letter-spacing:.01em}
.sticker b{font-family:var(--disp);font-weight:800;font-size:24px;letter-spacing:-.03em;margin:2px 0 1px}
.sticker span{font-size:14px;font-weight:600}
.sticker span+span{font-weight:500}
.notch{position:relative;background:var(--bg);margin-top:-74px;width:236px;padding:16px 0 0 0;border-radius:0 var(--r-l) 0 0}
.notch h1{width:calc(100vw - 32px);max-width:343px}
.br{display:block}
.notch::before,.notch::after{content:"";position:absolute;width:40px;height:40px;background:radial-gradient(circle at 100% 0,transparent 39.5px,var(--bg) 40px)}
.notch::before{left:0;top:-40px}
.notch::after{left:100%;top:34px}
h1{font-family:var(--disp);font-weight:800;font-size:46px;line-height:.94;letter-spacing:-.035em}
.find{margin-top:18px}
.find .sub{font-size:17px;line-height:1.45;color:var(--ink-2)}
.find .act{display:flex;flex-direction:column;margin-top:16px}
.find .act .btn{width:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:60px;border:0;border-radius:var(--r-m);background:var(--rosa);color:var(--ink);font-weight:700;font-size:18px;cursor:pointer;padding:0 28px;text-decoration:none}
.btn:hover{background:var(--rosa-mork);color:#fff}
.promise{margin-top:14px;font-size:15px;color:var(--ink-2)}
/* nätfältet i toppen: "Vilket nät har du?" (pages/nat-valjare.ts natFalt). Neutralt, rosa bara på huvudknappen ovanför. */
.natfalt{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.nf-etikett{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.nf-etikett label{font-family:var(--disp);font-weight:800;font-size:20px;letter-spacing:-.02em}
.nf-etikett a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:600;color:var(--ink-2)}
.nf-rad{display:flex;gap:8px;margin-top:4px}
.nf-rad select{flex:1;min-width:0;min-height:52px;padding:0 40px 0 16px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--card);font:inherit;font-size:17px;color:var(--ink);cursor:pointer;
  -webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);
  background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.nf-rad select:invalid{color:var(--ink-2)}
.nf-rad select:hover{border-color:var(--ink)}
.nf-rad .btn-line{width:auto;flex:none;margin-top:0;padding:0 22px;background:none;cursor:pointer}

/* ---------- sections ---------- */
section{padding:72px 16px 0}
h2{font-family:var(--disp);font-weight:800;font-size:36px;line-height:1;letter-spacing:-.03em}
h2:focus{outline:none}
.lead{font-size:17px;line-height:1.5;color:var(--ink-2);margin-top:12px;max-width:34em}
p{font-size:17px;line-height:1.55}

/* bilder med egen datorbeskärning: <picture> är bara ett skal */
.move-photo-pic,.mob-photo-pic{display:contents}

/* resultat */
.res-head p.lead{margin-top:10px}
.stale{margin-top:20px;padding:16px 20px;background:var(--tint);border-radius:var(--r-m);font-size:16px;line-height:1.45;font-weight:600}
.cards{display:grid;gap:12px;margin-top:28px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);padding:22px 20px}
.op{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.op b{font-family:var(--disp);font-weight:800;font-size:24px;letter-spacing:-.02em}
.op em{font-style:normal;font-size:14px;font-weight:600;color:var(--ink-2);text-align:right}
/* Bolagets logga (lib/boio-bredband/ui/logga.ts): vit ruta, tunn ram, samma form som El. Initialer bara som reserv. */
.oplogo{width:40px;height:40px;border-radius:11px;background:var(--tint,#f1eee8);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font:800 15px/1 var(--disp);letter-spacing:-.03em;position:relative;overflow:hidden;vertical-align:middle}
.oplogo.has-img{background:#fff}
.oplogo.has-img img{display:block;width:100%;height:100%;object-fit:cover}
.oplogo::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(21,19,31,.09);pointer-events:none}
.oplogo.is-bleed::after{box-shadow:inset 0 0 0 1px rgba(21,19,31,.05)}
.oplogo.s32{width:32px;height:32px;border-radius:9px;font-size:12px}
.oplogo.s48{width:48px;height:48px;border-radius:13px;font-size:17px}
.op:has(>.oplogo){justify-content:flex-start;align-items:center}
.op>.oplogo+b{flex:1 1 auto;min-width:0;line-height:1.1}
.price{display:flex;align-items:baseline;gap:16px;margin-top:14px;flex-wrap:wrap}
.y1 small,.y2 small{display:block;font-size:14px;font-weight:600;color:var(--ink-2);margin-bottom:2px}
.y1 strong{font-family:var(--disp);font-weight:800;font-size:44px;letter-spacing:-.035em;color:var(--rosa-mork);line-height:1}
.y2 strong{font-family:var(--disp);font-weight:700;font-size:22px;letter-spacing:-.02em;line-height:1}
.band{margin-top:20px}
.band .bar,.mini{display:flex;gap:3px}
.band .bar i{display:block;height:14px;border-radius:4px;background:var(--rosa);transform-origin:left center}
.band.go .bar i{animation:grow .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d,0ms)}
/* Delarnas bredd: m{antal månader} (prisband.ts cells). */
.m1{flex:1}.m2{flex:2}.m3{flex:3}.m4{flex:4}.m5{flex:5}.m6{flex:6}.m7{flex:7}.m8{flex:8}.m9{flex:9}.m10{flex:10}.m11{flex:11}.m12{flex:12}.m13{flex:13}.m14{flex:14}.m15{flex:15}.m16{flex:16}.m17{flex:17}.m18{flex:18}.m19{flex:19}.m20{flex:20}.m21{flex:21}.m22{flex:22}.m23{flex:23}.m24{flex:24}
.band i.k,.mini i.k{background:var(--rosa-ljus);box-shadow:inset 0 0 0 1.5px var(--rosa-mork)}
@keyframes grow{from{transform:scaleX(0)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.band.go .bar i{animation:none}}
.key{display:flex;justify-content:space-between;gap:6px 16px;margin-top:10px;font-size:14px;color:var(--ink-2);flex-wrap:wrap}
.key span{display:flex;flex-direction:column;gap:1px}
.key span:last-child:not(:first-child){text-align:right;align-items:flex-end}
.key b{font-size:16px;font-weight:700;color:var(--ink)}
.key em{font-style:normal}
/* Kort med stort Prisband: stapelns text säger redan stegen, så "then"-raden döljs (finns kvar för sökmotorer). */
article:has(.band) .then{display:none}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.facts dt{font-size:14px;font-weight:600;color:var(--ink-2)}
.facts dd{font-size:16px;font-weight:600;margin-top:2px;line-height:1.3}
.facts dd span{display:block;font-weight:400;color:var(--ink-2);font-size:14px}
.card .btn{width:100%;margin-top:20px}
.btn-line{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:52px;margin-top:18px;padding:0 16px;border:2px solid var(--ink);border-radius:var(--r-m);font-weight:700;text-decoration:none;font-size:16px}
.btn-line:hover{background:var(--ink);color:#fff}
.small .y1 strong,.mcard:not(.first) .y1 strong{font-size:32px;color:var(--ink)}
.small .facts,.mcard:not(.first) .facts{display:flex;gap:0;flex-wrap:wrap;border:0;padding:0;margin-top:14px;font-size:15px}
.small .facts div,.mcard:not(.first) .facts div{display:contents}
.small .facts dt,.mcard:not(.first) .facts dt{display:none}
.small .facts dd,.mcard:not(.first) .facts dd{font-weight:500;color:var(--ink-2);font-size:15px;margin:0;line-height:1.5}
.small .facts div:not(:last-child) dd::after,.mcard:not(.first) .facts div:not(:last-child) dd::after{content:"\00a0·\00a0"}
.small .btn-line{min-height:48px;margin-top:16px}
.small .y2 strong{font-size:19px}
.mini{margin-top:16px}
.mini i{display:block;height:6px;border-radius:3px;background:var(--rosa)}
.two{margin-top:10px;font-size:15px;color:var(--ink-2)}
.two b{color:var(--ink);font-weight:700}
.then{font-size:15px;color:var(--ink-2);margin-top:6px}
.terms{margin-top:8px;font-size:14px;color:var(--ink-2)}
.terms summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px;list-style:none}
.terms summary::-webkit-details-marker{display:none}
.terms p{font-size:14px;line-height:1.45;color:var(--ink-2);margin-top:6px}
.terms p:first-child{margin-top:0}
.terms a{font-weight:600;color:var(--ink)}
.more{margin-top:12px}
.more>summary{display:flex;align-items:center;justify-content:center;min-height:52px;border:2px solid var(--ink);border-radius:var(--r-m);font-weight:700;font-size:16px;cursor:pointer;list-style:none}
.more>summary::-webkit-details-marker{display:none}
.more[open]>summary{display:none}
.more .cards{margin-top:0}
.listnote{margin-top:20px;font-size:15px;color:var(--ink-2);line-height:1.45}

/* flytta */
.move-photo{width:100%;height:260px;object-fit:cover;object-position:62% 55%;border-radius:var(--r-l) var(--r-l) var(--r-l) var(--r-s);background:#a9a39d}
.move h2{margin-top:28px}
.move .when{margin-top:24px;display:grid;gap:0;border-top:2px solid var(--ink)}
.move .when div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.move .when b{font-family:var(--disp);font-weight:800;font-size:20px;letter-spacing:-.02em}
.move .when span{font-size:16px;line-height:1.4}
.move .move-links{margin-top:18px;font-size:16px;line-height:1.5;color:var(--ink-2)}
.move .move-links a{color:var(--ink);font-weight:600;text-underline-offset:3px}

/* mobil */
.mob{margin-top:72px;padding:24px 0 56px;background:var(--tint)}
.mob-in{padding:0 16px}
.mob-photo{width:100%;height:240px;object-fit:cover;object-position:62% 40%;border-radius:var(--r-l);background:#aaa}
.mob h2{margin-top:28px}
.q{font-weight:700;font-size:18px;margin-top:22px}
.seg4{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.seg4 button{min-height:72px;text-align:left;padding:12px 16px;border:2px solid var(--line);background:var(--card);border-radius:var(--r-m);cursor:pointer}
.seg4 button b{display:block;font-family:var(--disp);font-weight:700;font-size:20px}
.seg4 button span{display:block;font-size:14px;color:var(--ink-2);margin-top:2px;line-height:1.3}
.seg4 button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}
.seg4 button[aria-pressed=true] span{color:#e6d9cf}
.mlist{margin-top:24px}
.mcards{display:grid;gap:12px}
.mlist .more{margin-top:12px}
.mlist .more .mcards{margin-top:0}
.mcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);padding:20px}
.mcard .y1{margin-top:12px}
.mcard .facts{grid-template-columns:repeat(3,1fr)}
.mcard.first .btn{width:100%;margin-top:18px}
.mcard:not(.first) .btn-line{min-height:48px;margin-top:16px}
.keep{margin-top:20px}
.keep p{font-size:16px;line-height:1.45}
.keep .listnote{font-size:15px;margin-top:8px}

/* guide */
.guide h2{font-size:30px}
.fiber-photo{width:100%;height:300px;object-fit:cover;object-position:50% 38%;border-radius:var(--r-l);background:#c9c2bd;margin-bottom:26px}
.guide p{margin-top:12px;color:var(--ink-2)}
.guide p strong{color:var(--ink)}
.rows3{margin-top:24px}
.rows3 article{padding:28px 0;border-top:1px solid var(--line);scroll-margin-top:16px}
.rows3 h2{font-size:26px}
.steps{list-style:none;counter-reset:s;margin-top:14px;display:grid;gap:12px}
.steps li{counter-increment:s;display:grid;grid-template-columns:36px 1fr;font-size:17px;line-height:1.45;color:var(--ink-2)}
.steps li::before{content:counter(s);font-family:var(--disp);font-weight:800;font-size:22px;color:var(--ink);line-height:1.1}
.again{margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);padding:24px 20px}
.again h2{font-size:26px;letter-spacing:-.025em;line-height:1.05}
.again p{margin-top:12px}
.nets{display:grid;gap:10px;margin-top:18px}
.nets .btn-line{margin-top:0}

/* ================= DATOR ================= */
@media (min-width:1100px){
  .page{max-width:1440px}
  .top{padding:24px 80px}
  .top .logo svg{height:38px}
  .navlinks{gap:28px;margin-left:56px;margin-right:auto}
  .navlinks a,.navlinks .nl-d{display:inline-flex;font-size:16px;color:var(--ink-2)}
  .navlinks a:hover{color:var(--ink)}
  .hero{padding:8px 80px 0;display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:start}
  .photo-wrap{grid-column:5/13;grid-row:1}
  .photo-wrap::after{content:"";position:absolute;left:0;bottom:340px;width:40px;height:40px;background:radial-gradient(circle at 100% 0,transparent 39.5px,var(--bg) 40px)}
  .hero-photo{height:700px;object-position:0% 50%;border-radius:var(--r-l)}
  .sticker{width:164px;height:164px;right:48px;top:112px;transform:rotate(-8deg)}
  .sticker small,.sticker span{font-size:15px}
  .sticker b{font-size:31px}
  .hero-text{grid-column:1/9;grid-row:1;z-index:2;align-self:end}
  .notch{margin:0;background:none;padding:0;max-width:none;width:auto;border-radius:0}
  .notch::before,.notch::after{display:none}
  .notch h1{width:auto;max-width:none}
  .br{display:none}
  h1{font-size:clamp(84px,8.6vw,124px);line-height:.9;letter-spacing:-.045em;max-width:min(840px,60vw)}
  .find{position:relative;margin-top:44px;width:580px;background:var(--bg);padding:30px 28px 0 0;height:340px;border-radius:0 var(--r-l) 0 0}
  .find::after{content:"";position:absolute;width:40px;height:40px;background:radial-gradient(circle at 100% 0,transparent 39.5px,var(--bg) 40px);left:100%;bottom:0}
  .find .sub{font-size:19px}
  .find .act{flex-direction:row;align-items:center;gap:24px;margin-top:18px}
  .find .act .btn{width:auto;flex:none;white-space:nowrap;padding:0 28px}
  .find .promise{margin:0}
  .btn{min-height:68px}
  .promise{font-size:16px}
  .natfalt{margin-top:24px}

  section{padding:160px 80px 0}
  h2{font-size:64px;letter-spacing:-.04em}
  .lead,p{font-size:19px}

  .results{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px}
  .res-head{grid-column:1/13;display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:end}
  .res-head h2{grid-column:1/10}
  .res-head .lead{grid-column:10/13;margin:0}
  /* Nätsidornas svar är ett helt stycke: full bredd under rubriken, inte i den smala spalten bredvid (14/10). */
  .res-head .lead.natsvar{grid-column:1/10;margin-top:16px;max-width:none}
  .stale{grid-column:1/13;margin-top:32px;font-size:17px}
  .cards{grid-column:1/13;grid-template-columns:7fr 5fr;gap:24px;margin-top:48px;align-items:stretch}
  .card.big{grid-row:1/3;padding:40px;display:flex;flex-direction:column;justify-content:space-between}
  .card.big .facts{margin-top:40px}
  .card.big .y1 strong{font-size:84px}
  .card.big .y2 strong{font-size:32px}
  .card.big .price{gap:36px;margin-top:22px}
  /* Stapeln, fakta och knappen samlas i botten; luften hamnar under det stora talet, inte före knappen. */
  .card.big .band{margin-top:auto;padding-top:40px}
  .card.big .band .bar i{height:32px;border-radius:8px}
  .card.big .key{font-size:15px}
  .card.big .key b{font-size:18px}
  .card.big .facts{grid-template-columns:repeat(4,1fr)}
  .card.big .facts{margin-bottom:28px}
  .card.big .btn{margin-top:32px}
  /* Poleringen 14/10: inget tomt fält mellan stapeln och fakta. Omgång 3: kortet sträcks till de små kortens
     underkant igen, och höjden som blir över fördelas jämnt mellan kortets delar (space-between ovan). */
  .card.big .band{margin-top:28px;padding-top:0;margin-bottom:32px}
  .card.big .facts{margin-top:8px}
  .card.small{padding:28px 30px}
  .small .btn-line{width:auto;display:inline-flex;padding:0 24px}
  .more-bb{grid-column:1/13;margin-top:24px}
  .more-bb>summary{display:inline-flex;padding:0 28px}
  .more-bb .cards.rest{grid-template-columns:1fr 1fr;margin-top:0}
  .listnote{grid-column:1/13;margin-top:24px}

  .move{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:center}
  .move-body{grid-column:1/6;grid-row:1}
  .move-photo{grid-column:7/13;grid-row:1;height:620px;object-position:50% 50%}
  .move h2{margin-top:0}

  .mob{margin-top:160px;padding:120px 0}
  .mob-in{padding:0 80px;display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:start}
  .mob-photo{grid-column:1/6;grid-row:1/4;height:calc(100vh - 48px);min-height:640px;max-height:900px;object-position:50% 50%;position:sticky;top:24px;align-self:start}
  .mob-body{grid-column:7/13}
  .mob h2{margin-top:0}
  .seg4{grid-template-columns:repeat(4,1fr)}
  .seg4 button{min-height:96px}
  .mlist{grid-column:7/13;margin-top:32px}
  .mcards{grid-template-columns:1fr 1fr;gap:16px}
  .mlist .more{margin-top:16px}
  .mcard{padding:24px 26px}
  .mcard.first{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;column-gap:32px;align-items:start}
  .mcard.first .op,.mcard.first .y1,.mcard.first .then{grid-column:1}
  .mcard.first .mini{grid-column:1/3;margin-top:20px}
  .mcard.first .mini i{height:8px}
  .mcard.first .facts{grid-column:1/3;margin-top:20px;grid-template-columns:repeat(3,1fr)}
  .mcard.first .btn{grid-column:2;grid-row:1/4;align-self:end;margin-top:0}
  .mcard.first .terms{grid-column:1/3}
  .mcard.first .y1 strong{font-size:52px}
  .keep{grid-column:7/13}

  .guide{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px}
  .fiber{grid-column:1/13;display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:center}
  .fiber-photo{grid-column:1/5;height:560px;margin:0;object-position:50% 45%}
  .fiber-body{grid-column:6/12;padding-bottom:16px}
  .guide h2{font-size:56px}
  .rows3{grid-column:1/13;margin-top:120px}
  .rows3 article{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:48px 0}
  .rows3 h2{grid-column:1/6;font-size:40px}
  .rows3 .body{grid-column:7/12}
  .rows3 .body p:first-child,.rows3 .body .steps{margin-top:0}
  .again{grid-column:1/13;margin-top:40px;padding:56px 64px;display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:center}
  .again h2{grid-column:1/6;font-size:48px;margin:0}
  .again>div{grid-column:7/13}
  .again p{margin-top:0}
  .nets{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
}

/* Guiderubrikerna på /bredband länkar till ämnessidorna (granskningen 11/10) */
.guide h2 a{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.14em}
.guide h2 a:hover{text-decoration-thickness:3px}