.breadcrumbs{display:flex;align-items:center;gap:15px;padding-top:30px;font-size:13px;color:#93979e}
.breadcrumbs a:hover{color:#fff}.breadcrumbs>span[aria-hidden]{color:#51565e}
.guide-hero{display:grid;grid-template-columns:.94fr 1.1fr;gap:48px;align-items:center;padding-block:64px 72px}
.guide-hero h1{font-size:clamp(35px,4.1vw,53px);line-height:1.09;letter-spacing:-.044em;text-wrap:balance}
.guide-lead{font-size:18px;line-height:1.7;color:#a7aab1;margin:26px 0 30px}
.guide-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.guide-tags span{border:1px solid #343a43;color:#aeb9cc;font-size:12px;padding:6px 10px;border-radius:7px}
.guide-cover{margin:0;overflow:hidden;border:1px solid #2c3a4f;border-radius:20px;background:linear-gradient(130deg,#172338,#15191f);box-shadow:0 25px 70px #0003;transform:rotate(1deg)}
.guide-cover>img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
.guide-cover figcaption{display:flex;align-items:center;gap:10px;font-size:13px;color:#b4c4df;padding:21px 24px;border-top:1px solid #283446;line-height:1.5}
.cover-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#86b0ff;box-shadow:0 0 12px #70a2ff77}
.guide-jump{display:flex;flex-wrap:wrap;gap:16px 34px;border-block:1px solid #2d3035;padding-block:20px;color:#a8acb4;font-size:14px}
.guide-jump a:hover{color:#fff}
.guide-intro{max-width:835px;margin-bottom:44px}
.guide-intro .eyebrow{margin-bottom:18px}
.guide-intro h2{font-size:clamp(28px,3vw,38px);margin-bottom:22px}
.guide-intro>p:last-child{font-size:18px;line-height:1.85;color:#a8a9ad}
.guide-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.guide-outcomes article{border:1px solid #30353d;background:linear-gradient(145deg,#1d2229,#191b1f);border-radius:16px;padding:29px 26px}
.outcome-number{font-size:13px;color:#83aefb;letter-spacing:.06em;display:block;margin-bottom:28px}
.guide-outcomes h3{font-size:23px;line-height:1.3;margin-bottom:16px}
.guide-outcomes p{line-height:1.8;font-size:15px;color:#a7a9af}
.guide-workflow{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.workflow-visual{align-self:start;position:sticky;top:100px;margin-top:12px}
.workflow-visual img{border-radius:18px;border:1px solid #2d3b4f;width:100%;background:#17202e}
.workflow-visual>p{font-size:12px;margin-top:15px;color:#858c97}
.guide-workflow h2{font-size:33px;line-height:1.2}
.guide-steps{list-style:none;margin:30px 0 0;padding:0;counter-reset:step}
.guide-steps li{counter-increment:step;position:relative;padding:0 0 25px 45px;border-bottom:1px solid #303238;margin-bottom:25px}
.guide-steps li:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
.guide-steps li:before{content:"0" counter(step);position:absolute;left:0;top:1px;font-size:13px;color:#83aefb}
.guide-steps h3{font-size:21px;margin-bottom:12px}
.guide-steps p{font-size:15px;line-height:1.8;color:#a7a9af}
.guide-prompt-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:66px;align-items:center;border-block:1px solid #303238;padding-block:50px}
.guide-prompt-layout h2{font-size:34px;line-height:1.2}
.prompt-context{font-size:16px;line-height:1.8;margin:23px 0 30px}
.guide-prompt{margin:0;padding:36px 38px;border:1px solid #3a4e6a;border-radius:19px;background:radial-gradient(ellipse at top right,#253b5e,#1a2535 75%)}
.guide-prompt>p{font-size:18px;line-height:1.85;color:#dce5f4}
.guide-prompt .example-label{margin-bottom:20px;font-size:13px}
.prompt-language{font-size:12px;display:block;margin-top:24px;color:#8ea2c3}
.guide-editorial{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.guide-editorial h3{font-size:25px;margin-bottom:20px;line-height:1.35}
.guide-editorial p{font-size:16px;line-height:1.9;margin-top:16px;color:#a6a8ad}
.guide-table{overflow-x:auto;margin-top:46px;border:1px solid #34373e;border-radius:15px}
.guide-table table{width:100%;border-collapse:collapse;text-align:left;font-size:15px}
.guide-table caption{text-align:left;padding:24px;font-size:19px;color:#eee;background:#1e2228;font-weight:500}
.guide-table th,.guide-table td{padding:19px 24px;border-top:1px solid #34373e;vertical-align:top;min-width:160px}
.guide-table thead th{font-size:13px;font-weight:500;color:#86aff8;background:#1a1d22}
.guide-table tbody th{font-weight:400;color:#ddd;width:29%}
.guide-table td{color:#a7a9af}
.guide-video{display:grid;grid-template-columns:.78fr 1.22fr;gap:55px;align-items:center}
.guide-video h2{font-size:33px;margin-bottom:23px;line-height:1.2}
.guide-video p{font-size:16px;line-height:1.8}
.guide-video .video-credit{font-size:12px;margin-top:22px;color:#838b98}
.video-credit a,.guide-source a{color:#aabde0;text-decoration:underline;text-underline-offset:3px}
.guide-video figure{margin:0}
.guide-video video{width:100%;height:auto;aspect-ratio:16/9;display:block;border-radius:16px;border:1px solid #333d4c;background:#1b222b}
.guide-video figcaption{font-size:12px;margin-top:13px;color:#9298a2}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.related-card{display:block;border:1px solid #303640;border-radius:15px;overflow:hidden;background:#1b1d21;transition:border-color .2s,transform .2s}
.related-card:hover{border-color:#6586b8;transform:translateY(-3px)}
.related-card img{aspect-ratio:1672/941;width:100%;object-fit:contain;border-bottom:1px solid #2d3644}
.related-card>span{display:block;font-size:22px;margin:22px 24px 9px;line-height:1.3}
.related-card p{font-size:13px;margin:0 24px 25px;color:#939ca9;line-height:1.7}
.guide-source{font-size:12px;color:#7f8793;margin-top:26px;line-height:1.9;max-width:900px}
.guide-closing{padding-top:60px;padding-bottom:95px}
.example-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.example-columns>div{min-width:0;padding:28px;border:1px solid #344054;border-radius:16px;background:#19202a}
.example-columns h3{font-size:20px;margin-bottom:18px}
.example-columns pre{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.9 ui-monospace,Consolas,monospace;color:#bdcde4;margin:0}
.example-check{font-size:15px;line-height:1.8;margin-top:22px}
.worked-example>.text-link{display:inline-block;margin-top:18px;font-size:14px}
@media(max-width:700px){.example-columns{grid-template-columns:1fr}.example-columns>div{padding:23px}}
.guide-closing h2{font-size:40px;max-width:850px;margin-inline:auto}
@media(min-width:1450px){.guide-hero{gap:65px}.guide-hero h1{font-size:57px}}
@media(max-width:900px){.guide-hero{gap:30px}.guide-hero h1{font-size:38px}.guide-lead{font-size:16px}.guide-cover figcaption{font-size:12px;padding:16px}.guide-workflow{gap:32px}.guide-prompt-layout{gap:32px}.guide-outcomes{gap:14px}.guide-outcomes article{padding:24px 20px}.guide-outcomes h3{font-size:21px}.guide-editorial{gap:34px}.guide-video{gap:30px}}
@media(max-width:700px){.breadcrumbs{font-size:12px;padding-top:23px}.guide-hero{grid-template-columns:1fr;padding-block:35px 40px;gap:36px}.guide-hero-copy{max-width:570px}.guide-hero h1{font-size:41px;max-width:520px}.guide-lead{font-size:17px;line-height:1.75;margin:23px 0 26px}.guide-tags{margin-top:26px}.guide-cover{transform:none}.guide-cover figcaption{padding:17px 20px}.guide-jump{gap:13px 22px;font-size:13px}.guide-outcomes{grid-template-columns:1fr}.guide-outcomes article{padding:26px}.outcome-number{margin-bottom:18px}.guide-outcomes h3{font-size:23px}.guide-intro>p:last-child{font-size:16px}.guide-workflow{grid-template-columns:1fr;gap:35px}.workflow-visual{position:static;margin:0}.guide-workflow h2{font-size:29px}.guide-prompt-layout{grid-template-columns:1fr;gap:30px;padding-block:34px}.guide-prompt-layout h2{font-size:30px}.guide-prompt{padding:28px}.guide-prompt>p{font-size:17px}.guide-editorial{grid-template-columns:1fr;gap:32px}.guide-editorial h3{font-size:23px}.guide-table th,.guide-table td{padding:17px;min-width:145px}.guide-table caption{padding:21px;font-size:18px}.guide-video{grid-template-columns:1fr;gap:28px}.guide-video h2{font-size:29px}.related-grid{grid-template-columns:1fr;gap:16px}.related-card{display:grid;grid-template-columns:.8fr 1fr;column-gap:0;align-items:center}.related-card img{grid-row:1/3;height:100%;object-fit:cover;border-bottom:0;border-right:1px solid #2d3644}.related-card>span{font-size:20px;margin:19px 18px 6px;align-self:end}.related-card p{font-size:12px;margin:0 18px 19px;align-self:start}.guide-closing h2{font-size:33px}.guide-closing{padding-block:45px 65px}}
@media(max-width:380px){.guide-hero h1{font-size:35px}.guide-prompt{padding:23px}.guide-jump{column-gap:18px}.related-card>span{font-size:18px}.guide-steps li{padding-left:35px}}