.code-guide-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:end;margin-bottom:34px;}.code-guide-heading h2{margin:0;max-width:620px;}.code-guide-heading>p{font-size:1rem;max-width:480px;margin:0 0 4px;}.code-guide-warning{display:flex;align-items:flex-start;gap:16px;background:#fff9e7;border:1px solid #dfcd95;border-left:4px solid #bd942c;padding:22px 26px;margin-bottom:42px;border-radius:3px;}.code-warning-mark{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border:1.5px solid #795a0f;border-radius:50%;color:#795a0f;font-size:17px;font-weight:700;}.code-guide-warning h3{font-size:1rem;letter-spacing:-.01em;margin:0 0 8px;}.code-guide-warning p{font-size:.86rem;line-height:1.7;margin:0;color:#51482e;}.code-guide-warning p strong{font-weight:600;}.code-guide-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;}.code-guide-item{min-width:0;}.code-guide-item-heading{display:flex;align-items:center;gap:18px;margin-bottom:22px;min-height:66px;}.code-guide-number{font-size:.85rem;font-weight:700;border:1px solid #b9c5b7;color:var(--brand);display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;}.code-guide-item-heading .eyebrow{display:block;font-size:.62rem;letter-spacing:.1em;margin:0 0 7px;}.code-guide-item-heading h3{font-size:1.4rem;margin:0;line-height:1.25;}.code-guide-figure{margin:0 0 29px;border:1px solid #d5dece;border-radius:4px;overflow:hidden;background:#fff;}.code-guide-figure img{display:block;width:100%;height:auto;aspect-ratio:31/20;object-fit:contain;background:#edf2ef;}.code-guide-item:first-child .code-guide-figure img{background:#eff2e9;}.code-guide-art{display:grid;place-items:center;width:100%;aspect-ratio:31/20;background:#edf2ef;}.code-guide-item:first-child .code-guide-art{background:#eff2e9;}.code-guide-art>svg{display:block;width:100%;height:auto;max-height:100%;overflow:hidden;}.code-guide-figure figcaption{padding:17px 20px;min-height:100px;border-top:1px solid #d5dece;display:flex;flex-direction:column;gap:3px;font-size:.88rem;line-height:1.5;}.code-guide-figure figcaption span{font-size:.72rem;color:var(--muted);}.code-instructions{list-style:none;padding:0;margin:0;counter-reset:code-step;display:grid;gap:22px;}.code-instructions>li{counter-increment:code-step;position:relative;padding-left:37px;}.code-instructions>li::before{content:counter(code-step) ".";position:absolute;left:0;top:0;font-size:.9rem;font-weight:700;color:#61745e;}.code-instructions h4{font-size:1rem;letter-spacing:-.015em;line-height:1.4;margin:0 0 7px;}.code-instructions p{font-size:.87rem;line-height:1.7;margin:0;}.code-instructions p strong{font-weight:600;color:var(--ink);}.code-guide .code-guide-tip{border-top:1px solid #d5dece;padding-top:19px;margin:24px 0 0;font-size:.78rem;line-height:1.65;color:var(--muted);}.code-guide-ready{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:42px;padding:27px 30px;border:1px solid #d5dece;background:#f0f2e9;border-radius:3px;}.code-guide-ready h3{font-size:1.08rem;letter-spacing:-.02em;margin-bottom:9px;}.code-guide-ready p{font-size:.86rem;line-height:1.7;margin:0;}.code-guide .code-guide-source{font-size:.7rem;line-height:1.7;margin:22px 0 0;color:var(--muted);max-width:1050px;}.code-guide-source a{display:inline-block;text-decoration:underline;text-underline-offset:3px;}.start-panel .code-guide-shortcut{display:block;font-size:.72rem;line-height:1.5;margin:-8px 0 19px;min-height:28px;text-underline-offset:4px;font-weight:600;}@media(max-width:900px){.code-guide-heading{gap:35px;}.code-guide-heading h2{font-size:2.2rem;}.code-guide-columns,.code-guide-ready{gap:30px;}.code-guide-item-heading{gap:12px;min-height:76px;}.code-guide-item-heading h3{font-size:1.2rem;}.code-guide-item-heading .eyebrow{font-size:.56rem;}.code-guide-number{width:35px;height:35px;}.code-guide-figure figcaption{padding:14px 16px;}.code-instructions>li{padding-left:28px;}.code-guide-ready{padding:25px;}.code-guide-heading>p{font-size:.92rem;}}@media(max-width:650px){.code-guide-heading{grid-template-columns:1fr;gap:20px;margin-bottom:26px;}.code-guide-heading h2{font-size:2rem;}.code-guide-heading>p{font-size:.94rem;max-width:none;margin:0;}.code-guide-warning{padding:19px 17px;gap:12px;margin-bottom:32px;}.code-guide-warning p{font-size:.81rem;}.code-guide-warning h3{font-size:.95rem;line-height:1.4;margin-top:2px;}.code-warning-mark{width:23px;height:23px;font-size:15px;margin-top:2px;}.code-guide-columns{grid-template-columns:1fr;gap:38px;}.code-guide-item-heading{min-height:0;gap:13px;margin-bottom:19px;}.code-guide-item-heading h3{font-size:1.23rem;}.code-guide-item-heading .eyebrow{font-size:.6rem;}.code-guide-number{width:35px;height:38px;}.code-guide-figure{margin-bottom:23px;}.code-guide-figure figcaption{font-size:.88rem;padding:14px 17px;}.code-guide-figure figcaption span{font-size:.71rem;}.code-instructions{gap:20px;}.code-instructions h4{font-size:1rem;}.code-instructions p{font-size:.87rem;}.code-guide .code-guide-tip{font-size:.77rem;}.code-guide-ready{grid-template-columns:1fr;gap:23px;padding:23px 20px;margin-top:32px;}.code-guide-ready>div+div{border-top:1px solid #cbd4c6;padding-top:23px;}.code-guide-ready p{font-size:.83rem;}.code-guide .code-guide-source{font-size:.69rem;}}