/* Q-Snap SEO-guider (qsnap_guide.html) + FAQ/H1/guide-lenker på landingen — 2026-10-22 */
.qg-page .qs-section{scroll-margin-top:90px;}
.qg-hero{padding-top:118px;padding-bottom:56px;}
@media(max-width:700px){.qg-hero{padding-top:88px;padding-bottom:36px;}}
.qg-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12.5px;color:var(--muted);margin-bottom:26px;}
.qg-crumbs a{color:var(--muted);text-decoration:none;}
.qg-crumbs a:hover{color:var(--text);}
.qg-crumbs span:last-child{color:var(--text-soft);}
.qg-hero-grid{display:grid;grid-template-columns:1fr 200px;gap:40px;align-items:center;}
@media(max-width:800px){.qg-hero-grid{grid-template-columns:1fr;}.qg-hero-ico{display:none;}}
.qg-hero-text h1{font-size:clamp(32px,4.4vw,52px);line-height:1.06;letter-spacing:-.025em;margin:0 0 18px;max-width:820px;}
.qg-lead{font-size:18px;line-height:1.62;color:var(--text-soft);margin:0 0 26px;max-width:720px;}
.qg-cta{margin-bottom:18px;}
.qg-hero-ico{width:200px;height:200px;border-radius:40px;display:flex;align-items:center;justify-content:center;justify-self:end;
  color:var(--qs-c,#E85124);background:color-mix(in srgb,var(--qs-c,#E85124) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--qs-c,#E85124) 38%,transparent);box-shadow:0 30px 60px -30px color-mix(in srgb,var(--qs-c,#E85124) 60%,transparent);}

/* Trinn */
.qg-steps{padding-top:40px;padding-bottom:64px;}
.qg-step-list{list-style:none;margin:0 auto;padding:0;max-width:880px;display:grid;gap:14px;}
.qg-step{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start;padding:22px 24px;border-radius:16px;
  background:var(--bg-card);border:1px solid var(--border);}
.qg-step-n{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;
  color:var(--qs-c,#E85124);background:color-mix(in srgb,var(--qs-c,#E85124) 14%,transparent);border:1px solid color-mix(in srgb,var(--qs-c,#E85124) 40%,transparent);}
.qg-step h3{font-size:18px;margin:6px 0 6px;letter-spacing:-.01em;}
.qg-step p{font-size:15px;line-height:1.62;color:var(--text-soft);margin:0;}

/* Fordeler: gjenbruker .qs-scen-grid/.qs-scen-card — 3 kolonner her */
.qg-benefits{padding-top:40px;padding-bottom:64px;}
.qg-benefit-grid{grid-template-columns:repeat(3,1fr);}
@media(max-width:900px){.qg-benefit-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.qg-benefit-grid{grid-template-columns:1fr;}}

/* FAQ (details/summary) — deles med landingen */
.qg-faq{padding-top:40px;padding-bottom:64px;}
.qg-faq-list{max-width:880px;margin:0 auto;display:grid;gap:10px;}
.qg-faq-item{border:1px solid var(--border);border-radius:14px;background:var(--bg-card);overflow:hidden;}
.qg-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:18px 22px;list-style:none;}
.qg-faq-item summary::-webkit-details-marker{display:none;}
.qg-faq-item summary h3{font-size:16px;font-weight:700;margin:0;letter-spacing:-.01em;}
.qg-faq-item summary .qti{flex-shrink:0;color:var(--muted);transition:transform .2s;}
.qg-faq-item[open] summary .qti{transform:rotate(180deg);}
.qg-faq-item p{margin:0;padding:0 22px 20px;font-size:15px;line-height:1.65;color:var(--text-soft);}
.qg-faq-item[open] summary{border-bottom:1px solid var(--border);margin-bottom:14px;}

/* Relaterte guider / guide-lenker på landingen */
.qg-related{padding-top:40px;padding-bottom:96px;}
.qg-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:880px;margin:0 auto;}
@media(max-width:600px){.qg-related-grid{grid-template-columns:1fr;}}
.qg-related-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--bg-card);
  color:var(--text);text-decoration:none;font-weight:600;font-size:15px;transition:transform .18s,border-color .18s;}
.qg-related-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--qs-c,#E85124) 55%,transparent);}
.qg-related-card .qs-scen-ico{width:38px;height:38px;border-radius:10px;margin:0;flex-shrink:0;}
.qg-related-card > span:nth-child(2){flex:1;}
.qg-related-card > .qti:last-child{color:var(--muted);}
.qg-related-all{--qs-c:#94a3b8;}

/* Landingen: H1 i hero-CTA + guide-rad under «Bruk» */
.qs-h1{font-size:clamp(22px,2.6vw,30px);line-height:1.2;letter-spacing:-.02em;font-weight:700;margin:0 0 22px;max-width:820px;color:var(--text);}
.qs-h1 .qs-h1-accent{color:var(--accent);}
.qs-guide-row{margin-top:34px;}
.qs-guide-row .qg-related-grid{grid-template-columns:repeat(3,1fr);max-width:1100px;}
@media(max-width:900px){.qs-guide-row .qg-related-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.qs-guide-row .qg-related-grid{grid-template-columns:1fr;}}
.qs-guide-row-head{text-align:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:0 0 14px;}