.zkn-next { margin: 22px 0; padding: 24px; border: 1px solid #cddfd2; border-radius: 14px; background: #f1f7f2; color: #263e2e; line-height: 1.6; }
.zkn-next h2 { color: #19462d; font-size: 24px; margin: 0 0 8px; }
.zkn-next > p { margin: 0 0 18px; color: #435e4b; }
.zkn-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.zkn-card { padding: 20px; border: 1px solid #d9e7dd; background: #fff; border-radius: 12px; min-width: 0; }
.zkn-card h3 { font-size: 18px; color: #19462d; margin: 0 0 8px; }
.zkn-card p { margin: 0 0 12px; font-size: 14px; }
.zkn-card ul { list-style: none; padding: 0; margin: 0; }
.zkn-card li + li { margin-top: 6px; }
.zkn-next a, .zkn-inline { display: inline-flex; align-items: center; min-height: 44px; padding: 9px 13px; border: 1px solid #a7c9b3; background: #edf5ef; border-radius: 8px; color: #19462d; font-weight: 700; line-height: 1.45; text-decoration: none; overflow-wrap: anywhere; max-width: 100%; box-sizing: border-box; }
.zkn-next .zkn-primary { background: #216541; color: #fff; border-color: #216541; }
.zkn-next a:hover, .zkn-inline:hover { background: #dceee1; color: #19462d; }
.zkn-next a:focus-visible, .zkn-next summary:focus-visible, .zkn-inline:focus-visible { outline: 3px solid #a66a04; outline-offset: 3px; }
.zkn-next details { margin-top: 10px; }
.zkn-next summary { padding: 8px 0; cursor: pointer; color: #28563a; font-weight: 700; }
.zkn-next details ul { margin-top: 8px; }
.zkn-inline { margin: 4px 0; font-size: 14px; }
.zkn-label-name { display: block; margin: 6px 0; font-size: 13px; color: #445e4c; }
@media(max-width:620px) { .zkn-next { padding: 16px; } .zkn-grid { grid-template-columns: minmax(0,1fr); } .zkn-card { padding: 16px; } .zkn-next h2 { font-size: 22px; } }