/* Shared brand typography and responsive introduction, 24 October 2026. */
.intro-copy{min-width:0}.intro-copy>p{color:var(--muted);font-size:15px;line-height:1.75;margin:0}
.paystub-learn>.info-wrap>.info-heading h2,.paystub-learn .template-story h2,.paystub-learn .quick-help h2{font-family:'Open Sans',Arial,sans-serif;font-weight:600;letter-spacing:-.65px}
@media(min-width:960px){
 .workspace>.intro{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);align-items:center;gap:48px;text-align:left;margin-bottom:30px;padding:12px 0 8px}
 .intro-copy .eyebrow{margin-left:0;margin-right:0}
 .intro-copy h1{font-size:clamp(34px,3.3vw,43px);line-height:1.16;letter-spacing:-1.3px;max-width:650px;margin:17px 0 16px}
 .intro-copy>p{font-size:17px;max-width:560px}
 .intro .intro-pricing{display:block;width:100%;margin:0;padding:28px 25px}
 .intro .intro-price-line{font-size:17px;gap:6px 9px}.intro .intro-price-line strong{font-size:34px}
 .intro .intro-pricing #intro-selected-price{max-width:100%;font-size:14px}.intro .intro-price-note{font-size:14px}
}
/* The FAQ keeps native details/summary behavior and all original answers. */
.paystub-learn .quick-help{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:start;gap:28px 45px;padding:48px 38px 36px;margin-top:48px;border:1px solid #f0e1d9;border-radius:24px;background:linear-gradient(115deg,#edf7fd,#f5fbff 56%,#edf8f5);box-sizing:border-box;overflow:hidden}
.paystub-learn .quick-help:before{content:'';position:absolute;z-index:-1;width:210px;height:210px;border:28px solid #bb846910;box-shadow:0 0 0 27px #bb846908;border-radius:50%;left:-115px;top:-130px;pointer-events:none}
.paystub-learn .quick-help>.info-heading{text-align:left;margin:0;max-width:none}.paystub-learn .quick-help h2{font-size:32px;line-height:1.25;margin:12px 0 16px;max-width:320px}
.quick-help .info-heading>p{font-size:15px;line-height:1.8;margin:0;color:#907162}.quick-help .info-kicker{font-size:10px;letter-spacing:1.5px;line-height:1.8;max-width:290px}
.quick-help .faq-list{width:100%;max-width:none;margin:0;display:grid;gap:10px;min-width:0}
.quick-help .faq-list details{border:1px solid #eeded6;border-radius:12px;background:#fff;box-shadow:0 3px 10px #5b362404;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}
.quick-help .faq-list details:hover{border-color:#dfbaa8;box-shadow:0 4px 14px #753f2409}.quick-help .faq-list details[open]{border-color:#d49c80;background:#f5fbff;box-shadow:0 4px 16px #753f2408}
.quick-help .faq-list summary{font-family:'Open Sans',Arial,sans-serif;font-weight:600;font-size:14px;line-height:1.6;padding:18px 62px 18px 20px;color:#5e3a28;min-height:62px;display:flex;align-items:center}
.quick-help .faq-list summary:after{display:grid;place-items:center;right:17px;top:50%;transform:translateY(-50%);width:27px;height:27px;border-radius:50%;background:#edf6fc;color:#a94b1d;font-size:20px;line-height:1}
.quick-help .faq-list details[open] summary:after{background:#fae5db}.quick-help .faq-list summary:focus-visible{outline:2px solid #b25324;outline-offset:-4px;border-radius:10px}
.quick-help .faq-list details p{font-size:14px;line-height:1.85;padding:0 20px 20px;margin:0;color:#836252;overflow-wrap:break-word}
.quick-help .resource-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:3px 0 0}
.quick-help .resource-links a{display:flex;align-items:center;gap:13px;padding:18px 20px;border:1px solid #ecd9cf;border-radius:12px;background:#ffffffd9;color:#894422;font-size:14px;line-height:1.6;text-decoration:none;font-weight:600;box-shadow:0 3px 10px #5b362404}
.quick-help .resource-links a:hover{border-color:#d8a890;background:#fff}.quick-help .resource-links a>span{margin-left:auto;flex-shrink:0;font-size:19px}
.help-resource-icon{width:23px;height:23px;flex:0 0 23px;fill:none;stroke:#a65025;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:959px){.paystub-learn .quick-help{grid-template-columns:1fr;gap:25px;padding:32px}.paystub-learn .quick-help h2{max-width:none}.quick-help .info-heading>p{max-width:530px}.quick-help .resource-links{grid-column:auto}}
@media(max-width:620px){
 .intro-copy>p{font-size:16px}.paystub-learn .quick-help{padding:26px 18px 20px;gap:22px;border-radius:18px;margin-top:32px}
 .paystub-learn .quick-help h2{font-size:26px;margin:10px 0 12px}.quick-help .info-heading>p{font-size:14px}.quick-help .faq-list{gap:10px}
 .quick-help .faq-list summary{font-size:14px;min-height:62px;padding:16px 54px 16px 16px}.quick-help .faq-list summary:after{right:13px;width:26px;height:26px}
 .quick-help .faq-list details p{font-size:14px;padding:0 16px 18px}.quick-help .resource-links{grid-template-columns:1fr;gap:10px;margin:0}.quick-help .resource-links a{padding:15px 16px;font-size:13px;gap:11px}
}
@media(prefers-reduced-motion:reduce){.quick-help .faq-list details{transition:none}}

/* Align the live preview with the top of the progress panel. */
.layout>.preview-sidebar{margin-top:0}