.ng-trails-wrap{max-width:900px;margin:0 auto;padding:1.5rem 20px 3rem;display:flex;flex-direction:column;gap:2rem}
.ng-trail-card{background:#fff;border:1px solid #e2ebdc;border-radius:14px;padding:1.5rem 1.75rem;box-shadow:0 1px 4px rgba(58,74,46,.08)}
.ng-trail-title{font-size:1.4rem;font-weight:700;color:#3a4a2e;margin:0 0 .5rem}
.ng-trail-intro{color:#5c6b52;margin:0 0 1rem;line-height:1.5}
.ng-trail-resume{margin:0 0 1rem}
.ng-trail-resume a{display:inline-block;padding:.5rem 1rem;background:#e5f0de;color:#2f6b1f;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem}
.ng-trail-resume a:hover{background:#d7e8ca}
.entry-content .ng-trail-steps,.ng-trail-steps{list-style:none;list-style-type:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.entry-content .ng-trail-steps li,.ng-trail-steps li{list-style:none;list-style-type:none}
.ng-trail-step a{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;border-radius:10px;text-decoration:none;color:#2f3b26;background:#f7faf4;transition:background .15s}
.ng-trail-step a:hover{background:#eef3e7}
.ng-trail-step-num{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#359138;color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}
.ng-trail-step-text{font-size:.95rem;line-height:1.4}

.ng-trail-banner{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#2f3b26;color:#f2f6ec;padding:.7rem 1rem;display:flex;align-items:center;gap:1rem;justify-content:center;flex-wrap:wrap;box-shadow:0 -2px 10px rgba(0,0,0,.15)}
.ng-trail-banner-text{font-size:.88rem}
.ng-trail-banner-next{background:#4d9e3c;color:#fff;padding:.4rem .9rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.85rem}
.ng-trail-banner-next:hover{background:#3f8630}
.ng-trail-banner-done{font-weight:600;color:#9fd98c}
.ng-trail-banner-close{background:none;border:none;color:#f2f6ec;font-size:1.3rem;line-height:1;cursor:pointer;padding:0 .25rem;margin-left:.25rem}

@media(max-width:600px){
.ng-trail-card{padding:1.1rem 1.1rem}
.ng-trail-title{font-size:1.2rem}
}

@media (prefers-color-scheme: dark){
html:not([data-ng-theme="light"]) .ng-trail-card{background:var(--ng-card-bg,#1c2217);border-color:var(--ng-border,#39462f)}
html:not([data-ng-theme="light"]) .ng-trail-title{color:var(--ng-heading,#e8f0e0)}
html:not([data-ng-theme="light"]) .ng-trail-intro{color:var(--ng-text,#c7d4ba)}
html:not([data-ng-theme="light"]) .ng-trail-step a{background:#242b1d;color:#dce6d1}
html:not([data-ng-theme="light"]) .ng-trail-step a:hover{background:#2c3524}
html:not([data-ng-theme="light"]) .ng-trail-resume a{background:#2c3524;color:#9fd98c}
}
html[data-ng-theme="dark"] .ng-trail-card{background:var(--ng-card-bg,#1c2217);border-color:var(--ng-border,#39462f)}
html[data-ng-theme="dark"] .ng-trail-title{color:var(--ng-heading,#e8f0e0)}
html[data-ng-theme="dark"] .ng-trail-intro{color:var(--ng-text,#c7d4ba)}
html[data-ng-theme="dark"] .ng-trail-step a{background:#242b1d;color:#dce6d1}
html[data-ng-theme="dark"] .ng-trail-step a:hover{background:#2c3524}
html[data-ng-theme="dark"] .ng-trail-resume a{background:#2c3524;color:#9fd98c}