.jp-guide{max-width:1120px;margin:80px auto 0;padding-top:64px;border-top:1px solid var(--ts-border);display:grid;gap:80px}.jp-guide h2{scroll-margin-top:104px}.jp-study-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;margin-block:32px}.jp-study-row-start,.jp-study-row p:first-child{margin-top:0}.jp-study-image{min-width:0}.jp-study-image>img{display:block;width:100%;height:auto;border-radius:16px;background:#fff}.jp-study-image figcaption{margin-top:10px;font-size:14px;line-height:1.5;color:var(--ts-muted)}.jp-related{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:8px}.jp-design-link{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font-size:14px;text-decoration:underline;text-underline-offset:4px}.jp-design-link:focus-visible{outline:2px solid var(--ts-primary);outline-offset:4px}.jp-placement-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:32px}.jp-design-body .fl-design-image{background:var(--ts-surface)}.jp-design-body .fl-design-image img{aspect-ratio:4 / 3;height:300px;object-fit:contain}.jp-size-study{margin-top:48px;margin-bottom:0}.jp-size-study h3{margin-top:0}.jp-cta>a{flex-shrink:0}@media(max-width:1023px){.jp-study-row{gap:28px}.jp-placement-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.jp-guide{margin-top:48px;padding-top:40px;gap:48px}.jp-study-row{grid-template-columns:minmax(0,1fr);gap:24px;margin-block:24px}.jp-size-study{margin-bottom:0}.jp-placement-pairs{gap:12px;margin-block:24px}.jp-design-body .fl-design-image img{height:280px}}@media(max-width:639px){.jp-placement-pairs{grid-template-columns:minmax(0,1fr)}.jp-design-body .fl-design-image img{height:340px}}