/* Tutorial guides, 2026-10-27 (owner: "tutorial页面一样改") — the Journal article treatment:
   white page, no dot field, no breadcrumb strip, no cover poster, no contents rail, full-width body,
   a quiet hero (title and stand left, facts column right), no closing CTA panel. Loaded after each
   guide's own inline styles, so it overrides them without touching the 22 hand-built pages. */
body{background:#fff}
.tg-hero{background:#fff}
.tg-dots,.tg-crumb,.tg-poster,.tg-side,.tg-cta,.tg-hairline,.tg-step-rule{display:none!important}
.tg-hero-inner,.tg-body{max-width:1400px}
.tg-hero-body{grid-template-columns:minmax(0,1fr);padding:40px 0 40px}
.tg-hero-main{display:grid;grid-template-columns:minmax(0,1fr) 260px;column-gap:80px;row-gap:22px;align-items:end}
.tg-hero-main>*{grid-column:1}
.tg-meta{color:var(--sage-deep,#3F5334);letter-spacing:.12em}
.tg-meta b{color:inherit}
.tg-hero h1{font-family:'Inter Tight',Inter,sans-serif;font-size:clamp(44px,5.4vw,80px);font-weight:500;letter-spacing:-.055em;line-height:.98;max-width:18ch}
.tg-hero h1 em{font-family:inherit;font-style:normal;font-weight:inherit}
.tg-stand{max-width:62ch;font-size:18px}
.tg-pledge i{font-family:inherit;font-style:normal}
.tg-rail{grid-column:2;grid-row:1 / span 4;align-self:end;margin:0;max-width:none;border-top:0;border-left:1px solid var(--rule,#D9D9D9)}
.tg-rail div{flex-direction:column;align-items:flex-start;gap:3px;padding:12px 0 12px 24px;border-bottom:0}
.tg-rail dt{font-size:11px;letter-spacing:.14em;color:var(--sage-deep,#3F5334)}
.tg-rail dd{margin:0;font-size:15px;font-weight:500}
.tg-rail dd span{font-size:inherit}
.tg-body{display:block}
.tg-article{max-width:none}
.tg-go{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:6px;border-radius:50%;background:#DCF26B;color:#1E2711;vertical-align:-5px}
@media(max-width:900px){.tg-hero-main{grid-template-columns:1fr}.tg-rail{grid-column:1;grid-row:auto;display:flex;flex-direction:row;flex-wrap:wrap;border-left:0;border-top:1px solid var(--rule,#D9D9D9)}.tg-rail div{padding:12px 24px 0 0}}
/* full-width text, but screenshots keep a readable size: never wider than 960px and never taller
   than 640px, so a narrow panel crop is not blown up to fill the column; the frame hugs the image */
.tg-fig{width:fit-content;max-width:min(960px,100%);margin-left:auto;margin-right:auto}
.tg-fig img{width:auto;max-width:100%;max-height:640px;margin:0 auto}
.tg-fig.tg-tut-film{width:auto;max-width:960px}
.tg-fig.tg-tut-film img{max-height:none;width:100%}
.tg-step-head i{font-family:inherit;font-style:normal}
/* 2026-10-27 (owner): no facts column, no "every click shown" pledge, no previous/next strip; the meta
   line keeps only "Guide 07 of 22" */
.tg-rail,.tg-path,.tg-pledge{display:none!important}
.tg-meta>:not(b){display:none}
.tg-hero-main{grid-template-columns:minmax(0,1fr)}
/* the stand runs the full width, a hairline closes the hero, and the body starts right under it */
.tg-stand{max-width:none}
.tg-hero-body{padding-bottom:32px;border-bottom:1px solid var(--rule,#D9D9D9)}
.tg-body{padding-top:32px}