:root{--ink:#14213d;--muted:#5d6d86;--line:#dbe4f1;--surface:#fff;--soft:#f4f7fb;--primary:#2458d6;--primary-dark:#173f9f;--success:#087568;--warning:#a15c00;--danger:#a11236;--shadow:0 14px 38px rgba(19,33,58,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--soft);font-size:16px;line-height:1.65}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--soft)}a{color:var(--primary-dark)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}.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}.skip{position:fixed;top:.5rem;left:.5rem;z-index:100;transform:translateY(-180%);padding:.65rem 1rem;color:#fff;background:#111827;border-radius:.5rem}.skip:focus{transform:none}
.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(240px,1fr) minmax(260px,620px) auto;gap:1rem;align-items:center;min-height:76px;padding:.8rem clamp(1rem,3vw,3rem);background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;gap:.75rem;align-items:center;color:var(--ink);text-decoration:none;line-height:1.2}.brand__mark{display:grid;place-items:center;width:42px;height:42px;color:#fff;font-size:1.2rem;font-weight:900;background:linear-gradient(145deg,#3472ef,#183b99);border-radius:12px}.brand strong,.brand small{display:block}.brand small{margin-top:.12rem;color:var(--muted);font-size:.76rem}.menu{display:none;padding:.55rem .75rem;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:9px;font:inherit;font-weight:750}.search{position:relative}.search input{width:100%;min-height:46px;padding:.65rem 1rem;color:var(--ink);background:#fff;border:1px solid #b9c8dc;border-radius:999px;font:inherit}.search-results{position:absolute;right:0;left:0;top:calc(100% + .5rem);max-height:min(65vh,500px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.search-results[hidden]{display:none}.search-results a{display:block;padding:.75rem .9rem;text-decoration:none;border-bottom:1px solid var(--line)}.search-results a:last-child{border-bottom:0}.search-results a:hover,.search-results a[aria-selected="true"]{background:#edf3ff}.search-results strong,.search-results small{display:block}.search-results small{margin-top:.15rem;color:var(--muted);font-size:.82rem}
.shell{display:grid;grid-template-columns:265px minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);width:min(100%,1380px);min-height:calc(100vh - 76px);margin:0 auto;padding:2rem clamp(1rem,3vw,2.5rem) 4rem}.sidebar{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 116px);overflow:auto;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.side-group+.side-group{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.side-group h2{margin:0 0 .45rem;color:var(--muted);font-size:.75rem;letter-spacing:.09em;text-transform:uppercase}.side-group a{display:block;padding:.45rem .6rem;color:#4c5e78;border-radius:8px;font-size:.92rem;text-decoration:none}.side-group a:hover,.side-group a[aria-current="page"]{color:var(--primary-dark);background:#eaf0ff;font-weight:800}.main{min-width:0}.breadcrumbs{display:flex;gap:.55rem;align-items:center;margin-bottom:1rem;color:var(--muted);font-size:.86rem}.page-header{padding:clamp(1.5rem,4vw,3.2rem);background:radial-gradient(circle at 92% 0,#dce8ff,transparent 36%),#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.eyebrow{margin:0 0 .6rem;color:var(--primary-dark);font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}h1{max-width:1000px;margin:0;font-size:clamp(2rem,4.6vw,3.5rem);line-height:1.08;letter-spacing:-.035em}h2{margin:0 0 1rem;font-size:clamp(1.45rem,3vw,2rem);line-height:1.25;letter-spacing:-.015em}h3{line-height:1.3}.lead{max-width:900px;margin:1.1rem 0 0;color:#506079;font-size:clamp(1.03rem,2vw,1.18rem)}.learning-meta{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.8rem;margin:1.5rem 0 0}.learning-meta div{padding:.8rem 1rem;background:rgba(255,255,255,.78);border:1px solid #cbd8ec;border-radius:12px}.learning-meta dt{color:var(--muted);font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.learning-meta dd{margin:.18rem 0 0;font-weight:750}.prerequisites,.on-page,.doc-section,.developer-note,.diagram,.screen{max-width:1020px;margin:1.5rem 0;padding:clamp(1rem,2.5vw,1.5rem);background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 7px 22px rgba(19,33,58,.055)}.on-page h2{font-size:1rem;text-transform:uppercase;letter-spacing:.06em}.on-page ol{columns:2;gap:2rem;margin:0;padding-left:1.2rem}.doc-section{margin-top:2rem}.doc-section>h2{scroll-margin-top:100px}.anchor{float:left;margin-left:-1.1em;padding-right:.3em;color:#8aa0c4;text-decoration:none;opacity:0}.doc-section h2:hover .anchor,.anchor:focus{opacity:1}.doc-section p,.doc-section li,.developer-note p{max-width:880px}.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.role-grid article{padding:1rem;background:#f8faff;border:1px solid #dbe5f5;border-radius:13px}.role-grid h3{margin:.1rem 0 .4rem}.role-grid p{margin:0}.steps,.checklist,.mistakes{display:grid;gap:.7rem;padding:0;list-style:none;counter-reset:step}.steps li,.checklist li,.mistakes li{position:relative;padding:.85rem 1rem .85rem 3.8rem;background:#f9fbff;border:1px solid var(--line);border-radius:11px}.steps li::before{counter-increment:step;content:counter(step);position:absolute;top:.82rem;left:1rem;display:grid;place-items:center;width:1.9rem;height:1.9rem;color:#fff;background:var(--primary);border-radius:999px;font-weight:850}.checklist li,.mistakes li{padding-left:2.7rem}.checklist li::before{content:"✓";position:absolute;left:1rem;color:var(--success);font-weight:900}.mistakes li::before{content:"!";position:absolute;left:1rem;display:grid;place-items:center;width:1.25rem;height:1.25rem;color:#fff;background:var(--danger);border-radius:999px;font-size:.75rem;font-weight:900}.developer-note{background:#edf3ff;border-left:5px solid var(--primary)}.developer-note__title{font-weight:900}.developer-note p:last-child{margin-bottom:0}.status-grid{display:flex;flex-wrap:wrap;gap:.6rem}.status{display:inline-flex;padding:.25rem .65rem;border-radius:999px;font-size:.78rem;font-weight:850}.status.available{color:#075f55;background:#d9f7ee}.status.required{color:#7b4a00;background:#fff1c7}.status.uncertified{color:#991b1b;background:#fee2e2}.definition-list{display:grid;grid-template-columns:max-content 1fr;gap:.6rem 1rem}.definition-list dt{font-weight:850}.definition-list dd{margin:0}.glossary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.glossary div{padding:1rem;background:#f8faff;border:1px solid var(--line);border-radius:12px}.glossary dt{font-weight:850}.glossary dd{margin:.2rem 0 0;color:var(--muted)}table{width:100%;border-collapse:collapse;margin:1rem 0}th,td{padding:.7rem .8rem;text-align:left;vertical-align:top;border:1px solid var(--line)}th{background:#edf3ff}details{padding:.75rem 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:800}pre{max-width:100%;overflow:auto;padding:1.1rem;color:#e8f0ff;background:#10213e;border-radius:12px}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em}.diagram img,.screen img{display:block;width:100%;height:auto;border-radius:11px}.diagram figcaption,.screen figcaption{padding:.7rem .2rem 0;color:var(--muted);font-size:.86rem}.screen__open{display:block;width:100%;padding:0;background:transparent;border:0;cursor:zoom-in}.lightbox{width:min(96vw,1500px);max-width:none;padding:1rem;border:0;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.lightbox::backdrop{background:rgba(6,15,31,.78)}.lightbox img{display:block;max-width:100%;max-height:82vh;margin:auto}.lightbox button{float:right;margin-bottom:.5rem;padding:.45rem .7rem}.lightbox p{margin:.6rem 0 0;color:var(--muted)}.page-links{display:flex;justify-content:space-between;gap:.75rem;max-width:1020px;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}.button{display:inline-flex;align-items:center;min-height:44px;padding:.6rem .95rem;color:#fff;background:var(--primary);border:1px solid var(--primary);border-radius:10px;font-weight:800;text-decoration:none}.button--secondary{color:var(--primary-dark);background:#fff;border-color:#b5c7ed}.footer{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem max(1rem,calc((100vw - 1380px)/2));color:var(--muted);background:#fff;border-top:1px solid var(--line);font-size:.82rem}
@media(max-width:900px){.topbar{grid-template-columns:1fr}.topbar__left{grid-column:1;grid-row:1}.topbar__center{grid-column:1;grid-row:2;width:100%}.search{width:100%}.menu{display:inline-flex}.shell{display:block;padding-top:1rem}.sidebar{display:none;position:static;max-height:none;margin-bottom:1rem}.sidebar.is-open{display:block}.learning-meta,.role-grid,.glossary{grid-template-columns:1fr}.on-page ol{columns:1}.footer{display:grid}.definition-list{grid-template-columns:1fr}.definition-list dd{margin-bottom:.5rem}}
@media(max-width:560px){:root{font-size:15px}.brand small{display:none}.page-header{padding:1.2rem}.page-links{display:grid}.button{justify-content:center}table{display:block;overflow-x:auto}.steps li{padding-left:3.5rem}.topbar{padding:.65rem .8rem}}
@media print{.topbar,.sidebar,.breadcrumbs,.on-page,.page-links,.screen__open::after,.lightbox,.footer{display:none!important}.shell{display:block;width:auto;padding:0}.page-header,.doc-section,.developer-note,.diagram,.screen,.prerequisites{max-width:none;box-shadow:none;break-inside:avoid}.screen__open{border:0}.screen img{max-height:620px;object-fit:contain}a{color:inherit;text-decoration:none}body{background:#fff}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
pre{position:relative}.copy-code{float:right;margin:0 0 .5rem .75rem;padding:.3rem .55rem;color:#10213e;background:#fff;border:0;border-radius:6px;font-weight:800}
.topbar__left{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.topbar__center{min-width:0}.topbar__right:empty{display:none}