.help-shell{max-width:1200px;margin:auto;padding:30px 32px 80px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:.82rem;color:var(--muted);margin-bottom:40px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.help-hero{display:grid;grid-template-columns:1.7fr 1fr;gap:70px;align-items:center;padding:20px 0 60px;border-bottom:1px solid var(--line)}.help-hero h1{font-size:clamp(2.7rem,5vw,4.5rem);margin:18px 0}.help-lede{font-size:1.15rem;line-height:1.7;color:var(--muted);max-width:58ch}.help-hero .button{margin-top:18px}.start-note{background:var(--green-100);padding:32px;border-top:5px solid var(--brand-yellow)}.start-note h2{font-size:1.9rem;margin:18px 0}.start-note ol{padding-left:22px;line-height:2.3}.start-note p{font-size:.85rem;color:var(--muted)}.guide-section{padding:45px 0}.guide-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:25px}.guide-section-heading h2{font-size:2rem}.guide-section-heading>span{font-size:.8rem;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-card{display:flex;flex-direction:column;align-items:flex-start;background:var(--surface);border:1px solid var(--line);padding:28px;text-decoration:none;transition:background .15s, border-color .15s}.guide-card:hover{background:var(--green-100);border-color:var(--green-600)}.guide-number{font-family:Georgia,serif;font-size:2rem;color:var(--heading);margin-bottom:25px}.guide-category,.platform-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:bold;color:var(--muted)}.guide-card h2{font-size:1.65rem;margin:12px 0}.guide-card p{font-size:.95rem;line-height:1.65;color:var(--muted);margin:0 0 24px}.guide-read{font-size:.85rem;font-weight:bold;margin-top:auto;width:100%;display:flex;justify-content:space-between}.platform-badge{margin:0 0 15px;padding:5px 8px;border:1px solid var(--line);font-size:.62rem}.help-contact{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px;background:var(--surface-soft);border-left:4px solid var(--green-600)}.help-contact h2{font-size:1.7rem;margin:0}.help-contact p{color:var(--muted);line-height:1.6}.article-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:65px}.guide-sidebar{align-self:start;position:sticky;top:110px;max-height:calc(100dvh - 130px);overflow-y:auto}.guide-sidebar nav{display:grid;gap:5px}.guide-sidebar a{font-size:.86rem;padding:11px 12px;line-height:1.45;border-left:2px solid transparent}.guide-sidebar a[aria-current=page]{background:var(--green-100);border-color:var(--green-600);font-weight:bold}.guide-sidebar a:hover{background:var(--surface)}.page-contents{margin-top:30px;border-top:1px solid var(--line);padding-top:20px}.page-contents summary{font-weight:bold;font-size:.8rem;cursor:pointer;margin-bottom:10px}.article-header h1{font-size:clamp(2.5rem,4vw,3.7rem);margin:16px 0}.before-note,.tip-note{padding:22px 26px;background:var(--green-100);border-left:3px solid var(--green-600);margin:25px 0}.before-note p,.tip-note p{margin:8px 0 0;line-height:1.7;font-size:.95rem}.help-step{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:32px;padding:35px 0;border-bottom:1px solid var(--line);scroll-margin-top:110px}.help-step .step-number{font-family:Georgia,serif;font-size:1.35rem;color:var(--heading);background:var(--green-100)}.help-step h2{font-size:1.7rem;margin:12px 0}.help-step p{line-height:1.8;margin:0;font-size:1rem}.screenshot-placeholder{margin:0;background:var(--surface-soft);border:1px dashed var(--input-border);padding:22px;display:grid;justify-items:center;align-content:center;gap:18px;min-height:240px}.placeholder-frame{width:76px;height:120px;border:2px solid var(--line);border-radius:11px;padding:12px 9px;display:flex;flex-direction:column;gap:8px;opacity:.7}.placeholder-frame span{width:25px;height:3px;background:var(--line);align-self:center;margin-bottom:10px}.placeholder-frame i{height:15px;background:var(--line);opacity:.5}.screenshot-placeholder figcaption{font-size:.78rem;text-align:center;line-height:1.5;color:var(--muted)}.placeholder-label{display:block;font-size:.6rem;letter-spacing:.13em;margin-bottom:6px;font-weight:bold}.article-next{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:40px;padding-top:25px;font-size:.9rem}.article-next a:last-child{text-align:right}.article-next span{display:block;color:var(--muted);font-size:.75rem;margin-bottom:8px}.skip-link{position:fixed;top:-100px;left:20px;background:var(--surface);padding:15px;z-index:100}.skip-link:focus{top:10px}.help-page :focus-visible{outline:3px solid var(--green-600);outline-offset:4px}.platform-switch{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:12px;margin:28px 0 12px}.platform-switch button{font:inherit;font-size:.9rem;padding:12px 22px;cursor:pointer;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:4px}.platform-switch button[aria-pressed=true]{background:var(--green-100);border-color:var(--green-600);font-weight:bold}.platform-panel>h2{font-size:1.5rem;margin-top:25px}.platform-panel[hidden]{display:none}.platform-panel[data-platform=web] .placeholder-frame{width:140px;height:90px;border-radius:4px}
@media(max-width:1000px){.article-layout{gap:30px;grid-template-columns:190px minmax(0,1fr)}.help-step{grid-template-columns:1fr}.screenshot-placeholder{min-height:210px}.guide-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.help-shell{padding:24px 20px 50px}.breadcrumbs{margin-bottom:25px}.help-hero{grid-template-columns:1fr;gap:30px;padding-top:0}.start-note{padding:24px}.guide-section-heading,.help-contact{display:block}.help-contact .button{margin-top:10px}.article-layout{grid-template-columns:1fr}.guide-sidebar{position:static;max-height:none;overflow-y:visible}.guide-sidebar>nav{display:none}.page-contents{margin:0;padding:14px;background:var(--surface)}.help-step{gap:24px}.article-header h1{font-size:2.6rem}.guide-section-heading h2{margin-bottom:12px}.article-next{align-items:flex-start}.guide-card{padding:24px}}
@media(max-width:480px){.guide-grid{grid-template-columns:1fr}.guide-number{margin-bottom:15px}.help-hero h1{font-size:2.8rem}}
@media print{.site-header,.site-footer,.guide-sidebar,.platform-switch,.article-next,.skip-link{display:none}.article-layout{display:block}.platform-panel[hidden]{display:block}.help-shell{padding:0}.help-step{break-inside:avoid}.screenshot-placeholder{min-height:150px}}
.platform-switch[hidden]{display:none}

