[data-tool-design=cards]{--seo-space:48px;--seo-title-gap:12px;--seo-content-gap:20px;--seo-card-gap:12px;--seo-card-padding:18px;--seo-card-border:color-mix(in srgb,var(--accent-gold) 24%,var(--line));--seo-card-fill:linear-gradient(120deg,var(--surface),var(--bg))}[data-tool-design=cards] h1{font-size:30px;font-weight:700;line-height:1.25}[data-tool-design=cards] section:has(>h1)>p{font-size:16px;line-height:1.6}[data-tool-design=cards] [data-seo-section]{margin-top:var(--seo-space);padding-block:0}[data-tool-design=cards] [data-faq-section] h2,[data-tool-design=cards] [data-seo-section]>h2{font-size:26px;line-height:1.25;font-weight:700;margin-bottom:var(--seo-title-gap)}[data-tool-design=cards] [data-seo-section] p{font-size:16px;line-height:1.6}[data-tool-design=cards] [data-seo-description]{font-size:16px;line-height:1.55;margin:0}[data-tool-design=cards] [data-seo-cards],[data-tool-design=cards] [data-seo-example-list],[data-tool-design=cards] [data-seo-step-grid],[data-tool-design=cards] [data-seo-table]{margin-top:var(--seo-content-gap)}[data-tool-design=cards] [data-seo-cards]{gap:var(--seo-card-gap)}[data-tool-design=cards] [data-seo-card]{display:flex;align-items:flex-start;gap:16px;height:100%;padding:var(--seo-card-padding);border:1px solid var(--seo-card-border);border-radius:18px;background:var(--seo-card-fill)}[data-tool-design=cards] [data-seo-card-copy]{display:block;flex:1;min-width:0}[data-tool-design=cards] [data-seo-card-title]{display:block;font-size:17px;line-height:1.3;font-weight:600;margin:0}[data-tool-design=cards] [data-seo-card-description]{font-size:15px;line-height:1.55;margin:8px 0 0}[data-tool-design=cards] [data-seo-icon]{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:15px;background:var(--accent-soft);color:var(--accent-gold)}[data-tool-design=cards] li:nth-child(2n) [data-seo-icon]{color:var(--accent-peach);background:color-mix(in srgb,var(--accent-peach) 12%,transparent)}[data-tool-design=cards] [data-seo-icon] svg{width:28px;height:28px;stroke-width:1.6}[data-tool-design=cards] [data-seo-chevron]{width:18px;height:18px;flex-shrink:0;align-self:center;color:var(--fg-2)}[data-tool-design=cards] [data-seo-after-text]{margin-top:var(--seo-content-gap)}[data-tool-design=cards] [data-tool-seo-steps]{text-align:center}[data-tool-design=cards] [data-tool-seo-steps]>[data-seo-description]{margin-inline:auto}[data-tool-design=cards] [data-seo-step-grid]{gap:34px;padding-top:20px}[data-tool-design=cards] [data-seo-step]{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;border:1px solid var(--seo-card-border);border-radius:20px;background:var(--seo-card-fill);padding:40px var(--seo-card-padding) var(--seo-card-padding)}[data-tool-design=cards] [data-seo-step]>div{position:absolute;top:-21px;left:calc(50% - 21px);width:42px;height:42px;border:2px solid var(--accent-gold);background:var(--surface);box-shadow:0 0 16px var(--accent-soft)}[data-tool-design=cards] [data-seo-step]:nth-child(2n)>div{border-color:var(--accent-peach)}[data-tool-design=cards] [data-seo-step]>div span{font-size:20px;color:var(--fg-1)}[data-tool-design=cards] [data-seo-step] h3{font-size:20px;line-height:1.25;margin:0 0 8px;font-weight:600}[data-tool-design=cards] [data-seo-step] p{font-size:15px;max-width:none;margin:0}[data-tool-design=cards] [data-seo-table]{overflow:hidden;border:1px solid var(--seo-card-border);border-radius:20px;padding:0 18px;background:var(--seo-card-fill)}[data-tool-design=cards] [data-seo-table] td,[data-tool-design=cards] [data-seo-table] th{padding-block:16px;font-size:15px;line-height:1.5;vertical-align:top}[data-tool-design=cards] [data-seo-table] td:first-child,[data-tool-design=cards] [data-seo-table] th:first-child{width:52%;padding-right:16px}[data-tool-design=cards] [data-seo-table] tbody tr:last-child{border-bottom:0}[data-tool-design=cards] [data-seo-table] a{color:var(--accent-gold)}[data-tool-design=cards] [data-seo-example-list]{display:grid;grid-template-columns:minmax(0,1fr);max-width:none;gap:var(--seo-card-gap)}[data-tool-design=cards] [data-seo-example]{padding:var(--seo-card-padding);border-radius:20px;border-color:var(--seo-card-border);background:var(--seo-card-fill)}[data-tool-design=cards] [data-seo-example-title]{font-size:20px;font-weight:600;line-height:1.3;margin:0}[data-tool-design=cards] [data-seo-pair=editorial]{display:grid;grid-template-areas:"title" "controls" "image" "prompt";gap:16px}[data-tool-design=cards] [data-seo-pair=editorial]>h3{grid-area:title}[data-tool-design=cards] [data-seo-pair-controls]{grid-area:controls;margin:0}[data-tool-design=cards] [data-seo-pair-controls] button{font-size:16px;font-weight:600}[data-tool-design=cards] [data-seo-pair-track]{grid-area:image;min-width:0;scrollbar-width:thin}[data-tool-design=cards] [data-seo-example-prompt]{grid-area:prompt;font-size:15px;line-height:1.55;margin:0}[data-tool-design=cards] [data-seo-pair=editorial] [data-seo-example-prompt]{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:16px}[data-tool-design=cards] [data-seo-source-grid]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}[data-tool-design=cards] [data-seo-source-image]{width:100%}[data-tool-design=cards] [data-seo-sources]{margin-top:20px}[data-tool-design=cards] [data-seo-result]{margin-block:20px}[data-tool-design=cards] [data-faq-section]{margin-top:var(--seo-space);padding:0 16px}[data-tool-design=cards] [data-faq-section]>div{max-width:1280px}[data-tool-design=cards] [data-faq-section] h2+p{font-size:16px;line-height:1.55;margin:0 auto var(--seo-content-gap)}[data-tool-design=cards] [data-faq-section] .space-y-4>div{border-color:var(--seo-card-border);border-radius:18px;background:var(--seo-card-fill)}[data-tool-design=cards] [data-faq-section] .space-y-4>div+div{margin-top:12px}[data-tool-design=cards] [data-faq-section] button{padding:18px 20px}[data-tool-design=cards] [data-faq-section] button span{font-size:16px;line-height:1.4;font-weight:500}[data-tool-design=cards] [data-faq-section] button+div{padding:0 20px 18px;font-size:16px;line-height:1.6}@media (min-width:768px){[data-tool-design=cards]{--seo-space:80px;--seo-title-gap:16px;--seo-content-gap:30px;--seo-card-gap:20px;--seo-card-padding:22px}[data-tool-design=cards] h1{font-size:44px}[data-tool-design=cards] section:has(>h1)>p{font-size:18px}[data-tool-design=cards] [data-faq-section] h2,[data-tool-design=cards] [data-seo-section]>h2{font-size:32px}[data-tool-design=cards] [data-seo-section] p{font-size:18px}[data-tool-design=cards] [data-seo-section] [data-seo-description]{font-size:17px}[data-tool-design=cards] [data-seo-card]{gap:20px}[data-tool-design=cards] [data-seo-card-title]{font-size:18px}[data-tool-design=cards] [data-seo-section] [data-seo-card-description]{font-size:16px;margin-top:10px}[data-tool-design=cards] [data-seo-icon]{width:64px;height:64px;border-radius:19px}[data-tool-design=cards] [data-seo-icon] svg{width:34px;height:34px}[data-tool-design=cards] [data-seo-step-grid]{gap:20px}[data-tool-design=cards] [data-seo-step]{justify-content:center;padding-top:52px;min-height:256px}[data-tool-design=cards] [data-seo-step] h3{font-size:22px;margin-bottom:10px}[data-tool-design=cards] [data-seo-step] p{font-size:16px}[data-tool-design=cards] [data-seo-table]{padding-inline:24px}[data-tool-design=cards] [data-seo-table] td,[data-tool-design=cards] [data-seo-table] th{padding-block:20px;font-size:17px}[data-tool-design=cards] [data-seo-table] td+td,[data-tool-design=cards] [data-seo-table] th+th{border-left:1px solid var(--line);padding-left:24px}[data-tool-design=cards] [data-seo-example-title]{font-size:22px}[data-tool-design=cards] [data-seo-pair-controls] button{font-size:18px}[data-tool-design=cards] [data-seo-pair=editorial]{grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-rows:auto auto 1fr;grid-template-areas:"title image" "controls image" "prompt image";gap:20px}[data-tool-design=cards] [data-seo-pair=editorial] [data-seo-example-prompt]{align-self:start;font-size:16px}[data-tool-design=cards] [data-seo-example]:has([data-seo-sources]){display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:20px;grid-template-areas:"title result" "sources result" "prompt result"}[data-tool-design=cards] [data-seo-example]>h3{grid-area:title}[data-tool-design=cards] [data-seo-sources]{grid-area:sources;margin:0}[data-tool-design=cards] [data-seo-result]{grid-area:result;margin:0}[data-tool-design=cards] [data-faq-section]{padding-inline:32px}[data-tool-design=cards] [data-faq-section] h2+p{font-size:17px}[data-tool-design=cards] [data-faq-section] .space-y-4>div+div{margin-top:14px}[data-tool-design=cards] [data-faq-section] button{padding:20px 24px}[data-tool-design=cards] [data-faq-section] button span{font-size:17px}[data-tool-design=cards] [data-faq-section] button+div{padding:0 24px 20px;font-size:18px}}[data-tool-design=cards] [data-seo-body]{gap:16px}[data-tool-design=cards] [data-seo-body] li,[data-tool-design=cards] [data-seo-body] p{font-size:16px;line-height:1.6}[data-tool-design=cards] [data-seo-features]{border:0;padding:0;gap:var(--seo-card-gap)}[data-tool-design=cards] [data-tool-seo-features]{margin-top:var(--seo-content-gap)}@media (min-width:768px){[data-tool-design=cards] [data-seo-body] li,[data-tool-design=cards] [data-seo-body] p{font-size:18px}[data-tool-design=cards] [data-seo-features] [data-seo-card-description]{font-size:16px;margin-top:10px}}