/* Shared attribution: official artwork is displayed without recoloring. */
.wm-technology-anchor,
#technology-notice-link {
    scroll-margin-top: 112px;
}

.wm-myscript-badge {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 136px;
    min-height: 44px;
    border-radius: 4px;
}

.wm-myscript-badge img {
    display: block;
    width: 100%;
    height: auto;
    filter: none;
}

.wm-myscript-badge .wm-myscript-badge-dark { display: none; }
html[data-wm-theme="dark"] .wm-myscript-badge .wm-myscript-badge-light { display: none; }
html[data-wm-theme="dark"] .wm-myscript-badge .wm-myscript-badge-dark { display: block; }

.wm-landing .wl-flow-figure { margin-top: 24px; padding-top: 0; }
.wm-technology-preview { position: relative; }

.wm-technology-preview > .wm-myscript-badge {
    position: absolute;
    z-index: 1;
    bottom: calc(100% + 2px);
    right: 0;
    box-sizing: border-box;
    width: 132px;
    min-height: 22px;
    padding: 2px 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.wm-technology-page { max-width: 800px; margin-inline: auto; }
.wm-technology-table-wrap { position: relative; overflow-x: auto; }
.wm-technology-table { width: 100%; min-width: 760px; border-collapse: collapse; table-layout: fixed; }
.wm-technology-table col:nth-child(1) { width: 18%; }
.wm-technology-table col:nth-child(2) { width: 21%; }
.wm-technology-table col:nth-child(3) { width: 33%; }
.wm-technology-table col:nth-child(4) { width: 28%; }
.wm-technology-table th,
.wm-technology-table td {
    padding: 20px 12px;
    border: 1px solid var(--wm-theme-line);
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.8;
    word-break: keep-all;
}
.wm-technology-table th { font-weight: 600; }
.wm-technology-table thead th { padding-block: 14px; background: var(--wm-theme-surface); }
.wm-technology-table .wm-myscript-badge { max-width: 100%; min-height: 44px; }
.wm-technology-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 136px;
    max-width: 100%;
    min-height: 52px;
    padding: 6px;
    border-radius: 4px;
    background: #fff;
}
.wm-technology-logo img {
    display: block;
    width: 100%;
    height: auto;
    filter: none;
}
.wm-technology-attribution { color: var(--wm-theme-muted); }
.wm-technology-table .wm-technology-official-link,
.wm-technology-table .wm-technology-license-link { text-decoration: underline; text-underline-offset: 4px; }
.wm-technology-license-link { color: inherit; }
.wm-technology-official-link { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 32px; color: var(--wm-theme-primary-dark); font-size: 14px; }
.wm-myscript-badge:focus-visible { outline: 3px solid var(--wm-theme-primary, #6d4aff); outline-offset: 4px; }
.wm-technology-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

@media (max-width: 639px) {
    .wm-technology-anchor,
    #technology-notice-link { scroll-margin-top: 96px; }
    .wm-landing .wl-flow-figure { margin-top: 22px; }
    .wm-technology-preview > .wm-myscript-badge { width: 116px; min-height: 20px; padding: 2px 7px; }
}

@media print {
    .wm-myscript-badge .wm-myscript-badge-light { display: block !important; }
    .wm-myscript-badge .wm-myscript-badge-dark { display: none !important; }
}