/* Original styles live unchanged in /media_files. These rules adapt semantic
   HTML and safe CI4 actions without replacing the legacy desktop layout. */
main,header,footer,nav,aside,article,section{display:block}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:10000;background:white;padding:10px}
a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #33628c;outline-offset:2px}
.log-in [aria-disabled]{color:#fff;text-decoration:underline;cursor:default}
.head-menu [aria-disabled]{cursor:default!important}
#sideLeft li>span{font-size:11px;line-height:17px;color:#666}
.vk-community{display:inline-block;margin:0 15px;padding:0 4px;color:#fff;background:#45688e;font-weight:bold;text-decoration:none;border-radius:4px}
.sub-header2 .soc-net{display:flex;align-items:center;height:24px;margin-top:10px}
.catalog-sort{margin:3px 0 0!important;font-size:12px;white-space:nowrap}
.apply-theme{font:700 11px/18px Tahoma,Verdana,Arial,sans-serif;color:#33628c;border:0;background:transparent;cursor:pointer;padding:0}
.apply-theme:hover{text-decoration:underline}
.theme-win img{display:block}.theme .cont-theme{box-sizing:content-box}
#content .seo-text{box-sizing:border-box;float:left;width:100%;padding:10px 18px 30px;font-size:11px;line-height:14px}
#content .seo-text p{margin:0 0 10px}.seo-text ul,.seo-text ol{padding-left:18px}.seo-text li{list-style:inherit}
.new-themes h2{overflow-wrap:anywhere}
#content .main-theme .description{width:277px!important;overflow-wrap:anywhere}
#content .theme-actions{width:277px!important;margin-top:14px;float:left}
.legacy-apply-button{padding:6px 14px;background:linear-gradient(#6e93b7,#45688e);color:white;border:1px solid #45688e;border-radius:3px;font:700 12px/20px Tahoma,Verdana,Arial,sans-serif;cursor:pointer}
.theme-actions p{margin-top:8px}
.comment .text{overflow-wrap:anywhere}.comment .avatar img{object-fit:cover}
.install-status{clear:both;margin:12px 0;padding:10px 17px;background:#f3f7fc;border:1px solid #d9e2ec;color:#34485d}
[hidden]{display:none!important}
#footer [aria-disabled]{font-weight:bold;color:#666;font-size:11px}
/* Retain the original 980px desktop layout; narrow windows can scroll it. */
body{min-width:980px}

#content .auth-box{float:left;box-sizing:border-box;width:100%;padding:20px;font-size:13px;line-height:1.6}
.auth-box p{margin:0 0 14px}.auth-box label{display:block;margin-bottom:5px}
.auth-box input:not([type=hidden]){display:block;width:310px;max-width:100%;padding:7px;border:1px solid #94a3b5;border-radius:3px;font:14px Tahoma,sans-serif}
.auth-box .auth-error{padding:10px;border:1px solid #c57272;background:#fff3f3;color:#8a2626}.auth-note{margin-top:20px!important;color:#666;font-size:11px}
.auth-box input[type=checkbox]{display:inline-block;width:auto;vertical-align:middle}.auth-box .auth-links{margin:14px 0}.auth-links li{list-style:disc;margin-left:20px}
.auth-nav a{color:white;display:inline-block;margin:0 8px 8px 0}.auth-nav .auth-name{max-width:105px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.auth-nav form{display:inline}.auth-nav button{font:12px Tahoma,sans-serif;color:white;background:transparent;border:0;text-decoration:underline;cursor:pointer}
.auth-nav>span[aria-disabled]{width:auto;font-size:11px;float:none;display:block;text-align:left;color:#ccd5dd;text-decoration:none}

.auth-toggle{margin-top:5px;border:0;background:transparent;color:#33628c;text-decoration:underline;font:12px Tahoma,sans-serif;cursor:pointer}

/* Account and POST forms retain the original columns and theme cards. */
.account-tabs {display:flex;flex-wrap:wrap;gap:12px;padding:12px 8px;border-bottom:1px solid #ddd;clear:both}
.comment-form {padding:12px 0}.comment-form label {display:block;margin-bottom:6px}.comment-form textarea {box-sizing:border-box;width:100%;max-width:100%;font:16px/1.4 Arial,sans-serif;padding:8px;border:1px solid #999;resize:vertical}
.comment-form button {margin:8px 0}.delete-comment {clear:both;text-align:right;padding:5px}.account-comment {padding:12px 0;border-bottom:1px solid #ddd;overflow-wrap:anywhere}.profile-avatar {float:left;width:60px;height:60px;object-fit:contain;margin:0 16px 12px 0}.favorite-remove-list {clear:both;padding:8px}.favorite-remove-list form {margin:6px 0}.auth-box input[type=file] {width:100%;max-width:100%;padding:4px}.comment-form textarea:focus-visible {outline:2px solid #275b80;outline-offset:2px}

/* Favorites have one additional action; the background must cover the whole card. */
.theme.favorite-card {display:flex;flex-direction:column;height:auto;min-height:230px;background:linear-gradient(#fff,#e5e5e5)}
.favorite-card > .theme-win,.favorite-card > .cont-theme {float:none;flex:none}
.favorite-card-action {clear:both;margin:6px 12px 8px;margin-top:auto;padding-top:6px}
.favorite-card-action button {display:block;max-width:100%;background:none;border:0;color:#315975;text-align:left;text-decoration:underline;cursor:pointer;padding:4px 0;font:11px/16px Tahoma,Verdana,Arial,sans-serif}
.favorite-card-action button:focus-visible {outline:2px solid #275b80;outline-offset:2px}

/* Informational pages and search use the original desktop grid. */
.visually-hidden {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.header-search-form {position:relative;width:190px;height:40px}.header-search-submit {position:absolute;left:161px;top:10px;width:25px;height:24px;border:0;background:transparent;cursor:pointer}
.info-prose {padding:16px;font:13px/1.6 Arial,sans-serif;overflow-wrap:anywhere}.info-prose p {margin:12px 0}.info-prose h3 {margin:18px 0 8px;font-size:16px}.info-prose ul,.info-prose ol {padding-left:22px}.info-prose li {list-style:inherit;margin:8px 0}.info-prose img {max-width:100%;height:auto}.archive-note {padding:10px;background:#fff8dc;border:1px solid #ddd}.inquiry-form textarea {box-sizing:border-box;width:100%;padding:8px;border:1px solid #999;font:16px/1.4 Arial,sans-serif;resize:vertical}.inquiry-trap {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.inquiry-message {white-space:normal;overflow-wrap:anywhere;padding:12px 0}.inquiry-success {padding:10px;background:#eaf5e7;border:1px solid #92b98a}
.search-results-form {padding:16px}.search-results-form h2 {font-size:18px;margin-bottom:14px}.search-results-form label {display:block;margin:8px 0 4px}.search-results-form input[type=search] {box-sizing:border-box;width:100%;padding:8px;border:1px solid #999;font:16px Arial,sans-serif}.search-results-form select {min-height:30px}.search-results-form p {margin:8px 0}.search-pages {justify-content:center}.search-pages [aria-current=page] {font-weight:bold;text-decoration:none}

.search input.searchbox {box-sizing:content-box;appearance:none}
#content .search-results-form,#content .info-prose {box-sizing:border-box}
#content .info-prose .box_content {box-sizing:border-box;width:auto!important;max-width:100%;margin:12px 0!important;float:none}

.staff-form textarea {box-sizing:border-box;width:100%;padding:8px;border:1px solid #999;font:16px/1.4 Arial,sans-serif;resize:vertical}.staff-form select {max-width:100%;min-height:32px}.staff-theme-image {object-fit:contain;margin:12px 0}.staff-action {margin:16px 0;padding:12px 0;border-top:1px solid #ddd}.staff-theme-link {clear:both;padding:12px}.staff-form hr {clear:both;margin:20px 0;border:0;border-top:1px solid #ddd}.staff-form h3 {margin-top:14px}

.staff-snapshot {white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0;padding:10px;background:#f5f5f5;border:1px solid #ddd;font:12px/1.5 monospace}

/* Restored legacy discussion pages, scoped to avoid affecting catalog cards. */
.topic-links { padding: 12px 10px; line-height: 1.6; }
.topic-item { display: flow-root; padding: 12px 0; min-height: 50px; }
.topic-ava img, .topic-content-left img { object-fit: contain; }
.topic-in h3.topic-title { margin: 0 0 7px; font-size: 13px; }
.topic-item.imp .topic-title { font-weight: bold; }
.discussion { display: flow-root; }
.discussion .topic-content-right { overflow-wrap: anywhere; }
.discussion-body img { max-width: 100%; height: auto; }
.discussion-body { line-height: 1.6; }
.discussion-form input, .discussion-form textarea { display: block; width: 100%; box-sizing: border-box; font-size: 16px; padding: 8px; }
.discussion-form label { display: block; margin-bottom: 5px; }
.discussion-form p { margin-bottom: 16px; }

.discussion-archive { padding: 12px; margin-block: 12px; border: 1px solid #d4e3f0; background: #f2f7fc; line-height: 1.5; }

.staff-maintenance-table { width: 100%; border-collapse: collapse; text-align: left; }
.staff-maintenance-table th, .staff-maintenance-table td { padding: 8px; border: 1px solid #d4dbe1; }
.staff-maintenance-table caption { text-align: left; margin-block: 10px; }
.staff-table-scroll { overflow-x: auto; }
.discussion-action { border-top: 1px solid #d4dbe1; margin-block-start: 20px; padding-block-start: 12px; }
.staff-comment-text { overflow-wrap: anywhere; margin-block: 12px; }

.staff-comment-avatar { float: left; margin-inline-end: 10px; width: 48px; height: 48px; object-fit: contain; }

.category-form fieldset {padding:12px;border:1px solid #aaa;margin-block:18px;}
.category-form input[type=checkbox] + label {display:inline;}
.category-form input:not([type=hidden]), .category-form select {font-size:16px;min-height:44px;}
.category-form input[type=checkbox] {min-height:auto;}
.category-form button {min-height:44px;}

.report-form input:not([type=hidden]), .report-form select {font-size:16px;min-height:44px;}
.report-form button {min-height:44px;}
.report-message {white-space:normal;overflow-wrap:anywhere;padding:12px;background:#f5f7fa;}
.theme-report-link {display:inline-block;padding:8px 0;}

/* Restricted media lives in inert templates until the visitor confirms 18+. */
.age-gate-warning {box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px;background:#eef0f3;color:#344052;text-align:center;font:12px/1.3 Arial,sans-serif;}
.age-gate-warning strong {font-size:24px;line-height:1;}
.age-gate-warning button,.age-reset button {cursor:pointer;border:1px solid #45688e;border-radius:3px;background:#fff;color:#315575;padding:6px;font:12px/1.3 Arial,sans-serif;}
.age-gate--preview .age-gate-warning {width:173px;height:110px;}
.age-gate--detail .age-gate-warning {width:300px;min-height:200px;}
.age-gate--actions .age-gate-warning {padding:3px;gap:3px;font-size:10px;}
.age-gate--actions .age-gate-warning strong {font-size:13px;}
.theme .age-gate--actions {float:right;max-width:95px;margin-left:3px;}
.theme .age-gate--actions .age-gate-warning span {display:none;}
.theme .age-gate--actions .age-gate-warning {background:transparent;}
.theme .age-gate--actions .age-gate-warning button {font-size:10px;padding:3px;}
.age-notice {clear:both;padding:12px;margin:10px 0;background:#fff4dc;border:1px solid #dac69d;font:13px/1.5 Arial,sans-serif;}
.age-reset {clear:both;max-width:980px;margin:10px auto;padding:8px;text-align:center;}

.age-gate--preview,.age-gate--detail {position:relative;}
.age-label {position:absolute;right:4px;top:4px;padding:3px 5px;border-radius:3px;background:#fff;color:#343c49;font:bold 12px/1 Arial,sans-serif;pointer-events:none;}

/* Native modal preview: no image scaling/cropping or navigation on a normal click. */
.image-preview-dialog:not([open]) {display:none;}
.image-preview-dialog {box-sizing:border-box;width:fit-content;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:12px;border:1px solid #667386;border-radius:6px;background:#17212e;color:#fff;overflow:auto;}
.image-preview-dialog::backdrop {background:rgba(0,0,0,.82);}
.image-preview-toolbar {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px;}
.image-preview-toolbar h2 {max-width:70vw;font:16px/1.4 Arial,sans-serif;overflow-wrap:anywhere;margin:0;}
.image-preview-toolbar button {display:block;min-width:44px;min-height:44px;padding:0 10px;background:#fff;color:#17212e;border:0;border-radius:4px;font:28px/1 Arial,sans-serif;cursor:pointer;}
.image-preview-full {display:block;width:auto;height:auto;max-width:calc(100vw - 60px);max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);object-fit:contain;margin:0 auto;}
.image-preview-status,.image-preview-hint {font:12px/1.5 Arial,sans-serif;margin:8px 0;}
.image-preview-status:empty {display:none;}
.image-preview-hint {color:#cbd6e4;}
html.image-preview-open {overflow:hidden;}
[data-image-preview] {cursor:zoom-in;}

/* Account forms use native controls; keep radio choices and long labels readable. */
.auth-box input[type=radio]{display:inline-block;width:auto;vertical-align:middle}
.account-settings fieldset{border:1px solid #bbc6d0;border-radius:4px;padding:16px;margin-block:18px}
.account-settings legend{font-weight:bold;padding-inline:6px}
.account-settings input:not([type=hidden]){font-size:16px;box-sizing:border-box}
.account-settings button{white-space:normal;min-height:44px}
.account-settings input:focus-visible,.account-tabs a:focus-visible{outline:2px solid #275b80;outline-offset:3px}
.account-theme{display:flow-root;padding-block:16px;border-bottom:1px solid #ddd;overflow-wrap:anywhere}
.account-theme .atopborder{float:left;margin:8px 18px 8px 0}
.account-theme h3{font-weight:bold;margin-bottom:8px}

/* Let long titles/author names grow the row while retaining three legacy columns. */
#content .theme-catalog {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
#content .theme-catalog > .theme {display:flex;flex-direction:column;float:none;box-sizing:border-box;width:auto!important;height:auto;min-width:0;background-size:100% 100%;}
#content .theme-catalog > .theme:not(.favorite-card) {min-height:202px;padding-bottom:8px;}
#content .theme-catalog .theme-win,#content .theme-catalog .cont-theme {float:none;flex:none;}
#content .theme-catalog .cont-theme {box-sizing:border-box;width:100%!important;}
#content .theme-catalog .cont-theme p {float:none;overflow-wrap:anywhere;}

/* One compact row: the restricted-action wrapper must not wrap below comments. */
.theme-card-actions {display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:18px;}
.theme-card-actions > a {min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#content .theme-card-actions > .age-gate--actions {float:none;flex:0 0 auto;width:max-content;max-width:none;margin-left:0;}
.theme-card-actions .age-gate--actions .age-gate-warning {height:18px;padding:0;}
.theme-card-actions [data-age-revealed] {display:flow-root;}

/* Staff-only overlays reserve the preview and its 18+ gate dimensions. */
.theme-win {position:relative}
.theme-quick-actions {position:absolute;inset:0;z-index:3;pointer-events:none;font:700 12px/22px Tahoma,sans-serif}
.theme-quick-top,.theme-quick-bottom {position:absolute;display:flex;gap:4px;background:rgba(255,255,255,.92);border:1px solid #a6b5c5;border-radius:0 0 7px 7px;padding:0 5px;pointer-events:auto}
#content .theme-quick-top,#content .theme-quick-bottom {width:max-content;max-width:100%;box-sizing:border-box}
.theme-quick-top {top:0;left:50%;transform:translateX(-50%);white-space:nowrap}
.theme-quick-bottom {bottom:0;right:0;border-radius:7px 0 0 0}
.theme-quick-actions a {display:inline-block;color:#315975;text-decoration:none;min-height:24px}
.theme-quick-actions a:hover {text-decoration:underline}
.theme-quick-actions a:focus-visible {outline:2px solid #234d77;outline-offset:1px}
#theme-quick-dialog {max-width:480px;width:calc(100% - 48px);padding:22px;border:1px solid #45688e;border-radius:6px;font:14px/1.5 Arial,sans-serif}
#theme-quick-dialog::backdrop {background:rgba(0,0,0,.55);overflow:hidden;overscroll-behavior:contain}
#theme-quick-dialog:modal {overscroll-behavior:contain}
#theme-quick-dialog h2 {font-size:20px;margin:0 0 12px}
#theme-quick-dialog p {margin:0 0 16px;overflow-wrap:anywhere}
#theme-quick-dialog input:not([type=hidden]) {box-sizing:border-box;width:100%;font:16px Arial,sans-serif;padding:8px;margin:5px 0 16px}
.theme-quick-dialog-buttons {display:flex;justify-content:flex-end;gap:12px}
.theme-quick-dialog-buttons button {padding:8px 12px;cursor:pointer}
@media (pointer:coarse) {.theme-quick-actions a {min-width:38px;min-height:48px;line-height:48px}.theme-quick-top,.theme-quick-bottom {gap:2px}}

/* One staff navigation in the left column, including public catalogue pages.
   Reset legacy list offsets; .sb width overrides an upstream !important. */
#sideLeft .staff-sidebar {display:block;margin-bottom:14px;border:1px solid #d5d5d5;border-radius:6px;overflow:hidden}
#sideLeft .staff-sidebar section {clear:both;display:flow-root}
#sideLeft .staff-sidebar .sb {float:none;min-width:0;width:100%!important;box-sizing:border-box;border-radius:0;margin:0}
#sideLeft .staff-sidebar h3 {float:none;width:auto;margin:0;padding:0 8px;font-size:11px;line-height:24px;white-space:nowrap}
#sideLeft .staff-sidebar ul {float:none;width:100%;box-sizing:border-box;margin:0;padding:4px 9px 8px}
#sideLeft .staff-sidebar li {float:none;margin:0;padding:0;height:auto;overflow:visible;width:100%;box-sizing:border-box;border-bottom:1px solid #ddd;display:block}
#sideLeft .staff-sidebar li:last-child {border-bottom:0}
#sideLeft .staff-sidebar li a {float:none;display:block;box-sizing:border-box;height:auto;width:auto;line-height:17px;padding:4px 0;margin:0;font-size:11px}
#sideLeft .staff-sidebar a[aria-current=page] {font-weight:bold;color:#163d63;background:#edf3fa}
#content .css-editor textarea {box-sizing:border-box;width:100%;min-height:420px;margin:6px 0 12px;padding:10px;font:13px/1.5 ui-monospace,Consolas,monospace;resize:vertical;tab-size:4;white-space:pre;overflow:auto}
.css-editor h3 {margin-top:22px}.css-editor button {margin:5px 8px 12px 0;padding:6px 10px}
.css-resource-list li {margin:12px 0}.css-history {border-top:1px solid #ddd;padding:14px 0}

/* Legacy-style profile corner: visible account links and an undistorted avatar. */
#header .header-account {display:grid;grid-template-columns:minmax(0,1fr) 24px 60px;grid-template-rows:repeat(4,16px);column-gap:8px;align-items:center;box-sizing:border-box;width:280px;height:64px;margin:13px 20px 0 0;font:12px/16px Tahoma,Verdana,Arial,sans-serif}
#header .header-account > a {float:none;display:block;min-width:0;margin:0;color:#fff;line-height:16px}
#header .header-account .header-account-name {grid-column:1;grid-row:1;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold}
#header .header-account-settings {grid-column:1;grid-row:2}
#header .header-account-notifications {grid-column:1;grid-row:3}
#header .header-account-events {grid-column:1;grid-row:4;white-space:nowrap}
#header .header-account .header-account-logout {grid-column:2;grid-row:1;display:block;margin:0;line-height:16px}
#header .header-account-logout button {display:block;margin:0;padding:0;border:0;background:transparent;color:#fff;font:12px/16px Tahoma,sans-serif;cursor:pointer}
#header .header-account .header-account-avatar {grid-column:3;grid-row:1 / 5;align-self:center;display:block;width:60px;height:60px;line-height:0}
#header .header-account-avatar img {display:block;width:60px;height:60px;object-fit:contain;background:transparent}

/* Theme actions: one primary action, consistent secondary controls. */
#content .theme-actions {display:flex;flex-direction:column;gap:8px;}
#content .theme-actions > p,#content .theme-actions form,#content .theme-actions .theme-css-action {margin:0;padding:0;}
#content .theme-actions [data-age-revealed]:not([hidden]) {display:flex;flex-direction:column;gap:8px;}
#content .theme-actions .theme-action,
#content .favorite-card-action .theme-action {
    display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;
    width:100%;max-width:100%;min-height:38px;margin:0;padding:8px 12px;
    border:1px solid #c9d6e3;border-radius:7px;background:#f7f9fc;color:#365a7b;
    font:600 12px/18px Tahoma,Verdana,Arial,sans-serif;text-align:center;text-decoration:none;
    cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s;
}
#content .theme-actions .theme-action:hover,
#content .favorite-card-action .theme-action:hover {background:#eaf0f7;border-color:#9db3cb;text-decoration:none;}
#content .theme-actions .theme-action--primary {
    min-height:44px;background:linear-gradient(#6486ac,#45678f);border-color:#45678f;
    color:#fff;font-size:13px;box-shadow:0 1px 2px #263e5820,inset 0 1px #ffffff26;
}
#content .theme-actions .theme-action--primary:hover {background:linear-gradient(#587da5,#3d5d82);border-color:#365675;}
#content .theme-actions .theme-action--secondary {background:#fff;}
#content .theme-actions .theme-action--share {background:#07f;border-color:#07f;color:#fff;}
#content .theme-actions .theme-action--share:hover {background:#0069df;border-color:#0069df;}
#content .theme-actions .theme-action--favorite.is-saved {background:#eaf1f9;border-color:#b8cce0;}
#content .theme-actions .is-saved .theme-action-icon {fill:currentColor;}
#content .theme-actions .theme-action--quiet {
    justify-content:flex-start;width:fit-content;min-height:34px;padding:6px 0;
    border-color:transparent;background:transparent;color:#6d7784;font-weight:400;
}
#content .theme-actions .theme-action--quiet:hover {background:transparent;border-color:transparent;color:#9b3e43;}
.theme-action-icon {display:block;flex:none;pointer-events:none;}
#content .favorite-card-action .theme-action--remove {min-height:32px;padding:6px 8px;font-size:11px;gap:6px;background:#fff;}
#content .favorite-card-action .theme-action--remove:hover {background:#fff2f1;border-color:#d6a8a5;color:#994641;}
#content .theme-actions .theme-action:focus-visible,
#content .favorite-card-action .theme-action:focus-visible {outline:2px solid #315e8d;outline-offset:3px;}
#content .theme-actions .theme-action:disabled {opacity:.6;cursor:wait;}
@media (pointer:coarse) {
    #content .theme-actions .theme-action,#content .favorite-card-action .theme-action {min-height:44px;}
}
@media (prefers-reduced-motion:reduce) {
    #content .theme-actions .theme-action,#content .favorite-card-action .theme-action {transition:none;}
}

/* Keep the store action visible beside the introductory copy. */
.creation-status {display:flex;align-items:center;gap:18px;}
.creation-status-copy {flex:1 1 auto;min-width:0;}
.creation-status a.creation-status-install {box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;padding:10px 20px;border:1px solid #649741;border-radius:5px;background:linear-gradient(#a2d45e,#79b343);color:#173313;font-weight:700;line-height:20px;text-decoration:none;}
.creation-status a.creation-status-install:hover {background:linear-gradient(#b2df74,#89c451);}

/* Application feedback replaces only its preview; the image keeps its layout box. */
.theme-preview {position:relative;display:flow-root;width:fit-content;max-width:100%;}
.theme-preview[data-install-state] > [data-image-preview] {visibility:hidden;pointer-events:none;}
.theme-apply-status {position:absolute;inset:0;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;background:#fff;border:1px solid #d5d5d5;color:#444;text-align:center;font:11px/1.15 Tahoma,Verdana,Arial,sans-serif;overflow:auto;}
.theme-apply-status strong {font-size:13px;}
.theme-apply-status-icon {font:22px/1 Arial,sans-serif;color:#999;}
.theme-apply-status button {padding:0;background:none;border:0;color:#45688e;text-decoration:underline;cursor:pointer;font:10px/1.2 Tahoma,sans-serif;}
.main-theme .theme-apply-status {font-size:14px;padding:12px;gap:8px;}
.main-theme .theme-apply-status strong {font-size:18px;}
.main-theme .theme-apply-status-icon {font-size:36px;}
.theme-preview[data-install-state="error"] .theme-apply-status strong,
.theme-preview[data-install-state="warning"] .theme-apply-status strong {color:#9b332b;}

/* Admin documentation follows the actual CSS rendering branches. */
#content .theme-composition {clear:both;padding:14px;margin:14px 0;border:1px solid #c9d7e3;border-radius:6px;background:#f5f8fb}
#content .theme-composition h3 {margin:0 0 8px}
#content .composition-warning {padding:10px;border-left:4px solid #ad680b;background:#fff4dc;color:#67400b}
#content .theme-assembly .assembly-types {display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
#content .theme-assembly .assembly-types a {display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid #b8c9d8;border-radius:16px;background:#f5f8fb}
#content .theme-assembly .assembly-count {padding:1px 7px;border-radius:10px;background:#dfeaf3;color:#294b68;font-weight:bold;font-variant-numeric:tabular-nums;white-space:nowrap}
#content .theme-assembly .assembly-count-note {color:#536578;font-size:12px}
#content .theme-assembly .assembly-lookup {padding:14px;background:#f0f4f8;border-radius:6px;margin:16px 0}
#content .theme-assembly .assembly-lookup input {display:inline-block;width:190px;margin:0 8px 8px 0}
#content .theme-assembly .assembly-section {clear:both;margin:26px 0;padding-top:18px;border-top:1px solid #cbd5df;scroll-margin-top:16px}
#content .theme-assembly .assembly-section h3 {font-size:17px;color:#233e57;margin:0 0 10px}
#content .theme-assembly .assembly-flow {margin:14px 0;padding:14px;border:1px solid #cbd5df;background:#f8fafc;border-radius:8px}
#content .theme-assembly figcaption {margin-bottom:12px;color:#4b5c6b}
#content .theme-assembly .assembly-inputs {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px}
#content .theme-assembly .assembly-pair {display:flex;flex-direction:column;gap:6px;min-width:0}
#content .theme-assembly .assembly-node {display:block;box-sizing:border-box;min-width:0;padding:12px;border:1px solid #acbfd0;border-radius:6px;background:white;overflow-wrap:anywhere;font-weight:bold;color:#244b6b;text-decoration:none}
#content .theme-assembly a.assembly-node:hover {background:#e8f2fc;border-color:#366f9f}
#content .theme-assembly a:focus-visible {outline:3px solid #265f91;outline-offset:3px}
#content .theme-assembly .assembly-node small {display:block;margin-top:5px;color:#536575;font-weight:normal;font-size:12px;line-height:1.5}
#content .theme-assembly .assembly-arrow,#content .theme-assembly .assembly-plus {display:block;text-align:center;color:#627b91;font-size:24px;line-height:1.4}
#content .theme-assembly .assembly-operation {background:#eef1fc;border-color:#b5bedf;color:#3c4672}
#content .theme-assembly .assembly-result {background:#eaf5ed;border-color:#a3c6ac;color:#315d3a}
#content .theme-assembly pre {box-sizing:border-box;max-width:100%;margin:10px 0;padding:12px;border:1px solid #d0dae2;background:#f4f6f8;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 ui-monospace,Consolas,monospace;overflow:auto}
#content .theme-assembly code,#content .theme-composition code {font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere}
#content .theme-assembly .assembly-example {margin-top:14px;padding:14px;border-left:3px solid #809db5;background:#f5f8fb;scroll-margin-top:16px}
#content .theme-assembly .assembly-example h4 {margin:0 0 8px;font-size:14px}
#content .theme-assembly summary {cursor:pointer;padding:6px 0;color:#285f8c}
#content .theme-assembly .assembly-data {display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,3fr);gap:5px 12px;margin:10px 0}
#content .theme-assembly .assembly-data dt {font-weight:bold}
#content .theme-assembly .assembly-data dd {margin:0;min-width:0;overflow-wrap:anywhere}