:root{--ink:#15383e;--muted:#61777b;--paper:#f7f9f8;--line:#dfe7e4;--lime:#d2f484;--white:#fff;--soft:#eaf0ed;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a,button,input,select{touch-action:manipulation}button,.button{border:0;border-radius:8px;background:var(--ink);color:white;font-weight:600;padding:12px 18px;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px}button:hover,.button:hover{background:#24545a}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #518417;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;left:15px;top:-70px;padding:15px;z-index:20;background:white}.skip:focus{top:15px}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 40px 0 28px;border-bottom:1px solid var(--line);background:var(--white);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:44px;height:44px;border-radius:12px;background:var(--ink);color:var(--lime);font-weight:900;font-size:35px;display:flex;justify-content:center;align-items:center;letter-spacing:-3px}.brand-icon span{font-size:28px}.brand strong{display:block;font-size:16px;letter-spacing:-.4px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.topbar nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:500}.panel-link{padding:11px 17px;border:1px solid var(--line);border-radius:7px}.panel-link span{margin-left:15px}.menu-button{display:none}.layout{display:grid;grid-template-columns:246px minmax(0,1fr);max-width:1680px;margin:auto}.sidebar{padding:35px 18px;border-right:1px solid var(--line);background:#fbfcfb}.sidebar-heading{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#708282;margin:0 13px 20px}.nav-home,.category-nav{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:7px;font-size:12px;margin-bottom:4px;min-height:44px}.nav-home{justify-content:space-between;margin-bottom:22px;font-weight:600}.category-nav small{margin-left:auto;color:#61777b;font-size:10px}.nav-symbol{font-size:17px;width:22px;flex-shrink:0;text-align:center}.category-nav:hover,.nav-home:hover{background:#edf2ed}.category-nav.active,.nav-home.active{background:#e6eedf;color:#244316;font-weight:650}.sidebar-note{border-top:1px solid var(--line);padding:26px 12px 0;margin-top:26px;font-size:11px;font-weight:600;line-height:1.6}.sidebar-note p{font-weight:400;color:var(--muted);margin:8px 0}.sidebar-note small{font-size:10px;color:var(--muted);font-weight:400}.status-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#5d8640;margin-right:5px}main{padding:39px 46px 0;min-width:0;outline:none}.hero{background:var(--ink);border-radius:16px;padding:38px 38px;min-height:257px;position:relative;overflow:hidden;display:flex;align-items:center;color:white}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;line-height:1.6}.hero .eyebrow{color:#d0e7d1}.hero .status-dot{background:var(--lime);height:6px;width:6px}.hero h1{font-size:43px;line-height:1.12;letter-spacing:-1.7px;margin:22px 0 18px;font-weight:600}.hero h1 span{color:var(--lime)}.hero p{font-size:13px;line-height:1.8;color:#c0d2d1;margin:0}.hero-copy{position:relative;z-index:2}.hero-art{position:absolute;right:34px;top:30px;width:260px;height:250px}.orbit{position:absolute;border:1px solid #487064;border-radius:50%;left:23px;top:26px;width:210px;height:210px;transform:rotate(-30deg)}.orbit-two{left:-7px;top:70px;width:270px;height:120px;transform:rotate(-37deg);border-color:#739466}.art-center{position:absolute;left:90px;top:85px;display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:23px;transform:rotate(-10deg);background:var(--lime);color:var(--ink);font-size:75px;font-weight:800;letter-spacing:-5px;box-shadow:0 0 55px #91b77a24}.art-center span{font-size:50px}.orbit-label{position:absolute;background:#294e50;border:1px solid #53726b;color:#e1ecd9;border-radius:7px;padding:9px 12px;font-size:10px;box-shadow:0 8px 20px #071d2528}.label-one{top:20px;left:120px;transform:rotate(8deg)}.label-two{top:116px;left:-17px;transform:rotate(-8deg)}.label-three{top:204px;left:108px;transform:rotate(-4deg)}.orbit-node{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--lime)}.node-one{top:64px;left:40px}.node-two{top:139px;left:232px}.search-form{margin:25px 0 29px}.search-row{display:flex;align-items:center;gap:15px;padding:8px 9px 8px 20px;border:1px solid #cbd7d2;border-radius:10px;background:white;box-shadow:0 3px 10px #142d3410}.search-row>span{font-size:29px;color:#57736b}.search-row input{border:0;background:none;min-width:0;flex:1;height:40px;font-size:13px;color:var(--ink);outline-offset:0}.search-row input::placeholder{color:#6b7d7e}.search-row button{padding:12px 21px}.filter-row{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:13px;font-size:11px;color:var(--muted)}.filter-row label{display:flex;align-items:center;gap:8px}.filter-row select{max-width:215px;border:1px solid var(--line);border-radius:6px;background:var(--white);font-size:11px;padding:7px;color:var(--ink)}.filter-row small{margin-left:auto;font-size:10px}.filter-row>a{text-decoration:underline}.start-strip{display:flex;gap:17px;align-items:center;padding:22px 25px;border:1px solid #d5e2c7;border-radius:11px;background:#f0f5e8}.start-symbol{font-size:27px;width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:#e1edca}.start-strip small{font-size:9px;letter-spacing:1.2px;font-weight:600}.start-strip h2{margin:7px 0;font-size:19px;font-weight:600;letter-spacing:-.5px}.start-strip p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.start-strip .button{margin-left:auto;flex-shrink:0;font-size:11px;background:white;color:var(--ink);border:1px solid #cfdbbd}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:32px 0 18px}.section-heading h2{font-size:20px;font-weight:600;letter-spacing:-.6px;margin:0}.section-heading>span{font-size:10px;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.category-card{background:white;border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;flex-direction:column;transition:transform .16s,border-color .16s}.category-card:hover{border-color:#86a762;transform:translateY(-3px)}.card-top{display:flex;align-items:center;justify-content:space-between;color:#7b8a83;font-size:17px}.card-icon{display:grid;place-items:center;width:35px;height:35px;background:#f0f5ea;border-radius:9px;font-size:22px;color:#527547}.category-card:nth-child(3n+2) .card-icon{background:#edf2f4;color:#4c7784}.category-card:nth-child(3n) .card-icon{background:#f8f0e2;color:#a17b3d}.category-card h3{margin:18px 0 9px;font-size:15px;letter-spacing:-.3px}.category-card p{margin:0 0 20px;line-height:1.7;font-size:11px;color:var(--muted)}.category-card small{margin-top:auto;font-size:10px;font-weight:600;display:flex;justify-content:space-between}.popular-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);gap:0 30px}.popular-grid a{display:flex;gap:12px;align-items:center;padding:17px 2px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6}.popular-grid a span{font-size:10px;color:#8a9b94}.popular-grid a b{margin-left:auto;font-weight:400}.scope-note{padding:23px;border-radius:10px;background:#eaf0ed;margin-top:32px;font-size:12px}.scope-note p{color:#536f71;line-height:1.8}.scope-note a{font-weight:600}.footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:36px;padding:25px 0;font-size:10px;color:#657b7b;line-height:1.6}.footer b{font-weight:400;margin:0 8px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);margin-bottom:30px}.breadcrumbs a:hover{text-decoration:underline}.article{max-width:880px;margin:0 auto}.article h1,.manual-intro h1,.list-heading h1{font-size:38px;font-weight:620;letter-spacing:-1.2px;line-height:1.2;margin:15px 0}.lead{font-size:17px;color:var(--muted);line-height:1.7}.article-meta{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.article-meta span{background:#eaf0e6;padding:6px 10px;font-size:10px;border-radius:6px}.path{padding:19px 21px;background:white;border:1px solid var(--line);border-radius:9px;font-size:13px;line-height:1.7;margin:25px 0;overflow-wrap:anywhere}.path strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;color:var(--muted)}.article-toc{display:flex;flex-wrap:wrap;gap:13px;border-block:1px solid var(--line);padding:17px 0;font-size:11px;margin-bottom:30px}.article-toc a{text-decoration:underline;text-underline-offset:4px}.article section{scroll-margin-top:24px;margin:32px 0}.article section h2,.article section h3{font-size:22px;letter-spacing:-.4px;font-weight:600;margin-bottom:18px}.article p,.article li{font-size:15px;line-height:1.9;overflow-wrap:anywhere}.article li{padding-left:6px;margin:12px 0}.article ol{padding-left:26px}.article ol li::marker{font-weight:700;color:#486638}.article ul{padding-left:22px}.article section.result{background:#edf4e4;border-left:3px solid #83a35c;padding:15px 22px;border-radius:0 8px 8px 0}.article .result h2,.article .result h3{font-size:17px;margin:0 0 8px}.article .result p{margin:0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;background:white;font-size:13px;line-height:1.7}td,th{padding:14px;border:1px solid var(--line);text-align:left}th{background:#edf2ee;font-size:11px}td:first-child{min-width:145px;font-weight:600}.related-link{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;text-decoration:underline;text-underline-offset:4px}.article-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.article-actions span{font-size:12px}.list-heading p{color:var(--muted);line-height:1.7}.results{display:grid;gap:12px}.result-card{display:flex;gap:20px;justify-content:space-between;background:white;border:1px solid var(--line);border-radius:10px;padding:21px}.result-card:hover{border-color:#86a762}.result-card small{color:var(--muted);font-size:10px}.result-card h2{font-size:19px;font-weight:600;margin:10px 0}.result-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.empty{padding:35px;background:white;border:1px solid var(--line);border-radius:12px}.empty h1{font-size:32px}.empty p{line-height:1.8;color:var(--muted)}.manual-intro{max-width:880px;margin:auto}.manual-intro p{line-height:1.7}.manual-intro details{margin:20px 0}.manual-intro li{line-height:1.7;margin:6px 0}.manual-intro~.article{border-top:2px solid var(--line);padding-top:40px;margin-top:50px}.manual-intro~.article>h2{font-size:32px;letter-spacing:-.7px}summary{cursor:pointer;padding:10px 0;font-weight:600}
@media(min-width:1500px){main{padding:45px 60px 0}.hero{min-height:310px}.hero-art{right:70px;top:42px}.hero h1{font-size:50px}.category-card{padding:25px}.category-card h3{font-size:17px}.category-card p{font-size:12px}}
@media(max-width:1150px){.layout{grid-template-columns:215px minmax(0,1fr)}main{padding:28px 27px 0}.hero{padding:30px}.hero h1{font-size:36px}.hero-art{right:-32px;opacity:.6;transform:scale(.8)}.hero-copy{max-width:75%}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:0 25px}.topbar nav{gap:18px}.start-strip{padding:20px}.start-strip p{max-width:320px}}
@media(max-width:800px){.topbar{height:78px;padding:0 20px}.topbar nav{display:none}.menu-button{display:block;font-size:12px;padding:10px 15px}.layout{display:block}.sidebar{display:none;border-right:0;border-bottom:1px solid var(--line)}.menu-open .sidebar{display:block}.sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.sidebar-note{display:none}.sidebar-heading{margin-bottom:10px}.nav-home{margin-bottom:12px}main{padding:22px 20px 0}.hero-copy{max-width:80%}.hero-art{right:0;opacity:.45}.hero{min-height:245px}.start-strip{flex-wrap:wrap}.start-strip>div{flex:1}.start-strip .button{margin-left:60px}.article h1,.manual-intro h1{font-size:32px}.filter-row small{display:none}}
@media(max-width:480px){.brand strong{font-size:14px}.brand small{font-size:10px}.brand-icon{width:38px;height:38px;font-size:30px}.hero{padding:27px 23px;min-height:268px}.hero h1{font-size:34px}.hero-copy{max-width:100%}.hero-art{right:-92px;top:75px;opacity:.14}.hero p{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.3px}.search-row{gap:8px;padding-left:12px}.search-row input{font-size:12px}.search-row button{padding:12px;font-size:12px}.search-row button span{display:none}.filter-row{gap:10px}.filter-row label{flex:1;flex-direction:column;align-items:flex-start}.filter-row select{max-width:100%;width:100%;font-size:11px}.start-strip{gap:13px;padding:19px}.start-strip h2{font-size:18px}.start-strip small{font-size:8px}.start-strip .button{margin-left:0;width:100%}.start-symbol{display:none}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.section-heading h2{font-size:20px}.category-grid{gap:11px}.category-card{padding:16px}.category-card h3{font-size:14px;line-height:1.4}.category-card p{font-size:11px;line-height:1.65}.card-icon{height:30px;width:30px;font-size:19px}.popular-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:8px}.sidebar nav{grid-template-columns:1fr}.article h1{font-size:30px}.article p,.article li{font-size:14px}.lead{font-size:16px}.article section h2{font-size:21px}.article-meta{gap:5px}.article-actions button{width:100%}.breadcrumbs{font-size:10px}.result-card h2{font-size:17px}.table-scroll{max-width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:#fff;color:#111}.topbar,.sidebar,.breadcrumbs,.article-actions,.article-toc,.footer,.skip,.manual-intro button{display:none!important}.layout{display:block}main{padding:0}.article{max-width:none}.article section{margin:16px 0}.article h1{font-size:25pt}.article section h2{font-size:16pt}.article p,.article li{font-size:10pt;line-height:1.6}.manual-intro~.article{break-before:page;padding:0;border:0}.article h2,.article h3{break-after:avoid}.path,.result,tr{break-inside:avoid}a{text-decoration:none}.table-scroll{overflow:visible}details>ol{display:block}.related{display:none}@page{size:A4;margin:18mm}}

.sidebar-utilities{display:grid;gap:12px;border-top:1px solid var(--line);margin:22px 12px 0;padding-top:20px;font-size:12px}.sidebar-utilities a:hover{text-decoration:underline}
/* Illustrated flow tutorial: readable text, original diagrams and native disclosure examples. */
.featured-guide{background:#eaf2e2;border:1px solid #cbdbbf;border-radius:14px;padding:25px;margin:30px 0}.featured-guide strong{display:block;font-size:23px;line-height:1.35;margin:12px 0}.featured-guide p{margin:0 0 18px}.tutorial-intro{padding:26px;background:#15383e;color:#fff;border-radius:14px;margin-top:28px}.tutorial-intro h3,.tutorial-intro h4{font-size:28px;line-height:1.25;margin:14px 0}.tutorial-intro .eyebrow{color:#d2f484}.article .tutorial-intro p{font-size:15px;color:#e5eeeb;margin:12px 0}.article .tutorial-intro .illustration-note{font-size:12px;line-height:1.7;color:#c4d6d2;border-top:1px solid #476269;padding-top:15px}.tutorial-figure{margin:25px 0 34px;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.tutorial-figure>a{display:block}.tutorial-figure img{display:block;width:100%;height:auto}.tutorial-figure figcaption{font-size:12px;line-height:1.75;padding:16px 20px;color:var(--muted);border-top:1px solid var(--line)}.figure-zoom{display:inline-block;font-weight:650;color:var(--ink);text-decoration:underline;text-underline-offset:3px;margin-left:6px}.tutorial-index{background:#edf2ee;padding:23px 26px;border-radius:12px;margin:30px 0}.tutorial-index strong{font-size:15px}.article .tutorial-index li{font-size:13px;line-height:1.6;margin:10px 0}.tutorial-index a{text-decoration:underline;text-underline-offset:3px}.tutorial-step{margin-top:46px;padding-top:30px;border-top:1px solid var(--line);scroll-margin-top:25px}.tutorial-step-heading{display:flex;gap:18px;align-items:flex-start;margin-bottom:20px}.tutorial-step-heading>span{background:#d2f484;color:#15383e;font-weight:750;font-size:20px;padding:12px;border-radius:11px;flex-shrink:0}.article .tutorial-step-heading h3,.article .tutorial-step-heading h4{font-size:25px;line-height:1.4;margin:5px 0}.tutorial table caption{text-align:left;font-size:13px;font-weight:700;padding:16px 0}.tutorial-check{padding:20px 24px;background:#edf4e4;border-radius:10px;margin:24px 0}.tutorial-scenarios{margin:40px 0;padding-top:28px;border-top:1px solid var(--line)}.tutorial-scenarios>h3,.tutorial-scenarios>h4{font-size:25px;line-height:1.4}.tutorial-scenario{background:white;border:1px solid var(--line);border-radius:11px;margin:14px 0;overflow:hidden}.tutorial-scenario summary{padding:20px 24px;font-size:16px}.tutorial-scenario[open] summary{background:#eaf0e6}.scenario-body{padding:22px 24px}.scenario-label{font-size:10px;letter-spacing:1px;font-weight:700;color:var(--muted)}.scenario-body blockquote{background:#e7f1f3;border-radius:0 13px 13px 13px;margin:12px 0 20px;padding:18px 22px;font-size:17px;line-height:1.7}.article .scenario-route{background:#f2f5f1;font-size:14px;padding:12px 15px;border-radius:7px;font-weight:600;overflow-wrap:anywhere}.tutorial-download{background:#15383e;color:white;padding:26px;border-radius:14px;margin:35px 0}.tutorial-download strong{font-size:21px;line-height:1.4}.tutorial-download .button{background:#d2f484;color:#15383e;white-space:normal}.tutorial-download p{color:#d7e4df}.tutorial-scenario h5{padding:0 24px;font-size:17px}
@media(max-width:600px){.featured-guide,.tutorial-intro,.tutorial-download{padding:20px}.tutorial-step-heading{gap:12px}.article .tutorial-step-heading h3,.article .tutorial-step-heading h4{font-size:21px}.tutorial-step-heading>span{font-size:16px;padding:10px}.tutorial-figure{margin:22px 0}.tutorial-figure figcaption{padding:13px 15px}.figure-zoom{display:block;margin:7px 0 0}.tutorial-index{padding:20px}.tutorial-step{margin-top:33px;padding-top:24px}.scenario-body{padding:17px}.scenario-body blockquote{font-size:15px;padding:15px}.tutorial-download .button{width:100%;font-size:13px}.tutorial table{min-width:540px}}
@media print{.featured-guide,.tutorial-index,.figure-zoom,.tutorial-download .button{display:none!important}.tutorial-intro,.tutorial-download{background:white!important;color:#15383e!important;border:1px solid #ccc}.tutorial-intro p,.tutorial-download p,.tutorial-intro .eyebrow{color:#15383e!important}.tutorial-figure{break-inside:avoid}.tutorial-figure img{max-height:220mm;object-fit:contain}.tutorial-step-heading{break-after:avoid}.tutorial-step p{orphans:3;widows:3}.tutorial-scenario,.tutorial-check{break-inside:avoid}.scenario-body{display:block!important}.tutorial-step{break-inside:auto}}

.tutorial-code{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f7f5;border:1px solid var(--line);border-radius:12px;padding:22px;font-size:.96rem;line-height:1.7}