.guide-frame{grid-template-columns:minmax(0,1fr);width:100%;max-width:88rem;margin-inline:auto;display:grid}@media (width>=64rem){.guide-frame{grid-template-columns:17.5rem minmax(0,1fr)}}.guide-side{display:none}@media (width>=64rem){.guide-side{border-right:1px solid var(--color-line);scrollbar-width:thin;scrollbar-color:var(--color-line-2) transparent;height:calc(100dvh - 4rem);padding:1.75rem 1.25rem 3rem 2rem;display:block;position:sticky;top:4rem;overflow-y:auto}}.guide-nav-part{width:100%;color:var(--color-ink);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem 0;font-size:.875rem;font-weight:600;display:flex}.guide-nav-part svg{color:var(--color-ink-3);flex:none;transition:transform .16s}.guide-nav-part[aria-expanded=true] svg{transform:rotate(90deg)}.guide-nav-list{border-left:1px solid var(--color-line);margin:.15rem 0 .75rem}.guide-nav-list a{color:var(--color-ink-2);border-left:2px solid #0000;margin-left:-1px;padding:.3rem 0 .3rem .85rem;font-size:.875rem;line-height:1.3rem;transition:color .12s;display:block}.guide-nav-list a:hover{color:var(--color-ink)}.guide-nav-list a[aria-current=page]{border-left-color:var(--color-brand);color:var(--color-brand-strong);font-weight:600}.guide-find{border:1px solid var(--color-line-2);background:var(--color-card);width:100%;color:var(--color-ink-3);text-align:left;cursor:text;border-radius:.6rem;align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:.875rem;transition:border-color .12s;display:flex}.guide-find:hover{border-color:var(--color-taro-400)}.guide-find kbd{font:inherit;color:var(--color-ink-3);margin-left:auto;font-size:.75rem}.guide-bar{z-index:30;border-bottom:1px solid var(--color-line);background:color-mix(in srgb, var(--color-paper) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:.75rem;padding:.5rem 1.25rem;display:flex;position:sticky;top:4rem}@media (width>=64rem){.guide-bar{display:none}}.guide-sheet{border:0;border-right:1px solid var(--color-line);background:var(--color-paper);width:min(21rem,88vw);max-width:none;height:100dvh;max-height:none;color:var(--color-ink);margin:0;padding:1.25rem 1.25rem 3rem;position:fixed;inset:0;overflow-y:auto}.guide-sheet::backdrop,.guide-search::backdrop{background:#1e153061}.guide-search{border:1px solid var(--color-line-2);background:var(--color-card);width:min(40rem,100vw - 2rem);max-width:none;color:var(--color-ink);box-shadow:var(--shadow-float);border-radius:.9rem;margin:12vh auto auto;padding:0;overflow:hidden}.guide-search input{background:0 0;outline:none;width:100%;padding:.95rem 1rem .95rem 2.75rem;font-size:1.0625rem}.guide-hit{border-top:1px solid var(--color-line);padding:.7rem 1rem;display:block}.guide-hit[aria-selected=true],.guide-hit:hover{background:var(--color-taro-50)}.guide-page{min-width:0;padding:2.25rem 1.25rem 4rem}@media (width>=40rem){.guide-page{padding:3rem 2.5rem 5rem}}@media (width>=80rem){.guide-page{grid-template-columns:minmax(0,46rem) 13rem;gap:3.5rem;padding:3.25rem 3.5rem 6rem;display:grid}}.guide-reading{min-width:0;max-width:46rem}.guide-enter{animation:.22s ease-out both guide-enter}@keyframes guide-enter{0%{opacity:0;transform:translateY(4px)}}.guide-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--color-ink);font-size:clamp(2.1rem,1.6rem + 2vw,3rem);font-weight:480;line-height:1.08}.guide-lead{color:var(--color-ink-2);margin-top:.85rem;font-size:1.1875rem;line-height:1.55}.guide-crumb{color:var(--color-taro-600);font-size:.8125rem;font-weight:600}.guide-crumb:hover{color:var(--color-brand-strong)}.tut{color:var(--color-ink-2);font-size:1.0313rem;line-height:1.68}.tut section{margin-top:2.75rem}.tut h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-ink);margin-bottom:.75rem;font-size:1.625rem;font-weight:500;line-height:1.2}.tut h3{color:var(--color-ink);margin:2rem 0 .5rem;font-size:1.0625rem;font-weight:650;line-height:1.4}.tut p{margin:.7rem 0}.tut strong{color:var(--color-ink);font-weight:620}.tut a{color:var(--color-brand-strong);text-decoration:underline;-webkit-text-decoration-color:var(--color-taro-300);text-decoration-color:var(--color-taro-300);text-underline-offset:3px;transition:text-decoration-color .12s}.tut a:hover{text-decoration-color:currentColor}.tut code{background:var(--color-paper-2);font-family:var(--font-mono);color:var(--color-ink);border-radius:.3em;padding:.1em .35em;font-size:.88em}.tut ul{margin:.7rem 0;padding-left:1.15rem;list-style:none}.tut ul>li{margin:.45rem 0;position:relative}.tut ul>li:before{content:"";background:var(--color-ink-3);width:.42rem;height:1px;position:absolute;top:.72em;left:-1.05rem}.tut ol:not(.flow){counter-reset:step;margin:1.1rem 0 0;padding:0;list-style:none}.tut ol:not(.flow)>li{counter-increment:step;padding:0 0 1.5rem 2.75rem;position:relative}.tut ol:not(.flow)>li:before{content:counter(step);border:1px solid var(--color-taro-300);background:var(--color-paper);width:1.75rem;height:1.75rem;color:var(--color-taro-700);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;font-size:.8125rem;font-weight:650;line-height:1.65rem;position:absolute;top:.05em;left:0}.tut ol:not(.flow)>li:after{content:"";background:var(--color-line-2);width:1px;position:absolute;top:1.95rem;bottom:.15rem;left:.875rem}.tut ol:not(.flow)>li:last-child{padding-bottom:0}.tut ol:not(.flow)>li:last-child:after{display:none}.tut ol:not(.flow)>li>p:first-child{margin-top:0}.tut .kind-see{border-left:2px solid var(--color-leaf-400);padding-left:1.15rem}.tut .kind-know ul{padding:0}.tut .kind-know li{border-top:1px solid var(--color-line);margin:0;padding:.7rem 0}.tut .kind-know li:last-child{border-bottom:1px solid var(--color-line)}.tut .kind-know li:before{display:none}.tut blockquote{border-left:2px solid var(--color-taro-300);color:var(--color-ink-2);margin:1rem 0;padding-left:1rem}.shot{margin:1.15rem 0 .5rem}.shot img{border:1px solid var(--color-line-2);background:var(--color-paper-2);border-radius:.55rem;width:100%;height:auto;display:block;box-shadow:0 1px 2px #1e15300a,0 14px 32px -22px #1e15304d}.shot figcaption{color:var(--color-ink-3);margin-top:.55rem;font-size:.875rem;line-height:1.45}.shot-phone{max-width:17rem}.shot-phone img{border-radius:1.1rem}.shot-pair{gap:1rem;margin:1.15rem 0 .5rem;display:grid}.shot-pair .shot{margin:0}@media (width>=40rem){.shot-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.tut .flow{color:var(--color-ink);flex-wrap:wrap;gap:.35rem 0;margin:1rem 0;padding:0;font-size:.875rem;font-weight:600;list-style:none;display:flex}.tut .flow li:after{content:"→";color:var(--color-ink-3);margin:0 .6rem;font-weight:400}.tut .flow li:last-child:after{content:none}.tut .table{margin:1rem 0;overflow-x:auto}.tut table{border-collapse:collapse;width:100%;font-size:.9375rem;line-height:1.5}.tut th{border-bottom:1px solid var(--color-line-2);color:var(--color-ink);text-align:left;vertical-align:bottom;padding:0 1rem .5rem 0;font-weight:650}.tut td{border-bottom:1px solid var(--color-line);vertical-align:top;padding:.6rem 1rem .6rem 0}.guide-toc{display:none}@media (width>=80rem){.guide-toc{align-self:start;max-height:calc(100dvh - 8rem);font-size:.8125rem;line-height:1.25rem;display:block;position:sticky;top:6.25rem;overflow-y:auto}}.guide-toc a{color:var(--color-ink-3);padding:.25rem 0;transition:color .12s;display:block}.guide-toc a:hover{color:var(--color-ink)}.guide-toc a[aria-current=true]{color:var(--color-brand-strong);font-weight:600}.guide-toc a.sub{padding-left:.75rem}.guide-related a,.guide-pager a{color:inherit}.guide-related a{border-top:1px solid var(--color-line);padding:.8rem 0;display:block}.guide-related a:hover .guide-related-title,.guide-pager a:hover .guide-pager-title{color:var(--color-brand-strong)}.guide-related-title,.guide-pager-title{color:var(--color-ink);font-weight:620;transition:color .12s}.guide-pager{border-top:1px solid var(--color-line-2);gap:1rem;margin-top:3.5rem;padding-top:1.25rem;display:grid}@media (width>=40rem){.guide-pager{grid-template-columns:1fr 1fr}}.guide-pager .next{text-align:right}.guide-index-row{border-top:1px solid var(--color-line);gap:.75rem 3rem;padding:1.75rem 0;display:grid}@media (width>=48rem){.guide-index-row{grid-template-columns:15rem minmax(0,1fr)}}.guide-index-title{font-family:var(--font-display);color:var(--color-ink);font-size:1.4375rem;font-weight:500;line-height:1.2}.guide-index-list{gap:.15rem 2rem;display:grid}@media (width>=40rem){.guide-index-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.guide-index-list a{color:var(--color-ink-2);padding:.28rem 0;font-size:.9688rem;line-height:1.4;transition:color .12s;display:block}.guide-index-list a:hover{color:var(--color-brand-strong)}