/* The standards section on printable and maker pages (includes/standards.php,
   js/standards.js). Both themes: the purple variables when the purple skin is
   on, the classic amber otherwise. */
.std-block a.standard-code, .std-block .gcb-list a { text-decoration: none; }
.std-block a.standard-code:hover, .std-block .gcb-list a:hover strong { text-decoration: underline; }
.std-block .gcb-list a strong { color: var(--pv-violet-d, #1e293b); }

.std-pick { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: -4px 0 12px; font-size: 13px; color: var(--pv-muted, #64748b); }
.std-pick[hidden] { display: none; }
.std-pick label { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; }
.std-pick select {
  font: 700 13px 'DM Sans', Inter, sans-serif; color: var(--pv-plum, #1e293b);
  background: var(--pv-cream, #fffbeb); border: 1.5px solid var(--pv-line, #fde68a); border-radius: 999px;
  padding: 5px 28px 5px 12px; cursor: pointer; appearance: none; -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23776b96' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 11px center;
}
.std-pick select:focus-visible { outline: 2px solid var(--pv-violet, #f59e0b); outline-offset: 2px; }
.std-pick a { color: var(--pv-violet, #d97706); font-weight: 700; text-decoration: none; }
.std-pick a:hover { text-decoration: underline; }

.std-block [data-std-list] li[hidden] { display: none; }
.std-more {
  margin: 2px 0 4px; padding: 5px 14px; font: 700 13px 'DM Sans', Inter, sans-serif; cursor: pointer;
  color: var(--pv-violet, #92400e); background: var(--pv-cream, #fffbeb); border: 1.5px solid var(--pv-line, #fde68a); border-radius: 999px;
}
.std-more:hover { border-color: var(--pv-lav, #f59e0b); }
.std-notice { margin: 10px 0 0 !important; font-size: 11.5px !important; line-height: 1.5 !important; color: var(--pv-muted, #94a3b8) !important; }
.std-notice[hidden] { display: none; }
[data-std-block][hidden] { display: none !important; }