.g-hero{padding-top:24px}.g-body{max-width:720px}.g-section{padding-top:56px}.g-section h2{text-align:left;font-size:28px}.g-section>p{margin:14px 0 0;font-size:17px;line-height:1.65}.g-list{gap:8px;margin:14px 0 0;padding-left:22px;font-size:17px;line-height:1.5;display:grid}.g-list li::marker{color:#d9893b}.g-sample{background:var(--card);text-align:center;border-radius:18px;margin:32px 0 0;padding:24px 18px}.g-sample-row{justify-items:center;gap:18px;display:grid}.g-sample-cover{width:min(60vw,240px);display:block}.g-sample .l-page{text-align:left;max-width:340px}.g-page-text{white-space:pre-line;color:#22201c;margin:0;padding:14px 16px 18px;font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.5}.g-sample figcaption a{color:var(--ink)}.g-more ul{flex-wrap:wrap;justify-content:center;gap:10px;max-width:720px;margin:24px auto 0;padding:0;list-style:none;display:flex}.g-more a{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:99px;align-items:center;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.g-more a:hover{background:var(--card)}@media (min-width:720px){.g-hero{padding-top:48px}.g-section h2{font-size:34px}.g-sample{padding:32px}.g-sample-row{grid-template-columns:240px 1fr;align-items:center}.g-sample-cover{width:240px}}