*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f7f7f2;color:#17191d;font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2454db;outline-offset:4px}.wrap{max-width:1080px;margin:auto;padding:0 28px}header{border-bottom:1px solid #dedfd9;background:#f7f7f2f5;position:sticky;top:0;z-index:10}.nav{height:72px;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{font-size:34px;font-weight:800;letter-spacing:-2.6px;line-height:1}.logo span{color:#2454db}.navlinks{display:flex;gap:25px;font-size:13px}.navlinks a{min-height:48px;display:flex;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;color:#62675e}.blue{color:#2454db}.intro{padding:34px 0 24px}.intro h1{font-size:46px;line-height:1.06;letter-spacing:-2.3px;font-weight:500;margin:12px 0}.intro h1 em{font-family:Georgia,serif;color:#2454db;font-weight:400}.intro p{font-size:14px;color:#646760;margin:0;max-width:440px}.feature{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #dedfd9;border-radius:9px;overflow:hidden;background:#eeeee7}.cover{position:relative;background:#b9bba8;display:block;overflow:hidden;min-height:420px}.cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:center 55%}.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a171aca,transparent 70%)}.covertext{position:absolute;bottom:26px;left:27px;right:20px;z-index:1;color:white}.covertext .mono{font:10px monospace;letter-spacing:1.5px}.covertext strong{display:block;font-size:56px;font-weight:900;line-height:.92;letter-spacing:-3px;margin:10px 0}.covertext small{font-size:11px;color:#e5e9e0}.coverbadge{position:absolute;top:18px;left:18px;z-index:2;background:#f7f7f2;color:#17191d;padding:5px 10px;border-radius:3px;font-size:10px;letter-spacing:1px}.featurebody{padding:36px;display:flex;flex-direction:column;justify-content:center}.featurebody h2{font-size:35px;line-height:1.06;letter-spacing:-1.3px;font-weight:500;margin:17px 0}.featurebody p{font-size:14px;color:#646760;margin:0 0 23px}.tags{display:flex;gap:12px;font-size:10px;color:#646760;margin:0 0 22px}.btn{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:54px;padding:13px 20px;border:0;border-radius:5px;background:#2454db;color:white;font-size:14px;font-weight:600}.btn span{font-size:20px}.tiny{font-size:11px;color:#646760;margin-top:11px}.bottomline{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid #dedfd9;font-size:12px;color:#646760}.about{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:38px 0}.about p{max-width:490px;font-size:14px;color:#646760}.about a{font-size:13px;color:#2454db;min-height:48px;display:flex;align-items:center}footer{border-top:1px solid #dedfd9;padding:24px 0;font-size:11px;color:#777d71}.foot{display:flex;justify-content:space-between;gap:20px}.back{display:inline-flex;align-items:center;min-height:48px;font-size:12px;color:#62675e;margin-top:10px}.resourcehead{max-width:750px;padding:10px 0 25px}.resourcehead h1{font-size:60px;line-height:1.02;letter-spacing:-3px;font-weight:500;margin:14px 0}.resourcehead h1 em{font-family:Georgia,serif;color:#2454db}.resourcehead p{font-size:16px;color:#646760;max-width:600px}.resourcejump{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.resourcejump a{padding:9px 15px;min-height:44px;border:1px solid #dedfd9;border-radius:30px;font-size:12px}.resourcejump a:last-child{background:#2454db;color:white;border-color:#2454db}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery figure{margin:0}.gallery button{padding:0;border:0;background:transparent;display:block;width:100%;border-radius:6px;overflow:hidden}.gallery img{width:100%;display:block;aspect-ratio:3/4;object-fit:cover}.gallery figcaption{font-size:10px;color:#646760;margin-top:8px}.section{padding:40px 0;border-bottom:1px solid #dedfd9}.section h2{font-size:32px;line-height:1.1;letter-spacing:-1px;font-weight:500;margin:10px 0 20px}.resultnote{font-size:12px;color:#646760;max-width:700px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.stepnum{font:11px monospace;color:#2454db;border-bottom:1px solid #dedfd9;padding-bottom:12px}.steps h3{font-size:17px;letter-spacing:-.4px;font-weight:600}.steps p{font-size:14px;color:#646760}.promptbox{background:#eaece5;border:1px solid #daddd3;border-radius:7px;overflow:hidden}.prompttop{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 18px;border-bottom:1px solid #daddd3}.prompttop span{font:11px monospace;color:#62675e}.copy{min-height:46px;border:1px solid #c8cebf;border-radius:5px;background:#f7f7f2;padding:10px 15px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px}.copy svg{width:15px;height:15px}pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:24px;font:13px/1.85 monospace;color:#343b30}.promptnote{font-size:12px;color:#646760}.status{font-size:12px;color:#2454db;min-height:22px;margin:6px 0}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:30px}.checklist p{font-size:14px;color:#646760}dialog{border:0;background:#111;padding:12px;border-radius:8px;width:min(760px,calc(100% - 20px));max-height:94dvh}dialog::backdrop{background:#10120fe8}dialog img{display:block;max-height:80dvh;max-width:100%;width:auto;margin:auto}dialog .close{display:block;margin:0 0 10px auto;min-width:48px;min-height:44px;color:white;border:1px solid #555;background:#222;border-radius:5px}.lightlabel{color:#ccc;font-size:11px;margin:8px}body:has(dialog[open]){overflow:hidden}@media(max-width:650px){.wrap{padding:0 20px}.nav{height:62px}.logo{font-size:30px}.navlinks{gap:20px;font-size:12px}.intro{padding:23px 0 19px}.intro h1{font-size:34px;letter-spacing:-1.7px;margin:10px 0}.intro p{font-size:13px;max-width:315px}.feature{grid-template-columns:1fr}.cover{min-height:230px}.cover img{object-position:center 52%}.covertext{bottom:18px;left:20px}.covertext strong{font-size:42px;letter-spacing:-2px;margin:7px 0}.covertext small{display:none}.coverbadge{top:13px;left:14px;font-size:9px}.featurebody{padding:20px}.featurebody h2{font-size:27px;letter-spacing:-1px;margin:9px 0 12px}.featurebody p{font-size:13px;margin-bottom:16px}.tags{margin-bottom:14px;gap:10px}.tiny{margin-top:9px;font-size:10px}.bottomline{font-size:10px;gap:12px;padding:18px 0}.about{display:block;padding:25px 0}.about p{font-size:13px;margin-bottom:8px}.about a{font-size:12px}.foot{font-size:10px}.resourcehead{padding:0 0 23px}.resourcehead h1{font-size:41px;letter-spacing:-2px}.resourcehead p{font-size:14px}.resourcejump{gap:7px;margin-top:17px}.resourcejump a{padding:9px 13px;font-size:11px}.gallery{grid-template-columns:1fr 1fr;gap:13px}.gallery figcaption{font-size:9px}.section{padding:29px 0}.section h2{font-size:29px}.steps{grid-template-columns:1fr;gap:15px}.steps h3{margin:12px 0 7px}.steps p{margin:0 0 8px}.stepnum{padding-bottom:8px}.checklist{grid-template-columns:1fr;gap:5px}.prompttop{padding:10px 12px}.prompttop span{font-size:10px}.copy{min-height:46px;padding:9px 13px}pre{padding:18px;font-size:12px;line-height:1.85}.back{margin-top:5px}footer{padding-bottom:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Results are woven into the guide, preserving each image's full composition. */
.walkthrough-heading{padding:8px 0 26px}.walkthrough-heading h2{font-size:32px;line-height:1.1;letter-spacing:-1px;font-weight:500;margin:10px 0 13px}.walkthrough-heading p{font-size:13px;color:#646760;max-width:520px}.walkthrough-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:65px;padding:32px 0;border-top:1px solid #dedfd9}.guide-example{margin:0;width:100%;max-width:365px}.guide-example button{display:block;width:100%;padding:0;border:0;border-radius:6px;overflow:hidden;background:transparent;cursor:zoom-in}.guide-example img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.guide-example figcaption{font:10px/1.6 monospace;color:#646760;margin-top:10px}.step-copy h3,.final-copy h3{font-size:34px;line-height:1.1;letter-spacing:-1px;font-weight:500;margin:22px 0 16px}.step-copy p,.final-copy p{font-size:15px;color:#646760;max-width:400px}.prompt-shortcut{display:inline-flex;align-items:center;min-height:48px;color:#2454db;font-size:13px}.walkthrough-step:nth-of-type(2) .guide-example{order:2;justify-self:end}.walkthrough-step:nth-of-type(2) .step-copy{order:1}.final-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:65px;margin-bottom:35px}.final-copy .eyebrow{color:#2454db}
@media(max-width:650px){.walkthrough-heading{padding:0 0 18px}.walkthrough-heading h2{font-size:28px}.walkthrough-heading p{font-size:12px}.walkthrough-step{grid-template-columns:1fr;gap:22px;padding:24px 0 28px}.guide-example{max-width:285px;margin-left:auto;margin-right:auto}.guide-example figcaption{font-size:9px}.walkthrough-step:nth-of-type(2) .guide-example,.walkthrough-step:nth-of-type(2) .step-copy{order:initial;justify-self:auto}.step-copy h3,.final-copy h3{font-size:28px;margin:15px 0 12px}.step-copy p,.final-copy p{font-size:14px;margin-bottom:0}.final-example{grid-template-columns:1fr;gap:23px;margin-bottom:28px}.final-copy h3{font-size:26px}.final-copy p{font-size:13px}.prompt-shortcut{font-size:12px}.walkthrough .stepnum{font-size:10px}}

.result-pair{position:relative}.result-pair>.zoom{border-radius:6px}.guide-example .original-inset{position:absolute;left:12px;bottom:12px;width:28%;max-width:104px;border:3px solid #f7f7f2;border-radius:4px;background:#f7f7f2;box-shadow:0 3px 14px #0006;overflow:hidden;z-index:2}.guide-example .original-inset img{width:100%;height:auto;display:block}.original-inset span{display:block;padding:4px 2px;font:8px monospace;background:#f7f7f2;color:#17191d;text-align:center}.cover-original{position:absolute;left:16px;bottom:17px;width:76px;z-index:3;border:2px solid #f7f7f2;box-shadow:0 3px 14px #0006;background:#f7f7f2}.cover-original img{position:static;width:100%;height:auto;object-fit:contain;display:block}.cover-original span{display:block;font:8px monospace;text-align:center;padding:3px;color:#17191d}.covertext{left:112px}.palette-toggle{color:#2454db}.resourcehead h1{font-size:54px}.featurebody h2{font-size:37px}.guide-example .original-inset:focus-visible{outline:3px solid #2454db;outline-offset:4px}@media(max-width:650px){.navlinks{gap:14px}.navlinks a{font-size:11px}.cover-original{width:66px;left:12px;bottom:14px}.covertext{left:92px}.covertext strong{font-size:37px}.covertext .mono{font-size:8px;letter-spacing:.5px}.featurebody h2{font-size:28px}.resourcehead h1{font-size:38px}.guide-example .original-inset{left:10px;bottom:10px;width:29%;border-width:2px}.original-inset span{font-size:7px}}

.theme-toggle{min-height:44px;padding:5px 10px;border:1px solid #dedfd9;background:transparent;border-radius:25px;color:#2454db;font:11px Arial;white-space:nowrap;align-self:center}.theme-toggle:focus-visible{outline:3px solid #2454db;outline-offset:3px}html[data-theme="dark"] .theme-toggle{color:#ffa36f;border-color:#515649}@media(max-width:650px){.navlinks{gap:11px}.theme-toggle{font-size:10px;padding:5px 8px}}

/* Resource 02 and mobile audit corrections, 30 October 2026. */
img{max-width:100%} .logo{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0}.navlinks{min-width:0}.feature{margin-bottom:24px}.avatar-feature{display:block}.avatar-feature .featurebody{max-width:760px}.newbadge{display:inline-block;background:#2454db;color:#fff;padding:3px 8px;border-radius:3px;margin-left:8px;letter-spacing:1px}.guide-cta{max-width:360px}.avatar-guide{max-width:760px}.avatar-guide h2{font-size:28px;line-height:1.25}.avatar-guide p,.avatar-guide li{font-size:16px}.avatar-guide ul{padding-left:22px}.avatar-guide li{margin-bottom:12px}.guide-intro{margin:10px 0 0}.foot{align-items:center;flex-wrap:wrap}.foot a{font-size:14px}.intro p,.featurebody p,.about p,.resourcehead p,.steps p,.checklist p,.walkthrough-heading p,.step-copy p,.final-copy p,.resultnote,.promptnote{font-size:16px}.btn{font-size:16px}.tags{flex-wrap:wrap}.back,.prompt-shortcut{font-size:14px}.cover-original{min-height:44px;min-width:44px}.guide-example .original-inset{min-width:44px;min-height:44px}.prompttop{flex-wrap:wrap}pre{font-size:14px}.section:target,.avatar-guide:target{scroll-margin-top:90px}
@media(max-width:650px){.wrap{padding:0 20px}.nav{gap:10px;min-height:66px;height:auto}.navlinks{gap:8px}.navlinks a{min-width:44px;justify-content:center}.navlinks a,.theme-toggle{font-size:11px}.theme-toggle{min-width:52px;padding:5px}.intro{padding:20px 0}.intro h1{font-size:32px;line-height:1.08}.intro p{max-width:none}.intro p,.featurebody p,.about p,.resourcehead p,.steps p,.checklist p,.walkthrough-heading p,.step-copy p,.final-copy p,.resultnote,.promptnote{font-size:16px}.avatar-feature .featurebody{padding:20px}.avatar-feature h2{font-size:28px;line-height:1.1;margin:12px 0}.avatar-feature .tiny,.resourcehead .tiny{font-size:14px}.resourcehead h1{font-size:38px;overflow-wrap:break-word}.avatar-guide h2{font-size:25px}.avatar-guide .section{padding:24px 0}.prompttop span{font-size:12px}.copy{font-size:14px}.foot{flex-direction:column;align-items:flex-start;gap:16px}.foot .btn{font-size:14px}.bottomline{flex-wrap:wrap}.tags{gap:8px}.covertext strong{font-size:34px}.covertext .mono{letter-spacing:0}.resourcehead .guide-cta{margin-top:18px}pre{font-size:14px;line-height:1.7}.guide-example figcaption{font-size:11px}}
html[data-theme="dark"] .newbadge{background:#ff8b50;color:#111}

/* Prompts are reading content, including on small screens. */
pre{font-size:16px}