/* Shared page frame. The mobile simulator defines the visual baseline. */
:root{color-scheme:light;--site-paper:#fff;--site-ink:#35343e;--site-subtle:#6e6b7b;--site-line:#dcd8e6;--site-cloud:#f8f8fb;--site-lime:#655b87;--site-brand:#655b87;--site-font:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;--site-width:760px}
html,body{margin:0;padding:0;background:var(--site-paper);color:var(--site-ink);font-family:var(--site-font)}
.site-header{box-sizing:border-box;position:relative;display:grid;grid-template-columns:92px 1fr 144px;align-items:center;width:100%;max-width:var(--site-width);min-height:70px;margin:0 auto;padding:10px 14px;border-bottom:1px solid var(--site-line);background:var(--site-paper);font-family:var(--site-font);line-height:normal}
.site-header .site-brand{justify-self:center;color:var(--site-brand);font-family:var(--site-font);font-size:20px;font-weight:500;letter-spacing:.02em;text-decoration:none;min-height:0;padding:0;line-height:normal}
.site-header-start{display:flex;align-items:center}
.site-header .site-back{display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:12px;color:var(--site-ink);text-decoration:none}
.site-back svg{width:22px;height:22px}.site-back:hover{background:var(--site-cloud)}
.site-document{font:16px/1.7 var(--site-font);overflow-wrap:anywhere}
.site-document main{box-sizing:border-box;max-width:var(--site-width);margin:0 auto;padding:24px 18px 48px;color:var(--site-ink);background:var(--site-paper)}
.site-document a{color:#007cac}.site-document .site-brand{color:var(--site-brand)}
.site-document h1,.site-document h2,.site-document h3{color:var(--site-ink)}
.site-document .step,.site-document .box,.site-document details{border-color:var(--site-line)}
.site-document .art,.site-document .box.saved{background:var(--site-cloud)}
.site-document .stepnum,.site-document .back{background:var(--site-lime);color:var(--site-ink)}
.site-document .muted,.site-document figcaption{color:var(--site-subtle)}
.site-footer{box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;width:100%;max-width:var(--site-width);margin:0 auto;padding:18px 16px 28px;border-top:1px solid var(--site-line);background:var(--site-paper);color:#6e6b7b;font:12px/1.5 var(--site-font)}
.site-footer .site-footer-links{display:contents;margin:0;padding:0}
.site-footer .site-footer-links a{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0;border:0;border-radius:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px}
.site-footer .measure-settings{margin:0}
.site-header a:focus-visible,.site-footer a:focus-visible{outline:3px solid #007cac;outline-offset:3px}
@media(max-width:380px){.site-header{grid-template-columns:82px 1fr 132px;padding-inline:8px}.site-header .site-brand{font-size:17px}}