.key-walkthrough{margin:24px 0;padding-top:24px;border-top:1px solid var(--line,#495345);color:var(--text,#e0dfd1);font-family:Inter,Arial,sans-serif}.key-walkthrough header h3{font-size:24px;margin:8px 0 12px}.key-walkthrough p{font-size:14px;line-height:1.85;margin:10px 0 16px}.key-walkthrough-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;margin:22px 0}.key-walkthrough-facts>div{padding:16px;border:1px solid var(--line,#495345);border-radius:10px;background:var(--panel,#1b2825)}.key-walkthrough-facts dt{font-size:11px;color:var(--gold,#cbb67c);margin-bottom:9px;text-transform:uppercase;letter-spacing:.06em}.key-walkthrough-facts dd{margin:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.key-walkthrough-note{padding:18px 20px;border-left:3px solid var(--gold,#cbb67c);background:var(--panel,#1b2825);border-radius:0 10px 10px 0}.key-walkthrough-note>strong{font-size:15px;color:var(--gold,#cbb67c)}.key-walkthrough-note p:last-child{margin-bottom:0}.key-access-guide{border:1px solid var(--line,#495345);border-radius:10px;margin:20px 0;overflow:hidden}.key-access-guide>summary{padding:17px 20px;cursor:pointer;line-height:1.6;font-size:14px;font-weight:600}.key-access-content{padding:0 20px 8px}.key-walkthrough-steps{list-style:none;padding:0;margin:24px 0}.key-walkthrough-steps>li{border:1px solid var(--line,#495345);background:var(--panel,#1b2825);border-radius:12px;padding:22px;margin:16px 0}.key-step-title{display:flex;align-items:center;gap:12px}.key-step-title>span{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid var(--gold,#cbb67c);color:var(--gold,#cbb67c);border-radius:50%;font-size:14px}.key-step-title h4{font-size:18px;margin:0;line-height:1.5}.key-walkthrough-figure{margin:18px auto;max-width:500px}.key-walkthrough-figure>a{display:block;border-radius:8px;overflow:hidden;border:1px solid #647065;background:#111}.key-walkthrough-figure img{display:block;width:100%;height:auto;max-width:500px}.key-walkthrough-figure figcaption{font-size:12px;line-height:1.7;color:var(--muted,#b3bbae);padding:10px 0 0}.key-walkthrough-figure figcaption span{display:block;color:var(--gold,#cbb67c);margin-top:5px}.key-walkthrough .key-walkthrough-credit{font-size:11px;line-height:1.8;color:var(--muted,#b3bbae)}.key-walkthrough a{color:var(--gold,#cbb67c)}.key-walkthrough a:focus-visible,.key-access-guide>summary:focus-visible{outline:3px solid var(--gold,#cbb67c);outline-offset:3px}@media(max-width:600px){.key-walkthrough-steps>li{padding:16px}.key-access-content{padding:0 14px 6px}.key-access-guide>summary{padding:15px}.key-walkthrough header h3{font-size:21px}.key-step-title h4{font-size:16px}.key-walkthrough-note{padding:16px}.key-walkthrough p{font-size:14px}}

.key-npc-guide{display:flex;align-items:flex-start;gap:18px;padding:20px;border:1px solid var(--line,#495345);border-radius:10px;margin:20px 0}.key-npc-guide>img{width:64px;height:64px;image-rendering:pixelated;flex-shrink:0}.key-npc-guide h4{margin:0;font-size:18px}.key-npc-guide p{margin:6px 0}.key-npc-dialogue code{display:inline-block;padding:3px 7px;border:1px solid var(--line,#495345);border-radius:4px;color:var(--gold,#cbb67c)}@media(max-width:440px){.key-npc-guide{flex-direction:column;padding:16px}}
/* Site navigation header rules must not turn a guide introduction into a toolbar. */
.key-walkthrough>header,.mythera-key-sheet .key-walkthrough>header{display:block;position:static;inset:auto;min-height:0;height:auto;width:auto;margin:0 0 20px;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none}.key-walkthrough>header h3,.mythera-key-sheet .key-walkthrough>header h3{font-family:inherit;text-transform:none;display:block;margin:8px 0 12px}.key-walkthrough>header .eyebrow{margin:0 0 8px}