.plugin-module-guide{border-top:1px solid var(--rule);max-width:1120px;margin:64px auto 0;padding:48px 0 0;scroll-margin-top:28px}.module-guide-heading{text-align:center;margin-bottom:32px}.module-guide-heading>p{color:var(--blue);margin:0 0 10px;font-size:14px}.module-guide-heading h2{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:clamp(28px,3.4vw,38px);font-weight:500;line-height:1.35}.module-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;display:grid}.module-guide-card{min-width:0}.module-guide-visual{background:#11120e09;border:1px solid #11120e17;border-radius:3px;justify-content:center;align-items:center;min-height:360px;padding:20px 16px;display:flex}.module-image-crop{flex:none;max-width:100%;position:relative;overflow:hidden}.module-image-crop img{max-width:none;box-shadow:none;border:0;border-radius:0;margin:0;padding:0;display:block;position:absolute}.tone-mode-gallery{border-top:1px solid var(--line);margin-top:64px;padding-top:36px}.tone-mode-gallery>h3{text-align:center;margin:0 0 30px;font-size:28px}.tone-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:920px;margin:auto;display:grid}.tone-mode-grid figure{margin:0}.tone-mode-grid figcaption{text-align:center;margin-top:16px}.tone-mode-grid figcaption strong{font-size:20px}.tone-mode-grid figcaption p{color:var(--muted);font-size:14px;line-height:1.6}@media (max-width:760px){.tone-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}.module-guide-copy{padding-top:22px}.module-guide-copy h3{color:var(--ink);letter-spacing:-.02em;align-items:baseline;gap:12px;margin:0 0 12px;font-size:22px;font-weight:500;line-height:1.4;display:flex}.module-guide-copy h3>span{color:var(--blue);letter-spacing:0;font-variant-numeric:tabular-nums;font-size:13px}.module-guide-copy>p{color:var(--muted);text-wrap:pretty;margin:0;font-size:16px;line-height:1.8}.module-guide-lilevel .module-guide-visual{background:#ffffff6b;min-height:220px}@media (max-width:1000px){.module-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.plugin-module-guide{margin-top:40px;padding-top:32px}.module-guide-heading{margin-bottom:26px}.module-guide-grid{grid-template-columns:minmax(0,1fr);gap:34px}.module-guide-copy{padding-top:18px}.module-guide-copy h3{font-size:21px}}
