/* Approved Hm7 page composition, extended to the 90 legacy chord pages.
   K02 angle/label geometry reused from design 4.26.0; no diagram is redrawn. */
body.gtc-legacy-page #main-content.gtc-page{background:#fff}
body.gtc-legacy-page #gt-two-pages{max-width:1100px;padding-bottom:0}
body.gtc-legacy-page #gt-two-pages #gt-chord-pilot{padding:32px 24px 64px}
#gt-two-pages .gt-legacy-back{margin:0 0 24px}
body.gtc-legacy-page #gt-two-pages #gt-chord-pilot .gt-library-intro{margin-bottom:32px;max-width:none}
#gt-two-pages .gt-legacy-grip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
body.gtc-legacy-page #gt-two-pages #gt-chord-pilot .gt-detail{margin:0;padding:24px;border-color:#e0e9ec;border-radius:18px;box-shadow:none}
body.gtc-legacy-page #gt-chord-pilot .gt-detail h2{font-size:26px;margin:0 0 8px}
body.gtc-legacy-page #gt-two-pages #gt-chord-pilot .gt-detail-gallery .gt-original{max-width:320px;margin:16px auto 0}
body.gtc-legacy-page #gt-chord-pilot .gt-legacy-instructions h2{font-size:34px;line-height:1.2;margin:0 0 24px}
body.gtc-legacy-page #gt-chord-pilot .gt-legacy-instructions ol{list-style:decimal;padding-left:24px;margin:0}
body.gtc-legacy-page #gt-chord-pilot .gt-legacy-instructions li{padding-left:8px;margin:0 0 16px}
body.gtc-legacy-page #gt-chord-pilot strong{font-weight:600}
body.gtc-legacy-page #gt-chord-pilot .gt-note{margin-top:32px;padding:24px;background:#f0f7f8}
body.gtc-legacy-page #gt-chord-pilot .gt-note h3{font-size:22px;margin-bottom:12px}
body.gtc-legacy-page #gt-chord-pilot .gt-note p{margin-bottom:0}
#gt-two-pages .gt-legacy-next{margin-top:48px;border-top:1px solid #e0e9ec;padding-top:32px}
body.gtc-legacy-page #gt-chord-pilot .gt-legacy-next h2{font-size:34px;line-height:1.2}
#gt-two-pages .gt-legacy-next p{max-width:65ch}
#gt-two-pages .gt-legacy-actions{display:flex;flex-wrap:wrap;gap:16px 32px}
#gt-two-pages .gt-legacy-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#276f80;line-height:1.5;text-decoration:none}
#gt-two-pages .gt-legacy-link .gt-label{text-decoration:underline;text-underline-offset:4px}
#gt-two-pages .gt-legacy-angle{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-top:2px solid #f4a338;border-right:2px solid #f4a338;transform:translateY(-7px);transition:transform 160ms ease}
#gt-two-pages .gt-legacy-angle.is-back{transform:translateY(-1px) rotate(-135deg)}
#gt-two-pages .gt-legacy-link:is(:hover,:focus-visible) .gt-label{text-decoration-color:#f4a338}
#gt-two-pages .gt-legacy-link:focus-visible .gt-legacy-angle{transform:translate(3px,-10px)}
#gt-two-pages .gt-legacy-link:focus-visible .is-back{transform:translate(-3px,-1px) rotate(-135deg)}
@media(hover:hover) and (pointer:fine){
 #gt-two-pages .gt-legacy-link:hover .gt-legacy-angle{transform:translate(3px,-10px)}
 #gt-two-pages .gt-legacy-link:hover .is-back{transform:translate(-3px,-1px) rotate(-135deg)}
}
@media(max-width:850px){#gt-two-pages .gt-legacy-grip{gap:24px}}
@media(max-width:650px){
 body.gtc-legacy-page #gt-two-pages #gt-chord-pilot{padding:16px 16px 48px}
 #gt-two-pages .gt-legacy-back{margin-bottom:16px}
 #gt-two-pages .gt-legacy-grip{grid-template-columns:1fr;gap:32px}
 body.gtc-legacy-page #gt-two-pages #gt-chord-pilot .gt-library-intro{margin-bottom:24px}
 body.gtc-legacy-page #gt-two-pages #gt-chord-pilot .gt-detail{padding:20px 16px}
 body.gtc-legacy-page #gt-chord-pilot .gt-legacy-instructions h2,
 body.gtc-legacy-page #gt-chord-pilot .gt-legacy-next h2{font-size:28px}
 body.gtc-legacy-page #gt-chord-pilot .gt-note{padding:20px;margin-top:24px}
 #gt-two-pages .gt-legacy-next{margin-top:32px;padding-top:24px}
 #gt-two-pages .gt-legacy-actions{flex-direction:column;align-items:flex-start;gap:16px}
}
@media(prefers-reduced-motion:reduce){#gt-two-pages .gt-legacy-angle{transition:none}#gt-two-pages .gt-legacy-link:is(:hover,:focus-visible) .gt-legacy-angle{transform:translateY(-7px)}#gt-two-pages .gt-legacy-link:is(:hover,:focus-visible) .is-back{transform:translateY(-1px) rotate(-135deg)}}

/* Reuse of approved 28/10 footer colors, scoped to this local page only. */
/* GuitarTid footerfarver 2026-10-28 — START. Godkendt lys/navy-prøve. */
body.gtc-legacy-page .gtf.gtf--gratis {
  --gtf-bg: #f0f7f8;
  --gtf-ink: #172d3b;
  --gtf-muted: #465a66;
  --gtf-line: #d5e4e8;
  border-top: 4px solid #43a4bc;
}
body.gtc-legacy-page .gtf.gtf--akademiet {
  --gtf-bg: #23395b;
  --gtf-ink: #ffffff;
  --gtf-muted: #dce4ef;
  --gtf-line: rgba(255,255,255,.2);
}
body.gtc-legacy-page.et_bloom .gtf.gtf--gratis .et_bloom_optin_99 .et_bloom_form_text h2,
body.gtc-legacy-page.et_bloom .gtf.gtf--gratis .et_bloom_optin_99 .et_bloom_form_text p,
body.gtc-legacy-page.et_bloom .gtf.gtf--gratis .et_bloom_optin_99 .et_bloom_form_footer p,
body.gtc-legacy-page.et_bloom .gtf.gtf--gratis .et_bloom_optin_99 .et_bloom_success_message {
  color: #172d3b !important;
}
body.gtc-legacy-page .gtf.gtf--gratis a:focus-visible,
body.gtc-legacy-page .gtf.gtf--gratis button:focus-visible,
body.gtc-legacy-page .gtf.gtf--gratis input:focus-visible {
  outline-color: #172d3b !important;
}
body.gtc-legacy-page .gtf.gtf--akademiet a:focus-visible {
  outline-color: #ffffff !important;
}
body.gtc-legacy-page .gtf.gtf--gratis .gtf-logo img {
  content: url("/wp-content/plugins/guitartid-main-menu/assets/guitartid-logo.png");
  display: block;
  width: 88px;
  height: 88px;
  margin-inline: auto;
  object-fit: contain;
}
body.gtc-legacy-page .gtf.gtf--gratis .gtf-logo::after {
  content: "GuitarTid.dk";
  display: block;
  text-align: center;
  color: #172d3b;
  font: 400 15px/24px GTFooterBook, Avenir, sans-serif;
}
body.gtc-legacy-page .gtf.gtf--akademiet .gtf-logo img {
  content: url("/wp-content/plugins/guitartid-main-menu/assets/akademi-logo-hvid.png");
}
/* GuitarTid footerfarver 2026-10-28 — SLUT. */