/* Shared, static product landing-page layout. */
body.site-design .product-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:64px;align-items:center;padding:56px 40px 64px;max-width:1500px;margin:auto}
body.site-design .product-hero h1{font-size:clamp(40px,5.5vw,78px);line-height:1.02;letter-spacing:-.045em;margin:18px 0 24px;max-width:850px}
.product-hero .lead{max-width:650px}.product-hero .actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:28px 0 14px}.product-hero .small{font-size:14px;color:#636569}
.product-art{margin:0;background:#f7f8f9;border-radius:24px;padding:32px;text-align:center}.product-art img{display:block;width:100%;height:350px;object-fit:contain}.product-art figcaption{font-size:13px;margin-top:18px;color:#636569}
.tool-links{display:flex;flex-wrap:wrap;gap:10px 28px;padding:24px 40px;justify-content:center}.tool-links a{text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}.tool-links a[aria-current=page]{font-weight:bold}
.product-page .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-page .feature-grid article{min-width:0}.product-page .feature-grid h2{font-size:28px;line-height:1.15}.product-page .faq{max-width:1100px;margin:auto}.product-page .split p{max-width:740px}
@media(max-width:760px){body.site-design .product-hero{grid-template-columns:1fr;gap:28px;padding:32px 20px 40px}.product-art{padding:24px}.product-art img{height:280px}.product-page .feature-grid{grid-template-columns:1fr}.tool-links{padding:16px 20px;gap:4px 20px}}

/* Help uses one full-width, consistent question layout rather than separate cards. */
body.site-design.help-page .help-main{width:100%;max-width:none;margin:0;padding:0 40px 32px}
.help-page .help-intro{padding:56px 0 40px}
.help-page .help-intro h1{font-size:clamp(44px,5.5vw,80px);line-height:1.05}
.help-page .help-intro .lead{max-width:none;margin-top:20px}
.help-page .help-topics{display:flex;flex-wrap:wrap;gap:4px 28px;margin-top:24px}
.help-page .help-topics a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.help-page .help-section{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,2fr);gap:clamp(24px,4vw,80px);width:100%;padding:40px 0;border-top:1px solid var(--ui-border);scroll-margin-top:24px}
.help-page .help-section-heading{min-width:0}
.help-page .help-section-heading h2{font-size:clamp(26px,2.5vw,36px);line-height:1.15}
.help-page .help-section-heading p{margin-top:12px;color:var(--ui-muted)}
.help-page .help-questions{min-width:0;width:100%;max-width:none;margin:0;padding:0}
.help-page .help-questions details{border-top:0;border-bottom:1px solid var(--ui-border);padding:0}
.help-page .help-questions summary{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:56px;padding:16px 0;list-style:none;font-size:18px;line-height:1.4;cursor:pointer}
.help-page .help-questions summary::-webkit-details-marker{display:none}
.help-page .help-questions summary::after{content:'+';flex:none;width:20px;text-align:center;font-size:24px;line-height:1}
.help-page .help-questions details[open]>summary::after{content:'−'}
.help-page .help-questions summary:hover{color:var(--ui-muted)}
.help-page .help-questions details p{max-width:80ch;margin:0 0 16px;line-height:1.65;overflow-wrap:anywhere}
.help-page .help-questions details p:last-child{margin-bottom:24px}
.help-page .help-questions a{text-decoration:underline;text-underline-offset:4px}
.help-page .help-questions p>a{display:inline-block;padding:4px 0}
@media(max-width:760px){
 body.site-design.help-page .help-main{padding:0 20px 16px}
 .help-page .help-intro{padding:32px 0 28px}
 .help-page .help-intro .lead{font-size:18px;margin-top:16px}
 .help-page .help-topics{gap:4px 20px;margin-top:20px}
 .help-page .help-section{grid-template-columns:minmax(0,1fr);gap:20px;padding:28px 0}
 .help-page .help-section-heading p{margin-top:8px}
 .help-page .help-questions summary{font-size:16px;gap:16px}
}