/* Shared production rules: maintain the existing artwork and section layouts. */
html{scroll-padding-top:100px}body{overflow-x:clip}main{min-width:0}.header,.topic-page .header{position:fixed;top:16px;left:32px;right:32px;z-index:100;min-height:56px;gap:16px}.header .brand{flex-shrink:1}.header .button{flex-shrink:0}.button-blue{background:#006fd6}.button-blue:hover{background:#005fba}.hero h1{font-size:52px;line-height:1.1;letter-spacing:-.045em;max-width:700px;margin-inline:auto}.hero h1 span{display:block}.hero-content{max-width:760px}.hero-headline{font-size:38px;min-height:110px}.hero-description{max-width:440px}.topic-hero h1{font-size:48px;line-height:1.1;letter-spacing:-.045em}.topic-hero h1 span{font-size:inherit;line-height:inherit;letter-spacing:inherit;margin-top:8px}.topic-hero-copy>.eyebrow{margin-top:23px;margin-bottom:0;color:#625f57}.topic-hero .breadcrumbs{margin-top:20px;margin-bottom:0;flex-wrap:wrap;color:#625f57}.topic-hero{padding-top:145px}.hero-deck{margin-right:0}.deck-1{left:41%}.eyebrow,.widget-label,.card-number,.case-number,.editorial-number,.filter-count,.palette-values,.lab-explanation,.prompt-length,.reset-prompt,.reset-checklist,.copy-status,.composed-status,.section-note,.hero-caption,.mobile-caption,.site-footer nav a,.breadcrumbs{color:#68645d}.topic-tags span{color:#625e57}.muted{color:#74736c}.gallery-position,.tools-pause{color:#625e57}.hero .gradient-text{background:linear-gradient(100deg,#7447ba,#ad436f);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-art{isolation:isolate}.faq summary{min-height:58px;scroll-margin-top:105px}.faq summary:after{color:#625c53}.faq details[open] summary:after{content:'+'}.faq summary[aria-expanded=true]:after{content:'−'}.faq details[open] summary[aria-expanded=false]{color:inherit}.faq details[open]>.faq-answer{animation:none}.faq-answer{box-sizing:border-box}.faq summary:focus-visible{outline:3px solid #006fd6;outline-offset:4px;border-radius:5px}.faq-answer p{color:#5f5c54}.feature-notes>h2{grid-column:1/-1;font-size:31px}.topic-cards-heading{grid-column:1/-1;font-size:31px;margin-bottom:8px}.skip-link{position:fixed;left:20px;top:-80px;z-index:1000;background:#20221c;color:#fff;padding:12px 18px;border-radius:12px}.skip-link:focus{top:16px}.readiness-list legend{padding:0}.tool-tabs [role=tab],.model-tags [role=tab]{min-height:40px}.preview-edition,.preview-footnote{font-size:9px;letter-spacing:.04em}.preview-footnote{max-width:100%;overflow-wrap:anywhere}.prompt-controls select{appearance:none}.readiness-list input{z-index:1;cursor:pointer}.topic-hero:after{animation-duration:6s}.motion-control{color:#625e57}.header .button{animation:none}.topic-hero .hero-deck{min-width:0}.content-404{min-height:70svh;padding:160px 24px 60px;max-width:800px;margin:auto;text-align:center}.content-404 h1{font-size:48px}.content-404 p{margin:25px 0}.content-404 a{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #006fd6;outline-offset:4px}
@media(min-width:701px) and (max-width:1100px){.topic-hero{padding-inline:32px;column-gap:24px}.topic-hero h1{font-size:42px}.topic-hero .hero-deck{height:400px}.hero h1{font-size:48px}.tool-tabs{flex-wrap:wrap}}
@media(max-width:700px){.header,.topic-page .header{left:12px;right:12px;top:12px;min-height:54px;padding:9px 13px;gap:10px}.header .brand img{width:121px}.header .button{font-size:13px;padding:10px 17px;min-height:38px}.hero h1{font-size:36px;line-height:1.1;max-width:330px}.hero h1 span{font-size:inherit}.hero-content{padding:70px 23px 0}.hero-headline{font-size:27px;min-height:92px;flex-wrap:wrap;gap:.12em}.hero-swap{height:75px;min-width:75px}.hero-swap img{height:75px;width:75px}.hero-description{font-size:15px;max-width:295px}.hero-caption{max-width:270px}.topic-hero h1{font-size:36px;max-width:380px}.topic-hero{padding:110px 22px 55px}.topic-hero .breadcrumbs{justify-content:center;gap:8px;font-size:11px}.topic-hero-copy>.eyebrow{font-size:10px;margin-top:20px}.topic-tags{margin-top:18px}.topic-cards-heading,.feature-notes>h2{font-size:28px}.topic-final h2{font-size:34px}.tool-tabs{flex-wrap:wrap}.tool-tabs button{font-size:11px}.content-404 h1{font-size:36px}.preview-heading{overflow-wrap:anywhere}.palette-choice{min-width:0}.header .brand{min-width:0}}
@media(max-width:360px){.hero h1,.topic-hero h1{font-size:34px}.hero-content{padding-inline:18px}.hero-headline{font-size:24px}.hero-description{font-size:14px}.header .brand img{width:108px}.header .button{padding-inline:13px;font-size:12px}.hero-deck{width:278px}.deck-card{width:55%}.deck-1{left:42%}.palette-choice{gap:7px;padding:10px 8px}.palette-swatches i{width:19px;height:19px}.readiness-score{gap:13px}.lab-controls,.prompt-controls,.generated-prompt{padding:22px 18px}.prompt-options{flex-wrap:wrap}.model-example figcaption{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.extra-ready,.reveal-ready [data-reveal],.pending-reveal{opacity:1!important;transform:none!important}.hero-art{transform:none!important}.hero-deck .deck-card,.topic-final figure{animation:none!important}}

.faq-answer{padding:0 40px 23px 0}.faq-answer p{font-size:15px;line-height:1.8}@media(max-width:700px){.faq-answer{padding-right:20px}.faq-answer p{font-size:14px}}

.gradient-text{background-image:linear-gradient(100deg,#7447ba,#ad436f)}.generated-prompt small{color:#535e49}
.prompt-bubble>span:not(.send-icon),.topic-process li>span,.readiness-message{color:#625e57}.palette-values{color:#555149}.tip-icon{color:#755499}
.metrika-pixel{position:absolute;left:-9999px}