.guide-article [hidden]{display:none!important}
.guide-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.concept-workshop{margin-top:28px}
.concept-progress{padding:20px 23px;border:1px solid #504633;background:#211f1a;margin-bottom:25px}
.concept-progress p{margin:0 0 12px;font-size:14px;color:var(--gold-light);line-height:1.7}
.concept-progress progress{display:block;width:100%;height:6px;accent-color:var(--gold);border:0;border-radius:0;background:#38372f}
.concept-progress progress::-webkit-progress-bar{background:#38372f}
.concept-progress progress::-webkit-progress-value{background:var(--gold)}
#concept-form fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border:0;padding:0;margin:0;min-width:0}
.concept-field{min-width:0;padding:22px;background:#1c1d20;border:1px solid #383a3e;display:flex;flex-direction:column}
.concept-field:focus-within{border-color:var(--gold)}
.concept-field label{display:flex;align-items:baseline;gap:10px;font-size:17px;line-height:1.6;font-weight:600;color:var(--text)}
.concept-field label span{font:400 24px/1 var(--display);color:var(--gold)}
.concept-field p{font-size:13px;color:var(--muted);line-height:1.75;margin:12px 0 17px}
.concept-field input,.concept-field textarea,.concept-result{display:block;width:100%;box-sizing:border-box;min-width:0;border:1px solid #505158;border-radius:2px;background:#121416;color:var(--text);font:400 16px/1.7 var(--body,sans-serif);padding:12px 14px;resize:vertical}
.concept-field input,.concept-field textarea{margin-top:auto}
.concept-field textarea{min-height:145px}
.concept-field input::placeholder,.concept-field textarea::placeholder{color:#a1a29e;font-size:14px}
.concept-field input:focus-visible,.concept-field textarea:focus-visible,.concept-result:focus-visible,.concept-actions button:focus-visible,.knowledge-detail summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.concept-help{font-size:13px!important;line-height:1.7;color:var(--muted);margin:18px 0!important;min-height:22px}
.concept-result-label{display:block;color:var(--gold-light);font-size:14px;margin-bottom:12px}
.concept-result{min-height:360px;font-size:15px}
.concept-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}
.concept-actions .button{font-size:13px;padding:13px 18px}
.concept-actions button:disabled{opacity:.45;cursor:not-allowed}
.concept-reset{padding:12px;background:none;border:0;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.knowledge-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0}
.knowledge-card{min-width:0;border:1px solid #3e4044;background:#1b1d20;padding:24px;display:flex;flex-direction:column}
.knowledge-badge{align-self:flex-start;border:1px solid #92805b;color:#dfcda3;font-size:10px;line-height:1.5;letter-spacing:.4px;padding:5px 8px;margin-bottom:17px}
.knowledge-outside .knowledge-badge{color:#dfb7a4;border-color:#866858}
.knowledge-conditional .knowledge-badge{color:#c5d4b7;border-color:#748669}
.knowledge-card h3{font-size:26px;margin:0 0 15px}
.knowledge-card p{font-size:14px;line-height:1.85;margin:0 0 17px;color:var(--muted)}
.knowledge-card .knowledge-scene{color:var(--text)}
.knowledge-detail{border-top:1px solid #45423a;padding-top:13px;margin-top:auto}
.knowledge-detail summary{color:var(--gold-light);font-size:13px;cursor:pointer}
.knowledge-detail[open] summary{margin-bottom:15px}
.knowledge-detail p:last-child{margin-bottom:0}
.knowledge-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;counter-reset:knowledge;padding:0!important}
.knowledge-flow li{position:relative;counter-increment:knowledge;margin:0;padding:24px 20px 24px 58px;border:1px solid #45423a;background:#1b1d20}
.knowledge-flow li::before{content:counter(knowledge,decimal-leading-zero);position:absolute;left:18px;top:25px;font:400 24px/1 var(--display);color:var(--gold)}
.knowledge-flow strong{display:block;color:var(--gold-light);font-size:16px;margin-bottom:10px}
.knowledge-flow span{display:block;font-size:14px;line-height:1.8;color:var(--muted)}
@media(max-width:650px){#concept-form fieldset,.knowledge-cards,.knowledge-flow{grid-template-columns:1fr}.concept-field,.knowledge-card{padding:20px}.concept-field textarea{min-height:120px}.concept-actions{align-items:stretch;flex-direction:column}.concept-actions .button{justify-content:center}.concept-result{min-height:400px}.concept-progress{padding:18px}}
.concept-reset-prompt{margin-top:20px;padding:20px;border:1px solid #756345;background:#24221d}.concept-reset-prompt p{margin:0;font-size:15px}