.toei-guide{--toei-guide-scroll-offset: 120px;--toei-guide-nav-width: 260px;--toei-guide-gap: 32px;color:var(--color-foreground)}.toei-guide__inner{display:flex;flex-direction:column;gap:32px}.toei-guide__header{display:flex;flex-direction:column;gap:12px}.toei-guide__intro{color:rgb(var(--color-foreground-rgb) / var(--opacity-80));font-size:1.5rem;line-height:1.6}.toei-guide__body{display:grid;grid-template-columns:var(--toei-guide-nav-width) 1fr;gap:var(--toei-guide-gap);align-items:start}.toei-guide__nav{position:sticky;top:var(--toei-guide-scroll-offset)}.toei-guide__nav-card{background:#f3f4f6;border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-6));border-radius:16px;padding:0;box-shadow:0 6px 18px rgb(var(--color-foreground-rgb) / var(--opacity-4));overflow:hidden}.toei-guide__nav-title{font-size:1.4rem;font-weight:600;margin:0;padding:16px 18px 12px;color:rgb(var(--color-foreground-rgb) / var(--opacity-86));border-bottom:1px solid #dadde3}.toei-guide__nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.toei-guide__nav-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 18px;text-decoration:none;color:var(--color-foreground);background:transparent;border:none;transition:background-color .2s ease,color .2s ease}.toei-guide__nav-link:focus-visible{outline:2px solid rgb(var(--color-foreground-rgb) / var(--opacity-20));outline-offset:2px}.toei-guide__nav-link:hover{background:rgb(var(--color-foreground-rgb) / var(--opacity-6))}.toei-guide__nav-link.is-active,.toei-guide__nav-link[aria-current=location]{background:rgb(var(--color-foreground-rgb) / var(--opacity-10));font-weight:700}.toei-guide__nav-item:not(:last-child){border-bottom:none}.toei-guide__nav-link{position:relative}.toei-guide__nav-item:not(:last-child) .toei-guide__nav-link:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:#dadde3}.toei-guide__nav-label{flex:1;font-size:.8rem;font-weight:600;line-height:1.4}.toei-guide__nav-icon{flex-shrink:0;width:22px;height:22px;border-radius:999px;background:#e7e9ee;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:background-color .2s ease}.toei-guide__nav-icon:before{content:"\2304";width:10px;height:10px;display:block;color:#6b7280;font-size:12px;line-height:1;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-55%)}@supports (mask-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.59.58 6 5.17 1.41.58 0 2l6 6 6-6z' fill='%23000'/%3E%3C/svg%3E")) or (-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.59.58 6 5.17 1.41.58 0 2l6 6 6-6z' fill='%23000'/%3E%3C/svg%3E")){.toei-guide__nav-icon:before{content:"";background:#6b7280;mask-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.59.58 6 5.17 1.41.58 0 2l6 6 6-6z' fill='%23000'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.59.58 6 5.17 1.41.58 0 2l6 6 6-6z' fill='%23000'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;left:50%;top:50%;transform:translate(-50%,-55%)}}.toei-guide__nav-link:hover .toei-guide__nav-icon{background:#e1e4eb}.toei-guide__nav-link.is-active .toei-guide__nav-icon,.toei-guide__nav-link[aria-current=location] .toei-guide__nav-icon{background:#d7dae2}.toei-guide__content{display:flex;flex-direction:column;gap:32px}.toei-guide__section{background:var(--color-background);border-bottom:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-8));padding:24px;scroll-margin-top:var(--toei-guide-scroll-offset, 120px);box-shadow:0 4px 12px rgb(var(--color-foreground-rgb) / var(--opacity-4))}.toei-guide__section-title{margin:0 0 12px;font-size:1rem;line-height:1.3}.toei-guide__section-title{position:relative;padding-left:16px}.toei-guide__section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:1.2em;background-color:#e60012;border-radius:2px}.toei-guide__section-body{font-size:.9rem;line-height:1.8;color:rgb(var(--color-foreground-rgb) / var(--opacity-90));overflow-x:auto}.toei-guide__section-body :where(p){margin:0 0 12px}.toei-guide__section-body :where(ul,ol){padding-inline-start:24px;margin:0 0 12px}.toei-guide__section-body a{color:inherit;text-decoration:underline}.toei-guide__section-body table{width:max-content;min-width:100%;border-collapse:collapse;border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-14))}.toei-guide__section-body th,.toei-guide__section-body td{padding:10px 12px;border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-14));text-align:left}.toei-guide__section-body .table-wrapper{width:100%;overflow-x:auto}@media screen and (max-width: 999px){.toei-guide{--toei-guide-nav-width: 240px;--toei-guide-gap: 24px;--toei-guide-scroll-offset: 96px}}@media screen and (max-width: 749px){.toei-guide{--toei-guide-gap: 20px;--toei-guide-scroll-offset: 84px}.toei-guide__body{grid-template-columns:1fr}.toei-guide__nav{position:static}.toei-guide__nav-card{border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-8));box-shadow:0 4px 14px rgb(var(--color-foreground-rgb) / var(--opacity-6))}.toei-guide__section{padding:20px 16px}.toei-guide__section-title{font-size:1.6rem}.toei-guide__section-body{font-size:1.5rem;line-height:1.7}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-toei-guide.css.map */