body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;color:#222;background-color: #4c7596;}
footer {color:#e4e4e4;margin-top:18px;font-size:13px;text-align: center;}
footer a {text-decoration: none; color: inherit;}
.container{max-width:980px;margin:0 auto}
.card{border:1px solid #e6e6e6;padding:16px;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;gap:16px;background-color: #fff;}
.content{border:1px solid #e6e6e6;padding:16px;border-radius:8px;margin-bottom:12px;background-color: #fff;}
.content li:not(li li) {margin: 0 0 12px 0;}
.preview{width:150px;height:150px;display:flex;align-items:center;justify-content:center;background:#94959f;border-radius:6px;flex:0 0 150px;overflow:hidden}
.preview img{max-width:90%;max-height:90%}
.info{flex:1}
.h{margin:0 0 6px 0;font-size:18px}
.p{margin:0 0 8px 0;color:#555}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.btn{padding:8px 10px;background:#007bff;color:#fff;border-radius:6px;text-decoration:none;font-size:14px}
.btn.secondary{background:#6c757d}
.small{font-size:13px;}
.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:#e4e4e4;}
.header a{color:inherit;text-decoration:none;}
/* Help toggle chevron: rotate when expanded */
.help-toggle .chev{display:inline-block;vertical-align:middle;margin-left:6px;transform:rotate(0deg);transition:transform .25s ease}
.help-toggle[aria-expanded="true"] .chev{transform:rotate(180deg)}

/* Collapsible content animation */
.help-collapsible .collapsible-content{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .25s ease,padding .2s ease;margin-top:0;padding:0 16px;background:#f8fafc;border:1px solid #dbeafe;border-radius:4px;font-size:15px}
.help-collapsible.open .collapsible-content{max-height:600px;opacity:1;padding:12px 16px;margin-top:10px}