/* A single two-column article rhythm across the useful-information page. */
html body #wsite-content .gd-info-page { width:100%; max-width:960px; margin:0 auto; }
html body #wsite-content #gd-info-title { margin:0 0 48px; text-align:left; color:#000; font-family:var(--gd-font-sans); font-size:clamp(30px,4vw,44px); font-weight:700; line-height:1.2; }
html body #wsite-content .gd-info-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:32px; row-gap:56px; align-items:stretch; }
html body #wsite-content .gd-info-card { display:flex; flex-direction:column; min-width:0; margin:0; padding:0; }
html body #wsite-content .gd-info-image { display:flex; width:100%; aspect-ratio:16 / 10; align-items:center; justify-content:center; overflow:hidden; background:#fff; margin:0 0 20px; }
html body #wsite-content .gd-info-image img { display:block; width:100%; height:100%; max-width:100%; object-fit:contain; margin:0; }
html body #wsite-content .gd-info-card h2 { margin:0 0 16px; padding:0; font-size:24px; line-height:1.3; font-weight:600; text-align:left; }
html body #wsite-content .gd-info-card h2 a { color:#202020 !important; text-decoration:none; }
html body #wsite-content .gd-info-card h2 a:hover { text-decoration:underline; text-underline-offset:4px; }
html body #wsite-content .gd-info-card h2 a:focus-visible, html body #wsite-content .gd-info-image:focus-visible { outline:3px solid #202020; outline-offset:4px; }
html body #wsite-content .gd-info-excerpt { font-size:17px; line-height:1.7; color:#3f3f3f; margin:0 0 20px; }
html body #wsite-content .gd-info-excerpt p { margin:0 0 .75em; font-size:inherit !important; line-height:inherit !important; }
html body #wsite-content .gd-info-action { margin-top:auto; padding-top:4px; }
html body #wsite-content .gd-info-pagination { display:flex; justify-content:center; margin:56px 0; }
html body #wsite-content .gd-info-luthiers { border-top:1px solid #e5e5e5; padding:32px 0; margin:0; }
html body #wsite-content .gd-info-luthiers h2 { margin:0 0 16px; font-size:26px; line-height:1.3; }
html body #wsite-content .gd-info-lesson { padding:32px 0; text-align:center; border-top:1px solid #e5e5e5; }
html body #wsite-content .gd-info-credit { margin:16px 0 0; font-size:15px; line-height:1.6; }
@media (max-width:640px) {
  html body #wsite-content .gd-info-grid { grid-template-columns:minmax(0,1fr); row-gap:40px; }
  html body #wsite-content #gd-info-title { margin-bottom:32px; }
  html body #wsite-content .gd-info-card h2 { font-size:22px; }
  html body #wsite-content .gd-info-pagination { margin:40px 0; }
}