/* Load after premium.css and product-studio.css. Native details stays collapsed until requested. */
.c100-guide { margin:10px 0 16px; border:1px solid #3b755c; border-radius:8px; color:#eefbf5; background:#10402b; overflow:hidden; }
.c100-guide[hidden] { display:none; }
.c100-guide-summary { display:flex; align-items:center; justify-content:space-between; gap:8px 16px; min-height:44px; padding:10px 14px; color:#eefbf5; font:600 14px/1.5 Manrope,sans-serif; cursor:pointer; list-style:none; }
.c100-guide-summary::-webkit-details-marker { display:none; }
.c100-guide-summary::after { content:'+'; flex-shrink:0; color:#ffdc62; font:500 22px/1 Manrope,sans-serif; }
.c100-guide[open]>.c100-guide-summary::after { content:'−'; }
.c100-guide-current { margin-left:auto; color:#bceed8; font:400 12px/1.5 'DM Sans',sans-serif; white-space:nowrap; }
.c100-guide-body { padding:0 14px 14px; }
.c100-guide-intro { margin:0 0 14px; color:#e4f9f0; font:400 16px/1.6 'DM Sans',sans-serif; }
.c100-guide-columns,.c100-guide-choice { display:grid; grid-template-columns:40px minmax(0,.8fr) minmax(0,1.2fr); align-items:center; gap:10px; }
.c100-guide-columns { padding:0 10px 7px; color:#bceed8; font:500 12px/1.4 'DM Sans',sans-serif; }
.c100-guide-choices { display:grid; gap:6px; }
.c100-guide .c100-guide-choice { width:100%; min-height:52px; margin:0; padding:10px; border:1px solid #3e8265; border-radius:5px; background:#0b3121; color:#eefbf5; font:400 14px/1.45 'DM Sans',sans-serif; text-align:left; cursor:pointer; }
.c100-guide .c100-guide-choice:hover { background:#1b583e; }
.c100-guide .c100-guide-choice[aria-pressed='true'] { border-color:#ffd442; background:#234b3a; box-shadow:inset 3px 0 #ffd442; }
.c100-guide-code { color:#ffdc62; font:700 14px/1.4 Manrope,sans-serif; }
.c100-guide-note { margin:14px 0 0; color:#c4ecdb; font:400 14px/1.6 'DM Sans',sans-serif; }
.c100-guide-source { display:inline-flex; align-items:center; min-height:44px; margin-top:6px; color:#ffdf70; font:500 14px/1.5 'DM Sans',sans-serif; text-decoration:underline; text-underline-offset:4px; }
.c100-guide :is(summary,button,a):focus-visible { outline:3px solid #ffd442; outline-offset:-3px; }
.explorer-choice>.c100-guide { grid-column:1 / -1; width:100%; margin:0; }
.product-studio .explorer-choice { row-gap:12px; }
.product-studio .c100-guide[open] .c100-guide-body { max-width:780px; }
.add-product-row>.c100-guide { grid-column:1 / -1; order:4; }
@media(min-width:1001px) { .explorer-choice>.c100-guide { margin-top:-10px; } }
@media(max-width:760px) { .c100-guide-summary { gap:8px; padding-inline:12px; } .c100-guide-body { padding-inline:12px; } .c100-guide-columns,.c100-guide-choice { grid-template-columns:40px minmax(0,.85fr) minmax(0,1.15fr); gap:8px; } }
@media(prefers-reduced-motion:reduce) { .c100-guide * { scroll-behavior:auto!important; transition:none!important; } }