/* script styles */
.script-entry__header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem; margin:calc(-1 * clamp(1.25rem, 3vw, 2.5rem)) calc(-1 * clamp(1.25rem, 3vw, 2.5rem)) 20px; padding:clamp(1.25rem, 3vw, 2.5rem); border-radius:calc(var(--radius) - .05rem) calc(var(--radius) - .05rem) 0 0; background:var(--navy); }

.script-entry__header .page-title { flex:1 1 28rem; color:#fff; font-size:28px; }

.script-summary { display:flex; flex:0 0 auto; flex-wrap:wrap; justify-content:flex-end; gap:.75rem 1.25rem; align-items:center; margin:0 0 0 auto; color:#fff; }

.script-difficulty { padding:.35rem .7rem; border:1px solid rgba(255,255,255,.72); border-radius:999px; color:#fff; background:rgba(255,255,255,.12); font-weight:700; }

.script-difficulty-guide { margin:0 0 1.5rem; padding:1rem 1.25rem; border:4px solid var(--teal); border-radius:var(--radius); background:var(--soft); }

.script-difficulty-guide h2 { margin:0 0 .5rem; font-size:1rem; }

.script-difficulty-guide p { margin:0; color:var(--muted); font-size:.95rem; line-height:1.8; }

.script-variants { max-width:1150px; margin:2rem auto; }

.script-tabs { display:flex; flex-wrap:wrap; gap:.5rem; margin:1rem 0 0; border-bottom:2px solid var(--line); }

.script-tab { padding:.6rem 1rem; border:1px solid currentColor; border-bottom:0; border-radius:.55rem .55rem 0 0; background:#fff; color:var(--tab-color); font:inherit; font-weight:800; cursor:pointer; transition:background-color .18s ease,color .18s ease; }

@media (max-width:42rem) {
	.script-tabs { flex-wrap:nowrap; gap:.25rem; }
	.script-tab { flex:1 1 0; min-width:0; padding:.55rem .35rem; font-size:clamp(.69rem,3.15vw,.8rem); line-height:1.35; white-space:nowrap; }
}

.script-tab[aria-selected="true"] { background:var(--tab-color); color:#fff; }

.script-tab--free, .script-variant--free, .script-copy-button--free { --tab-color:#b04444; --tab-soft:#fff2f2; --tab-line:#e8bbbb; }

.script-tab--plus, .script-variant--plus, .script-copy-button--plus { --tab-color:#176d9f; --tab-soft:#eef7fc; --tab-line:#b9d8e9; }

.script-tab--generic, .script-variant--generic, .script-copy-button--generic { --tab-color:#4d8544; --tab-soft:#f1f8ef; --tab-line:#c4dfbe; }

.script-variant { margin-top:0; padding:1.25rem; border:1px solid var(--tab-line); border-top:0; border-radius:0 0 12px 12px; background:#fff; }

.script-variant__header { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }

.script-variant__header h3 { margin:0; }

.script-display-controls { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.35rem; }

.script-display-controls__label { align-self:center; color:var(--muted); font-size:.85rem; font-weight:700; }

.script-size-button { padding:.38rem .55rem; border:1px solid var(--tab-color); border-radius:6px; background:#fff; color:var(--tab-color); font:inherit; font-size:.8rem; font-weight:700; cursor:pointer; transition:background-color .18s ease,color .18s ease; }

.script-size-button:hover, .script-size-button[aria-pressed="true"] { background:var(--tab-color); color:#fff; }

.script-variant pre { max-height:34rem; overflow:auto; padding:1rem; white-space:pre-wrap; background:var(--tab-soft); border-radius:8px; font-size:var(--script-font-size, 16px); }

.script-copy-button { padding:.65rem 1rem; border:1px solid var(--tab-color); border-radius:7px; color:#fff; background:var(--tab-color); font:inherit; font-weight:700; cursor:pointer; transition:background-color .18s ease,color .18s ease; }

.script-copy-button:hover { color:var(--tab-color); background:#fff; }

.script-copy-button--compact { padding:.38rem .7rem; font-size:.8rem; }

.script-copy-button:focus-visible { outline:3px solid #f2b705; outline-offset:3px; }

.script-role-table-wrap { overflow-x:auto; }

.script-role-table { width:100%; border-collapse:collapse; background:#fff; }

.script-role-table th, .script-role-table td { padding:.85rem 1rem; border:1px solid var(--line); text-align:left; vertical-align:middle; }

.script-role-table thead th { background:var(--brand); color:#fff; white-space:nowrap; }

.script-role-table tbody th { min-width:16rem; }

.script-role-table td:nth-child(3) { text-align:center; vertical-align:middle; white-space:nowrap; }

.script-role-table tbody tr:nth-child(even) > * { background:#f4fbf7; }

.script-role-table a { font-weight:800; }

.guide-archive-hero .script-use-notice { width:min(30rem, 100%); margin:30px 0 1.5rem; padding:1rem 1.25rem; border:4px solid #b91c1c; border-radius:var(--radius); background:#fffbf4; }

.script-footer-notice { margin-top:20px; }

.script-use-notice h2 { margin:0 0 .65rem; color:#9a5b08; font-size:1rem; }

.script-use-notice p { margin:.55rem 0 0; color:#6b7280; font-size:14px; line-height:1.8; }

.script-role-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }

.script-role-grid .guide-card__link { flex-direction:row; }

.script-role-grid .guide-card__body { order:1; }

.script-role-grid .guide-card__media { flex:0 0 43%; order:2; aspect-ratio:auto; }

.script-role-grid .guide-card__media img { object-position:center; }