.script-library-card{transition:transform .2s ease,border-color .2s ease}.script-library-card:hover{transform:translateY(-3px);border-color:var(--primary)}.script-code-panel{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);color:var(--text-title)}.script-code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.script-version-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.script-version{white-space:nowrap}.script-code{max-width:100%;max-height:70vh;overflow:auto;padding:1.25rem;border:1px solid #334155;border-radius:10px;background:#0b1020;color:#f8fafc;direction:ltr;text-align:left;white-space:pre;tab-size:4}.script-code code{padding:0;background:transparent;color:inherit;font:.9rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.script-code .code-command{color:#7dd3fc}.script-code .code-string{color:#86efac}.script-code .code-comment{color:#cbd5e1}.script-code .code-number{color:#c4b5fd}.script-code .code-change-marker{color:#111827;background:#fde047;border-radius:3px;padding:0 2px;font-weight:800}.script-detail{max-width:1000px;margin:0 auto}[data-theme="light"] .script-code .code-change-marker{color:#111827;background:#facc15}@media(max-width:600px){.script-code-toolbar{align-items:flex-start;flex-direction:column}.script-code{font-size:.8rem;max-height:60vh;padding:.85rem}}
.script-version.active,.script-version.active:hover,.script-version[aria-current="page"]{background:#1d4ed8;border-color:#1d4ed8;color:#fff}
.script-copy--copied,.script-copy--copied:hover,[data-theme="dark"] .script-copy.script-copy--copied{background:#15803d;border-color:#15803d;color:#fff!important}
[data-theme="dark"] .script-library-card h2.h4{color:#fff}
.script-version-selector{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.script-version-label{font-weight:600;color:var(--text-title)}
[data-theme="dark"] .script-empty-state h2.h4{color:#fff}

/* Keep the public library readable on narrow screens and in translated layouts. */
.script-library-page,.script-library-page .container-max,.script-library-page .row{min-width:0;max-width:100%}
.script-library-card{min-width:0;overflow-wrap:anywhere}
.script-library-card h2{line-height:1.3;overflow-wrap:anywhere}
.script-library-intro h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.2;overflow-wrap:anywhere}
.script-library-intro p{padding-inline:.5rem}
.script-code-panel{min-width:0}
.script-version-selector,.script-version-tabs{min-width:0;max-width:100%}
.script-version{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.script-version-label{overflow-wrap:anywhere}
.script-copy{flex:0 0 auto}
.script-code{width:100%;min-width:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
@media(max-width:600px){
  .script-library-page{padding-block:1.25rem}
  .script-library-intro{margin-bottom:1.75rem!important}
  .script-library-intro h1{font-size:clamp(1.65rem,8vw,2.1rem)}
  .script-library-intro p{font-size:.98rem;line-height:1.6}
  .script-library-card{padding:1rem!important}
  .script-empty-state{padding:2rem 1rem!important}
  .script-empty-state h2{font-size:1.2rem;overflow-wrap:anywhere}
  .script-code-panel{padding:1rem}
  .script-code-toolbar{width:100%;gap:.85rem}
  .script-version-selector{align-items:flex-start;flex-direction:column;width:100%;gap:.5rem}
  .script-version-tabs{width:100%;gap:.4rem}
  .script-version{font-size:.8rem;padding:.4rem .6rem}
  .script-copy{width:100%;min-height:2.75rem}
  .script-code{font-size:.75rem;line-height:1.5;max-height:55vh;padding:.75rem}
  .active-version{overflow-wrap:anywhere}
}
@media(max-width:360px){
  .script-library-page .container-max{padding-inline:.75rem}
  .script-version{font-size:.75rem;padding:.35rem .5rem}
  .script-code-panel{padding:.75rem}
}
.script-detail> .mb-4 h1{max-width:100%;font-size:clamp(1.5rem,5vw,2.5rem);line-height:1.2;overflow-wrap:anywhere;word-break:normal}
@media(max-width:600px){.script-detail> .mb-4 h1{font-size:clamp(1.3rem,7vw,2rem);letter-spacing:-.02em}}
.script-detail> .mb-4 p{max-width:100%!important;overflow-wrap:anywhere;word-break:normal;line-height:1.6}
.script-category-card{padding:1.35rem;gap:.5rem;color:var(--text-title);transition:transform .2s ease,border-color .2s ease}.script-category-card:hover{transform:translateY(-3px);border-color:var(--primary);color:var(--text-title)}.script-category-card h2{margin:.35rem 0 0;overflow-wrap:anywhere}.script-category-icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:12px;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);font-size:1.3rem}
[data-theme="dark"] .script-category-card h2{color:#fff}
.script-library-card p.text-body{font-size:.9rem;line-height:1.5}
[data-theme="dark"] .script-library-card p.text-body{color:#e1e1e1!important}

/* Version notes use a distinct, readable surface separate from RouterOS code. */
.script-notes{margin:1rem 0 1.25rem;padding:1rem 1.15rem;border:1px solid var(--border);border-inline-start:4px solid var(--primary);border-radius:12px;background:var(--bg-card);color:var(--text-body);line-height:1.7;overflow-wrap:anywhere}
.script-notes__title{display:flex;align-items:center;gap:.5rem;margin:0 0 .6rem;color:var(--text-title);font-size:1rem;font-weight:700}
.script-notes__title i{color:var(--primary)}
.script-notes__content>:first-child{margin-top:0}.script-notes__content>:last-child{margin-bottom:0}
.script-notes__content h1,.script-notes__content h2,.script-notes__content h3{margin:.9rem 0 .4rem;color:var(--text-title);font-size:1rem;font-weight:700}
.script-notes__content p,.script-notes__content ul,.script-notes__content ol,.script-notes__content blockquote{margin:.45rem 0}
.script-notes__content ul,.script-notes__content ol{padding-inline-start:1.5rem}
.script-notes__content blockquote{padding:.5rem .8rem;border-inline-start:3px solid var(--border);color:var(--text-label);background:color-mix(in srgb,var(--border) 16%,transparent);border-radius:6px}
.script-notes__content code{padding:.12rem .35rem;border:1px solid var(--border);border-radius:5px;background:color-mix(in srgb,var(--border) 25%,transparent);color:var(--text-title);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}
.script-notes__content pre{overflow:auto;padding:.75rem;border:1px solid var(--border);border-radius:8px;background:#0b1020;color:#f8fafc;direction:ltr;text-align:left}
.script-notes__content pre code{padding:0;border:0;background:transparent;color:inherit}
.script-notes__content a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}
@media(max-width:600px){.script-notes{padding:.85rem}.script-notes__content{font-size:.94rem}}

.script-notes__callout{margin:.7rem 0;padding:.75rem .9rem;border:1px solid var(--border);border-inline-start:4px solid var(--primary);border-radius:8px;background:var(--bg-card)}
.script-notes__callout-title{margin-bottom:.25rem;color:var(--text-title);font-weight:700}
.script-notes__callout-content p{margin:.25rem 0}
.script-notes__callout--warning,.script-notes__callout--caution{border-inline-start-color:var(--warning,#d97706)}
.script-notes__callout--warning .script-notes__callout-title,.script-notes__callout--caution .script-notes__callout-title{color:var(--warning,#d97706)}
.script-notes__callout--important{border-inline-start-color:var(--danger,#dc2626)}
.script-notes__callout--important .script-notes__callout-title{color:var(--danger,#dc2626)}
.script-notes__rule{border:0;border-top:1px solid var(--border);opacity:1;margin:.85rem 0}
.script-notes__rtl{margin-top:.5rem}