:root{font:15px/1.8 'Malgun Gothic',system-ui,sans-serif;color:#e2e9ef;background:#171d26;color-scheme:dark;--muted:#a6b6c8;--line:#374555;--accent:#8ddcc6}*{box-sizing:border-box}body{margin:0}a{color:var(--accent)}button,select{font:inherit}button,a{touch-action:manipulation}.guide-top{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:14px max(20px,calc((100vw - 1100px)/2));background:#141b23;border-bottom:1px solid var(--line)}.guide-top>a{text-decoration:none;font-size:13px}.guide-top .guide-brand{font-size:21px;font-weight:bold;margin-right:auto}.guide-top .language-control{margin:0}#pid-guide{max-width:1100px;padding:28px 24px 70px;margin:auto;min-width:0}.guide-intro{padding:28px;background:linear-gradient(120deg,#243f42,#243046);border:1px solid #486570;border-radius:16px;margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:.5px;color:var(--accent)}h1{font-size:34px;line-height:1.35;letter-spacing:-1px;margin:14px 0}h2{font-size:22px;line-height:1.5;margin:0 0 12px}h3{font-size:17px;margin:0 0 8px}h4{font-size:12px;color:#a5c8e5;margin:16px 0 4px}p{margin:10px 0;color:#bac8d7;overflow-wrap:anywhere}.guide-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #5d7a84;border-radius:8px;padding:10px 16px;font-size:14px;text-decoration:none;background:#253b48;color:#b8e5ed;margin-top:10px}.guide-section{margin:30px 0;scroll-margin-top:20px}.feedback-chain{padding:16px 20px;background:#222e3a;border-radius:10px;color:#c3e7d7;font-weight:600}.role-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.role-card{padding:20px;border:1px solid var(--line);border-top:3px solid #79cdb5;border-radius:10px;background:#202933}.role-card.i{border-top-color:#d5ba82}.role-card.d{border-top-color:#a498da}.role-card p{font-size:13px;line-height:1.9}.scenario-choices{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.scenario-choices button{font-size:13px;min-height:48px;border:1px solid #526479;background:#242e3a;color:#c8d7e4;border-radius:9px;padding:10px 14px;cursor:pointer}.scenario-choices [aria-pressed=true]{border-color:#8ddcc6;background:#29493f;color:#c1f4df}.scenario-output{border:1px solid #465b6b;border-radius:14px;background:#1e2833;padding:22px;min-width:0}.scenario-title.good{color:#92e1bd}.scenario-title.bad{color:#f0bd89}.chart-legend{display:flex;gap:20px;flex-wrap:wrap;color:#b8c7d8;font-size:12px;margin:10px 0}.chart-legend span{display:flex;align-items:center;gap:8px}.chart-legend span:before{content:'';display:inline-block;width:24px;border-top:2px dashed #b8c9e4}.chart-legend .response-key:before{border-top:3px solid #e6bc86}.scenario-output svg{display:block;width:100%;height:auto;background:#18212b;border-radius:8px}.scenario-output svg text{fill:#b0c0d2;font:12px system-ui,sans-serif}.grid-line{stroke:#334251;stroke-width:1}.chart-axis{stroke:#718194;stroke-width:1}.target-line{stroke:#a9c6ed;stroke-width:2;stroke-dasharray:7 5}.response-line{stroke:#edba83;stroke-width:3;stroke-linejoin:round}.response-line.good{stroke:#83dfb8}.chart-caption{font-size:12px}.scenario-output dl{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px 18px;margin:20px 0 0;font-size:14px}.scenario-output dt{color:#b0d2e9;font-weight:600}.scenario-output dd{margin:0;overflow-wrap:anywhere}.guide-interpretation{border-left:3px solid #c5a46e;background:#302f2a;padding:18px 22px;margin-top:16px;border-radius:0 8px 8px 0}.guide-interpretation h3{color:#dfc8a2}.guide-interpretation p{font-size:13px}.source-links{display:flex;flex-wrap:wrap;gap:10px}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #8ddcc6;outline-offset:4px}
@media(max-width:720px){.guide-top{padding:12px 16px;gap:10px}.guide-top .language-control{flex-wrap:wrap}.guide-top .language-control select{max-width:90px}.guide-top .browser-translate{padding:7px;font-size:12px}#pid-guide{padding:20px 16px 50px}.guide-intro{padding:20px}h1{font-size:27px}h2{font-size:20px}.role-cards{grid-template-columns:1fr}.role-card{padding:18px}.role-card p{font-size:14px}.scenario-choices{display:grid;grid-template-columns:1fr 1fr}.scenario-choices button{padding:10px 8px;text-align:left;font-size:12px;white-space:normal;overflow-wrap:anywhere}.scenario-choices button:first-child{grid-column:1/-1}.scenario-output{padding:16px}.scenario-output dl{display:block;font-size:14px}.scenario-output dt{margin-top:16px}.scenario-output dd{margin-top:5px}.guide-interpretation{padding:16px}.guide-button{max-width:100%;white-space:normal;text-align:center}.source-links{flex-direction:column}.guide-top>a:nth-child(2){font-size:12px}}
.chart-legend.is-good .response-key:before{border-color:#83dfb8}