.learning-purpose-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:22px;background:#f5f3eb;border:1px solid #ddd9ce;border-radius:16px;margin-bottom:24px}.learning-purpose-summary h4{font-size:17px;margin:0 0 10px}.learning-purpose-summary p{margin:0 0 8px;overflow-wrap:anywhere}#learning-materials{scroll-margin-top:160px}#learning-change-preview{background:#faf9f5;border:2px solid #a8b9a8}#learning-change-preview>h4{font-size:22px}@media(max-width:700px){.learning-purpose-summary{grid-template-columns:1fr;padding:18px;gap:18px}.learning-purpose-summary>div+div{border-top:1px solid #dedbd1;padding-top:16px}#learning-materials{padding:18px}}

.design-feedback{border:2px solid #c7aa58;background:#fffdf7;scroll-margin-top:max(0px,calc(var(--planning-header-height,90px) + var(--planning-flow-height,78px) + 20px - var(--planning-page-scroll-padding,100px)))}.design-feedback-actions{display:flex;flex-wrap:wrap;gap:12px}.design-feedback h3{margin-top:0}@media(max-width:650px){.design-feedback-actions .button{width:100%;white-space:normal}}

#result-content{scroll-margin-top:max(0px,calc(var(--planning-header-height,90px) + var(--planning-flow-height,78px) + 20px - var(--planning-page-scroll-padding,100px)))}