/* English typography and layout; the shared visual system lives one level up. */
:root {
  --font: "Avenir Next", "Trebuchet MS", sans-serif;
  --display: "Baskerville", "Palatino Linotype", Georgia, serif;
}
body { line-height: 1.65; }
h1, h2, h3, button, .button, .brand { font-family: var(--font); }
h2 { letter-spacing: -1px; line-height: 1.22; }
.tool-title-line h1 { letter-spacing: -1.5px; }
.tool-identity p { max-width: 670px; font-size: 15px; line-height: 1.65; }
.tool-label { font-size: 11px; }
.tool-tags > span { font-size: 11px; }
.template-label { font-size: 11px; }
.desktop-nav { font-size: 13px; gap: 28px; }
.header-inner { gap: 37px; }
.header-right { gap: 20px; }
.tool-actions > .button { min-width: 172px; }
.quiet-button { font-size: 12px; }
.overview-grid { grid-template-columns: minmax(0, 1fr) 320px; }
.quick-title h2 { font-size: 18px; line-height: 1.35; }
.quick-description { font-size: 13px; line-height: 1.75; }
.quick-facts > div { grid-template-columns: 74px minmax(0, 1fr); font-size: 12px; gap: 9px; padding-block: 7px; }
.quick-facts dd { overflow-wrap: anywhere; }
.quick-highlight p, .quick-highlight strong { font-size: 12px; line-height: 1.65; }
.quick-card .sample-note { font-size: 10px; line-height: 1.65; }
.quick-price-link { font-size: 12px; }
.preview-greeting h2 { font-size: 25px; letter-spacing: -.7px; line-height: 1.3; }
.preview-greeting p { font-size: 11px; }
.preview-composer > p { font-size: 11px; line-height: 1.65; }
.preview-composer > div > span { font-size: 9px; }
.preview-composer a { font-size: 10px; }
.preview-result-label { font-size: 10px; }
.preview-canvas-top { font-size: 11px; }
.preview-canvas-top > span > span { font-size: 10px; }
.preview-caption { font-size: 10px; }
.preview-bottom { font-size: 11px; }
@media(min-width:721px) {
  .preview-canvas { display: flex; flex-direction: column; }
  .preview-images { flex: 1; min-height: 175px; }
  .preview-images img { height: 100%; min-height: 175px; max-height: 275px; }
}
.section-heading > div > p:not(.eyebrow) { font-size: 14px; line-height: 1.7; max-width: 680px; }
.section-heading { align-items: flex-end; }
.section-heading > div { min-width: 0; }
.heading-description { font-size: 14px; line-height: 1.7; max-width: 325px; }
.section-side-label { font-size: 12px; max-width: 265px; line-height: 1.6; }
.section-nav nav { gap: 28px; }
.section-nav nav > a { font-size: 13px; }
.nav-cta { font-size: 12px; }
.filter-tabs > button { font-size: 13px; min-height: 42px; }
.gallery-toolbar > .quiet-button { font-size: 12px; }
.work-card-info { min-height: 70px; }
.work-card-info h3 { font-size: 15px; line-height: 1.45; }
.work-card-info p { font-size: 11px; line-height: 1.5; }
.work-view-hint { font-size: 11px; }
.section-note { font-size: 12px; line-height: 1.7; }
.feature-card h3 { font-size: 18px; line-height: 1.4; letter-spacing: -.3px; }
.feature-card > p { font-size: 14px; line-height: 1.75; }
.feature-example { font-size: 12px; line-height: 1.7; color: #72808b; }
.feature-foot { font-size: 12px; gap: 25px; color: #71808c; }
.feature-foot > a { font-size: 12px; }
.experience-label { font-size: 11px; white-space: nowrap; }
.experience-layout { grid-template-columns: 420px minmax(0, 1fr); }
.panel-heading > span:first-child { font-size: 14px; }
.field-label { font-size: 13px; }
.field-label > span { font-size: 10px; }
.demo-form-body textarea { font-size: 13px; line-height: 1.7; min-height: 164px; }
.input-meta { font-size: 10px; }
.example-shortcuts { gap: 6px; }
.example-shortcuts > span { font-size: 10px; }
.example-shortcuts button { font-size: 10px; min-height: 33px; padding-inline: 8px; }
.parameter-grid label { font-size: 12px; }
.parameter-grid label > span { font-size: 9px; }
.parameter-grid select, .parameter-grid input { font-size: 12px; min-height: 42px; }
.parameter-grid input::placeholder { font-size: 11px; }
.generate-button { font-size: 13px; }
.demo-status { font-size: 11px; line-height: 1.7; }
.task-summary { font-size: 12px; line-height: 1.7; }
.demo-results .work-card-info { min-height: 60px; }
.demo-results .work-card-info h3 { font-size: 13px; }
.demo-results .work-card-info p { font-size: 10px; }
.output-helper { font-size: 11px; line-height: 1.6; }
.prompt-advice p, .prompt-advice strong { font-size: 12px; line-height: 1.75; }
.demo-output .sample-note { font-size: 10px; line-height: 1.7; }
.step-tabs strong { font-size: 14px; line-height: 1.5; }
.step-tabs small { font-size: 11px; line-height: 1.6; }
.step-tabs button { min-height: 98px; }
.step-content h3 { font-size: 23px; line-height: 1.35; }
.step-content > p:not(.eyebrow) { font-size: 14px; line-height: 1.75; }
.step-tip p { font-size: 12px; line-height: 1.75; }
.use-case-grid h3 { font-size: 19px; line-height: 1.4; letter-spacing: -.35px; }
.use-case-grid article > p { font-size: 14px; line-height: 1.75; }
.use-case-grid dt { font-size: 11px; }
.use-case-grid dd { font-size: 12px; line-height: 1.75; }
.use-case-grid article > a { font-size: 12px; }
.spec-heading h3 { font-size: 23px; line-height: 1.5; }
.spec-table dl > div { font-size: 13px; line-height: 1.7; grid-template-columns: 125px minmax(0,1fr); }
.spec-table dd { line-height: 1.7; }
.pricing-heading > p:not(.eyebrow) { font-size: 14px; line-height: 1.7; }
.pricing-heading > .billing-note { font-size: 11px !important; }
.billing-switch button { min-height: 42px; font-size: 13px; }
.billing-switch button > span { font-size: 9px; }
.plan-badge { font-size: 10px; }
.price-card h3 { font-size: 23px; }
.plan-description, .plan-bill { font-size: 13px; line-height: 1.7; }
.price-card > .button { font-size: 13px; }
.price-card ul { font-size: 13px; line-height: 1.7; }
.price-card li { gap: 9px; }
.price small { font-size: 12px; }
.plan-fit { font-size: 11px; line-height: 1.7; }
.pricing-disclosure { font-size: 11px; line-height: 1.75; }
.faq-intro > p:not(.eyebrow) { font-size: 14px; line-height: 1.75; }
.faq-list summary { font-size: 15px; line-height: 1.5; }
.faq-list details > p { font-size: 14px; line-height: 1.75; }
.closing h2 { font-size: 25px; line-height: 1.4; }
.closing p { font-size: 13px; line-height: 1.7; }
.closing > div > div { min-width: 0; }
.closing .button { font-size: 13px; }
.footer-top p, .footer-top > a:last-child { font-size: 12px; }
.footer-bottom { font-size: 10px; line-height: 1.7; }
.lightbox-details h2 { font-size: 26px; line-height: 1.25; }
.lightbox-details > #lightbox-prompt { font-size: 13px; line-height: 1.7; }
.lightbox-details h3 { font-size: 13px; }
.lightbox-caption { font-size: 11px; line-height: 1.7; }
.lightbox-details > .button { font-size: 13px; }
.lightbox-actions > .button { font-size: 11px; }
.lightbox-details .sample-note { font-size: 10px; line-height: 1.7; }
.copy-prompt { font-size: 11px; }
.plan-dialog h2 { font-size: 25px; line-height: 1.3; }
.plan-dialog > p:not(.eyebrow) { font-size: 13px; line-height: 1.75; }
.plan-notice, .plan-notice strong { font-size: 12px; }
.plan-dialog > .button { font-size: 13px; }
.toast { font-size: 13px; line-height: 1.7; }

/* Long-form resources: practical depth with clear reading landmarks. */
.resource-links { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; border-top: 1px solid #dce4e9; padding-top: 22px; margin-top: 25px; font-size: 12px; color: #607886; }
.resource-links > span { color: #87959f; margin-right: auto; }
.resource-links > a { display: inline-flex; align-items: center; gap: 12px; }
.resource-links > a:hover { color: var(--orange); }
.knowledge-section { border-top: 1px solid #e0e6ec; }
.knowledge-section > .section-heading > div > p:not(.eyebrow) { max-width: 890px; font-size: 14px; line-height: 1.85; }
.prompt-formula { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 25px 0 32px; border: 1px solid #dfe6e9; border-radius: 9px; background: #edf2f3; overflow: hidden; }
.prompt-formula > * { padding: 21px 17px; border-right: 1px solid #dfe6e9; margin: 0; }
.prompt-formula > :last-child { border-right: 0; }
.prompt-formula strong, .prompt-formula h3 { font-size: 14px; line-height: 1.5; font-weight: 600; color: #506879; display: block; margin: 0 0 9px; }
.prompt-formula p, .prompt-formula span { display: block; font-size: 12px; line-height: 1.7; color: #6e8190; margin: 0; }
.prompt-recipe-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.prompt-recipe { display: flex; flex-direction: column; min-width: 0; padding: 27px 25px 23px; border: 1px solid #e0e5eb; border-radius: 10px; background: #fff; }
.prompt-recipe > header { margin-bottom: 14px; }
.prompt-recipe small, .prompt-recipe .recipe-category { display: block; font-size: 9px; letter-spacing: 1.6px; color: #9a826e; text-transform: uppercase; }
.prompt-recipe h3 { font-size: 20px; line-height: 1.35; letter-spacing: -.4px; font-weight: 600; margin: 10px 0 0; }
.prompt-recipe > p { font-size: 13px; line-height: 1.8; color: #71818e; margin: 0 0 17px; }
.prompt-recipe-text { font-size: 13px; line-height: 1.85; color: #6c6259; background: #fbf6f0; border-left: 2px solid #d6ab8b; border-radius: 0 6px 6px 0; padding: 17px; margin: 1px 0 19px; overflow-wrap: anywhere; }
.prompt-recipe > .quiet-button { color: #aa6842; font-size: 12px; align-self: flex-start; margin-top: auto; min-height: 40px; }
.prompt-recipe > .quiet-button:hover { color: #ad3f1f; }
.workflow-library { padding-top: 62px; }
.workflow-library-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.workflow-guide { min-width: 0; border-top: 2px solid #b9cbd0; padding: 24px 6px 10px 0; }
.workflow-guide small, .workflow-guide .workflow-role { font-size: 10px; color: #8a9ba8; letter-spacing: 1.4px; text-transform: uppercase; }
.workflow-guide h3 { font-size: 23px; line-height: 1.35; letter-spacing: -.5px; margin: 12px 0 15px; font-weight: 500; }
.workflow-guide > p { font-size: 13px; line-height: 1.8; color: #718491; margin: 0 0 23px; }
.workflow-guide ol { list-style: none; padding: 0; margin: 0; counter-reset: workflow-step; }
.workflow-guide ol > li { counter-increment: workflow-step; position: relative; padding-left: 34px; font-size: 13px; line-height: 1.85; color: #718491; margin-bottom: 24px; }
.workflow-guide ol > li:before { content: counter(workflow-step, decimal-leading-zero); position: absolute; left: 0; top: 1px; font-family: var(--display); font-style: italic; font-size: 18px; line-height: 1.3; color: #b1a08e; }
.workflow-guide ol > li > strong { display: block; font-size: 14px; font-weight: 600; color: #506473; margin-bottom: 9px; }
.workflow-guide ol > li > p { margin: 0; }
.review-checklist { margin-top: 33px; padding: 31px; background: #edf2f1; border: 1px solid #e0e7e4; border-radius: 10px; }
.review-checklist > h3 { font-size: 24px; line-height: 1.35; letter-spacing: -.6px; font-weight: 500; margin: 0 0 13px; }
.review-checklist > p { font-size: 13px; line-height: 1.8; color: #758680; max-width: 865px; margin: 0 0 24px; }
.review-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 31px; padding: 0; margin: 0; list-style: none; }
.review-grid > li { font-size: 13px; line-height: 1.8; color: #758680; padding-top: 16px; border-top: 1px solid #d7e0dc; }
.review-grid strong { display: block; font-size: 14px; font-weight: 600; line-height: 1.5; color: #526b60; margin-bottom: 9px; }
.review-grid p { margin: 0; }
.faq-list details > p + p { padding-top: 0; }

@media(max-width:1150px) {
  .header-inner { gap: 28px; }
  .desktop-nav { gap: 19px; font-size: 12px; }
  .header-right { gap: 15px; }
  .template-label { font-size: 9px; }
  .overview-grid { grid-template-columns: minmax(0, 1fr) 285px; }
  .quick-facts > div { grid-template-columns: 69px minmax(0,1fr); font-size: 11px; }
  .preview-greeting h2 { font-size: 22px; }
  .experience-layout { grid-template-columns: 370px minmax(0,1fr); }
  .example-shortcuts > span { width: 100%; }
  .heading-description { max-width: 265px; font-size: 13px; }
  .section-nav nav { gap: 23px; }
  .section-nav nav > a { font-size: 12px; }
  .feature-card h3 { font-size: 17px; }
  .feature-card > p { font-size: 13px; }
  .feature-foot { gap: 18px; font-size: 11px; }
  .feature-foot > a { font-size: 11px; }
  .step-tabs strong { font-size: 13px; }
  .step-tabs small { font-size: 10px; }
  .use-case-grid h3 { font-size: 17px; }
  .use-case-grid article > p { font-size: 13px; }
  .use-case-grid dd { font-size: 11px; }
  .spec-table dl > div { grid-template-columns: 113px minmax(0,1fr); font-size: 12px; }
  .price-card > .button { font-size: 12px; }
  .price-card ul { font-size: 12px; }
  .closing h2 { font-size: 22px; }
  .closing p { font-size: 12px; }
}
@media(max-width:950px) {
  .prompt-formula { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .prompt-formula > :nth-child(3) { border-right: 0; }
  .prompt-formula > :nth-child(-n+3) { border-bottom: 1px solid #dfe6e9; }
  .prompt-recipe-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
  .prompt-recipe { padding: 24px 22px 20px; }
  .workflow-library-grid { gap: 21px; }
  .workflow-guide h3 { font-size: 21px; }
  .workflow-guide > p, .workflow-guide ol > li { font-size: 12px; }
  .workflow-guide ol > li { padding-left: 27px; }
  .workflow-guide ol > li > strong { font-size: 13px; }
  .review-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 23px 28px; }
  .overview-grid { grid-template-columns: minmax(0,1fr) 250px; }
  .quick-title h2 { font-size: 16px; }
  .quick-description { font-size: 12px; }
  .quick-highlight p, .quick-highlight strong { font-size: 11px; }
  .tool-identity p { font-size: 13px; }
  .tool-label { font-size: 10px; }
  .tool-tags > span { font-size: 10px; }
  .tool-title-line { gap: 10px; }
  .preview-greeting h2 { font-size: 19px; }
  .preview-greeting p { font-size: 10px; }
  .preview-composer > p { font-size: 10px; }
  .preview-composer > div { gap: 5px; }
  .preview-composer > div > span { font-size: 8px; padding-inline: 5px; }
  .preview-composer a { font-size: 9px; padding-inline: 8px; }
  .preview-canvas-top { font-size: 10px; }
  .preview-canvas-top > span > span { font-size: 8px; }
  .preview-caption { font-size: 9px; }
  .preview-bottom { font-size: 10px; gap: 10px; }
  .preview-result-label { font-size: 9px; }
  .section-heading > div > p:not(.eyebrow) { font-size: 13px; }
  .section-side-label { font-size: 11px; max-width: 205px; }
  .gallery-toolbar { gap: 12px; }
  .filter-tabs { gap: 4px; }
  .filter-tabs > button { font-size: 12px; padding-inline: 9px; }
  .gallery-toolbar > .quiet-button { font-size: 11px; }
  .work-card-info h3 { font-size: 13px; }
  .work-card-info p { font-size: 10px; }
  .feature-foot { flex-wrap: wrap; }
  .feature-foot > a { width: 100%; margin-left: 0; margin-top: 2px; }
  .experience-layout { grid-template-columns: 335px minmax(0,1fr); }
  .parameter-grid select, .parameter-grid input { font-size: 11px; padding-inline: 7px; }
  .parameter-grid input::placeholder { font-size: 10px; }
  .parameter-grid label { font-size: 11px; }
  .demo-results .work-card-info h3 { font-size: 12px; }
  .demo-results .work-card-info p { font-size: 9px; }
  .demo-results { gap: 11px; }
  .prompt-advice p, .prompt-advice strong { font-size: 11px; }
  .output-helper { font-size: 10px; }
  .guide-layout { grid-template-columns: 305px minmax(0,1fr); }
  .step-content h3 { font-size: 21px; }
  .step-content > p:not(.eyebrow) { font-size: 13px; }
  .step-tip p { font-size: 11px; }
  .use-case-grid h3 { font-size: 19px; }
  .use-case-grid article > p { font-size: 14px; }
  .use-case-grid dd { font-size: 12px; }
  .plan-description, .plan-bill { font-size: 12px; }
  .plan-description { min-height: 41px; }
  .price-card ul { font-size: 11px; }
  .plan-fit { font-size: 10px; }
  .price-card h3 { font-size: 21px; }
  .price-card > .button { font-size: 11px; padding-inline: 10px; gap: 8px; }
  .faq-intro h2 { font-size: 25px; }
  .faq-intro > p:not(.eyebrow) { font-size: 13px; }
  .faq-list summary { font-size: 14px; }
  .faq-list details > p { font-size: 13px; }
  .closing { gap: 24px; }
  .closing h2 { font-size: 20px; }
  .closing .button { font-size: 12px; }
  .lightbox-details h2 { font-size: 22px; }
  .lightbox-details > #lightbox-prompt { font-size: 12px; }
}
@media(max-width:720px) {
  .knowledge-section > .section-heading > div > p:not(.eyebrow) { font-size: 13px; line-height: 1.8; }
  .resource-links { font-size: 11px; gap: 12px 18px; }
  .resource-links > span { width: 100%; }
  .prompt-formula { grid-template-columns: repeat(2,minmax(0,1fr)); margin: 23px 0 27px; }
  .prompt-formula > * { padding: 18px 16px; border-right: 1px solid #dfe6e9; border-bottom: 1px solid #dfe6e9; }
  .prompt-formula > :nth-child(3) { border-right: 1px solid #dfe6e9; }
  .prompt-formula > :nth-child(2n) { border-right: 0; }
  .prompt-formula > :nth-last-child(-n+2) { border-bottom: 0; }
  .prompt-formula strong, .prompt-formula h3 { font-size: 13px; }
  .prompt-formula p, .prompt-formula span { font-size: 11px; line-height: 1.75; }
  .prompt-recipe-grid { grid-template-columns: 1fr; gap: 19px; }
  .prompt-recipe { padding: 25px 23px 21px; }
  .prompt-recipe h3 { font-size: 22px; }
  .prompt-recipe > p { font-size: 13px; }
  .prompt-recipe-text { font-size: 13px; line-height: 1.8; padding: 16px; }
  .prompt-recipe > .quiet-button { font-size: 12px; }
  .workflow-library { padding-top: 43px; }
  .workflow-library-grid { grid-template-columns: 1fr; gap: 22px; }
  .workflow-guide { padding-top: 24px; }
  .workflow-guide h3 { font-size: 24px; margin-top: 12px; }
  .workflow-guide > p { font-size: 13px; margin-bottom: 24px; }
  .workflow-guide ol > li { font-size: 13px; padding-left: 34px; margin-bottom: 21px; }
  .workflow-guide ol > li > strong { font-size: 14px; }
  .review-checklist { padding: 25px 22px; margin-top: 20px; }
  .review-checklist > h3 { font-size: 23px; }
  .review-checklist > p { font-size: 13px; }
  .review-grid { grid-template-columns: 1fr; gap: 19px; }
  .review-grid > li { font-size: 13px; }
  .review-grid strong { font-size: 14px; }
  h2 { font-size: 28px; letter-spacing: -.8px; line-height: 1.2; }
  .header-inner { gap: 18px; }
  .header-right { gap: 7px; }
  .header-right > .button { font-size: 11px; padding-inline: 12px; }
  .tool-title-line { flex-wrap: wrap; gap: 5px 10px; }
  .tool-title-line h1 { font-size: 31px; }
  .tool-label { font-size: 9px; }
  .tool-identity p { font-size: 13px; margin-top: 8px; }
  .tool-tags { row-gap: 7px; }
  .tool-tags > span { font-size: 10px; }
  .tool-actions > .button { min-width: 152px; font-size: 12px; }
  .tool-actions .quiet-button { font-size: 11px; }
  .overview-grid { display: block; }
  .preview-caption { font-size: 8px; }
  .preview-greeting h2 { font-size: 20px; line-height: 1.3; }
  .preview-greeting h2 > span { font-size: 23px; }
  .preview-greeting p { font-size: 10px; }
  .preview-composer > p { font-size: 9px; line-height: 1.7; }
  .preview-composer > div > span { font-size: 7px; }
  .preview-composer a { font-size: 8px; padding-inline: 6px; gap: 3px; }
  .preview-canvas-top { font-size: 9px; }
  .preview-canvas-top > span > span { font-size: 8px; }
  .preview-result-label { font-size: 8px; }
  .preview-bottom { font-size: 9px; }
  .quick-title h2 { font-size: 18px; letter-spacing: -.35px; }
  .quick-title > span { font-size: 7px; }
  .quick-description { font-size: 13px; line-height: 1.7; }
  .quick-facts > div { grid-template-columns: 84px minmax(0,1fr); font-size: 12px; }
  .quick-highlight p, .quick-highlight strong { font-size: 12px; }
  .quick-card .sample-note { font-size: 10px; }
  .quick-price-link { font-size: 12px; }
  .section-nav nav { gap: 24px; }
  .section-nav nav > a { font-size: 12px; }
  .section-heading { display: block; }
  .section-heading > div > p:not(.eyebrow) { font-size: 13px; line-height: 1.75; }
  .section-side-label { font-size: 11px; max-width: none; }
  .filter-tabs > button { font-size: 11px; padding-inline: 9px; }
  .gallery-toolbar > .quiet-button { font-size: 11px; }
  .work-card-info { padding-right: 28px; min-height: 81px; }
  .work-card-info h3 { font-size: 13px; line-height: 1.4; }
  .work-card-info p { font-size: 10px; line-height: 1.55; }
  .work-card-info > .mini-button { top: 8px; }
  .section-note { font-size: 10px; line-height: 1.75; }
  .heading-description { font-size: 13px; max-width: none; line-height: 1.75; }
  .feature-card h3 { font-size: 17px; line-height: 1.35; }
  .feature-card > p { font-size: 13px; line-height: 1.7; }
  .feature-example { font-size: 11px; }
  .feature-foot { font-size: 10px; gap: 13px; }
  .feature-foot > a { font-size: 11px; }
  .experience-label { font-size: 10px; }
  .experience-layout { grid-template-columns: 1fr; }
  .panel-heading > span:first-child { font-size: 13px; }
  .field-label { font-size: 12px; }
  .demo-form-body textarea { font-size: 12px; min-height: 161px; }
  .input-meta { font-size: 9px; }
  .example-shortcuts > span { width: 100%; margin-bottom: 1px; }
  .example-shortcuts button { font-size: 10px; min-height: 34px; padding-inline: 9px; }
  .parameter-grid label { font-size: 11px; }
  .parameter-grid select, .parameter-grid input { font-size: 11px; }
  .generate-button { font-size: 13px; }
  .demo-status { font-size: 10px; }
  .task-summary { font-size: 11px; }
  .demo-results .work-card-info { padding-right: 0; min-height: 72px; }
  .demo-results .work-card-info h3 { font-size: 12px; }
  .demo-results .work-card-info p { font-size: 9px; }
  .output-helper { font-size: 10px; line-height: 1.7; }
  .prompt-advice p, .prompt-advice strong { font-size: 12px; line-height: 1.7; }
  .demo-output .sample-note { font-size: 10px; }
  .guide-layout { grid-template-columns: 1fr; }
  .step-tabs button { min-height: 86px; }
  .step-tabs strong { font-size: 13px; }
  .step-tabs small { font-size: 11px; }
  .step-content h3 { font-size: 23px; }
  .step-content > p:not(.eyebrow) { font-size: 13px; }
  .step-tip p { font-size: 12px; }
  .use-case-grid h3 { font-size: 19px; }
  .use-case-grid article > p { font-size: 13px; }
  .use-case-grid dl { grid-template-columns: 91px minmax(0,1fr); }
  .use-case-grid dt { font-size: 11px; }
  .use-case-grid dd { font-size: 12px; }
  .spec-heading h3 { font-size: 24px; }
  .spec-table dl > div { grid-template-columns: 89px minmax(0,1fr); font-size: 12px; }
  .pricing-heading h2 { font-size: 28px; }
  .pricing-heading > p:not(.eyebrow) { font-size: 13px; }
  .pricing-heading > .billing-note { font-size: 10px !important; line-height: 1.75; }
  .billing-switch button { font-size: 12px; padding-inline: 15px; }
  .plan-description, .plan-bill { font-size: 13px; min-height: 0; }
  .price-card > .button { font-size: 13px; min-height: 44px; padding-inline: 15px; }
  .price-card ul { font-size: 13px; }
  .plan-fit { font-size: 11px; }
  .pricing-disclosure { font-size: 11px; }
  .faq-intro h2 { font-size: 28px; }
  .faq-intro > p:not(.eyebrow) { font-size: 13px; }
  .faq-list summary { font-size: 14px; }
  .faq-list details > p { font-size: 13px; line-height: 1.75; }
  .closing h2 { font-size: 24px; }
  .closing p { font-size: 12px; }
  .closing .button { font-size: 12px; }
  .footer-top p, .footer-top > a:last-child { font-size: 11px; }
  .footer-bottom { font-size: 10px; }
  .mobile-bottom strong { font-size: 13px; }
  .mobile-bottom small { font-size: 10px; }
  .mobile-bottom .button { font-size: 12px; }
  .lightbox-details h2 { font-size: 24px; }
  .lightbox-details > #lightbox-prompt { font-size: 12px; line-height: 1.7; }
  .lightbox-caption { font-size: 10px; }
  .lightbox-details h3 { font-size: 12px; }
  .lightbox-actions > .button { font-size: 11px; }
  .lightbox-details .sample-note { font-size: 10px; }
  .plan-dialog h2 { font-size: 23px; }
  .plan-dialog > p:not(.eyebrow) { font-size: 12px; }
  .plan-notice, .plan-notice strong { font-size: 11px; }
  .toast { font-size: 12px; }
}
@media(max-width:375px) {
  .tool-title-line h1 { font-size: 28px; }
  .tool-label { font-size: 8px; }
  .tool-identity p { font-size: 12px; }
  .tool-tags > span { font-size: 9px; }
  .tool-actions > .button { min-width: 139px; }
  .tool-actions .quiet-button { font-size: 10px; }
  .preview-greeting h2 { font-size: 18px; }
  .preview-greeting p { font-size: 9px; }
  .preview-canvas-top > span > span { display: none; }
  .preview-composer > p { font-size: 8px; }
  .preview-composer a { font-size: 7px; }
  .preview-bottom { font-size: 8px; }
  .quick-title { flex-wrap: wrap; gap: 7px; }
  .filter-tabs > button { font-size: 10px; padding-inline: 7px; }
  .work-card-info h3 { font-size: 12px; }
  .work-card-info p { font-size: 9px; }
  .feature-card h3 { font-size: 16px; }
  .feature-card > p { font-size: 12px; }
  .feature-foot > span { font-size: 9px; }
  .parameter-grid { gap: 15px 10px; }
  .parameter-grid select, .parameter-grid input { font-size: 10px; }
  .parameter-grid input::placeholder { font-size: 9px; }
  .example-shortcuts button { font-size: 9px; padding-inline: 8px; }
  .demo-results .work-card-info h3 { font-size: 11px; }
  .demo-results .work-card-info p { font-size: 8px; }
  .billing-switch button { font-size: 11px; padding-inline: 12px; }
  .billing-switch button > span { font-size: 8px; }
  .closing h2 { font-size: 22px; }
  .spec-table dl > div { grid-template-columns: 82px minmax(0,1fr); gap: 12px; }
}