/* One shared, ordered explanation on the resource card and demo page. */
.resource-process{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px;color:#11110f}
.resource-process li{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;padding:12px;background:#fdfcf8;border:1px solid #35383d20;border-radius:3px;position:relative}
.resource-process img{display:block;width:54px;height:54px}
.resource-process strong{display:block;font-size:14px;line-height:1.4;font-weight:600}
.resource-process .process-number{font:11px/1.4 'Courier Prime',monospace;color:#6b4f3f;display:block;margin-bottom:3px}
.resource-process li p{font-size:12px;line-height:1.5;color:#555750;margin:5px 0 0}
.resource-process li+li:before{content:'↓';position:absolute;left:38px;top:-17px;color:#6b4f3f;font-size:15px}
@media(min-width:1100px){.resource-details .resource-process{grid-template-columns:1fr 1fr}.resource-details .resource-process li{grid-template-columns:42px minmax(0,1fr);gap:8px}.resource-details .resource-process img{width:42px;height:42px}.resource-details .resource-process li:before{content:none}}
.studio-context{background:#f9f7fc;border:1px solid #d9d0e5;border-radius:12px;margin:0 0 20px;padding:0 18px;color:#282236}
.studio-context summary{padding:15px 0;cursor:pointer;font-size:14px;font-weight:600;min-height:20px}
.studio-context>p{font-size:13px;line-height:1.65;max-width:850px;margin:0 0 15px;color:#696276}
.studio-context .resource-process{margin:14px 0 20px}
@media(min-width:760px){.studio-context .resource-process{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-context .resource-process li:before{content:none}}
.studio-roen-nav{font:13px/1.5 Arial,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(20px,calc((100% - 1240px)/2));background:#f4f0e6;border-bottom:1px solid #d9d0e5}
.studio-roen-nav a{color:#282236;text-decoration:none;min-height:44px;display:flex;align-items:center}
.studio-roen-nav a:last-child{border-bottom:1px solid #6b4f3f}
.studio-roen-nav a:focus-visible{outline:3px solid #839bd6;outline-offset:4px}
@media(max-width:570px){.studio-roen-nav{padding:8px 16px;gap:16px;font-size:12px}.studio-roen-nav a:last-child{max-width:150px;text-align:right}.studio-context{padding-inline:14px}}
@media(max-width:570px){#demo-project-panel .pm-button,#demo-project-panel .pm-switch button,#demo-project-panel .pm-close{min-height:44px}#demo-project-panel .pm-close{min-width:44px}#demo-project-panel .pm-check{min-height:30px;align-items:center}#demo-project-panel .pm-task-row>button{min-height:44px}}