/* Reusable "How to open on Mac" block. See _job7-src/mac-howto-template.html */
.machow{margin:10px 0 6px;border:1px solid #333;border-radius:4px;background:rgba(10,10,10,.6);text-align:left;font-size:13px;line-height:1.5;color:#bbb}
.machow>summary{cursor:pointer;padding:10px 12px;letter-spacing:2px;font-size:12px;color:#ddd;font-weight:bold;list-style:none}
.machow>summary::-webkit-details-marker{display:none}
.machow>summary::before{content:"+ ";color:#888}
.machow[open]>summary::before{content:"\2212 "}
.machow .mh-body{padding:0 12px 12px}
.machow p{margin:8px 0}
.machow b{color:#eee}
.machow .mh-code{display:flex;gap:6px;align-items:stretch;margin:6px 0 10px}
.machow .mh-code code{flex:1;min-width:0;display:block;background:#050505;border:1px solid #333;border-radius:4px;padding:8px 10px;font-family:'Courier New',monospace;font-size:12px;color:#9be59b;white-space:pre-wrap;word-break:break-all;user-select:all}
.machow .mh-copy{flex:none;font:inherit;font-size:11px;letter-spacing:1px;color:#050505;background:#fff;border:1px solid #fff;border-radius:4px;padding:0 10px;cursor:pointer}
.machow .mh-copy.done{background:#6be08f;border-color:#6be08f}

/* Job 21: "How to open" section on plugin pages (monochrome) */
.howopen .ho-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left}
@media (max-width:720px){.howopen .ho-grid{grid-template-columns:1fr}}
.howopen .ho-col{border:1px solid #333;border-radius:4px;background:rgba(10,10,10,.6);padding:12px 14px;font-size:13px;line-height:1.55;color:#bbb}
.howopen .ho-h{letter-spacing:2px;font-size:12px;font-weight:bold;color:#eee;margin-bottom:6px}
.howopen p{margin:8px 0}.howopen b{color:#eee}.howopen ol{margin:6px 0 6px 18px;padding:0}.howopen li{margin:3px 0}
.howopen .ho-small{color:#888;font-size:12px}
.howopen code.ho-f{font-family:'Courier New',monospace;font-size:12px;color:#ddd;word-break:break-all}
.howopen .mh-code{display:flex;gap:6px;align-items:stretch;margin:6px 0 10px}
.howopen .mh-code code{flex:1;min-width:0;display:block;background:#050505;border:1px solid #333;border-radius:4px;padding:8px 10px;font-family:'Courier New',monospace;font-size:12px;color:#e8e8e8;white-space:pre-wrap;word-break:break-all;user-select:all}
.howopen .mh-copy{flex:none;font:inherit;font-size:11px;letter-spacing:1px;color:#050505;background:#fff;border:1px solid #fff;border-radius:4px;padding:0 10px;cursor:pointer}
.howopen .mh-copy.done{background:#ccc;border-color:#ccc}