.skip-link{position:fixed;left:20px;top:-60px;z-index:100;background:#17191d;color:#fff;padding:12px 24px;border-radius:8px}.skip-link:focus{top:10px}
.guide-page{--muted:#65676b;--line:#e6e7e8;--soft:#f5f6f7;color:#17191d;font-family:Arial,Helvetica,sans-serif}
.guide-page h1,.guide-page h2,.guide-hub h2,.guide-page h3,.guide-hub h3{font-family:Arial,Helvetica,sans-serif;font-weight:500;letter-spacing:-.045em;line-height:1.08;text-align:left}
.guide-page h1{font-size:clamp(42px,4.45vw,72px);margin:24px 0;letter-spacing:-.055em}
.guide-page h2,.guide-hub h2{font-size:clamp(32px,3.1vw,48px)}
.guide-page p{font-size:16px;line-height:1.75;color:var(--muted)}
.guide-page .pill{padding:13px 22px;font-size:15px;gap:20px}
.guide-page .site-header .pill{padding:5px 15px;font-size:14px;gap:6px}
.breadcrumbs{max-width:1440px;margin:0 auto;padding:100px 48px 22px;display:flex;gap:14px;font-size:12px;color:#777b80;align-items:center}
.breadcrumbs a:hover{color:#17191d;text-decoration:underline}
.breadcrumbs [aria-current]{color:#34373a}
.guide-hero{display:grid;grid-template-columns:1fr 1.02fr;gap:48px;align-items:center;max-width:1440px;margin:0 auto;padding:18px 48px 90px;min-height:620px}
.guide-hero-copy{padding:24px 0}.guide-hero-copy .kicker{color:#42464a}.kicker{display:block;font-size:11px!important;letter-spacing:.12em;font-weight:600;line-height:1.5!important;text-transform:uppercase}
.status-dot{display:inline-block;width:7px;height:7px;background:#99b343;border-radius:50%;margin-right:10px;vertical-align:middle}
.guide-page .guide-lead{font-size:17px;line-height:1.65;max-width:480px;margin-bottom:30px}
.guide-hero-copy>.pill{background:#191b1e;color:#fff}.guide-hero-copy>.pill:hover{background:#373b40}
.tool-note{display:block;color:#7b7f84;font-size:11px;margin-top:14px}
.guide-page figure{margin:0}.guide-hero-image{position:relative;aspect-ratio:1.08;border-radius:20px;overflow:hidden;background:#eff0f1;isolation:isolate}
.guide-hero-image>img,.guide-hero-image>video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.guide-video-toggle{position:absolute;z-index:2;top:18px;right:18px;border:1px solid #ffffff80;border-radius:30px;background:#ffffffed;color:#17191d;padding:8px 14px;font-size:12px;line-height:18px;cursor:pointer}
.guide-video-toggle:hover{background:#fff}
.guide-hero-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:50px 24px 22px;display:flex;justify-content:space-between;color:#fff;font-size:10px;letter-spacing:.14em;background:linear-gradient(transparent,#0008)}
.guide-intro{max-width:1344px;margin:0 auto;padding:75px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.guide-intro p{align-self:center;max-width:600px}
.guide-features{max-width:1344px;margin:0 auto;padding:95px 0 40px}
.guide-feature{display:grid;grid-template-columns:1.12fr 1fr;gap:90px;align-items:center;margin-bottom:100px}
.guide-feature.reverse{grid-template-columns:1fr 1.12fr}.guide-feature.reverse figure{order:2}.guide-feature.reverse .guide-feature-copy{order:1}
.guide-feature img{width:100%;height:auto;border-radius:16px;background:#f2f3f4;aspect-ratio:1.65;object-fit:contain}
.guide-feature figcaption{font-size:11px;line-height:1.6;color:#85888d;margin:12px 2px 0}
.section-number{display:block;font-size:12px;letter-spacing:.05em;color:#93989d;margin-bottom:28px}
.guide-feature-copy h2{font-size:clamp(28px,2.55vw,40px);max-width:480px;margin-bottom:24px}
.guide-feature-copy p{max-width:490px}
.guide-steps{background:var(--soft);padding:85px max(48px,calc((100vw - 1344px)/2));}
.section-heading{margin-bottom:42px}.section-heading .kicker{color:#7d8186;margin-bottom:18px}.section-heading h2{max-width:850px}.section-heading>p{margin-top:20px;color:#72767c;font-size:16px;line-height:1.7}
.guide-steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;list-style:none;padding:0;margin:0}
.step-number{font-size:48px;line-height:1;color:#b3b6ba;font-weight:400;letter-spacing:-.05em;display:block;margin:4px 0 30px}
.guide-steps h3,.tips-grid h3{font-size:22px;line-height:1.2;margin-bottom:15px;letter-spacing:-.03em}.guide-steps p,.tips-grid p{font-size:15px;line-height:1.75}
.prompt-section{max-width:1344px;margin:0 auto;padding:110px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.prompt-section>.prompt-example{padding:36px;border:1px solid #dddfe2;border-radius:18px;background:linear-gradient(130deg,#fbfcf9,#f5f6f7)}
.prompt-section h2{margin:20px 0 24px}.prompt-section>div>p{max-width:430px}
.prompt-label{font-size:10px;letter-spacing:.12em;color:#747b6f}.prompt-example blockquote{font-size:21px;line-height:1.65;letter-spacing:-.02em;margin:26px 0 30px;color:#353a3e}
.prompt-end{border-top:1px solid #dde1d9;padding-top:18px;display:flex;justify-content:space-between;font-size:11px;color:#7b8277;line-height:1.5;gap:20px}
.guide-tips{max-width:1344px;margin:0 auto;padding-bottom:100px}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.tips-grid article{border-top:1px solid #dfe1e4;padding-top:28px}
.guide-faq{max-width:1344px;margin:0 auto;padding:80px 0 110px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;gap:80px}
.guide-faq h2{margin:22px 0}.guide-faq details{border-bottom:1px solid var(--line)}.guide-faq details:first-child{border-top:1px solid var(--line)}
.guide-faq summary{cursor:pointer;list-style:none;padding:25px 0;display:flex;justify-content:space-between;gap:24px;font-size:17px;line-height:1.4}
.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary span{font-size:23px;font-weight:300;color:#7e8489;transition:transform .15s}.guide-faq details[open] summary span{transform:rotate(45deg)}
.guide-faq details p{padding:0 30px 28px 0;font-size:15px}.guide-faq summary:focus-visible{outline:2px solid #17191d;outline-offset:4px}
.guide-hub,.guide-related{max-width:1440px;margin:0 auto;padding:100px 48px}.guide-related{padding-top:20px}
.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 24px}.guide-card{display:block;min-width:0}.guide-card-image{border-radius:14px;overflow:hidden;aspect-ratio:1.52;background:#f1f2f3}
.guide-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.guide-card:hover img{transform:scale(1.035)}.guide-card-copy{padding:23px 2px 0}.guide-card-copy .kicker{font-size:9px!important;color:#7c8187;margin-bottom:12px}
.guide-card-copy h3{font-size:22px;display:flex;justify-content:space-between;gap:16px;line-height:1.2}.guide-card-copy h3 span{font-size:21px;color:#70767d}.guide-card-copy p{font-size:13px;margin-top:9px;color:#777d84;line-height:1.5}
.guide-end{margin:20px 48px 80px;padding:60px 32px;background:#f3f5ef;text-align:center;border-radius:20px}.guide-end h2{text-align:center;margin:20px 0 28px}.guide-end .kicker{color:#727b64}
.page-footer{padding:48px!important;background:#f7f8f9!important;border-top:1px solid #e5e7e9}
.page-footer-inner{max-width:1344px;margin:auto;display:flex;justify-content:space-between;align-items:flex-start;gap:56px}
.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 42px}
.footer-links a{font-size:14px;line-height:1.5;color:#555b65;transition:color .15s}
.footer-links a:hover{color:#17191d;text-decoration:underline;text-underline-offset:4px}
@media(max-width:850px){.page-footer-inner{flex-direction:column;gap:32px}.footer-links{width:100%;gap:20px 28px}}
@media(max-width:650px){.page-footer{padding:36px 22px!important}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}}
@media(min-width:1600px){.guide-end{max-width:1344px;margin-left:auto;margin-right:auto}}
@media(max-width:1440px){.guide-intro,.guide-features,.prompt-section,.guide-tips,.guide-faq{margin-left:48px;margin-right:48px}.guide-feature{gap:64px}.guide-hero{gap:32px}.guide-intro{gap:64px}}
@media(max-width:950px){.guide-hero{grid-template-columns:1fr;gap:25px;padding-bottom:60px}.guide-hero-copy{padding:10px 0}.guide-page h1{font-size:58px}.guide-page .guide-lead{max-width:620px}.guide-hero-image{aspect-ratio:1.7}.guide-intro{gap:35px}.guide-feature{gap:32px}.guide-steps ol{gap:28px}.prompt-section{gap:35px;grid-template-columns:1fr 1.2fr}.guide-faq{gap:40px}.guide-cards{gap:32px 20px}.guide-card-copy h3{font-size:19px}.guide-card-copy p{font-size:12px}}
@media(max-width:650px){.breadcrumbs{padding:88px 22px 16px;font-size:11px;gap:10px}.guide-hero{padding:10px 22px 50px;min-height:0;gap:30px}.guide-page h1{font-size:43px;line-height:1.07;margin:20px 0}.guide-page .guide-lead{font-size:16px;line-height:1.65;margin-bottom:24px}.guide-hero-image{aspect-ratio:1.15;border-radius:14px}.guide-hero-image figcaption{font-size:8px;padding:45px 16px 17px}.kicker{font-size:10px!important}.guide-intro,.guide-features,.prompt-section,.guide-tips,.guide-faq{margin-left:22px;margin-right:22px}.guide-intro{grid-template-columns:1fr;gap:24px;padding:45px 0}.guide-page h2,.guide-hub h2{font-size:32px}.guide-page p{font-size:15px;line-height:1.7}.guide-features{padding:55px 0 0}.guide-feature,.guide-feature.reverse{grid-template-columns:1fr;gap:24px;margin-bottom:60px}.guide-feature.reverse figure,.guide-feature.reverse .guide-feature-copy{order:initial}.section-number{margin-bottom:15px}.guide-feature-copy h2{font-size:29px;margin-bottom:16px}.guide-feature img{border-radius:12px}.guide-steps{padding:55px 22px}.guide-steps ol{grid-template-columns:1fr;gap:34px}.step-number{font-size:36px;margin-bottom:18px}.guide-steps h3,.tips-grid h3{font-size:21px}.section-heading{margin-bottom:30px}.prompt-section{grid-template-columns:1fr;padding:60px 0;gap:28px}.prompt-section>.prompt-example{padding:24px}.prompt-example blockquote{font-size:18px;margin:24px 0}.prompt-end{font-size:10px}.guide-tips{padding-bottom:55px}.tips-grid{grid-template-columns:1fr;gap:25px}.guide-faq{grid-template-columns:1fr;padding:50px 0 60px;gap:28px}.guide-faq summary{font-size:16px;padding:22px 0}.guide-faq details p{padding-right:10px}.guide-hub,.guide-related{padding:60px 22px}.guide-related{padding-top:0}.guide-cards{grid-template-columns:1fr;gap:35px}.guide-card-image{aspect-ratio:1.7}.guide-card-copy{padding-top:18px}.guide-card-copy h3{font-size:23px}.guide-card-copy p{font-size:13px}.guide-end{margin:0 22px 50px;padding:45px 20px;border-radius:14px}.guide-end h2{font-size:30px}.logo-footer{min-height:110px;padding:36px 22px!important}}
@media(prefers-reduced-motion:reduce){.guide-card img,.guide-faq summary span{transition:none}}
.guide-page .breadcrumbs,.guide-page .tool-note,.guide-feature figcaption,.section-number,.section-heading .kicker,.guide-card-copy .kicker,.guide-card-copy p,.prompt-label,.prompt-end{color:#65676b}
.step-number{color:#70757a}
.source-note{max-width:1344px;margin:0 auto 48px!important;padding:0 24px;font-size:12px!important;line-height:1.7!important;color:#65676b!important}.source-note a{text-decoration:underline;text-underline-offset:3px}
