.resource-panel{margin:2rem 0 3rem;padding:clamp(1rem,3vw,2rem);border:1px solid #354133;border-radius:24px;background:#10170f}.resource-panel h2{font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.15}.resource-panel p{max-width:74ch;color:#bdc8b7;line-height:1.7}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.template-preview{display:block;width:min(100%,715px);height:auto;margin:2rem auto 0;border-radius:8px}.workflow{padding:1rem 0;border-top:1px solid #354133}.workflow summary{cursor:pointer;font-size:1.1rem;font-weight:700;line-height:1.5}.workflow summary:focus-visible{outline:2px solid #d5fb57;outline-offset:6px}.workflow-screens{display:flex;flex-wrap:wrap;gap:1.5rem}.workflow-screens figure{margin:0;width:min(100%,250px)}.workflow-screens img{width:100%;height:auto;border-radius:20px}.workflow-screens figcaption{font-size:.85rem;line-height:1.5;color:#bdc8b7;margin-top:.6rem}.resource-panel .button{white-space:normal;text-align:center}.resource-grid article{min-width:0}@media(max-width:650px){.resource-grid{grid-template-columns:1fr}.workflow-screens figure{width:min(100%,300px)}}