/* Scoped to the board25 quest guides (body markup qg-*). Same palette family as the raid guides. */
.qg{--qg-accent:#476b48;--qg-tint:#eef2e4;--qg-line:#dcd5c4;--qg-soft:#f7f5ec;color:#24392d;font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;font-size:15px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere}
.qg *{box-sizing:border-box}.qg p{margin:10px 0}.qg strong{font-weight:700}.qg img{max-width:100%;height:auto;vertical-align:middle;image-rendering:pixelated}
.qg-cat-must{--qg-accent:#a8452f;--qg-tint:#fbeee8;--qg-line:#ecd5cb}
.qg-cat-rebirth{--qg-accent:#6b4f8f;--qg-tint:#f2edf8;--qg-line:#ddd3ea}
.qg-cat-bonus{--qg-accent:#96691b;--qg-tint:#f9f1dc;--qg-line:#e9dcbb}
.qg-cat-normal{--qg-accent:#476b48;--qg-tint:#eef2e4;--qg-line:#dcd5c4}
.qg-cat-entry{--qg-accent:#2f7486;--qg-tint:#eaf4f6;--qg-line:#d1e3e8}
.qg .qg-root{display:block}

/* hero */
.qg .qg-hero{display:flex;gap:24px;align-items:stretch;padding:26px;border:1px solid var(--qg-line);border-radius:14px;background:linear-gradient(150deg,#fffef8,var(--qg-tint))}
.qg .qg-hero-art{flex:0 0 148px;min-height:148px;display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid var(--qg-line);border-radius:12px;background:radial-gradient(ellipse at 50% 42%,#fff 12%,var(--qg-tint) 96%)}
.qg .qg-hero-art img{max-width:124px;max-height:132px;width:auto;object-fit:contain;filter:drop-shadow(0 5px 3px #30402226)}
.qg .qg-ph{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--qg-accent);opacity:.55}
.qg .qg-hero-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.qg .qg-eyebrow{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.qg .qg-badge{display:inline-block;padding:3px 11px;border-radius:999px;background:var(--qg-accent);color:#fff;font-size:12px;font-weight:700;line-height:1.6}
.qg .qg-badge-stop{background:#f3f1ea;color:#7b7162;border:1px solid #ded9d0}
.qg .qg-title{margin:0 0 16px;font-size:31px;line-height:1.3;letter-spacing:-1.1px;color:#203e31;font-weight:800}
.qg .qg-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.qg .qg-fact{min-width:0;padding:11px 14px;border:1px solid var(--qg-line);border-radius:9px;background:rgba(255,255,255,.82)}
.qg .qg-fact-label{font-size:12px;color:#718175;line-height:1.5}
.qg .qg-fact-value{margin-top:2px;font-size:15px;font-weight:800;line-height:1.5;color:var(--qg-accent)}
.qg .qg-fact-level .qg-fact-value{font-size:18px;font-variant-numeric:tabular-nums}
.qg .qg-fact-pre .qg-fact-value{font-size:14px}

/* sections */
.qg .qg-section{margin:34px 0 0}
.qg .qg-h{position:relative;margin:0 0 14px;padding-left:14px;font-size:22px;line-height:1.4;letter-spacing:-.5px;color:#284a39;font-weight:800}
.qg .qg-h::before{content:"";position:absolute;left:0;top:.28em;bottom:.28em;width:5px;border-radius:3px;background:var(--qg-accent)}
.qg .qg-lead{margin:-4px 0 14px;font-size:14px;color:#66766a}
.qg .qg-muted{color:#7a857b}

/* rewards */
.qg .qg-reward-text{margin:0 0 12px;color:#4d5f52}
.qg .qg-reward-ep{margin:0 0 12px;font-size:14px;color:#66766a}
.qg .qg-ep{display:inline-block;margin-right:6px;padding:1px 9px;border-radius:999px;background:var(--qg-tint);border:1px solid var(--qg-line);color:var(--qg-accent);font-weight:800;font-size:13px;font-variant-numeric:tabular-nums}
.qg .qg-reward-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.qg .qg-reward{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;border:1px solid var(--qg-line);border-radius:10px;background:#fffef8}
.qg .qg-icon{flex:0 0 52px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;padding:3px;border:1px solid #ede8dc;border-radius:8px;background:var(--qg-soft)}
.qg .qg-icon img{max-width:44px;max-height:44px;width:auto;object-fit:contain}
.qg .qg-icon-pet{flex-basis:68px;width:68px;height:72px;background:var(--qg-tint)}
.qg .qg-icon-pet img{max-width:60px;max-height:64px}
.qg .qg-icon-empty .qg-ph{font-size:11px;letter-spacing:0}
.qg .qg-reward-info{display:flex;flex-direction:column;min-width:0}
.qg .qg-reward-name{font-size:14px;font-weight:700;line-height:1.45}
.qg .qg-reward-kind{font-size:12px;color:#7a857b;line-height:1.5}

/* inline tokens */
.qg .qg-name{font-weight:700;color:#1f3a2c}
.qg .qg-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;margin:1px 1px 1px 2px;padding:1px 9px 1px 5px;border:1px solid #e6dfcd;border-radius:999px;background:var(--qg-soft);font-weight:700;font-size:.94em;line-height:1.55;vertical-align:baseline;white-space:normal}
.qg .qg-chip img{flex:none;max-width:24px;max-height:22px;width:auto;object-fit:contain}
.qg .qg-chip-pet{background:var(--qg-tint);border-color:var(--qg-line)}
.qg .qg-chip-pet img{max-width:26px;max-height:28px}
.qg .qg-chip-text{min-width:0}
.qg .qg-inline-icons{display:inline-flex;align-items:center;gap:3px;margin:0 3px;vertical-align:middle}
.qg .qg-inline-icon{max-width:24px;max-height:22px;width:auto;object-fit:contain}
.qg .qg-coord{display:inline-block;margin:0 1px 0 2px;padding:0 6px;border-radius:5px;background:var(--qg-tint);color:var(--qg-accent);font-size:.9em;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.6;white-space:nowrap}
.qg .qg-where{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;color:#4d5f52}
.qg .qg-map{position:relative;padding-left:15px;font-weight:700}
.qg .qg-map::before{content:"";position:absolute;left:1px;top:50%;width:8px;height:8px;margin-top:-5px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--qg-accent)}

/* progress timeline */
.qg .qg-stage{margin:0 0 18px;padding:18px 20px;border:1px solid var(--qg-line);border-radius:12px;background:#fffef8}
.qg .qg-stage:last-child{margin-bottom:0}
.qg .qg-stage-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px dashed var(--qg-line)}
.qg .qg-stage-no{display:inline-block;padding:2px 12px;border-radius:999px;background:var(--qg-accent);color:#fff;font-size:13px;font-weight:800}
.qg .qg-steps,#sa-home #bo_v_con .qg .qg-steps,.qg .qg-flow-list,#sa-home #bo_v_con .qg .qg-flow-list{list-style:none;margin:0;padding:0}
.qg .qg-step,#sa-home #bo_v_con .qg .qg-step{position:relative;display:flex;gap:12px;margin:0;padding:0 0 14px;list-style:none}
.qg .qg-step:last-child{padding-bottom:0}
.qg .qg-step::before{content:"";position:absolute;left:13px;top:28px;bottom:0;width:2px;background:var(--qg-line)}
.qg .qg-step:last-child::before{display:none}
.qg .qg-step-no{position:relative;flex:0 0 28px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--qg-tint);border:2px solid var(--qg-accent);color:var(--qg-accent);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
.qg .qg-step-text{flex:1;min-width:0;padding-top:1px}
.qg .qg-step-note .qg-step-no{border-style:dashed;background:#fff}
.qg .qg-step-note .qg-step-no::after{content:"!"}
.qg .qg-step-note .qg-step-text{color:#66766a;font-size:14px}

/* situation guide */
.qg .qg-flow,#sa-home #bo_v_con .qg .qg-flow{margin:0 0 10px;padding:14px 18px;list-style:none;border:1px solid var(--qg-line);border-left:4px solid var(--qg-accent);border-radius:10px;background:#fffef8}
.qg .qg-flow:last-child{margin-bottom:0}
.qg .qg-flow-when{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}
.qg .qg-when{display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px;padding:3px 11px;border-radius:999px;background:var(--qg-tint);color:var(--qg-accent);font-size:13px;font-weight:700;line-height:1.6}
.qg .qg-when .qg-chip{margin:0 3px 0 0;padding:0 8px 0 4px;background:#fff;font-size:1em;color:#24392d}
.qg .qg-when-item-missing{background:#fbeeea;color:#9a4632}
.qg .qg-when-always{background:#f1efe8;color:#6d6a5d}
.qg .qg-when-place{background:#eaf4f6;color:#2f7486}
.qg .qg-and{color:#a19c8c;font-weight:800;font-size:13px}
.qg .qg-or{padding:1px 8px;border:1px solid #ded9d0;border-radius:999px;color:#7b7162;font-size:11px;font-weight:700;background:#fff}
.qg .qg-flow .qg-where{margin-bottom:4px}
.qg .qg-flow-text{margin:4px 0 0}
.qg .qg-foot{margin:36px 0 0;padding:16px 20px;border-radius:9px;background:var(--qg-tint);font-size:13px;color:#637267}

@media(max-width:640px){
.qg{font-size:14px;line-height:1.7}
.qg .qg-hero{flex-direction:column;gap:14px;padding:18px 14px}
.qg .qg-hero-art{flex:none;min-height:0;height:128px}.qg .qg-hero-art img{max-height:108px}
.qg .qg-title{font-size:25px;margin-bottom:12px}
.qg .qg-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.qg .qg-fact{padding:10px}.qg .qg-fact-value{font-size:14px}.qg .qg-fact-level .qg-fact-value{font-size:16px}
.qg .qg-section{margin-top:28px}.qg .qg-h{font-size:19px}
.qg .qg-reward-grid{grid-template-columns:1fr}.qg .qg-reward{padding:10px 12px}
.qg .qg-stage{padding:14px 12px}.qg .qg-step{gap:9px}.qg .qg-step-no{flex-basis:26px;width:26px;height:26px}.qg .qg-step::before{left:12px;top:26px}
.qg .qg-flow,#sa-home #bo_v_con .qg .qg-flow{padding:12px 12px}.qg .qg-when{font-size:12px;padding:2px 9px}
.qg .qg-foot{padding:14px}
}

/* 2026-09-21: multi-category badges + 환포(환생 계승 포인트) 인정 점수 */
.qg .qg-badge+.qg-badge{margin-left:6px}
.qg .qg-badge-cat-must{background:#a8452f}.qg .qg-badge-cat-rebirth{background:#6b4f8f}.qg .qg-badge-cat-bonus{background:#96691b}.qg .qg-badge-cat-normal{background:#476b48}.qg .qg-badge-cat-entry{background:#2f7486}
.qg .qg-badge-hwanpo{background:#fdf3d3;color:#7a5410;border:1px solid #d9b95f;font-variant-numeric:tabular-nums}
.qg .qg-fact-hwanpo .qg-fact-value{color:#96691b}

/* 2026-09-21 v3: verified corrections - 미운영(진행 불가), 진행 전 확인 callout, icon-less reward cards */
.qg .qg-badge-off{background:#f8ebe6;color:#8a3f2e;border:1px solid #e3c9c0}
.qg .qg-hero-off{background:linear-gradient(150deg,#fdfcf8,#f1efe9)}
.qg .qg-hero-off .qg-hero-art img{filter:grayscale(.75) opacity(.7)}
.qg .qg-hero-off .qg-title{color:#5d655f}
.qg .qg-banner{margin:14px 0 0;padding:16px 20px;border:1px solid #e3c9c0;border-left:4px solid #a8452f;border-radius:12px;background:#fcf3f0;color:#5c3026}
.qg .qg-banner-title{display:block;margin:0 0 2px;font-size:16px;font-weight:800;line-height:1.5;color:#8a3f2e}
.qg .qg-banner p{margin:4px 0 0;font-size:14.5px;line-height:1.7}
.qg .qg-banner .qg-banner-sub{font-size:13px;color:#8b6a60}
.qg .qg-banner-off~.qg-section,.qg .qg-banner-off~.qg-foot{opacity:.62}
.qg .qg-callout{margin:14px 0 0;padding:15px 20px 14px 18px;border:1px solid #ead9a8;border-left:4px solid #c08a1e;border-radius:12px;background:#fffaeb;color:#4f4220}
.qg .qg-callout-h{display:flex;align-items:center;gap:8px;margin:0 0 6px;padding:0;font-size:15px;font-weight:800;line-height:1.5;letter-spacing:-.2px;color:#7a5410}
.qg .qg-callout-h::before{content:"!";flex:none;width:20px;height:20px;border-radius:50%;background:#c08a1e;color:#fff;font-size:13px;font-weight:800;line-height:20px;text-align:center}
.qg .qg-callout-list,#sa-home #bo_v_con .qg .qg-callout-list{list-style:none;margin:0;padding:0}
.qg .qg-callout-item,#sa-home #bo_v_con .qg .qg-callout-item{position:relative;margin:0;padding:3px 0 3px 16px;list-style:none;font-size:14.5px;line-height:1.7}
.qg .qg-callout-item::before{content:"";position:absolute;left:3px;top:.95em;width:5px;height:5px;border-radius:50%;background:#c08a1e}
.qg .qg-callout .qg-chip{background:#fff;border-color:#ead9a8}
.qg .qg-fact-level-long .qg-fact-value{font-size:15px}
.qg .qg-icon-glyph{background:var(--qg-tint);border-color:var(--qg-line)}
.qg .qg-glyph{font-size:13px;font-weight:800;letter-spacing:-.3px;line-height:1.2;text-align:center;color:var(--qg-accent);font-variant-numeric:tabular-nums}
.qg .qg-reward-extra .qg-reward-name .qg-name{color:inherit}
@media(max-width:640px){
.qg .qg-banner,.qg .qg-callout{padding:13px 14px}.qg .qg-banner-title{font-size:15px}
.qg .qg-banner p,.qg .qg-callout-item,#sa-home #bo_v_con .qg .qg-callout-item{font-size:14px}
}