/* Web screenshots keep the original UI readable and link to the full resolution image. */
.help-step-with-screenshot{grid-template-columns:minmax(0,1fr);gap:22px}
.help-step-with-screenshot:has(img[width="440"]){grid-template-columns:minmax(0,1fr) 240px;align-items:start}
.guide-screenshot{min-width:0;margin:0}
.guide-screenshot>a{display:block;border:1px solid var(--line);background:var(--surface-soft);cursor:zoom-in}
.guide-screenshot img{display:block;width:100%;height:auto}
.guide-screenshot img[width="440"]{width:min(240px,100%);margin:0 auto}
.guide-screenshot figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:10px;font-size:.78rem;line-height:1.5;color:var(--muted)}
.guide-screenshot figcaption a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.screenshot-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media print{.guide-screenshot figcaption a{display:none}}
@media(max-width:1000px){.help-step-with-screenshot:has(img[width="440"]){grid-template-columns:1fr}}
.help-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.86)}
.help-lightbox[hidden]{display:none}
.help-lightbox img{display:block;max-width:95vw;max-height:90vh;width:auto;height:auto;object-fit:contain;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.help-lightbox-close{position:absolute;top:16px;right:20px;border:1px solid rgba(255,255,255,.5);border-radius:50%;width:42px;height:42px;background:rgba(0,0,0,.45);color:#fff;font:inherit;font-size:1.7rem;line-height:1;cursor:pointer}
.guide-screenshot figcaption>a{display:none}