.reading-guide{grid-template-columns:260px minmax(0,1fr) 168px;justify-content:center;align-items:start;gap:32px;padding:12px 0 32px;display:grid}.reading-tree,.reading-toc{top:var(--reading-top-offset,16px);max-height:calc(100dvh - var(--reading-top-offset,16px) - 24px);scrollbar-width:thin;padding-right:4px;position:sticky;overflow-y:auto}.reading-tree-summary{color:var(--color-muted);align-items:center;gap:10px;padding:0 8px 10px;font-size:12px;font-weight:600;list-style:none;display:flex;& .reading-tree-current,&>:last-child{display:none}}.reading-tree-summary::-webkit-details-marker,.reading-tree-group>summary::-webkit-details-marker{display:none}.reading-tree-list{margin:0;padding:0;list-style:none;& .reading-tree-list{border-left:1px solid var(--color-base-300);margin:2px 0 4px 10px;padding-left:8px}}.reading-tree-link{min-width:0;color:var(--color-muted);border-radius:7px;flex:1;padding:5px 8px;font-size:13px;line-height:1.5;text-decoration:none;display:block;&:hover{background:var(--color-base-200)}&[aria-current=page]{color:var(--color-primary);background:var(--color-brand-soft);font-weight:650}}.reading-tree-nav>.reading-tree-list>li{&>.reading-tree-link,&>details>summary>.reading-tree-link{color:var(--color-base-content);font-weight:600}}.reading-tree-group>summary,.reading-tree-row{align-items:center;gap:2px;display:flex}.reading-tree-group>summary{cursor:pointer;list-style:none}.reading-tree-indicator{width:18px;height:28px;color:var(--color-muted);border-radius:6px;flex:0 0 18px;place-items:center;display:grid;position:relative}.reading-tree-symbol{border:1px solid;border-radius:1px;width:11px;height:11px;display:block;position:relative;&:before,&:after{content:"";background:currentColor;width:5px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:after{transform:translate(-50%,-50%)rotate(90deg)}}details[open]>summary>.reading-tree-indicator>.reading-tree-symbol:after{display:none}.reading-tree-placeholder>.reading-tree-symbol{&:before,&:after{display:none}}.reading-tree-group>summary:hover .reading-tree-indicator,.guide-section-group>summary:hover>.reading-tree-indicator{background:var(--color-base-200)}.reading-content{min-width:0;&>*+*{margin-top:28px}}.reading-title{letter-spacing:-.01em;margin:8px 0 10px;font-size:28px;font-weight:750;line-height:1.3}.reading-description{color:var(--color-muted);font-size:15px;line-height:1.7}.reading-article{min-width:0}.reading-prose{margin-top:28px;&>h1:first-child{display:none}}.guide-hero+.reading-prose{margin-top:14px}.guide-article,.content-page{color:var(--color-base-content);overflow-wrap:anywhere;font-size:15.5px;line-height:1.9}.guide-article h1,.content-page h1{letter-spacing:-.01em;margin:0;font-size:28px;font-weight:750;line-height:1.3}.guide-article h2,.content-page h2{scroll-margin-top:var(--reading-top-offset,16px);margin:40px 0 10px;font-size:19px;font-weight:700;line-height:1.4}.guide-article h3,.content-page h3{margin:22px 0 6px;font-size:16px;font-weight:650;line-height:1.5}.guide-article p,.content-page p{margin:12px 0}.guide-article ul,.content-page ul{margin:12px 0;padding-left:20px;list-style:outside}.guide-article ol,.content-page ol{margin:12px 0;padding-left:20px;list-style:decimal}.guide-article li,.content-page li{margin:6px 0}.guide-article li::marker,.content-page li::marker{color:var(--color-muted)}.guide-article a:not(.guide-card),.content-page a{color:var(--color-primary);font-weight:600;text-decoration:none}.guide-article a:not(.guide-card):hover,.content-page a:hover{text-decoration:underline}.guide-article code,.content-page code{background:var(--color-base-200);border-radius:5px;padding:1px 5px;font-family:ui-monospace,monospace;font-size:.86em}.guide-article pre,.content-page pre{border:1px solid var(--color-base-300);background:var(--color-base-100);border-radius:10px;margin:12px 0;padding:12px 14px;font-size:12.5px;line-height:1.6;overflow-x:auto}.guide-article pre code,.content-page pre code{font-size:inherit;overflow-wrap:normal;background:0 0;padding:0}.guide-article img,.content-page img{border-radius:10px;max-width:100%;height:auto}.guide-article>:first-child,.content-page>:first-child{margin-top:0}.guide-article{& blockquote{border-left:3px solid var(--color-base-300);margin:18px 0;padding:2px 16px}& table{border-collapse:collapse;max-width:100%;margin:18px 0;font-size:14px;display:block;overflow-x:auto}& th,& td{border:1px solid var(--color-base-300);text-align:left;overflow-wrap:normal;min-width:7em;padding:8px 12px}& th{background:var(--color-base-200)}& h4,& h5,& h6{margin:20px 0 8px;font-weight:650}}.guide-source{margin:14px 0;font-size:13px;& a{color:var(--color-primary);overflow-wrap:anywhere}}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 8px;display:grid}.guide-card{border:1px solid var(--color-base-300);min-width:0;color:var(--color-base-content);background:var(--color-base-100);box-shadow:var(--shadow-1);border-radius:12px;flex-direction:column;padding:14px 16px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex;& .guide-card-title{scroll-margin-top:var(--reading-top-offset,16px);margin:8px 0 0;font-size:15px;font-weight:650;line-height:1.5}& .guide-article{margin-top:6px;font-size:13.5px;line-height:1.75;& p,& ul,& ol{margin:4px 0}& li{margin:2px 0}& h3{margin:14px 0 4px;font-size:14px}}}.guide-card-clickable:focus-visible,.guide-card-action:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.guide-card-clickable:hover{border-color:var(--color-brand-line);box-shadow:var(--shadow-2)}.guide-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.guide-badge{border:1px solid var(--color-brand-line);color:var(--color-primary);background:var(--color-brand-soft);border-radius:5px;padding:2px 7px;font-size:11.5px;font-weight:600;display:inline-flex}.guide-card-icon{width:26px;height:26px;color:var(--color-muted);background:var(--color-base-200);border-radius:8px;flex:none;place-items:center;display:inline-grid;& svg{width:16px;height:16px}}.guide-card-action{color:var(--color-primary);align-self:flex-start;align-items:center;gap:4px;margin-top:auto;padding-top:12px;font-size:13px;font-weight:600;display:inline-flex}.guide-card-image-frame{width:100%;aspect-ratio:var(--guide-card-image-aspect,3/1);border:1px solid var(--color-base-300);background:#fff;border-radius:8px;justify-content:center;align-items:center;margin-top:10px;display:flex;overflow:hidden}.guide-card-image{object-fit:cover;width:100%;height:100%;&[src$=\.svg]{object-fit:contain;padding:12px}}.guide-next-step{border:1px solid var(--color-base-300);background:var(--color-base-100);border-radius:14px;margin-top:20px;padding:18px 20px;text-decoration:none;display:block;&:hover{border-color:var(--color-brand-line)}}.guide-next-step-label{color:var(--color-muted);font-size:12px;font-weight:600}.guide-next-step-link{color:var(--color-primary);margin-top:4px;font-size:16.5px;font-weight:700;line-height:1.45;display:block}.reading-toc{&>p{color:var(--color-muted);margin:0 0 10px;font-size:12px;font-weight:600}& ol{border-left:1px solid var(--color-base-300);margin:0;padding:0;list-style:none}& a{color:var(--color-muted);border-left:2px solid #0000;margin-left:-1px;padding:5px 0 5px 14px;font-size:13px;line-height:1.5;text-decoration:none;display:block;&:hover{background:var(--color-base-200)}&[aria-current]{color:var(--color-primary);border-left-color:var(--color-primary);font-weight:600}}}.reading-page{grid-template-columns:180px minmax(0,1fr);justify-content:center;align-items:start;gap:56px;width:100%;margin:20px auto 32px;display:grid;&>.reading-toc{grid-area:1/1}&>.reading-article{grid-area:1/2}}.content-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.content-section{margin-top:40px}.content-steps{font-size:13.5px;line-height:1.75}.content-card{border:1px solid var(--color-base-300);border-top:3px solid var(--card-tone,var(--color-primary));background:var(--color-base-100);border-radius:14px;min-width:0;overflow:hidden;& h3{margin:0 0 6px;font-size:16px;font-weight:700}& p{color:var(--color-muted);margin:4px 0 14px;font-size:13.5px;line-height:1.75}& ol,& ul{color:var(--color-muted);margin:14px 0 0;font-size:13px;line-height:1.75}& li{margin:6px 0}}.content-card--primary{--card-tone:var(--color-primary)}.content-card--support{--card-tone:var(--color-support);& a{color:var(--color-support)}}.content-card--gold{--card-tone:var(--merchant-partner-text);& a{color:var(--merchant-partner-text)}}.content-card-body{padding:20px 22px}.detail-panel{border:1px solid var(--color-base-300);background:var(--color-base-100);border-radius:14px;min-width:0;padding:20px 22px;font-size:13.5px;line-height:1.75;& h2,& h3{margin:0 0 12px;font-size:15px;font-weight:650}& ol,& ul{margin:0}& p{margin:8px 0}}.contact-panel{border:1px solid var(--color-base-300);background:var(--color-base-100);border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;padding:20px 22px;display:flex;&>div{flex:260px;min-width:0}& h2{margin:0 0 6px;font-size:16px}& p{color:var(--color-muted);margin:0;font-size:13px}& .contact-panel-link{border:1px solid var(--color-partner-line);color:var(--merchant-partner-text);background:var(--color-partner-soft);border-radius:7px;justify-content:center;align-items:center;padding:7px 14px;font-size:13px;text-decoration:none;display:inline-flex;&:hover{border-color:var(--merchant-partner-text);text-decoration:none}}}@media (width<=1240px){.reading-guide{grid-template-columns:260px minmax(0,1fr);gap:28px}.reading-guide>.reading-toc{display:none}}@media (width<=1024px){.reading-guide{width:100%;max-width:none;margin:auto;padding-top:0;display:block}.reading-tree{border:1px solid var(--color-base-300);background:var(--color-base-100);border-radius:12px;max-height:none;margin-bottom:20px;padding:0;position:static}.reading-tree-summary{color:var(--color-base-content);cursor:pointer;padding:11px 14px;font-size:13px;& .reading-tree-current{min-width:0;color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:400;display:block;overflow:hidden}&>.reading-tree-indicator{display:grid}}.reading-tree-nav{border-top:1px solid var(--color-base-300);max-height:60dvh;padding:8px;overflow-y:auto}}@media (width<=1000px){.reading-page{margin-top:8px;display:block}.reading-page>.reading-toc{display:none}}@media (width<=720px){.reading-title,.content-page h1{font-size:25px}.guide-grid,.content-columns{grid-template-columns:minmax(0,1fr)}.contact-panel .contact-panel-link{width:100%}}