/* Qingru: readable editorial guides plus an opt-in, non-destructive tutorial layer. */
.qg-center{max-width:1160px;margin:32px auto 64px;padding:0 24px;color:#243f36;font-size:16px;line-height:1.8}
.qg-center *{box-sizing:border-box}.qg-center [hidden],.qg-tour [hidden]{display:none!important}
.qg-center a{text-decoration:none}.qg-center button,.qg-tour button,.qg-invite button{font:inherit;cursor:pointer}
.qg-center button,.qg-center .qg-primary,.qg-tour button,.qg-invite button{border:1px solid #bfd7cc;border-radius:10px;padding:9px 16px;background:white;color:#255844;min-height:42px}
.qg-center :is(button,a,input):focus-visible,.qg-tour :is(button,a):focus-visible,.qg-invite button:focus-visible,.qg-help-dock:focus-visible{outline:3px solid #188657;outline-offset:3px}
.qg-center .qg-primary,.qg-tour .qg-primary,.qg-invite .qg-primary{background:#16784f;color:#fff;border-color:#16784f;display:inline-flex;align-items:center;gap:12px;font-weight:600}
.qg-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px 48px 0;background:linear-gradient(115deg,#dfefe6,#f3f8f3 66%,#e1ece0);border:1px solid #c8dfd0;border-radius:24px;overflow:hidden}
.qg-hero>div{padding-bottom:38px;flex:1}.qg-eyebrow{font-size:12px;color:#377257;font-weight:600;letter-spacing:1.2px}.qg-hero h1{font-size:34px;line-height:1.4;margin:12px 0 18px;color:#1f4535}.qg-hero p{margin:10px 0 22px;color:#496255}.qg-hero>img{width:300px;height:330px;object-fit:contain;object-position:bottom;align-self:flex-end}.qg-text-link{margin-left:20px;color:#34654f;font-size:14px}
.qg-search{display:flex;align-items:center;gap:16px;padding:24px 0 14px}.qg-search label{font-weight:600;white-space:nowrap}.qg-search input{font:inherit;flex:1;min-width:0;border:1px solid #cbdad3;border-radius:12px;background:white;padding:12px 16px;color:#294b3b}.qg-search>span{font-size:13px;color:#64766a;white-space:nowrap}
.qg-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}.qg-filters button{font-size:14px;padding:6px 16px}.qg-filters button[aria-pressed=true]{background:#e2f0e8;border-color:#74ad91;color:#185f3d;font-weight:600}
.qg-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.qg-article-card{display:flex;flex-direction:column;background:white;border:1px solid #dbe5df;border-radius:16px;padding:22px;color:inherit;transition:border-color .15s,box-shadow .15s}.qg-article-card:hover{border-color:#7cae92;box-shadow:0 7px 24px #2446310c}.qg-card-meta{font-size:12px;color:#5a7767}.qg-article-card h2{font-size:19px;line-height:1.5;margin:8px 0;color:#284d3b}.qg-article-card p{font-size:14px;color:#5b6a62;margin:0 0 18px}.qg-card-go{margin-top:auto;display:flex;justify-content:space-between;font-size:13px;color:#24744f}
.qg-preferences{background:#eff5f1;border:1px solid #d6e4db;border-radius:18px;margin-top:32px;padding:24px}.qg-preferences h2{font-size:21px;margin:0}.qg-preferences p{margin:8px 0}.qg-pref-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.qg-pref-actions button{font-size:14px}.qg-small{font-size:13px!important;color:#66796d!important}.qg-no-results{text-align:center;padding:40px}.qg-no-results img{object-fit:contain}.qg-no-results h2{font-size:20px}
.qg-breadcrumb{display:flex;gap:12px;margin-bottom:24px;font-size:14px}.qg-breadcrumb a{color:#267753}.qg-article-head{border-bottom:1px solid #dce6df;padding-bottom:28px;margin-bottom:28px}.qg-article-head h1{font-size:34px;line-height:1.4;margin:12px 0;color:#243e32}.qg-article-head p{font-size:18px;color:#52695b}.qg-article-head small{font-size:12px;color:#6b7b70}.qg-reading-layout{display:grid;grid-template-columns:228px minmax(0,1fr);gap:36px}.qg-toc{position:sticky;top:100px;align-self:start;display:flex;flex-direction:column;gap:8px;border:1px solid #dbe6de;border-radius:14px;padding:20px;font-size:14px;background:white}.qg-toc a{color:#49604e;padding:4px 0}.qg-toc button{font-size:13px;margin-top:12px}.qg-article-body{min-width:0}.qg-article-body section{margin-bottom:32px;scroll-margin-top:105px}.qg-article-body h2{font-size:22px;margin:0 0 12px;color:#294c3a}.qg-article-body h2>span{font-size:15px;color:#448561;background:#e8f2ec;border-radius:8px;padding:6px 9px;margin-right:10px}.qg-article-body p{font-size:16px;line-height:1.9;margin:6px 0;color:#465d50}.qg-note{border-left:3px solid #39946a;background:#f0f6f2;padding:20px 24px;border-radius:0 12px 12px 0}.qg-note p{font-size:14px}.qg-check{display:flex;gap:20px;align-items:center;background:#e7f2eb;border-radius:16px;padding:20px}.qg-check img{object-fit:contain}.qg-check h2{font-size:20px}.qg-related{display:grid;gap:8px}.qg-related a{border-bottom:1px solid #e2e8e3;padding:10px;color:#2c7752}.qg-article-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.qg-article-actions button,.qg-article-actions a{font-size:14px}
.qg-character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.qg-character-grid figure{margin:0;background:#edf4ef;border-radius:20px;padding:20px;text-align:center}.qg-character-grid img{max-width:100%;height:300px;object-fit:contain}.qg-character-grid h2{font-size:20px;margin:6px}.qg-character-grid p{font-size:14px}.qg-turnaround{margin:36px 0}.qg-turnaround img{width:100%;height:auto;background:#f2f5f2;border-radius:20px}
.qg-footer-entry{display:block;font-size:14px;padding:16px 0;color:#26734e!important;text-align:center}
.qg-help-dock{position:fixed;right:22px;bottom:22px;display:flex;align-items:center;gap:5px;padding:4px 13px 4px 4px;border:1px solid #b8d4c2;background:white;color:#265d40;border-radius:28px;box-shadow:0 4px 18px #1c48351c;font:13px/1.5 sans-serif;cursor:pointer;z-index:900}.qg-help-dock img{width:34px;height:34px;object-fit:cover;object-position:top;border-radius:50%;background:#e3f0e7}
.qg-invite{position:fixed;right:24px;bottom:76px;width:415px;max-width:calc(100vw - 32px);display:flex;align-items:flex-start;gap:14px;padding:22px 26px 18px 16px;border:1px solid #b9d7c5;border-radius:20px;background:#fbfdfb;color:#284637;box-shadow:0 12px 40px #20452d26;z-index:1800;font:14px/1.6 system-ui,sans-serif}.qg-invite>img{width:80px;height:100px;object-fit:contain;align-self:center}.qg-invite strong{font-size:16px}.qg-invite p{margin:8px 0}.qg-invite-actions{display:flex;gap:8px;flex-wrap:wrap}.qg-invite-actions button{font-size:12px;padding:7px 9px;min-height:34px}.qg-invite-feedback{font-size:12px;color:#9b4227}
.qg-tour{position:fixed;box-sizing:border-box;margin:0;border:1px solid #bdd7c7;border-radius:20px;padding:0;background:#fff;color:#2b4337;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:visible;box-shadow:0 16px 60px #102d3236;font:15px/1.7 system-ui,sans-serif}.qg-tour::backdrop{background:#142e284d}.qg-spotlight{position:fixed;border:3px solid #57d79b;border-radius:12px;box-shadow:0 0 0 2px white;pointer-events:none;z-index:-1;box-sizing:border-box}.qg-tour-top{display:flex;align-items:center;gap:12px;background:#edf6ef;border-radius:20px 20px 0 0;padding:18px 26px 0 16px}.qg-tour-top img{width:84px;height:92px;object-fit:contain;align-self:flex-end}.qg-tour-module{font-size:14px;margin:6px 0 16px;font-weight:600}.qg-tour button.qg-tour-close,.qg-invite button.qg-tour-close{position:absolute;right:5px;top:5px;background:transparent;border:0;font-size:24px;padding:0;width:32px;height:32px;min-height:32px;color:#527461}.qg-tour-copy{padding:20px 24px 8px;max-height:calc(100dvh - 310px);overflow-y:auto}.qg-tour-progress{font-size:12px;color:#518063}.qg-tour h2{font-size:22px;line-height:1.4;margin:6px 0 12px}.qg-tour-copy p{margin:8px 0}.qg-tour-hint{font-size:12px;color:#607c6b;background:#f3f7f4;border-radius:8px;padding:9px}.qg-tour-feedback{color:#9b4126;font-size:13px}.qg-tour-actions{padding:10px 24px 16px;display:flex;justify-content:flex-end;gap:10px}.qg-tour-actions button{font-size:14px}.qg-tour-footer{display:flex;gap:12px;flex-wrap:wrap;padding:12px 24px;border-top:1px solid #e3ece6;font-size:12px}.qg-tour-footer a{color:#317553}.qg-tour-footer button{border:0!important;padding:0!important;min-height:24px!important;font-size:12px!important;color:#64766a!important}
@media(max-width:760px){.qg-center{margin:18px auto 36px;padding:0 16px}.qg-hero{padding:22px 20px 0;gap:8px;border-radius:18px}.qg-hero h1{font-size:23px}.qg-hero p{font-size:14px;line-height:1.7}.qg-hero>div{padding-bottom:22px}.qg-hero>img{width:100px;height:180px;position:absolute;right:0;top:18px;opacity:.95}.qg-hero h1,.qg-hero p{padding-right:64px}.qg-hero .qg-primary{font-size:13px;padding:8px 12px}.qg-text-link{display:block;margin:14px 0 0;font-size:13px}.qg-search{flex-wrap:wrap;gap:8px}.qg-search label{font-size:14px;flex:1}.qg-search input{flex-basis:100%;order:3;font-size:16px}.qg-filters{gap:7px}.qg-filters button{font-size:12px;padding:6px 10px;min-height:36px}.qg-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qg-article-card{padding:14px;border-radius:12px}.qg-article-card h2{font-size:16px}.qg-article-card p{font-size:12px}.qg-card-meta{font-size:10px}.qg-card-go{font-size:12px}.qg-preferences{padding:18px}.qg-preferences h2{font-size:20px}.qg-preferences p{font-size:14px}.qg-reading-layout{display:block}.qg-toc{position:static;margin-bottom:24px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.qg-toc strong{grid-column:1/-1}.qg-article-head h1{font-size:27px}.qg-article-head p{font-size:16px}.qg-article-body p{font-size:15px}.qg-article-body h2{font-size:20px}.qg-check{gap:8px;padding:16px}.qg-check img{width:64px;height:84px}.qg-note{padding:16px}.qg-character-grid{grid-template-columns:1fr}.qg-character-grid img{height:260px}.qg-turnaround h2{font-size:22px}.qg-help-dock,.qg-invite{display:none}.qg-tour{max-height:calc(100dvh - 24px)}.qg-tour-copy{max-height:calc(100dvh - 310px)}.qg-spotlight{display:none}}
@media(prefers-reduced-motion:reduce){.qg-article-card{transition:none}}
@media(forced-colors:active){.qg-tour,.qg-invite,.qg-article-card{border:2px solid CanvasText}.qg-spotlight{border-color:Highlight}.qg-tour .qg-primary,.qg-center .qg-primary{border:1px solid ButtonText}.qg-tour::backdrop{background:transparent}}
@media print{body:has(.qg-reader) :is(.navbar,.wb-side,.qt-mobile-top,.m-bottom-nav,.footer,.qg-toc,.qg-article-actions,.qg-breadcrumb,.qg-help-dock,.qg-invite,.qg-tour,.qt-preview-note){display:none!important}.qg-center{margin:0;padding:0;max-width:none}.qg-reading-layout{display:block}.qg-article-body section{break-inside:avoid}.qg-check img{display:none}.qg-article-head h1{font-size:26px}.qg-article-body p{font-size:12pt}}

/* Model-made white-backed variants blend with the soft editorial surface. */
.qg-coach-image,.qg-hero>img,.qg-no-results img,.qg-character-grid img,.qg-turnaround img{mix-blend-mode:multiply}

.qg-mobile-copy,.qg-toc-toggle{display:none}.qg-manual-entry{display:flex;gap:20px;padding-top:18px;font-size:14px}.qg-manual-entry a{color:#2f7850}
@media(max-width:760px){.qg-desktop-copy{display:none}.qg-mobile-copy{display:inline}.qg-hero>div{padding-bottom:20px}.qg-hero p{display:none}.qg-hero h1{font-size:22px;padding-right:50px;margin:8px 0 18px}.qg-hero>img{height:130px;top:38px;width:90px}.qg-hero .qg-text-link{margin-top:10px}.qg-manual-entry{font-size:13px;justify-content:space-between;gap:8px}.qg-toc{display:flex;flex-direction:column;gap:6px;padding:14px;margin-bottom:20px}.qg-toc-toggle{display:block;margin:0!important;min-height:34px!important;padding:4px 10px!important}.qg-toc:not(.expanded)>:not(strong):not(.qg-toc-toggle){display:none}.qg-article-head{padding-bottom:18px;margin-bottom:18px}}

/* Illustrated guides use actual, privacy-reviewed screenshots; no UI is baked into copy. */
.qg-site-help{margin-left:auto;margin-right:16px}.qg-site-help svg{vertical-align:middle}
.qg-profile-entry{display:flex;align-items:center;gap:14px;margin:20px 0;padding:18px 20px;border:1px solid #c8e1d2;border-radius:14px;background:#f0faf4;color:#286346;text-decoration:none}.qg-profile-entry>span:first-of-type{flex:1}.qg-profile-entry strong,.qg-profile-entry small{display:block}.qg-profile-entry small{margin-top:4px;font-size:13px;color:#5b7266}
.qg-guide-thumb{display:block;width:100%;height:auto;aspect-ratio:480/308;object-fit:cover;border:1px solid #dce9e2;border-radius:8px;margin-bottom:14px;background:#f4f8f6}
.qg-screenshot{margin:24px 0 32px;border:1px solid #d0e2d8;border-radius:14px;overflow:hidden;background:#f6faf8}.qg-screenshot>a{position:relative;display:block;cursor:zoom-in}.qg-screenshot img{display:block;width:100%;height:auto}.qg-image-hint{position:absolute;right:12px;bottom:12px;border:1px solid #c5dbcf;border-radius:20px;padding:5px 12px;background:#fffffff2;color:#286346;font-size:12px}.qg-screenshot figcaption{padding:12px 16px;color:#365b49;font-size:14px;line-height:1.6}.qg-screenshot figcaption small{display:block;color:#657a6f;font-size:12px;margin-top:4px}
.qg-image-viewer{padding:0;border:1px solid #c8dfd2;border-radius:14px;width:min(1400px,96vw);max-width:96vw;max-height:94dvh;background:white;color:#2b4337}.qg-image-viewer::backdrop{background:#142d29b8}.qg-image-toolbar{display:flex;gap:16px;align-items:center;padding:14px 18px;border-bottom:1px solid #dce9e2}.qg-image-toolbar strong{flex:1;font-size:15px}.qg-image-toolbar a{color:#226b49;font-size:13px;white-space:nowrap}.qg-image-toolbar button{border:1px solid #c8dfd2;border-radius:8px;padding:8px 14px;background:#f0f8f4;color:#245c41;font-size:14px;cursor:pointer}.qg-image-scroll{overflow:auto;max-height:calc(94dvh - 80px)}.qg-image-scroll img{display:block;width:100%;height:auto}
@media(max-width:760px){.qg-profile-entry{padding:14px;margin:14px 0}.qg-guide-thumb{margin-bottom:10px}.qg-screenshot{margin:18px 0 24px}.qg-screenshot figcaption{padding:10px 12px;font-size:13px}.qg-image-toolbar{padding:10px;gap:8px}.qg-image-toolbar strong{font-size:12px}.qg-image-scroll img{width:1000px;max-width:none}.qg-image-hint{right:6px;bottom:6px;font-size:11px;padding:3px 8px}.qg-site-help{margin-left:0;margin-right:0}.sf-top{flex-wrap:wrap;gap:12px}}
@media print{.qg-image-viewer,.qg-image-hint,.site-footer{display:none!important}.qg-screenshot{break-inside:avoid;border:1px solid #ccc}.qg-guide-thumb{display:none}}