.district-guide{display:flex;align-items:center;gap:18px;border:1px solid #c8cfb8;border-radius:15px;background:linear-gradient(100deg,#ecf0df,#fff9ea);padding:14px 22px;margin:0 0 25px}.guide-portrait{width:76px;height:120px;flex-shrink:0}.district-guide h3{font-size:17px;margin:0 0 7px}.district-guide p{font-size:12px;color:#7c816a;margin:0}.district-guide>button{margin-left:auto;white-space:nowrap}#person-dialog:has(#npc-tutorial:not([hidden])){max-width:1050px}.npc-lesson-heading{margin:24px 0 14px}.npc-lesson-heading h3{margin:6px 0}.npc-lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.npc-lesson-step{position:relative;padding:14px;background:#f7f0df;border:1px solid #d8cbb0;border-radius:13px}.npc-lesson-step svg{width:100%;margin:12px 0 0}.npc-lesson-number{font-size:11px;color:#aa8b4e;font-weight:700}.npc-lesson-step h4{margin:8px 0;font-size:14px}.npc-lesson-step p{font-size:12px!important;line-height:1.9;min-height:100px}.npc-lesson-step button{width:100%;font-size:11px;padding:11px 8px}.person-layout:has(#npc-tutorial:not([hidden])){grid-template-columns:220px 1fr}.person-layout:has(#npc-tutorial:not([hidden])) .person-story{padding:24px}@media(max-width:650px){.district-guide{gap:10px;padding:12px;flex-wrap:wrap}.guide-portrait{width:56px;height:88px}.district-guide>div:nth-child(2){flex:1;min-width:130px}.district-guide>button{margin-left:66px}.npc-lesson-grid{grid-template-columns:1fr}.npc-lesson-step{display:grid;grid-template-columns:90px 1fr;gap:7px 14px}.npc-lesson-step .npc-lesson-number{grid-column:1/-1}.npc-lesson-step svg{grid-column:1;grid-row:2/4;align-self:center}.npc-lesson-step h4{grid-column:2}.npc-lesson-step p{grid-column:2;min-height:0;margin:0}.npc-lesson-step button{grid-column:1/-1}.person-layout:has(#npc-tutorial:not([hidden])){display:block}.person-layout:has(#npc-tutorial:not([hidden])) .person-art{height:230px}.person-layout:has(#npc-tutorial:not([hidden])) #person-portrait{height:200px}}