.walkthrough{scroll-margin-top:24px}.walkthrough-note,.walkthrough-privacy{color:var(--muted);font-size:14px;line-height:1.6}.walkthrough-screen{aspect-ratio:16/9;border:1px solid var(--line-strong);background:var(--paper);border-radius:10px;width:100%;min-height:200px;position:relative;overflow:hidden}.walkthrough-preview{height:100%;color:var(--paper);display:block;position:relative}.walkthrough-preview[hidden]{display:none}.walkthrough-preview img{object-fit:contain;width:100%;height:100%;display:block}.walkthrough-load{background:var(--accent-ink);width:max-content;max-width:calc(100% - 24px);min-height:44px;color:var(--paper);font:500 15px/1.3 var(--sans);text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;display:inline-flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.walkthrough-load svg{flex:0 0 24px}.walkthrough-preview:hover .walkthrough-load{background:var(--ink-strong)}.walkthrough-preview:focus-visible{outline-offset:-4px}.walkthrough-screen iframe{border:0;width:100%;height:100%;display:block}.walkthrough-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}.walkthrough-actions a,.walkthrough-actions button{align-items:center;min-height:44px;display:inline-flex}.walkthrough-actions button{background:var(--paper);color:var(--ink);border:1px solid var(--line-strong);font:inherit;cursor:pointer;border-radius:6px;padding:6px 12px}.walkthrough-actions button[hidden]{display:none}.walkthrough-actions button:hover{border-color:var(--accent-ink)}.walkthrough-transcript{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px;padding:16px 0}.walkthrough-transcript summary{cursor:pointer;align-content:center;min-height:44px;font-weight:500}.walkthrough-transcript p{font-size:16px;line-height:1.65}.walkthrough-link{border:1px solid var(--line-strong);background:var(--paper-soft);max-width:470px;color:var(--ink);border-radius:8px;align-items:center;gap:16px;margin-top:24px;padding:12px;text-decoration:none;display:flex}.walkthrough-link img{object-fit:cover;border-radius:4px;width:96px;height:54px;display:block}.walkthrough-link>span{gap:5px;min-width:0;display:grid}.walkthrough-link strong{font-size:14px;font-weight:500}.walkthrough-link span span{color:var(--muted);font-size:12px}.walkthrough-link>svg{color:var(--accent-ink);flex:0 0 24px;margin-left:auto}.walkthrough-link:hover{border-color:var(--accent-ink)}@media (width<=400px){.walkthrough-link{gap:10px}.walkthrough-link img{width:72px;height:41px}.walkthrough-load{padding:8px 12px;font-size:13px;bottom:10px}}:root{--site-width:1200px;--site-gutter:24px;--site-top:32px}.content-page .content-shell,body:not([data-tauri]) .intro,.legal-site-header{width:min(var(--site-width), calc(100% - 2 * var(--site-gutter)));padding-inline:0;padding-top:var(--site-top);margin-inline:auto}.legal-site-header+.page{padding-top:48px}@media (width<=600px){:root{--site-gutter:16px;--site-top:16px}}.site-header{z-index:5;min-height:48px;font-family:var(--sans);color:var(--ink);align-items:center;gap:36px;display:flex;position:relative}.site-brand{min-height:48px;color:var(--ink-strong);font:500 var(--text-xs)/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.site-brand img{flex:none;width:24px;height:24px}.site-menu{flex:1;justify-content:space-between;align-items:center;gap:20px;min-width:0;display:flex}.site-nav>ul,.site-dropdown,.related-guides ul{margin:0;padding:0;list-style:none}.site-nav>ul{align-items:center;gap:4px;display:flex}.site-header li{margin:0}.site-nav a,.site-header summary,.site-make,.site-menu-toggle{min-height:44px;color:var(--ink);font:500 14px/1.4 var(--sans);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.site-header summary{cursor:pointer;list-style:none}.site-header summary::-webkit-details-marker{display:none}.site-header summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:6px;height:6px;transform:translateY(-2px)rotate(45deg)}.site-header details[open]>summary:after{transform:translateY(2px)rotate(225deg)}.site-nav a:hover,.site-header summary:hover,.site-header details[open]>summary{background:var(--ink-soft)}.site-nav a[aria-current=page],.site-disclosure.has-current>summary{color:var(--accent-ink);text-underline-offset:5px;text-decoration:underline}.site-disclosure{position:relative}.site-dropdown{background:var(--paper);border:1px solid var(--line-strong);width:260px;max-width:calc(100vw - 48px);box-shadow:0 12px 28px var(--ink-soft);border-radius:8px;padding:8px;position:absolute;top:calc(100% + 8px);left:0}.site-dropdown a{white-space:normal}.site-actions{align-items:center;gap:12px;display:flex}.site-language summary{font-family:var(--mono);font-size:var(--text-xs)}.site-language .locale-switch{border:1px solid var(--line-strong);border-radius:8px;flex-direction:column;align-items:stretch;gap:2px;width:160px;padding:8px;display:flex;left:auto;right:0}.site-language .locale-switch a{font:14px/1.4 var(--sans);border-radius:5px;justify-content:flex-start;padding:10px 12px;display:flex}.site-language .locale-switch a:hover{background:var(--ink-soft);color:var(--ink)}.site-actions .site-make{background:var(--accent-ink);color:var(--paper);white-space:nowrap;padding-inline:16px}.site-actions .site-make:hover{background:var(--ink-strong)}.site-menu-toggle{border:1px solid var(--line-strong);background:var(--paper);cursor:pointer;display:none}.content-shell>.site-header{margin-bottom:64px}body[data-tauri] .intro>.site-header{display:none}@media (width<=1050px){.site-header{flex-wrap:wrap;justify-content:space-between;gap:16px}.site-header[data-enhanced] .site-menu-toggle{display:flex}.site-header[data-enhanced] .site-menu-toggle[aria-expanded=false]+.site-menu{display:none}.site-menu{border:1px solid var(--line);background:var(--paper);border-radius:8px;flex-direction:column;flex-basis:100%;align-items:stretch;gap:16px;padding:12px}.site-nav>ul{flex-direction:column;align-items:stretch}.site-dropdown{width:auto;max-width:none;box-shadow:none;background:var(--bg);margin:4px 0 8px 12px;position:static}.site-actions{justify-content:space-between;align-items:flex-start}.site-language .locale-switch{background:var(--paper);margin-left:0;position:absolute;left:0;right:auto}.content-shell>.site-header{margin-bottom:44px}}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat-cyrillic-ext.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-cyrillic-ext.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-greek.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,.paper-surface{--bg:#ede9e6;--bg-2:#ddd6d0;--paper:#f7f4f0;--paper-soft:#f7f4f0ad;--ink:#5c4f4a;--muted:#665852;--line:#5c4f4a29;--line-2:#5c4f4a12;--line-strong:#5c4f4a47;--ink-soft:#5c4f4a14;--accent:#c9996b;--accent-soft:#c9996b2e;--accent-ink:#805230;--sage:#4a645b;--sage-soft:#4a645b1f;--ink-strong:#3d3431;--danger:#b03a2e;--danger-fill:#5c2a2a;--on-danger:#f7c5c5;--sans:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--hand:"Caveat", cursive;--text-xs:12px}.paper-surface{color:var(--ink)}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.locale-switch{border:1px solid var(--line);border-radius:999px;align-items:center;gap:3px;padding:3px;display:inline-flex}.locale-switch a{min-width:44px;min-height:44px;color:var(--muted);border-radius:999px;place-items:center;text-decoration:none;display:grid}.locale-switch a[aria-current=page]{background:var(--ink);color:var(--paper)}.locale-switch a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin:20px 0 8px;display:grid}.gallery-entry{border:1px solid var(--line);background:var(--paper);border-radius:8px;flex-direction:column;margin:0;display:flex;overflow:hidden}.gallery-entry .gallery-specimen{color:var(--ink-strong);overflow-wrap:anywhere;flex:1;margin:0;padding:18px 18px 14px;font-size:30px;line-height:1.2}.gallery-entry img{aspect-ratio:210/297;object-fit:cover;border-top:1px solid var(--line);width:100%;height:auto;display:block}.gallery-entry figcaption{color:var(--muted);font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.04em;padding:10px 18px 12px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body.content-page{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body.content-page:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#00000006 1px,#0000 1px),radial-gradient(#ffffff09 1px,#0000 1px);background-position:0 0,1px 2px;background-size:3px 3px,5px 5px;position:fixed;inset:0}.content-shell{width:min(1120px,100% - 48px);margin:0 auto;padding:32px 0 72px}.content-topbar{font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:64px;line-height:1.3;display:flex}.content-brand{color:var(--ink);align-items:center;gap:9px;font-weight:500;text-decoration:none;display:inline-flex}.content-brand img{width:24px;height:24px}.content-topbar a:hover{color:var(--accent-ink)}.content-hero{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:end;gap:64px;margin-bottom:64px;display:grid}.eyebrow,.section-kicker{font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);font-weight:600}.content-hero h1{max-width:13ch;font-family:var(--sans);letter-spacing:-.04em;text-wrap:balance;margin:12px 0 16px;font-size:clamp(40px,5.2vw,68px);font-weight:500;line-height:1.02}.content-hero h1 em{color:var(--sage);font-style:normal}.content-lede{max-width:58ch;color:var(--muted);margin:0;font-size:18px;line-height:1.55}.hero-note{border:1px solid var(--line);background:var(--paper-soft);border-radius:8px;padding:24px;box-shadow:0 16px 45px -36px #5c4f4aa6}.hero-note strong{color:var(--ink);margin-bottom:8px;font-size:15px;display:block}.hero-note p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.content-button{border:1px solid var(--line-strong);color:var(--ink);border-radius:999px;align-items:center;gap:9px;padding:11px 17px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.content-button.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.content-button:hover{transform:translateY(-1px)}.store-badge{border-radius:7px;padding:0;display:inline-flex}.store-badge img{width:auto;height:40px;display:block}.content-layout{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:72px;display:grid}.article{min-width:0}.article section{margin:0 0 56px;scroll-margin-top:24px}.article h2{font-family:var(--sans);letter-spacing:-.025em;text-wrap:balance;margin:0 0 16px;padding-top:4px;font-size:28px;font-weight:500;line-height:1.1}.article h3{margin:28px 0 8px;font-size:16px;line-height:1.35}.article p,.article li{color:var(--muted);font-size:15px;line-height:1.72}.article p{margin:0 0 14px}.article ul,.article ol{margin:14px 0 20px;padding-left:22px}.article li{margin:7px 0;padding-left:3px}.article strong{color:var(--ink)}.article a{color:var(--sage);text-underline-offset:3px}.article-figure{margin:22px 0 26px}.article-figure img{border:1px solid var(--line);border-radius:8px;width:auto;max-width:100%;height:auto;max-height:560px;display:block}.article-figure figcaption{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.55}.compare-table{border:1px solid var(--line);background:var(--paper-soft);border-radius:7px;margin:20px 0 8px;overflow-x:auto}.compare-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px;line-height:1.5}.compare-table th,.compare-table td{text-align:left;vertical-align:top;padding:12px 14px}.compare-table thead th{border-bottom:1px solid var(--line-strong);color:var(--ink);font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.compare-table tbody tr+tr{border-top:1px solid var(--line-2)}.compare-table tbody th{color:var(--ink);font-weight:500}.compare-table td{color:var(--muted)}.article-image{border:1px solid var(--line);border-radius:8px;width:100%;height:auto;margin:24px 0;display:block;box-shadow:0 16px 46px -34px #5c4f4acc}.callout{border-left:3px solid var(--sage);background:var(--sage-soft);border-radius:0 7px 7px 0;margin:24px 0;padding:20px 22px}.callout.warn{border-left-color:var(--accent);background:var(--accent-soft)}.callout p:last-child{margin-bottom:0}.check-grid,.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.check-card{border:1px solid var(--line);background:var(--paper-soft);border-radius:7px;padding:18px}.check-card strong{margin-bottom:5px;font-size:14px;display:block}.check-card p{margin:0;font-size:13px;line-height:1.55}.process-list{counter-reset:process;list-style:none;padding-left:0!important}.process-list>li{border-left:1px solid var(--line-strong);min-height:58px;margin-left:17px;padding:0 0 24px 56px;position:relative}.process-list>li:last-child{border-left-color:#0000}.process-list>li:before{counter-increment:process;content:counter(process, decimal-leading-zero);border:1px solid var(--line-strong);background:var(--paper);width:35px;height:35px;color:var(--sage);font-family:var(--mono);font-size:var(--text-xs);border-radius:50%;place-items:center;display:grid;position:absolute;top:-3px;left:-18px}.process-list strong{margin-bottom:4px;display:block}.content-sidebar{align-content:start;gap:20px;display:grid}.contents,.related-guides{border:1px solid var(--line);background:var(--paper-soft);border-radius:7px;padding:20px}.contents strong,.related-guides strong{font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;display:block}.contents a,.related-guides a{min-height:44px;color:var(--muted);padding:10px 0;font-size:14px;text-decoration:none;display:block}.contents a:hover,.related-guides a:hover{color:var(--accent-ink)}.guide-links{margin:64px 0}.guide-links h2{max-width:18ch;font-family:var(--sans);letter-spacing:-.025em;margin:10px 0 24px;font-size:26px;font-weight:500;line-height:1.1}.guide-grid a{border:1px solid var(--line);min-height:112px;color:var(--ink);background:#f7f4f094;border-radius:7px;padding:18px;text-decoration:none;display:block}.guide-grid a:hover{border-color:var(--accent);transform:translateY(-1px)}.guide-grid strong{margin-bottom:7px;font-size:14px;display:block}.guide-grid span{color:var(--muted);font-size:13px;line-height:1.5}.content-footer{border-top:1px solid var(--line);color:var(--muted);font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:72px;padding-top:20px;line-height:1.5;display:flex}.content-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:12px 16px;display:flex}.content-footer a{color:var(--muted);text-decoration:none}.content-footer a:hover{color:var(--accent-ink)}@media (width<=820px){.content-shell{width:min(100% - 32px,680px);padding-top:24px}.content-topbar{margin-bottom:44px}.content-hero{grid-template-columns:1fr;gap:28px;margin-bottom:48px}.content-hero h1{font-size:clamp(46px,13vw,70px)}.content-layout{grid-template-columns:1fr;gap:0}.content-sidebar{margin-top:40px}.content-sidebar .contents{display:none}}@media (width<=560px){.check-grid,.guide-grid{grid-template-columns:1fr}.content-footer{flex-direction:column}.content-footer nav{justify-content:flex-start}}.template-download{grid-template-columns:minmax(0,1fr) minmax(160px,220px);align-items:start;gap:28px;display:grid}.template-download fieldset{border:0;min-width:0;margin:0;padding:0}.template-download label{margin:0 0 8px;font-size:13px;font-weight:600;display:block}.template-download select{border:1px solid var(--line);background:var(--paper);width:100%;min-height:44px;color:var(--ink);font:inherit;border-radius:6px;margin:0 0 20px;padding:10px 12px}.template-download button{cursor:pointer;font:inherit}.template-download fieldset:disabled{opacity:.65}.template-download fieldset:disabled button{cursor:progress;transform:none}.template-status{min-height:3em}.template-preview{margin:0}#template-preview{aspect-ratio:210/297;background:var(--paper);border:1px solid var(--line)}.template-preview canvas{width:100%;height:auto;display:block}.template-preview figcaption{color:var(--muted);margin-top:8px;font-size:12px}@media (width<=600px){.template-download{grid-template-columns:minmax(0,1fr)}.template-preview{max-width:220px}}#worked-example .article-figure:first-of-type img{object-fit:contain;background:var(--paper);max-height:480px}
