/* Quiet Classic, owner-selected 2026-10-30.
 * Final interaction layer for website/admin controls, including dynamically
 * inserted controls. Native product workspaces and printable output are separate.
 * !important is limited to this component contract to defeat historic ID,
 * inline and page-specific hover overrides. It must load last.
 */
@media screen {
.qc-site,.qc-demo[data-qc-theme="light"] {
 --qc-primary:#0c3d52;--qc-primary-hover:#15566c;--qc-primary-pressed:#082e40;
 --qc-on-primary:#fff;--qc-ink:#102f3d;--qc-line:#698b9b;
 --qc-soft:#e6f2f5;--qc-hover:#d3e8ee;--qc-ring:#16718c;
 --qc-disabled:#e0e8eb;--qc-disabled-ink:#556b75;
 --qc-radius:6px;--qc-duration:140ms;
}
html[data-theme="dark"] .qc-site,.qc-demo[data-qc-theme="dark"] {
 --qc-primary:#a3dcde;--qc-primary-hover:#c0eded;--qc-primary-pressed:#87c6ca;
 --qc-on-primary:#10333f;--qc-ink:#e7f0f1;--qc-line:#75959e;
 --qc-soft:#1d3942;--qc-hover:#2a4b56;--qc-ring:#b5ecee;
 --qc-disabled:#2b414a;--qc-disabled-ink:#a5b9c0;
}
/* Explicit specimens retain their own palette inside either admin theme. */
html[data-theme] .qc-demo[data-qc-theme="light"] {
 --qc-primary:#0c3d52;--qc-primary-hover:#15566c;--qc-primary-pressed:#082e40;
 --qc-on-primary:#fff;--qc-ink:#102f3d;--qc-line:#698b9b;
 --qc-soft:#e6f2f5;--qc-hover:#d3e8ee;--qc-ring:#16718c;
 --qc-disabled:#e0e8eb;--qc-disabled-ink:#556b75;
}
.qc-site :is(a,button,summary,[role="button"],input[type="submit"]) {
 transition:background-color var(--qc-duration) ease-out,border-color var(--qc-duration) ease-out,color var(--qc-duration) ease-out!important;
}
.qc-site :is(button,[role="button"],.btn,.action,.button,.pi-btn) {
 text-decoration:none!important;filter:none!important;transform:none!important;box-shadow:none!important;
}
.qc-site :is(button,[role="button"],.btn,.action,.button,.pi-btn) :is(span,strong,small) {text-decoration:none!important}
.qc-site :is(button,[role="button"],.btn,.action,.button,.pi-btn) :is(span,svg) {transform:none!important;filter:none!important}
.qc-site a:any-link {color:var(--qc-primary);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.qc-site a:any-link:hover {text-decoration-thickness:2px}
.qc-site :is(.text-link,.back-link) {border-bottom:0!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:4px!important;filter:none!important;transform:none!important}
.qc-site :is(.text-link,.back-link):hover {text-decoration-thickness:2px!important}
/* One underline owner per label; component frames and row dividers remain. */
.launch.qc-site .refund-badge a {border-bottom:0!important}
.qc-site .mobile-preview-link span,
.qc-site .practitioner-compare-go,
.qc-site .gallery-utility-label {text-decoration:none!important}
.launch.qc-site :is(.industry-list>a,.agency-job-list a) {text-decoration:none!important}
.qc-site :is(a,button,summary,input,select,textarea,[role="button"]):focus-visible {
 outline:3px solid var(--qc-ring)!important;outline-offset:4px!important;
}
/* Existing layout-driven controls keep their layout, and share quiet feedback. */
@media(hover:hover) {
 .qc-site :is(button,summary,[role="button"]):not(:disabled,[aria-disabled="true"],[aria-busy="true"]):hover {
  background-color:var(--qc-hover)!important;color:var(--qc-ink)!important;filter:none!important;
 }
}
.qc-site :is(button,[role="button"]):not(:disabled,[aria-disabled="true"],[aria-busy="true"]):active {
 background-color:var(--qc-soft)!important;color:var(--qc-ink)!important;
}
/* Standard actions: every legacy class maps to the same geometry. */
.qc-site :is(.btn,.action,.button,.pi-btn,button[type="submit"],input[type="submit"],.qc-primary,.qc-secondary,.qc-tertiary) {
 box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;
 min-height:46px!important;max-width:100%;padding:10px 19px!important;
 border:1px solid var(--qc-line)!important;border-radius:var(--qc-radius)!important;
 background-color:transparent!important;color:var(--qc-ink)!important;
 font-family:Plex,'IBM Plex Sans',sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1.35!important;
 text-align:center;white-space:normal!important;text-decoration:none!important;
}
/* Every Buy button keeps one 48px target, whichever page or panel holds it. */
.qc-site [data-buy]:is(.btn,.action,.button) {min-height:48px!important}
@media(hover:hover) {
 .qc-site :is(.btn,.action,.button,.pi-btn,button[type="submit"],input[type="submit"],.qc-secondary):not(:disabled,[aria-disabled="true"],[aria-busy="true"]):hover {
  background-color:var(--qc-hover)!important;border-color:var(--qc-primary)!important;color:var(--qc-ink)!important;
 }
}
.qc-site :is(.btn.primary,.action-primary,.action-gold,.kr-primary,.ht-primary,.qc-primary),
.qc-site .brand-intro-actions>a.button:first-child {
 background-color:var(--qc-primary)!important;border-color:var(--qc-primary)!important;color:var(--qc-on-primary)!important;
}
@media(hover:hover) {
 .qc-site :is(.btn.primary,.action-primary,.action-gold,.kr-primary,.ht-primary,.qc-primary):not(:disabled,[aria-disabled="true"],[aria-busy="true"]):hover,
 .qc-site .brand-intro-actions>a.button:first-child:hover {
  background-color:var(--qc-primary-hover)!important;border-color:var(--qc-primary-hover)!important;color:var(--qc-on-primary)!important;
 }
}
.qc-site :is(.btn.primary,.action-primary,.action-gold,.kr-primary,.ht-primary,.qc-primary):not(:disabled,[aria-disabled="true"],[aria-busy="true"]):active,
.qc-site .brand-intro-actions>a.button:first-child:active {
 background-color:var(--qc-primary-pressed)!important;border-color:var(--qc-primary-pressed)!important;color:var(--qc-on-primary)!important;
}
/* Outlined link actions need a pressed state too, not just native buttons. */
.qc-site :is(.btn:not(.primary),.action-outline,.qc-secondary):not(:disabled,[aria-disabled="true"],[aria-busy="true"]):active {
 background-color:var(--qc-soft)!important;border-color:var(--qc-primary)!important;color:var(--qc-ink)!important;
}
/* Utility actions are buttons; prose links remain recognizably underlined. */
.qc-site :is(.text-button,.ra-text-button,.contact-link,.phone-copy,button.text-link,.qc-tertiary) {
 display:inline-flex;align-items:center;justify-content:center;min-height:44px;
 padding:8px 12px!important;border:1px solid transparent!important;border-radius:var(--qc-radius)!important;
 background-color:transparent;color:var(--qc-ink);font:600 15px/1.35 Plex,'IBM Plex Sans',sans-serif;
 text-decoration:none!important;box-shadow:none!important;
}
/* Anchor utilities share the feedback already supplied to native buttons. */
@media(hover:hover) {
 .qc-site :is(.text-button,.ra-text-button,.contact-link,.phone-copy,button.text-link,.qc-tertiary):not(:disabled,[aria-disabled="true"],[aria-busy="true"]):hover {
  background-color:var(--qc-hover)!important;color:var(--qc-ink)!important;
 }
}
.qc-site :is(.text-button,.ra-text-button,.contact-link,.phone-copy,button.text-link,.qc-tertiary):not(:disabled,[aria-disabled="true"],[aria-busy="true"]):active {
 background-color:var(--qc-soft)!important;color:var(--qc-ink)!important;
}
/* Navigation uses color/fill feedback and persistent current-page emphasis. */
.qc-site :is(nav a,.head nav a,.xs-primary-nav a,.xs-footer-links a,.admin-tabs a,.section-nav a,.subnav a) {
 text-decoration:none!important;filter:none!important;transform:none!important;
}
.qc-site nav a:hover {color:var(--qc-ink)!important;background-color:var(--qc-soft)}
.qc-site nav a[aria-current="page"] {font-weight:600;color:var(--qc-ink)}
/* Plain-link menus stay unboxed. Opt in without changing tab or pill navigation. */
.qc-site .qc-link-nav a {background-color:transparent!important}
.qc-site .qc-link-nav a:hover {color:var(--qc-ink)!important}
.qc-site .qc-link-nav a:active {color:var(--qc-primary-pressed)!important}

.qc-site :is(.brand,.brand-lockup,.xs-wordmark,.xs-utility-brand,.sample-thumbnail,.dashboard-shot a,.output-shot a,.vp-poster-card) {text-decoration:none!important}
/* Industry pills share the action palette, but retain their pill silhouette. */
.qc-site :is(.industries a,.industry-pills a,.industry-pills button,.qc-pill) {
 display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px!important;
 padding:8px 17px!important;border:1px solid var(--qc-line)!important;border-radius:999px!important;
 background-color:transparent!important;color:var(--qc-ink)!important;font:500 15px/1.35 Plex,'IBM Plex Sans',sans-serif!important;
 text-decoration:none!important;filter:none!important;transform:none!important;box-shadow:none!important;
}
@media(hover:hover) {
 .qc-site :is(.industries a,.industry-pills a,.industry-pills button,.qc-pill):not(:disabled,[aria-disabled="true"],[aria-current="page"],[aria-pressed="true"]):hover {
  background-color:var(--qc-hover)!important;border-color:var(--qc-primary)!important;color:var(--qc-ink)!important;
 }
}
.qc-site :is(.industries a,.industry-pills a,.industry-pills button,.qc-pill):is([aria-current="page"],[aria-pressed="true"]) {
 background-color:var(--qc-primary)!important;border-color:var(--qc-primary)!important;color:var(--qc-on-primary)!important;
}
.qc-site :is(.industries a,.industry-pills a,.industry-pills button,.qc-pill):not(:disabled,[aria-disabled="true"]):active {
 background-color:var(--qc-primary-pressed)!important;border-color:var(--qc-primary-pressed)!important;color:var(--qc-on-primary)!important;
}
/* Preserve the approved borderless theme switch; only its feedback is shared. */
.qc-site :is(.theme,.theme-switch,.theme-toggle,.icon-button,.mk-icon-button,.vp-modal-close) {
 min-width:44px;min-height:44px;border-radius:var(--qc-radius);text-decoration:none!important;
}
/* A borderless theme icon also stays unboxed on hover and press. */
.qc-site :is(.theme,.theme-switch,.theme-toggle):not(:disabled,[aria-disabled="true"]):is(:hover,:active) {
 background-color:transparent!important;color:var(--qc-primary-hover)!important;
}
.qc-site :is(.actions,.brand-file-actions,.privacy-choice-actions,.brand-secondary-actions) {gap:10px}
/* Busy retains its role and width. Disabling never masquerades as a wait cursor. */
.qc-site :is(button,a,input[type="submit"])[aria-busy="true"] {cursor:progress;pointer-events:none}
.qc-site :is(.btn,.action,.button,.pi-btn,.qc-primary,.qc-secondary,button):is(:disabled,[aria-disabled="true"]):not([aria-busy="true"]) {
 background-color:var(--qc-disabled)!important;color:var(--qc-disabled-ink)!important;border-color:transparent!important;
 opacity:1!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;
}
.qc-site a[aria-disabled="true"] {pointer-events:none}
.qc-site [hidden] {display:none!important}
.qc-demo {padding:24px;background:#fff;color:#102f3d}
.qc-demo[data-qc-theme="dark"] {background:#0e2027;color:#e7f0f1}
.qc-site .qc-demo a:any-link {color:var(--qc-primary)}
.qc-demo .qc-demo-row {display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}
.qc-demo h3 {font-size:20px;margin:0 0 12px;font-weight:600}
.qc-demo .qc-hover {background-color:var(--qc-primary-hover)!important;border-color:var(--qc-primary-hover)!important}
.qc-demo .qc-pressed {background-color:var(--qc-primary-pressed)!important;border-color:var(--qc-primary-pressed)!important}
.qc-demo .qc-focus {outline:3px solid var(--qc-ring);outline-offset:4px}
.qc-demo .qc-state {display:flex;flex-direction:column;gap:9px;align-items:flex-start}
.qc-demo .qc-state>span {font-size:13px}
.qc-site .qc-spinner {width:12px;height:12px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:qc-spin .9s linear infinite}
@keyframes qc-spin {to{rotate:360deg}}
@media(prefers-reduced-motion:reduce) {
 .qc-site :is(a,button,summary,[role="button"],input[type="submit"]) {transition:none!important}
 .qc-site .qc-spinner {animation:none}
}
}