.method-grid{display:grid;gap:10px;margin:26px 0 0}
.method-grid article{padding:13px 15px;border-left:2px solid #8aaa5b;background:#ffffff75}
.method-grid article>span{display:block;margin-bottom:7px;font:9px var(--mono);letter-spacing:.08em;color:#68716d}
.method-grid article strong{font:600 14px var(--display)}
.method-grid article p{margin:5px 0 0;font-size:12px;line-height:1.55;color:#59635e}
.principle-note{margin:18px 0 0;padding:14px 16px;background:var(--ink);color:#e8eee7;font-size:12px;line-height:1.6}
.principle-note strong{color:var(--green)}
.research-note{margin:12px 0 0;color:#59635e;font-size:11px;line-height:1.65}
.research-note strong{color:var(--ink)}
.research-note a{color:#426827}
.prompt-builder select{width:100%;min-height:42px;border:1px solid #d8ded5;background:#fff;padding:10px 12px;font:12px var(--sans);color:var(--ink);border-radius:0}
.prompt-builder select:focus,.prompt-builder textarea:focus,.prompt-builder input:focus{outline:2px solid #6d9540;outline-offset:1px}
.field-hint,.tone-hint{margin:-3px 0 5px;color:#66716a;font-size:11px;line-height:1.5}
.tone-hint{padding:10px 12px;background:#f1f3eb;border-left:2px solid #9ab475}
.privacy-note{margin:0;color:#68716d;font-size:10px;line-height:1.5}
.editable-note{font:10px var(--sans);font-weight:400;color:#68716d}
.generated-actions>div{display:flex;gap:8px;flex-wrap:wrap}
.lesson-panel{margin-top:23px;padding:20px;background:#f1f3eb;border-top:2px solid #8aaa5b}
.lesson-panel h3{margin:0 0 6px;font:600 19px var(--display);letter-spacing:-.03em}
.lesson-panel>p{margin:0 0 17px;color:#59635e;font-size:12px;line-height:1.55}
.lesson-panel label{display:block;margin:13px 0 6px}
.lesson-panel select,.lesson-panel textarea{width:100%;border:1px solid #d8ded5;background:#fff;padding:11px 12px;font:12px var(--sans);color:var(--ink);border-radius:0}
.lesson-actions,.lesson-log-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}
.lesson-actions [role=status]{font-size:10px;color:#52634a}
.lesson-log-head{padding-top:16px;border-top:1px solid #d8ded5}
.lesson-log-head strong{font:600 12px var(--display)}
.text-button{border:0;background:none;padding:5px 0;color:#59635e;text-decoration:underline;font:10px var(--mono);cursor:pointer}
.lesson-list{display:grid;gap:8px;padding:0;margin:10px 0 13px;list-style:none}
.lesson-list li{display:grid;gap:4px;padding:11px 12px;background:#fffefa;border:1px solid #e2e2da}
.lesson-list strong{font:500 10px var(--mono);color:#52634a}
.lesson-list span{font-size:11px;line-height:1.5;color:#435047;white-space:pre-wrap}
.lesson-list small,.lesson-panel>small{font-size:9px;line-height:1.5;color:#68716d}
.lesson-panel>small{display:block}
@media(max-width:900px){.method-grid{grid-template-columns:1fr}}
@media(max-width:680px){.principle-note{font-size:11px}.lesson-panel{padding:15px}.generated-actions>div{width:100%}.generated-actions .copy-button{flex:1}}