*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#faf9f5;color:#242834;font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#4338ca;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #d16a28;outline-offset:5px}header{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#faf9f5f5;border-bottom:1px solid #dfdfd9;position:sticky;top:0;z-index:2}.brand{font:700 25px Georgia,serif;text-decoration:none;letter-spacing:1px}.brand span{font:14px -apple-system,sans-serif;letter-spacing:0;border-left:1px solid #ccc;margin-left:18px;padding-left:18px;color:#5e626d}.draft{font-size:12px;letter-spacing:.04em;color:#635f59}.layout{max-width:1450px;margin:auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:56px;padding:0 4vw}nav{position:sticky;top:100px;align-self:start;max-height:calc(100vh - 120px);overflow:auto;padding:16px 0 28px}summary{cursor:pointer;font-weight:700;font-size:14px;margin-bottom:16px}.toc{display:grid;gap:4px}.toc a{display:flex;gap:12px;padding:8px 9px;text-decoration:none;color:#535862;font-size:13px;line-height:1.45;border-radius:6px}.toc a:hover{background:#eae8fa;color:#4338ca}.toc span{color:#8b88a1;font-variant-numeric:tabular-nums}.intro{padding:64px 0 48px;border-bottom:1px solid #d9d8d0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:#655aa1;margin:0 0 20px}h1{font:500 clamp(34px,4.1vw,58px)/1.14 Georgia,serif;letter-spacing:-1.5px;margin:0 0 24px}h2{font:500 clamp(29px,3vw,40px)/1.2 Georgia,serif;letter-spacing:-.7px;margin:0 0 15px}h3{font-size:21px;margin:32px 0 10px}.intro>p:not(.eyebrow){max-width:620px;color:#646975}.start{display:inline-flex;gap:30px;align-items:center;background:#4338ca;color:white;text-decoration:none;padding:12px 20px;border-radius:8px;margin:12px 0}.edition{font-size:12px}section{padding:55px 0;border-bottom:1px solid #d9d8d0;scroll-margin-top:20px}.lead{font-size:20px;color:#686d77;margin:0 0 26px;max-width:700px}p{margin:12px 0 20px}.steps{padding-left:24px;margin:24px 0 32px}.steps li{padding-left:9px;margin:15px 0}.steps li::marker{font-weight:700;color:#4338ca}.note{border-left:3px solid #8073db;background:#efedf7;padding:18px 22px;margin:28px 0;font-size:15px;line-height:1.7;border-radius:0 8px 8px 0}figure{margin:28px 0}figure a{display:block;background:#e9e7e2;border:1px solid #deddd7;border-radius:10px;overflow:hidden}img{display:block;max-width:100%;width:100%;height:auto}figcaption{font-size:12px;color:#646975;line-height:1.6;margin:10px 2px}figcaption span{display:block;color:#4338ca;font-weight:600}.fig-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.fig-grid figure{margin:16px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:15px}td,th{text-align:left;padding:15px 12px;vertical-align:top;border-bottom:1px solid #ddded8}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#6e6a7d}td:first-child{font-weight:650;width:29%}dt{font-weight:700;margin-top:22px}dd{margin:6px 0 24px;color:#626873}.top{font-size:12px;display:inline-block;margin-top:22px;text-decoration:none}footer{padding:40px 0 60px;font-size:12px;color:#7a7d84}.skip{position:fixed;top:-80px;left:12px;background:white;padding:12px;z-index:5}.skip:focus{top:12px}@media(max-width:1000px){.layout{gap:28px;grid-template-columns:225px minmax(0,1fr)}.fig-grid{grid-template-columns:1fr}}@media(max-width:760px){header{height:auto;min-height:68px;padding:15px 20px;flex-wrap:wrap;gap:6px}.brand{font-size:22px}.draft{font-size:10px}.layout{display:block;padding:0 22px}nav{position:static;max-height:none;padding:22px 0 6px;border-bottom:1px solid #dfdfd9}.toc{grid-template-columns:1fr 1fr;gap:2px}.toc a{font-size:12px;padding-left:0}.intro{padding-top:32px}h1{letter-spacing:-1px}section{padding:36px 0}.lead{font-size:18px}body{font-size:16px}.note{padding:14px 17px}html{scroll-padding-top:110px}}@media(max-width:380px){.toc{grid-template-columns:1fr}.brand span{margin-left:10px;padding-left:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header{position:static}.draft,.start,.top,nav,.skip{display:none}.layout{display:block;max-width:none;padding:0}.intro,section{padding:20px 0}body{background:white;font-size:11pt}figure{break-inside:avoid}img{max-height:160mm;object-fit:contain}h2,h3{break-after:avoid}a{color:inherit}.fig-grid{display:block}footer{padding:20px 0}}
.header-end{display:flex;gap:22px;align-items:center}.languages{display:flex;gap:3px}.languages a{font-size:12px;font-weight:700;text-decoration:none;padding:6px 9px;border-radius:6px;color:#59596b}.languages a[aria-current]{background:#4338ca;color:white}@media(max-width:760px){.header-end{gap:8px}.header-end .draft{display:none}.languages a{padding:6px}.brand span{font-size:12px}}@media print{.languages{display:none}}
/* Long paste examples. */
.example{border:1px solid #ddd9e7;border-radius:8px;padding:16px;margin:20px 0}.example summary{margin-bottom:0}.url-example{overflow-wrap:anywhere;word-break:break-word;font-size:12px;line-height:1.6}code{font-size:.9em;background:#efedf6;padding:2px 4px;border-radius:3px}li{margin-bottom:8px}

/* Let media shrink with the article instead of imposing its native width. */
.layout>main{min-width:0;max-width:100%}
.ar-videos{margin:28px 0;min-width:0;max-width:100%}
.ar-videos details{box-sizing:border-box;width:100%;min-width:0;max-width:100%;border:1px solid #dcd8e8;border-radius:10px;margin:14px 0;padding:16px}
.ar-videos summary{margin:0;min-height:28px}
.ar-videos video{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;margin:16px auto 0;background:#171720;border-radius:8px}.ar-videos details>p{font-size:13px;margin:12px 0 0}@media print{.ar-videos video{display:none}.ar-videos details{display:block}}


/* AI / ChatGPT copy-and-paste workflow. */
.ai-rule{border-left-color:#d16a28;background:#fff3e9}.ai-flow{display:grid;grid-template-columns:minmax(130px,1fr) 28px minmax(130px,1fr) 28px minmax(130px,1fr) 28px minmax(130px,1fr) 28px minmax(130px,1fr);gap:8px;align-items:stretch;margin:28px 0}.ai-flow-step{min-width:0;border:1px solid #dcd8e8;background:#f5f3fb;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:7px;font-size:13px;line-height:1.45}.ai-flow-step strong{font-size:14px;line-height:1.3}.ai-flow-step>span:last-child{color:#646975}.ai-flow-chat{background:#edf6ff;border-color:#c9dff6}.ai-flow-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#4338ca;color:#fff;font-weight:800;font-size:12px}.ai-flow-arrow{display:grid;place-items:center;color:#8b88a1;font-size:24px;font-weight:700}.ai-result-split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 30px}.ai-result-split>div{border:1px solid #ddd9e7;border-radius:12px;padding:18px;background:#fff;display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:3px;align-items:start}.ai-result-split strong{font-size:16px}.ai-result-split>div>span:last-child{grid-column:2;color:#646975;font-size:14px;line-height:1.55}.ai-result-icon{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#efedf7;color:#4338ca;font-size:20px;font-weight:700}.ai-placeholder-intro{font-size:14px;color:#646975}.ai-shot-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:16px 0 24px}.ai-shot{margin:0}.ai-shot-placeholder{aspect-ratio:4/3;border:2px dashed #bbb6cf;border-radius:12px;background:linear-gradient(135deg,#f6f4fb,#ebe8f5);display:grid;place-items:center;text-align:center;padding:20px;color:#5d5779;font:650 13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.ai-shot figcaption{margin-top:8px}@media(max-width:1150px){.ai-flow{display:flex;flex-direction:column;gap:8px}.ai-flow-arrow{height:22px;transform:rotate(90deg)}}@media(max-width:760px){.ai-flow{display:flex;flex-direction:column;gap:8px}.ai-flow-arrow{height:22px;transform:rotate(90deg)}.ai-result-split,.ai-shot-grid{grid-template-columns:1fr}.ai-flow-step{font-size:14px}.ai-flow-step strong{font-size:15px}}@media print{.ai-flow{display:block}.ai-flow-arrow{display:none}.ai-flow-step{margin:8px 0;break-inside:avoid}.ai-shot-grid{display:grid;grid-template-columns:1fr 1fr}.ai-shot-placeholder{min-height:40mm}}