:root {--app-header-height:56px;--app-hamburger-size: 56px;--app-drawer-width: 280px;--app-hamburger-z:80;--app-header-z: 70;--app-drawer-z: 50;--app-scrim-z:40;--app-drawer-bg:var(--color-surface);--app-drawer-shadow:var(--shadow-lg);--app-header-bg:var(--color-surface);--app-header-border:var(--color-border);}.app-body {margin: 0;background: var(--color-bg-alt);color: var(--color-text);font-family: var(--font-family-base);font-size: var(--font-size-base);min-height: 100vh;}.app-drawer-toggle {position: absolute;opacity: 0;pointer-events: none;width: 0;height: 0;}.app-header {position: fixed;top: 0;left: 0;right: 0;height: var(--app-header-height);padding-left: var(--app-hamburger-size);padding-right: var(--space-4);display: flex;align-items: center;background: var(--app-header-bg);border-bottom: 1px solid var(--app-header-border);z-index: var(--app-header-z);}.app-header-title {margin: 0;font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--color-text);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.app-hamburger {position: fixed;top: 0;left: 0;width: var(--app-hamburger-size);height: var(--app-header-height);display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 5px;cursor: pointer;z-index: var(--app-hamburger-z);background: transparent;border: 0;}.app-hamburger > span {display: block;width: 22px;height: 2px;background: var(--color-text);border-radius: var(--radius-sm);transition: transform 0.2s ease, opacity 0.2s ease;}.app-drawer-toggle:checked ~ .app-hamburger > span:nth-child(1) {transform: translateY(7px) rotate(45deg);}.app-drawer-toggle:checked ~ .app-hamburger > span:nth-child(2) {opacity: 0;}.app-drawer-toggle:checked ~ .app-hamburger > span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}.app-drawer-toggle:focus-visible ~ .app-hamburger {outline: 2px solid var(--color-border-focus);outline-offset: -4px;}.app-drawer {position: fixed;top: 0;left: 0;width: var(--app-drawer-width);max-width: 85vw;height: 100vh;background: var(--app-drawer-bg);box-shadow: var(--app-drawer-shadow);transform: translateX(-100%);transition: transform 0.25s ease;z-index: var(--app-drawer-z);display: flex;flex-direction: column;padding-top: var(--app-header-height);overflow-y: auto;}.app-drawer-toggle:checked ~ .app-drawer {transform: translateX(0);}.app-drawer-brand {display: flex;align-items: center;justify-content: center;gap: var(--space-2);padding: var(--space-8) var(--space-6) var(--space-6);border-bottom: 1px solid var(--color-border);}.app-brand-mark {font-family: var(--font-family-base);font-size: var(--font-size-2xl);font-weight: var(--font-weight-extrabold);color: var(--color-text);letter-spacing: -0.02em;}.app-brand-dot {width: 10px;height: 10px;border-radius: var(--radius-full);background: var(--color-primary);display: inline-block;}.app-drawer-scrim {position: fixed;inset: 0;background: var(--color-overlay);opacity: 0;visibility: hidden;transition: opacity 0.25s ease, visibility 0.25s ease;z-index: var(--app-scrim-z);cursor: pointer;}.app-drawer-toggle:checked ~ .app-drawer-scrim {opacity: 1;visibility: visible;}.app-nav {padding: var(--space-4) var(--space-3);}.app-nav-list {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: var(--space-1);}.app-nav-link {display: block;padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);color: var(--color-text);text-decoration: none;font-weight: var(--font-weight-medium);font-size: var(--font-size-base);cursor: pointer;}.app-nav-link:hover {background: var(--color-bg-alt);}.app-nav-link.is-active {background: var(--color-primary-subtle);color: var(--color-primary-active);}.app-nav-group > summary {list-style: none;position: relative;padding-right: var(--space-8);}.app-nav-group > summary::-webkit-details-marker {display: none;}.app-nav-group > summary::after {content: "";position: absolute;right: var(--space-4);top: 50%;width: 8px;height: 8px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: translateY(-75%) rotate(45deg);transition: transform 0.2s ease;}.app-nav-group[open] > summary::after {transform: translateY(-25%) rotate(-135deg);}.app-nav-sub {list-style: none;margin: var(--space-1) 0 var(--space-2);padding: 0 0 0 var(--space-4);display: flex;flex-direction: column;gap: var(--space-1);border-left: 2px solid var(--color-border);margin-left: var(--space-5);}.app-nav-sublink {display: block;padding: var(--space-2) var(--space-4);border-radius: var(--radius-md);color: var(--color-text-secondary);text-decoration: none;font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);}.app-nav-sublink:hover {background: var(--color-bg-alt);color: var(--color-text);}.app-nav-sublink.is-active {background: var(--color-primary-subtle);color: var(--color-primary-active);}.app-drawer-footer {margin-top: auto;padding: var(--space-3);border-top: 1px solid var(--color-border);display: flex;flex-direction: column;gap: var(--space-1);}.app-drawer-userlink {display: flex;flex-direction: column;gap: var(--space-1);padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);text-decoration: none;color: var(--color-text);}.app-drawer-userlink:hover {background: var(--color-bg-alt);}.app-drawer-userlink.is-active {background: var(--color-primary-subtle);color: var(--color-primary-active);}.app-drawer-userlabel {font-weight: var(--font-weight-semibold);font-size: var(--font-size-base);line-height: 1.2;}.app-drawer-useremail {font-size: var(--font-size-sm);color: var(--color-text-secondary);word-break: break-all;}.app-drawer-userlink.is-active .app-drawer-useremail {color: inherit;opacity: 0.8;}.app-drawer-logout {display: block;padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);text-decoration: none;color: var(--color-text-secondary);font-weight: var(--font-weight-medium);font-size: var(--font-size-base);}.app-drawer-logout:hover {background: var(--color-error-light);color: var(--color-error-dark);}.app-main {padding: calc(var(--app-header-height) + var(--space-6)) var(--space-4) var(--space-8);min-height: 100vh;box-sizing: border-box;}.app-section {max-width: 1100px;margin: 0 auto;display: flex;flex-direction: column;gap: var(--space-6);}.app-section-header {display: flex;flex-direction: column;gap: var(--space-2);}.app-section-title {margin: 0;font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--color-text);}.app-section-lede {margin: 0;color: var(--color-text-secondary);font-size: var(--font-size-base);}.app-card {background: var(--card-bg);border: 1px solid var(--card-border-color);border-radius: var(--card-border-radius);box-shadow: var(--card-shadow);padding: var(--card-padding);display: flex;flex-direction: column;gap: var(--space-3);}.app-card-title {margin: 0;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text);}.app-card-lede {margin: 0;color: var(--color-text-secondary);font-size: var(--font-size-base);line-height: 1.5;}.app-card-meta {margin: 0;color: var(--color-text-muted);font-size: var(--font-size-sm);font-style: italic;}.app-detail-list {margin: 0;display: grid;grid-template-columns: max-content 1fr;column-gap: var(--space-4);row-gap: var(--space-2);font-size: var(--font-size-sm);}.app-detail-list dt {color: var(--color-text-secondary);font-weight: var(--font-weight-medium);}.app-detail-list dd {margin: 0;color: var(--color-text);word-break: break-word;}.app-grid {display: grid;grid-template-columns: 1fr;gap: var(--space-4);}.app-tile {background: var(--card-bg);border: 1px solid var(--card-border-color);border-radius: var(--card-border-radius);box-shadow: var(--card-shadow);padding: var(--card-padding);text-decoration: none;color: inherit;display: flex;flex-direction: column;gap: var(--space-2);transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;}.app-tile:hover {box-shadow: var(--card-shadow-hover);border-color: var(--color-primary);transform: translateY(-2px);}.app-tile-title {margin: 0;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text);}.app-tile-lede {margin: 0;color: var(--color-text-secondary);font-size: var(--font-size-sm);line-height: 1.5;}.app-btn {display: inline-flex;align-items: center;justify-content: center;align-self: flex-start;padding: var(--btn-padding-y) var(--btn-padding-x);background: var(--color-primary);color: var(--color-text-inverse);border: 0;border-radius: var(--btn-border-radius);font-size: var(--font-size-base);font-weight: var(--btn-font-weight);text-decoration: none;cursor: pointer;transition: background 0.15s ease, box-shadow 0.15s ease;}.app-btn:hover {background: var(--color-primary-hover);box-shadow: var(--btn-shadow-hover);}.app-role-pill {align-self: flex-start;display: inline-block;padding: var(--space-1) var(--space-3);background: var(--color-primary-subtle);color: var(--badge-text-on-primary-light);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: 0.04em;border-radius: var(--radius-full);}.app-form {display: flex;flex-direction: column;gap: var(--space-2);margin: 0;}.app-form-label {margin-top: var(--space-2);color: var(--color-text-secondary);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);}.app-form-label:first-of-type {margin-top: 0;}.app-form-input {width: 100%;box-sizing: border-box;height: var(--input-height);padding: var(--input-padding-y) var(--input-padding-x);background: var(--input-bg);color: var(--input-text);border: var(--input-border-width) solid var(--input-border-color);border-radius: var(--input-border-radius);font-family: inherit;font-size: var(--font-size-base);line-height: 1.2;transition: border-color 0.15s ease, box-shadow 0.15s ease;}.app-form-input::placeholder {color: var(--input-text-placeholder);}.app-form-input:hover {border-color: var(--input-border-color-hover);}.app-form-input:focus {outline: none;border-color: var(--input-border-color-focus);box-shadow: var(--input-focus-ring);}.app-form-input:disabled {background: var(--input-bg-disabled);color: var(--input-text-disabled);cursor: not-allowed;}select.app-form-input {appearance: none;background-image: linear-gradient(45deg, transparent 50%, var(--color-text-secondary) 50%),linear-gradient(135deg, var(--color-text-secondary) 50%, transparent 50%);background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%;background-size: 6px 6px, 6px 6px;background-repeat: no-repeat;padding-right: var(--space-8);}.app-form .app-btn {margin-top: var(--space-3);}.app-card-flash {background: var(--color-success-light);border-color: var(--color-success);}.app-card-flash .app-card-meta {color: var(--color-success-dark);font-style: normal;font-weight: var(--font-weight-medium);}.app-card-flash--error {background: var(--color-error-light);border-color: var(--color-error);}.app-card-flash--error .app-card-meta {color: var(--color-error-dark);}.app-card-error {color: var(--color-error-dark);font-style: normal;font-weight: var(--font-weight-medium);}.app-form-fieldset {margin: 0;padding: var(--space-4);border: 1px solid var(--color-border);border-radius: var(--radius-md);display: flex;flex-direction: column;gap: var(--space-2);}.app-form-fieldset > legend {padding: 0 var(--space-2);color: var(--color-text);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: 0.04em;}.app-form-row {display: flex;flex-direction: column;gap: var(--space-2);}.app-form-row > * {flex: 1 1 0;min-width: 0;}@media (min-width: 480px) {.app-form-row {flex-direction: row;gap: var(--space-3);}}.app-form-file {width: 100%;box-sizing: border-box;padding: var(--space-2) 0;font-family: inherit;font-size: var(--font-size-sm);color: var(--color-text);}.app-form-file::file-selector-button {margin-right: var(--space-3);padding: var(--space-2) var(--space-4);background: var(--color-bg-alt);color: var(--color-text);border: 1px solid var(--color-border);border-radius: var(--radius-md);font-family: inherit;font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);cursor: pointer;}.app-form-file::file-selector-button:hover {background: var(--color-surface);border-color: var(--color-border-strong);}.app-form-error {display: block;margin-top: calc(-1 * var(--space-1));color: var(--color-error-dark);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);}@media (min-width: 768px) {.app-header {padding-left: calc(var(--app-hamburger-size) + var(--space-2));padding-right: var(--space-6);}.app-main {padding: calc(var(--app-header-height) + var(--space-8)) var(--space-8) var(--space-12);}.app-grid {grid-template-columns: repeat(3, 1fr);gap: var(--space-6);}.app-drawer {width: 320px;max-width: 320px;}}:root {--app-edit-drawer-width:420px;--app-edit-drawer-z:1200;--app-edit-drawer-scrim-z:1190;--app-edit-drawer-bg: var(--color-surface);--app-edit-drawer-shadow: var(--shadow-lg);}.app-edit-drawer {position: fixed;top: 0;right: 0;width: var(--app-edit-drawer-width);max-width: 100vw;height: 100vh;background: var(--app-edit-drawer-bg);box-shadow: var(--app-edit-drawer-shadow);transform: translateX(100%);transition: transform 0.25s ease;z-index: var(--app-edit-drawer-z);display: flex;flex-direction: column;overflow-y: auto;}.app-edit-drawer:not([hidden]) {}.app-edit-drawer.is-open {transform: translateX(0);}.app-edit-drawer-header {display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);padding: var(--space-5) var(--space-6);border-bottom: 1px solid var(--color-border);position: sticky;top: 0;background: var(--app-edit-drawer-bg);z-index: 1;}.app-edit-drawer-title {margin: 0;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--color-text);line-height: 1.2;word-break: break-all;}.app-edit-drawer-close {flex: 0 0 auto;width: 36px;height: 36px;display: inline-flex;align-items: center;justify-content: center;border: 0;border-radius: var(--radius-md);background: transparent;color: var(--color-text-muted);cursor: pointer;font-size: 1.5rem;line-height: 1;}.app-edit-drawer-close:hover,.app-edit-drawer-close:focus-visible {background: var(--color-bg-alt);color: var(--color-text);outline: none;}.app-edit-drawer-body {flex: 1 1 auto;padding: var(--space-5) var(--space-6) var(--space-8);}.app-edit-drawer-fallback {display: none;}.app-edit-drawer-scrim {position: fixed;inset: 0;background: var(--color-overlay);opacity: 0;visibility: hidden;transition: opacity 0.25s ease, visibility 0.25s ease;z-index: var(--app-edit-drawer-scrim-z);cursor: pointer;}.app-edit-drawer-scrim.is-open {opacity: 1;visibility: visible;}@media (min-width: 768px){:root {--app-edit-drawer-width: 480px;}}.app-login-body {margin: 0;min-height: 100vh;padding: var(--space-4);display: flex;align-items: center;justify-content: center;background: var(--color-bg-alt);color: var(--color-text);font-family: var(--font-family-base);box-sizing: border-box;}.app-login-body *,.app-login-body *::before,.app-login-body *::after {box-sizing: border-box;}.app-login-card {width: 100%;max-width: 400px;padding: var(--space-10);background: var(--color-surface);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);}.app-login-title {margin: 0 0 var(--space-1);font-size: var(--font-size-display-xs);font-weight: 700;}.app-login-lede {margin: 0 0 var(--space-6);color: var(--color-text-secondary, #5b6478);font-size: var(--font-size-small);}.app-login-label {display: block;margin: var(--space-4) 0 var(--space-1);font-size: var(--font-size-small);font-weight: 500;}.app-login-input {width: 100%;padding: 0.65rem 0.8rem;background: var(--color-surface);color: var(--color-text);border: 1px solid var(--color-border);border-radius: var(--radius-md);font-size: var(--font-size-regular);font-family: inherit;}.app-login-input:focus {outline: 2px solid #4458dc;outline-offset: 1px;border-color: #4458dc;}.app-login-checkbox {display: flex;align-items: center;gap: var(--space-2);margin-top: var(--space-4);font-size: var(--font-size-small);cursor: pointer;user-select: none;}.app-login-checkbox input[type="checkbox"] {width: 1rem;height: 1rem;margin: 0;cursor: pointer;accent-color: #4458dc;}.app-login-button {width: 100%;margin-top: var(--space-6);padding: 0.75rem;background: var(--color-text);color: var(--color-surface);border: 0;border-radius: var(--radius-md);font-size: var(--font-size-regular);font-weight: 500;font-family: inherit;cursor: pointer;}.app-login-button:hover {background: #2c3349;}.app-login-error {margin: 0 0 var(--space-4);padding: 0.65rem 0.8rem;background: var(--color-error-50);color: var(--color-error-700);border-radius: var(--radius-md);font-size: var(--font-size-small);}.app-tag-picker {display: flex;flex-direction: column;gap: var(--space-3);}.app-tag-chips {list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: var(--space-2);min-height: 32px;align-items: center;}.app-tag-chips-empty {color: var(--color-text-muted);font-style: italic;font-size: var(--font-size-sm);}.app-tag-chip {display: inline-flex;align-items: center;gap: var(--space-2);padding-right: var(--space-1);}.app-tag-chip-remove {appearance: none;border: 0;background: transparent;color: inherit;cursor: pointer;font-size: 1.1em;line-height: 1;padding: 0 var(--space-1);margin-left: 2px;border-radius: var(--radius-full);opacity: 0.7;}.app-tag-chip-remove:hover,.app-tag-chip-remove:focus-visible {opacity: 1;background: rgba(0, 0, 0, 0.08);outline: 0;}.app-tag-search {position: relative;}.app-tag-dropdown {position: absolute;top: calc(100% + 4px);left: 0;right: 0;z-index: 30;list-style: none;margin: 0;padding: var(--space-1);background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);box-shadow: var(--card-shadow);max-height: 260px;overflow-y: auto;}.app-tag-dropdown[hidden] {display: none;}.app-tag-dropdown-item {display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);padding: var(--space-2) var(--space-3);border-radius: var(--radius-sm);cursor: pointer;}.app-tag-dropdown-item.is-highlighted,.app-tag-dropdown-item:hover {background: var(--color-bg-alt);}.app-tag-dropdown-hint {color: var(--color-text-muted);font-size: var(--font-size-xs);font-style: italic;white-space: nowrap;}.app-tag-picker-fallback {margin-top: var(--space-2);border-top: 1px dashed var(--color-border);padding-top: var(--space-3);}.app-tag-picker-fallback > summary {cursor: pointer;color: var(--color-text-secondary);font-size: var(--font-size-sm);}.app-cms-shell {display: flex;flex-direction: column;gap: 0;height: calc(100vh - var(--app-header-height, 56px));margin: calc(-1 * var(--space-4, 1rem));background: var(--color-bg-alt, #f4f5f7);}.app-cms-toolbar {display: flex;flex-wrap: wrap;gap: var(--space-3, .75rem);align-items: center;padding: var(--space-3, .75rem) var(--space-4, 1rem);background: var(--color-surface, #fff);border-bottom: 1px solid var(--color-border, #e5e7eb);}.app-cms-url-form {display: flex;align-items: center;gap: var(--space-2, .5rem);flex: 1 1 280px;min-width: 0;}.app-cms-url-label {font-size: .85rem;font-weight: 600;color: var(--color-text-muted, #5b6478);}.app-cms-url-input {flex: 1 1 auto;min-width: 0;padding: .45rem .65rem;font: inherit;font-family: ui-monospace, SFMono-Regular, Menlo, monospace;border: 1px solid var(--color-border, #c9cfdb);border-radius: 6px;background: #fff;color: var(--color-text, #1d2231);}.app-cms-url-input:focus {outline: 2px solid var(--color-primary, #4458dc);outline-offset: 1px;border-color: var(--color-primary, #4458dc);}.app-cms-load {flex: 0 0 auto;}.app-cms-lang {display: inline-flex;border: 1px solid var(--color-border, #c9cfdb);border-radius: 6px;overflow: hidden;background: #fff;}.app-cms-lang-btn {appearance: none;border: 0;background: transparent;padding: .45rem .9rem;font: inherit;font-weight: 600;color: var(--color-text-muted, #5b6478);cursor: pointer;border-right: 1px solid var(--color-border, #c9cfdb);}.app-cms-lang-btn:last-child { border-right: 0; }.app-cms-lang-btn:hover { background: var(--color-bg-alt, #f4f5f7); }.app-cms-lang-btn.is-active {background: var(--color-primary, #4458dc);color: #fff;}.app-cms-status {flex: 0 0 auto;margin-left: auto;font-size: .85rem;color: var(--color-text-muted, #5b6478);min-width: 8ch;text-align: right;}.app-cms-status.is-saving { color: #b25800; }.app-cms-status.is-saved{ color: #117a3d; }.app-cms-status.is-error{ color: #9b1c1c; }.app-cms-preview {flex: 1 1 auto;width: 100%;border: 0;background: #fff;min-height: 0;}.app-cms-toast {position: fixed;bottom: 1.25rem;right: 1.25rem;padding: .65rem 1rem;background: #1d2231;color: #fff;border-radius: 8px;font-size: .9rem;box-shadow: 0 8px 24px rgba(0,0,0,.18);z-index: 999;max-width: 28rem;}.app-cms-toast.is-error { background: #9b1c1c; }.app-cms-toast.is-success { background: #117a3d; }.cms-edit-form {display: flex;flex-direction: column;gap: 1rem;height: 100%;}.cms-edit-tabs {display: inline-flex;align-self: flex-start;border: 1px solid var(--color-border, #c9cfdb);border-radius: 6px;overflow: hidden;background: #fff;}.cms-edit-tab {appearance: none;border: 0;background: transparent;padding: .45rem 1rem;font: inherit;font-weight: 600;color: var(--color-text-muted, #5b6478);cursor: pointer;border-right: 1px solid var(--color-border, #c9cfdb);text-transform: uppercase;letter-spacing: .04em;}.cms-edit-tab:last-child { border-right: 0; }.cms-edit-tab:hover { background: var(--color-bg-alt, #f4f5f7); }.cms-edit-tab.is-active {background: var(--color-primary, #4458dc);color: #fff;}.cms-edit-body {display: grid;gap: .85rem;}.cms-edit-field {display: grid;gap: .3rem;}.cms-edit-field > span {font-size: .85rem;font-weight: 600;color: var(--color-text, #1d2231);}.cms-edit-field input,.cms-edit-field textarea,.cms-edit-field select {padding: .55rem .7rem;font: inherit;border: 1px solid var(--color-border, #c9cfdb);border-radius: 6px;background: #fff;color: var(--color-text, #1d2231);width: 100%;}.cms-edit-field input:focus,.cms-edit-field textarea:focus,.cms-edit-field select:focus {outline: 2px solid var(--color-primary, #4458dc);outline-offset: 1px;border-color: var(--color-primary, #4458dc);}.cms-edit-field textarea {resize: vertical;min-height: 120px;}.cms-edit-actions {display: flex;gap: .5rem;margin-top: auto;padding-top: .75rem;border-top: 1px solid var(--color-border, #e5e7eb);}.cms-edit-empty {display: grid;gap: 1rem;padding: 2rem 1rem;text-align: center;color: var(--color-text-muted, #5b6478);}.cms-edit-fieldset {border: 1px solid var(--color-border, #e5e7eb);border-radius: 8px;padding: .75rem 1rem 1rem;margin: 0;display: grid;gap: .75rem;}.cms-edit-fieldset > legend {padding: 0 .35rem;font-size: .8rem;font-weight: 700;text-transform: uppercase;letter-spacing: .05em;color: var(--color-text-muted, #5b6478);}.cms-edit-media-preview {display: block;background: var(--color-bg-alt, #f4f5f7);border: 1px solid var(--color-border, #e5e7eb);border-radius: 6px;padding: .5rem;}.cms-edit-media-preview img {display: block;max-width: 100%;max-height: 220px;margin: 0 auto;border-radius: 4px;object-fit: contain;}.cms-edit-media-caption {display: block;margin-top: .4rem;font-size: .75rem;text-align: center;color: var(--color-text-muted, #5b6478);font-style: italic;}.cms-edit-meta {margin: 0;font-size: .75rem;color: var(--color-text-muted, #5b6478);}.cms-edit-seo-fieldset > legend.cms-edit-seo-legend {display: flex;align-items: center;justify-content: space-between;gap: .5rem;width: 100%;padding: 0 .35rem;}.cms-edit-autoseo-btn {appearance: none;border: 1px solid var(--color-primary, #4458dc);background: transparent;color: var(--color-primary, #4458dc);border-radius: 6px;padding: .25rem .55rem;font: inherit;font-size: .72rem;font-weight: 600;text-transform: none;letter-spacing: 0;cursor: pointer;display: inline-flex;align-items: center;gap: .35rem;line-height: 1;}.cms-edit-autoseo-btn:hover,.cms-edit-autoseo-btn:focus-visible {background: var(--color-primary, #4458dc);color: #fff;outline: 0;}.cms-edit-autoseo-btn svg {flex: 0 0 auto;}.cms-insert-grid {display: grid;grid-template-columns: 1fr 1fr;gap: .5rem;}.cms-insert-option {appearance: none;display: flex;flex-direction: column;align-items: flex-start;gap: .15rem;padding: .75rem .85rem;border: 1px solid var(--color-border, #c9cfdb);border-radius: 8px;background: #fff;color: var(--color-text, #1d2231);font: inherit;text-align: left;cursor: pointer;transition: background .12s, border-color .12s, transform .12s;}.cms-insert-option:hover {background: var(--color-bg-alt, #f4f5f7);border-color: var(--color-primary, #4458dc);transform: translateY(-1px);}.cms-insert-option:focus-visible {outline: 2px solid var(--color-primary, #4458dc);outline-offset: 2px;}.cms-insert-option-label {font-weight: 600;font-size: .95rem;}.cms-insert-option-key {font: .72rem ui-monospace, SFMono-Regular, Menlo, monospace;color: var(--color-text-muted, #5b6478);}.app-btn-danger {background: #9b1c1c;color: #fff;border-color: #9b1c1c;}.app-btn-danger:hover:not(:disabled) {background: #7a1414;border-color: #7a1414;}.app-btn-danger:disabled,.app-btn-danger[aria-disabled="true"] {background: #c9cfdb;border-color: #c9cfdb;color: #fff;cursor: not-allowed;}.app-media-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));gap: var(--space-3);list-style: none;margin: var(--space-5) 0 0;padding: 0;}.app-media-tile {position: relative;aspect-ratio: 1 / 1;overflow: hidden;border-radius: var(--radius-md);background-color: var(--color-bg-alt);border: 1px solid var(--color-border);}.app-media-tile-link {display: block;width: 100%;height: 100%;text-decoration: none;color: inherit;}.app-media-tile-link picture,.app-media-tile-link .app-media-tile-img,.app-media-tile-video {display: block;width: 100%;height: 100%;object-fit: cover;}.app-media-tile-fallback {display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;padding: var(--space-2);font-size: var(--font-size-xs);color: var(--color-text-muted);text-align: center;word-break: break-all;}.app-media-tile-actions {position: absolute;top: var(--space-2);right: var(--space-2);display: flex;gap: 4px;z-index: 1;opacity: 0;transform: translateY(-4px);pointer-events: none;transition: opacity 80ms ease, transform 80ms ease;}.app-media-tile:hover .app-media-tile-actions,.app-media-tile:focus-within .app-media-tile-actions {opacity: 1;transform: translateY(0);pointer-events: auto;}.app-media-edit-btn {width: 32px;height: 32px;display: inline-flex;align-items: center;justify-content: center;border: 0;border-radius: 50%;background-color: rgba(255, 255, 255, 0.92);color: var(--color-text);cursor: pointer;font-size: 1rem;line-height: 1;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);transition: transform 120ms ease, background-color 120ms ease;}.app-media-edit-btn:hover,.app-media-edit-btn:focus-visible {background-color: #fff;transform: scale(1.05);outline: 2px solid var(--color-text);outline-offset: 2px;}.app-media-edit-form {display: flex;flex-direction: column;gap: var(--space-2);margin: 0;}.app-media-edit-filename {margin: 0 0 var(--space-2);font-size: var(--font-size-sm);color: var(--color-text-muted);word-break: break-all;}.app-media-edit-label {font-size: var(--font-size-sm);font-weight: 500;color: var(--color-text);margin-top: var(--space-2);}.app-media-edit-input {width: 100%;padding: 0.5rem 0.65rem;border: 1px solid var(--color-border);border-radius: var(--radius-md);font: inherit;background-color: #fff;color: var(--color-text);}.app-media-edit-input:focus {outline: 2px solid var(--color-text);outline-offset: 1px;}.app-media-edit-textarea {resize: vertical;min-height: 4rem;}.app-media-edit-actions {display: flex;justify-content: flex-end;margin-top: var(--space-3);}.app-media-edit-lang {display: flex;flex-direction: column;gap: var(--space-1);margin: var(--space-2) 0;padding: var(--space-2) var(--space-3);border: 1px solid var(--color-border);border-radius: var(--radius-md);background: var(--color-surface-muted, #fafafa);}.app-media-edit-lang legend {padding: 0 var(--space-2);font-size: var(--font-size-sm);font-weight: 600;color: var(--color-text);}.app-flash {margin: var(--space-3) 0;padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);font-size: var(--font-size-sm);}.app-flash-success {background-color: #e6f7ee;color: #0f5132;border: 1px solid #badbcc;}.app-flash-error {background-color: #fdecec;color: #842029;border: 1px solid #f5c2c7;}.app-lightbox {position: fixed;inset: 0;z-index: 1100;display: none;align-items: center;justify-content: center;padding: var(--space-4);background-color: var(--color-overlay);}.app-lightbox[aria-hidden="false"] {display: flex;}.app-lightbox-stage {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: padding-right 0.25s ease;}html.is-app-drawer-open .app-lightbox-stage {padding-right: var(--app-edit-drawer-width, 420px);}html.is-app-drawer-open .app-lightbox-close,html.is-app-drawer-open .app-lightbox-edit {display: none;}.app-lightbox-img,.app-lightbox-video {max-width: 95vw;max-height: 90vh;box-shadow: 0 12px 48px rgba(0, 0, 0, 0.6);background-color: #000;}.app-lightbox-actions {position: absolute;top: var(--space-3);right: calc(var(--space-3) + 48px);display: flex;gap: var(--space-2);}.app-lightbox-close,.app-lightbox-edit {border: 0;border-radius: var(--radius-md);background-color: rgba(255, 255, 255, 0.92);color: var(--color-text);cursor: pointer;font-size: 1rem;line-height: 1;padding: 0.5rem 0.75rem;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);}.app-lightbox-close {position: absolute;top: var(--space-3);right: var(--space-3);width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;font-size: 1.25rem;padding: 0;border-radius: 50%;}.app-lightbox-edit {display: inline-flex;align-items: center;gap: 0.4rem;font-weight: 500;}.app-lightbox-close:hover,.app-lightbox-close:focus-visible,.app-lightbox-edit:hover,.app-lightbox-edit:focus-visible {background-color: #fff;outline: 2px solid #fff;outline-offset: 2px;}.app-media-image-edit-note {margin: var(--space-2) 0 var(--space-3);padding: var(--space-3);border-left: 3px solid var(--color-text-muted);background-color: var(--color-bg-alt);color: var(--color-text-muted);font-size: var(--font-size-sm);border-radius: 0 var(--radius-md) var(--radius-md) 0;}.app-media-image-tools {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-2);margin-top: var(--space-5);padding-top: var(--space-5);border-top: 1px solid var(--color-border);}.app-media-image-tools .app-btn {width: 100%;text-align: center;}.app-btn-ghost {background-color: transparent;color: var(--color-text);border: 1px solid var(--color-border);}.app-btn-ghost:hover:not([disabled]),.app-btn-ghost:focus-visible:not([disabled]) {background-color: var(--color-bg-alt);}.app-btn[disabled],.app-btn-ghost[disabled] {opacity: 0.5;cursor: not-allowed;}.app-crop-section {margin-top: var(--space-3);}.app-crop-stage {position: relative;width: 100%;background-color: #000;border-radius: var(--radius-md);overflow: hidden;user-select: none;touch-action: none;cursor: crosshair;}.app-crop-image {display: block;width: 100%;height: auto;pointer-events: none;-webkit-user-drag: none;}.app-crop-rect {position: absolute;border: 2px solid #fff;background-color: rgba(255, 255, 255, 0.18);box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.45);pointer-events: none;}.app-crop-info {margin: var(--space-2) 0 var(--space-3);font-size: var(--font-size-sm);color: var(--color-text-muted);}.app-media-edit-btn-delete:hover,.app-media-edit-btn-delete:focus-visible {color: #b42318;outline-color: #b42318;}.app-lightbox-edit-delete {color: #b42318;}.app-media-usage-list {list-style: none;margin: var(--space-2) 0 var(--space-3);padding: 0;font-size: var(--font-size-sm);color: var(--color-text);}.app-media-usage-list li {padding: var(--space-2) 0;border-bottom: 1px solid var(--color-border);display: flex;flex-wrap: wrap;align-items: baseline;gap: var(--space-2);}.app-media-usage-list li:last-child {border-bottom: 0;}.app-media-usage-lang {display: inline-block;padding: 1px 6px;border-radius: var(--radius-md);background-color: var(--color-bg-alt);font-size: var(--font-size-xs);font-weight: 600;color: var(--color-text-muted);line-height: 1.4;}.app-media-usage-lang-code {background-color: #fff3cd;color: #664d03;}.app-media-usage-url {font-family: ui-monospace, SFMono-Regular, Menlo, monospace;font-size: var(--font-size-sm);color: var(--color-text);}.app-media-usage-context {color: var(--color-text-muted);flex: 1 1 auto;}.app-media-usage-empty {margin: var(--space-2) 0 var(--space-3);padding: var(--space-3);background-color: var(--color-bg-alt);border-radius: var(--radius-md);color: var(--color-text-muted);font-size: var(--font-size-sm);font-style: italic;}.app-media-delete-warning {margin: var(--space-3) 0;padding: var(--space-3);border-left: 3px solid #b42318;background-color: #fdecec;color: #842029;font-size: var(--font-size-sm);border-radius: 0 var(--radius-md) var(--radius-md) 0;}.app-btn-danger {background-color: #b42318;color: #fff;border: 0;}.app-btn-danger:hover:not([disabled]),.app-btn-danger:focus-visible:not([disabled]) {background-color: #912017;}@media (min-width: 768px){.app-media-grid {grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));gap: var(--space-4);}.app-media-edit-btn {width: 36px;height: 36px;font-size: 1.1rem;}}.app-pages {max-width: none;}.app-pages-toolbar {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--space-3);}.app-pages-toolbar-actions {margin: 0;display: flex;flex-wrap: wrap;gap: var(--space-2);}.app-pages-search {display: flex;align-items: center;gap: var(--space-2);flex: 1 1 240px;min-width: 0;margin: 0;}.app-pages-search-input {flex: 1 1 auto;min-width: 0;height: var(--input-height, 38px);padding: 0 var(--space-3);background: var(--color-surface);color: var(--color-text);border: 1px solid var(--color-border);border-radius: var(--radius-md);font-size: var(--font-size-sm);font-family: inherit;}.app-pages-search-input::placeholder {color: var(--color-text-muted);}.app-pages-search-input:focus {outline: 2px solid var(--color-primary);outline-offset: 1px;border-color: var(--color-primary);}.app-pages-search-submit {align-self: auto;margin-top: 0;padding: var(--space-1) var(--space-3);font-size: var(--font-size-sm);white-space: nowrap;}.app-pages-search.is-js-on .app-pages-search-submit {display: none;}.app-pages-tabs {display: inline-flex;align-self: flex-start;border: 1px solid var(--color-border);border-radius: var(--radius-md);overflow: hidden;background: var(--color-surface);}.app-pages-tab {padding: var(--space-2) var(--space-5);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text-secondary);text-decoration: none;border-right: 1px solid var(--color-border);transition: background 0.15s ease, color 0.15s ease;}.app-pages-tab:last-child {border-right: 0;}.app-pages-tab:hover {background: var(--color-bg-alt);color: var(--color-text);}.app-pages-tab.is-active {background: var(--color-primary);color: var(--color-text-inverse);}.app-pages-table-wrap {background: var(--card-bg);border: 1px solid var(--card-border-color);border-radius: var(--card-border-radius);box-shadow: var(--card-shadow);overflow-x: auto;}.app-pages-table {width: 100%;min-width: 640px;border-collapse: collapse;font-size: var(--font-size-sm);}.app-pages-table thead th {text-align: left;padding: var(--space-3) var(--space-4);background: var(--color-bg-alt);color: var(--color-text-secondary);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: 0.04em;border-bottom: 1px solid var(--color-border);}.app-pages-table tbody td {padding: var(--space-3) var(--space-4);border-bottom: 1px solid var(--color-border);vertical-align: middle;color: var(--color-text);}.app-pages-table tbody tr:last-child td {border-bottom: 0;}.app-pages-table tbody tr:hover {background: var(--color-bg-alt);}.app-pages-cell-title {display: flex;flex-direction: column;gap: 2px;min-width: 12ch;}.app-pages-row-link {color: var(--color-text);text-decoration: none;font-weight: var(--font-weight-semibold);}.app-pages-row-link:hover {color: var(--color-primary);text-decoration: underline;}.app-pages-row-sub {font-size: var(--font-size-xs);color: var(--color-text-muted);}.app-pages-cell-url {font-family: ui-monospace, SFMono-Regular, Menlo, monospace;color: var(--color-text-secondary);word-break: break-all;}.app-pages-cell-updated {color: var(--color-text-muted);white-space: nowrap;}.app-pages-cell-action {text-align: right;white-space: nowrap;}.app-pages-cell-action .app-btn {align-self: auto;margin-top: 0;padding: var(--space-1) var(--space-3);font-size: var(--font-size-sm);}.app-pages-status {display: inline-block;padding: 2px var(--space-2);border-radius: var(--radius-full);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: 0.04em;border: 1px solid transparent;white-space: nowrap;}.app-pages-status-published {background: var(--color-success-light);color: var(--color-success-dark);border-color: var(--color-success);}.app-pages-status-draft {background: var(--color-bg-alt);color: var(--color-text-secondary);border-color: var(--color-border);}.app-pages-status-hidden {background: var(--color-error-light);color: var(--color-error-dark);border-color: var(--color-error);}.app-pages-pill {display: inline-block;padding: 2px var(--space-3);border-radius: var(--radius-full);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);border: 1px solid transparent;min-width: 4ch;text-align: center;}.app-pages-pill-yes {background: var(--color-primary-subtle);color: var(--color-primary-active);border-color: var(--color-primary);}.app-pages-pill-no {background: var(--color-bg-alt);color: var(--color-text-muted);border-color: var(--color-border);}.app-visually-hidden {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}.app-pages > form.app-form {gap: var(--space-5);}.app-pages-block {background: var(--card-bg);border: 1px solid var(--card-border-color);border-radius: var(--card-border-radius);box-shadow: var(--card-shadow);padding: var(--space-6);display: flex;flex-direction: column;gap: var(--space-3);}.app-pages-block > legend {padding: 0;margin: 0 0 var(--space-2) 0;color: var(--color-text);font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);text-transform: none;letter-spacing: 0;}.app-pages-edit-actions {display: flex;flex-wrap: wrap;gap: var(--space-3);margin-top: var(--space-2);}.app-pages-checkbox-row {display: flex;align-items: center;gap: var(--space-2);}.app-pages-checkbox-row input[type="checkbox"] {width: 18px;height: 18px;accent-color: var(--color-primary);}.app-pages-row-label-menu {align-items: flex-end;}.app-pages-row-label-menu .app-pages-checkbox-row {height: var(--input-height);}.app-pages-fieldnote {margin: 0;color: var(--color-text-muted);font-size: var(--font-size-xs);font-style: italic;}.app-form-counter {font-variant-numeric: tabular-nums;font-weight: var(--font-weight-semibold);font-style: normal;color: var(--color-text-secondary);}.app-form-counter.is-at-max {color: var(--color-error);}.app-pages-og-upload {display: flex;flex-direction: column;gap: var(--space-2);}.app-pages-og-preview {display: flex;align-items: center;gap: var(--space-3);padding: var(--space-3);background: var(--color-bg-alt);border: 1px solid var(--color-border);border-radius: var(--radius-md);}.app-pages-og-preview img {width: 120px;max-width: 120px;height: auto;aspect-ratio: 1200 / 630;object-fit: cover;background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-sm);flex: 0 0 120px;}.app-pages-og-preview-path {font-family: ui-monospace, SFMono-Regular, Menlo, monospace;font-size: var(--font-size-xs);color: var(--color-text-secondary);word-break: break-all;flex: 1 1 auto;}.app-pages-og-uploadrow {margin-top: var(--space-2);padding: var(--space-3);border: 1px dashed var(--color-border);border-radius: var(--radius-md);background: var(--color-bg-alt);display: flex;flex-direction: column;gap: var(--space-2);}.app-pages-og-uploadrow-label {margin-top: 0;color: var(--color-text);font-weight: var(--font-weight-semibold);font-size: var(--font-size-sm);text-transform: none;letter-spacing: 0;}.app-pages-seo-check {margin-top: var(--space-4);padding: var(--space-4);background: var(--color-bg-alt);border: 1px solid var(--color-border);border-radius: var(--radius-md);display: flex;flex-direction: column;gap: var(--space-3);}.app-pages-seo-check-head {display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);}.app-pages-seo-check-title {margin: 0;font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: 0.04em;color: var(--color-text-secondary);}.app-pages-seo-check-score {font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text-secondary);background: var(--color-surface);padding: 2px var(--space-3);border-radius: var(--radius-full);border: 1px solid var(--color-border);white-space: nowrap;}.app-pages-seo-check-list {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: var(--space-2);}.app-pages-seo-check-item {display: flex;align-items: flex-start;gap: var(--space-3);padding: var(--space-2) var(--space-3);border-radius: var(--radius-md);background: var(--color-surface);border-left: 3px solid var(--color-border);font-size: var(--font-size-sm);line-height: 1.45;color: var(--color-text);}.app-pages-seo-check-icon {flex: 0 0 22px;width: 22px;height: 22px;display: inline-flex;align-items: center;justify-content: center;border-radius: var(--radius-full);font-size: var(--font-size-sm);font-weight: var(--font-weight-bold);color: var(--color-text-inverse);background: var(--color-text-muted);line-height: 1;}.app-pages-seo-check-msg {flex: 1 1 auto;}.app-pages-seo-check-ok {border-left-color: var(--color-success);}.app-pages-seo-check-ok .app-pages-seo-check-icon {background: var(--color-success);}.app-pages-seo-check-warning {border-left-color: #d49a18;}.app-pages-seo-check-warning .app-pages-seo-check-icon {background: #d49a18;}.app-pages-seo-check-problem {border-left-color: var(--color-error);}.app-pages-seo-check-problem .app-pages-seo-check-icon {background: var(--color-error);}.app-pages-advanced {padding: 0;overflow: hidden;}.app-pages-advanced-summary {list-style: none;cursor: pointer;padding: var(--space-5) var(--space-6);color: var(--color-text);font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);user-select: none;position: relative;padding-right: var(--space-10);}.app-pages-advanced-summary::-webkit-details-marker {display: none;}.app-pages-advanced-summary::after {content: "";position: absolute;right: var(--space-6);top: 50%;width: 8px;height: 8px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: translateY(-75%) rotate(45deg);transition: transform 0.2s ease;}.app-pages-advanced[open] > .app-pages-advanced-summary::after {transform: translateY(-25%) rotate(-135deg);}.app-pages-advanced-summary:hover {background: var(--color-bg-alt);}.app-pages-advanced-body {padding: var(--space-2) var(--space-6) var(--space-6);border-top: 1px solid var(--color-border);display: flex;flex-direction: column;gap: var(--space-3);margin-top: var(--space-2);}.app-pages-audit-table {width: 100%;border-collapse: collapse;font-size: var(--font-size-sm);}.app-pages-audit-table thead th {text-align: left;padding: var(--space-2) var(--space-3);background: var(--color-bg-alt);color: var(--color-text-secondary);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: 0.04em;border-bottom: 1px solid var(--color-border);}.app-pages-audit-table tbody td {padding: var(--space-2) var(--space-3);border-bottom: 1px solid var(--color-border);vertical-align: top;color: var(--color-text);}.app-pages-audit-table tbody tr:last-child td {border-bottom: 0;}.app-pages-audit-action {display: inline-block;padding: 1px var(--space-2);border-radius: var(--radius-sm);background: var(--color-bg-alt);color: var(--color-text-secondary);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);font-family: ui-monospace, SFMono-Regular, Menlo, monospace;}@media (min-width: 768px) {.app-pages-table {min-width: 0;font-size: var(--font-size-base);}.app-pages-table thead th,.app-pages-table tbody td {padding: var(--space-3) var(--space-5);}.app-pages-cell-url {max-width: 24ch;}}.container {width: 100%;max-width: var(--container-max-width);margin-left: auto;margin-right: auto;padding-left: var(--container-padding);padding-right: var(--container-padding);}.container-sm {max-width: 640px;}.container-lg {max-width: 1400px;}.container-fluid {max-width: none;}.row {margin-left: calc(var(--space-4) * -0.5);margin-right: calc(var(--space-4) * -0.5);}.row::after {content: "";display: table;clear: both;}@supports (display: flex) {.row {display: flex;flex-wrap: wrap;}}[class*="col-"] {float: left;padding-left: calc(var(--space-4) * 0.5);padding-right: calc(var(--space-4) * 0.5);min-height: 1px;width: 100%;}.col-1-1{ width: 8.333333%; }.col-1-2{ width: 16.666667%; }.col-1-3{ width: 25%; }.col-1-4{ width: 33.333333%; }.col-1-5{ width: 41.666667%; }.col-1-6{ width: 50%; }.col-1-7{ width: 58.333333%; }.col-1-8{ width: 66.666667%; }.col-1-9{ width: 75%; }.col-1-10 { width: 83.333333%; }.col-1-11 { width: 91.666667%; }.col-1-12 { width: 100%; }@supports (display: flex) {.col-auto {float: none;width: auto;flex: 1 1 0%;}}@supports (display: flex) {.gap-1 { gap: var(--space-1); }.gap-2 { gap: var(--space-2); }.gap-3 { gap: var(--space-3); }.gap-4 { gap: var(--space-4); }.gap-5 { gap: var(--space-5); }.gap-6 { gap: var(--space-6); }.gap-8 { gap: var(--space-8); }}.section {padding-top: var(--section-spacing);padding-bottom: var(--section-spacing);}.section-sm {padding-top: var(--space-8);padding-bottom: var(--space-8);}.section-lg {padding-top: var(--space-24);padding-bottom: var(--space-24);}.section-alt {background-color: var(--color-bg-alt);}.section-header {text-align: center;margin-bottom: var(--space-12);}.section-header h2 {margin-bottom: var(--space-4);}.section-header p {max-width: 640px;margin-left: auto;margin-right: auto;}.section-divider {border: none;border-top: 1px solid var(--color-border);}@media (min-width: 768px) {.col-3-1{ width: 8.333333%; }.col-3-2{ width: 16.666667%; }.col-3-3{ width: 25%; }.col-3-4{ width: 33.333333%; }.col-3-5{ width: 41.666667%; }.col-3-6{ width: 50%; }.col-3-7{ width: 58.333333%; }.col-3-8{ width: 66.666667%; }.col-3-9{ width: 75%; }.col-3-10 { width: 83.333333%; }.col-3-11 { width: 91.666667%; }.col-3-12 { width: 100%; }}@media (min-width: 1280px) {.col-4-1{ width: 8.333333%; }.col-4-2{ width: 16.666667%; }.col-4-3{ width: 25%; }.col-4-4{ width: 33.333333%; }.col-4-5{ width: 41.666667%; }.col-4-6{ width: 50%; }.col-4-7{ width: 58.333333%; }.col-4-8{ width: 66.666667%; }.col-4-9{ width: 75%; }.col-4-10 { width: 83.333333%; }.col-4-11 { width: 91.666667%; }.col-4-12 { width: 100%; }}@media (min-width: 1920px) {.col-5-1{ width: 8.333333%; }.col-5-2{ width: 16.666667%; }.col-5-3{ width: 25%; }.col-5-4{ width: 33.333333%; }.col-5-5{ width: 41.666667%; }.col-5-6{ width: 50%; }.col-5-7{ width: 58.333333%; }.col-5-8{ width: 66.666667%; }.col-5-9{ width: 75%; }.col-5-10 { width: 83.333333%; }.col-5-11 { width: 91.666667%; }.col-5-12 { width: 100%; }}@media (min-width: 2560px) {.col-6-1{ width: 8.333333%; }.col-6-2{ width: 16.666667%; }.col-6-3{ width: 25%; }.col-6-4{ width: 33.333333%; }.col-6-5{ width: 41.666667%; }.col-6-6{ width: 50%; }.col-6-7{ width: 58.333333%; }.col-6-8{ width: 66.666667%; }.col-6-9{ width: 75%; }.col-6-10 { width: 83.333333%; }.col-6-11 { width: 91.666667%; }.col-6-12 { width: 100%; }}*,*::before,*::after {box-sizing: border-box;}* {margin: 0;padding: 0;}html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;scroll-behavior: smooth;}body {min-height: 100vh;font-family: var(--font-family-base);font-size: var(--font-size-base);font-weight: var(--font-weight-regular);line-height: var(--leading-normal);color: var(--color-text);background-color: var(--color-bg);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}img,picture,video,canvas,svg {display: block;max-width: 100%;height: auto;}input,button,textarea,select {font: inherit;color: inherit;}button {cursor: pointer;border: none;background: none;}a {color: inherit;text-decoration: none;}ul,ol {list-style: none;}table {border-collapse: collapse;border-spacing: 0;}fieldset {border: none;padding: 0;margin: 0;}textarea {resize: vertical;}[hidden] {display: none !important;}h1, h2, h3, h4, h5, h6 {color: var(--color-text);font-weight: var(--font-weight-bold);line-height: var(--leading-tight);letter-spacing: var(--tracking-tight);}h1 {font-size: var(--font-size-5xl);font-weight: var(--font-weight-extrabold);}h2 {font-size: var(--font-size-4xl);font-weight: var(--font-weight-bold);}h3 {font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);}h4 {font-size: var(--font-size-2xl);font-weight: var(--font-weight-semibold);}h5 {font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);}h6 {font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);}p {line-height: var(--leading-relaxed);color: var(--color-text-secondary);}.lead {font-size: var(--font-size-lg);line-height: var(--leading-relaxed);color: var(--color-text-secondary);}small,.text-sm {font-size: var(--font-size-sm);}.text-xs {font-size: var(--font-size-xs);}.text-lg {font-size: var(--font-size-lg);}a {color: var(--color-text-link);text-decoration: none;transition: color var(--transition-fast);}a:hover {color: var(--color-text-link-hover);text-decoration: underline;}a:focus-visible {outline: 2px solid var(--color-primary);outline-offset: 2px;border-radius: var(--radius-sm);}code {font-family: var(--font-family-mono);font-size: 0.875em;padding: 2px 6px;background-color: var(--color-bg-alt);border: 1px solid var(--color-border);border-radius: var(--radius-sm);color: var(--color-text);}pre {font-family: var(--font-family-mono);font-size: var(--font-size-sm);line-height: var(--leading-relaxed);padding: var(--space-4);background-color: var(--color-bg-alt);border: 1px solid var(--color-border);border-radius: var(--radius-md);overflow-x: auto;-webkit-overflow-scrolling: touch;}pre code {padding: 0;background: none;border: none;border-radius: 0;}blockquote {padding-left: var(--space-4);border-left: 4px solid var(--color-primary);font-style: italic;color: var(--color-text-secondary);}hr {border: none;border-top: 1px solid var(--color-border);margin: var(--space-8) 0;}.list {padding-left: var(--space-6);}.list li {margin-bottom: var(--space-2);line-height: var(--leading-relaxed);color: var(--color-text-secondary);}ul.list {list-style-type: disc;}ol.list {list-style-type: decimal;}mark {background-color: var(--color-primary-light);color: var(--color-text);padding: 1px 4px;border-radius: var(--radius-sm);}strong,b {font-weight: var(--font-weight-semibold);}:root {--color-brand-50:#eef8f5;--color-brand-100: #caeae1;--color-brand-200: #b1e0d2;--color-brand-300: #8dd2be;--color-brand-400: #77c9b1;--color-brand-500: #55bc9e;--color-brand-600: #4dab90;--color-brand-700: #3c8570;--color-brand-800: #2f6757;--color-brand-900: #244f42;--color-blue-50:#eaeff6;--color-blue-100: #bccde2;--color-blue-200: #9cb4d5;--color-blue-300: #6f92c1;--color-blue-400: #537db5;--color-blue-500: #285da3;--color-blue-600: #245594;--color-blue-700: #1c4274;--color-blue-800: #16335a;--color-blue-900: #112744;--color-gray-25:#fdfdfd;--color-gray-50:#fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e9eaeb;--color-gray-300: #d5d7da;--color-gray-400: #a4a7ae;--color-gray-500: #717680;--color-gray-600: #535862;--color-gray-700: #414651;--color-gray-800: #252b37;--color-gray-900: #181d27;--color-white:#ffffff;--color-black:#000000;--color-orange-25:#faf7f4;--color-orange-50:#fff2ec;--color-orange-100: #ffd7c3;--color-orange-200: #ffc4a6;--color-orange-300: #ffa97e;--color-orange-400: #ff9965;--color-orange-500: #ff7f3e;--color-orange-600: #e87438;--color-orange-700: #b55a2c;--color-orange-800: #8c4622;--color-orange-900: #6b351a;--color-red-50:#fdeff0;--color-red-100: #f8cfd1;--color-red-200: #f5b7ba;--color-red-300: #f1969b;--color-red-400: #ee8287;--color-red-500: #ea6369;--color-red-600: #d55a60;--color-red-700: #a6464b;--color-red-800: #81363a;--color-red-900: #622a2c;--color-yellow-50:#fff9e6;--color-yellow-100: #ffedb0;--color-yellow-200: #ffe48a;--color-yellow-300: #fed755;--color-yellow-400: #fed034;--color-yellow-500: #fec401;--color-yellow-600: #e7b201;--color-yellow-700: #b48b01;--color-yellow-800: #8c6c01;--color-yellow-900: #6b5200;--color-error-25:#fffbfa;--color-error-50:#fef3f2;--color-error-100: #fee4e2;--color-error-200: #fecdca;--color-error-300: #fda29b;--color-error-400: #f97066;--color-error-500: #f04438;--color-error-600: #d92d20;--color-error-700: #b42318;--color-error-800: #912018;--color-error-900: #7a271a;--color-success-25:#f6fef9;--color-success-50:#ecfdf3;--color-success-100: #d1fadf;--color-success-200: #a6f4c5;--color-success-300: #6ce9a6;--color-success-400: #32d583;--color-success-500: #12b76a;--color-success-600: #039855;--color-success-700: #027a48;--color-success-800: #05603a;--color-success-900: #054f31;--color-warning-25:#fffcf5;--color-warning-50:#fffaeb;--color-warning-100: #fef0c7;--color-warning-200: #fedf89;--color-warning-300: #fec84b;--color-warning-400: #fdb022;--color-warning-500: #f79009;--color-warning-600: #dc6803;--color-warning-700: #b54708;--color-warning-800: #93370d;--color-warning-900: #7a2e0e;--font-size-tiny: 0.75rem; --font-size-small:0.875rem;--font-size-regular:1rem;--font-size-medium: 1.125rem;--font-size-large:1.25rem; --font-size-display-xs: 1.375rem;--font-size-display-sm: 1.75rem; --font-size-display-md: 2.25rem; --font-size-display-lg: 2.75rem; --font-size-display-xl: 3.25rem; --font-size-display-2xl: 4.5rem; --font-size-tiny-mobile: 0.75rem; --font-size-small-mobile:0.875rem;--font-size-regular-mobile:0.875rem;--font-size-medium-mobile: 1rem;--font-size-large-mobile:1.125rem;--font-size-display-xs-mobile: 1.25rem; --font-size-display-sm-mobile: 1.375rem;--font-size-display-md-mobile: 1.75rem; --font-size-display-lg-mobile: 2.25rem; --font-size-display-xl-mobile: 2.75rem; --font-size-display-2xl-mobile: 3.75rem;--font-weight-regular:400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.2;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--tracking-tight:-0.025em;--tracking-normal: 0;--tracking-wide: 0.025em;--tracking-wider:0.05em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl:24px;--radius-full: 9999px;--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.04);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.04);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.08), 0 4px 6px rgba(0, 0, 0, 0.04);--shadow-xl:0 20px 25px rgba(0, 0, 0, 0.1), 0 8px 10px rgba(0, 0, 0, 0.04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.15);--transition-fast: 150ms ease;--transition-base: 300ms ease;--transition-slow: 500ms ease;--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in: cubic-bezier(0.4, 0, 1, 1);--z-dropdown:1000;--z-sticky:1020;--z-fixed: 1030;--z-modal-bg:1040;--z-modal: 1050;--z-tooltip: 1060;}:root {--color-primary:var(--color-brand-500);--color-primary-hover:var(--color-brand-600);--color-primary-active: var(--color-brand-700);--color-primary-light:var(--color-brand-100);--color-primary-subtle: var(--color-brand-50);--color-accent: var(--color-orange-500);--color-accent-hover: var(--color-orange-600);--color-accent-light: var(--color-orange-100);--color-accent-subtle:var(--color-orange-50);--color-accent-faint: var(--color-orange-25);--color-bg:var(--color-white);--color-bg-alt:var(--color-gray-100);--color-bg-cream:var(--color-accent-faint);--color-bg-elevated: var(--color-white);--color-surface: var(--color-white);--color-surface-alt: var(--color-gray-50);--color-overlay: rgba(0, 0, 0, 0.5);--color-text: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-400);--color-text-inverse: var(--color-white);--color-text-link:var(--color-primary);--color-text-link-hover: var(--color-primary-hover);--color-border:var(--color-gray-200);--color-border-strong: var(--color-gray-300);--color-border-focus:var(--color-primary);--color-success: var(--color-success-500);--color-success-light: var(--color-success-50);--color-success-dark:var(--color-success-700);--color-error: var(--color-error-500);--color-error-light: var(--color-error-50);--color-error-dark:var(--color-error-700);--color-warning: var(--color-warning-500);--color-warning-light: var(--color-warning-50);--color-warning-dark:var(--color-warning-700);--color-info:var(--color-blue-500);--color-info-light:var(--color-blue-50);--color-info-dark: var(--color-blue-700);--font-family-base: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;--font-family-mono: 'Courier New', Courier, monospace;--font-size-xs: var(--font-size-tiny-mobile);--font-size-sm: var(--font-size-small-mobile);--font-size-base: var(--font-size-regular-mobile);--font-size-lg: var(--font-size-medium-mobile);--font-size-xl: var(--font-size-large-mobile);--font-size-2xl:var(--font-size-display-xs-mobile);--font-size-3xl:var(--font-size-display-sm-mobile);--font-size-4xl:var(--font-size-display-md-mobile);--font-size-5xl:var(--font-size-display-lg-mobile);--font-size-6xl:var(--font-size-display-xl-mobile);--font-size-7xl:var(--font-size-display-2xl-mobile);--container-max-width: 1200px;--container-padding: var(--space-6);--section-spacing: var(--space-16);--ring-primary: 0 0 0 3px rgba(85, 188, 158, 0.25);--ring-error: 0 0 0 3px rgba(240, 68, 56, 0.25);--ring-success: 0 0 0 3px rgba(18, 183, 106, 0.25);--input-height:44px;--input-padding-x: var(--space-4);--input-padding-y: var(--space-3);--input-border-radius: var(--radius-md);--input-border-width:1px;--input-border-color:var(--color-border);--input-border-color-hover:var(--color-border-strong);--input-border-color-focus:var(--color-primary);--input-border-color-error:var(--color-error);--input-border-color-success: var(--color-success);--input-bg:var(--color-bg);--input-bg-disabled: var(--color-surface-alt);--input-text:var(--color-text);--input-text-placeholder:var(--color-text-muted);--input-text-disabled: var(--color-text-muted);--input-focus-ring:var(--ring-primary);--input-focus-ring-error:var(--ring-error);--input-focus-ring-success:var(--ring-success);--check-border-color:var(--color-border-strong);--check-bg:var(--color-bg);--check-bg-checked:var(--color-primary);--check-mark-color:var(--color-text-inverse);--switch-bg-off: var(--color-border-strong);--switch-bg-on:var(--color-primary);--switch-knob: var(--color-white);--btn-padding-x: var(--space-6);--btn-padding-y: var(--space-3);--btn-border-radius: var(--radius-md);--btn-border-width:2px;--btn-font-weight: var(--font-weight-semibold);--btn-danger-hover-bg: var(--color-red-600);--btn-shadow-hover:0 4px 12px rgba(85, 188, 158, 0.3);--card-padding:var(--space-6);--card-border-radius:var(--radius-lg);--card-border-color: var(--color-border);--card-bg: var(--color-surface);--card-bg-footer:var(--color-surface-alt);--card-shadow: var(--shadow-sm);--card-shadow-hover: var(--shadow-lg);--badge-text-on-primary-light: var(--color-brand-800);--table-border-color:var(--color-border);--table-header-bg: var(--color-surface-alt);--table-stripe-bg: var(--color-surface-alt);--table-hover-bg:var(--color-bg-alt);--tooltip-bg:var(--color-gray-900);--tooltip-text:var(--color-text-inverse);--modal-bg:var(--color-surface);--modal-border-radius: var(--card-border-radius);--modal-shadow:var(--shadow-xl);--progress-bg: var(--color-bg-alt);--progress-fill: var(--color-primary);--progress-stripe: rgba(255, 255, 255, 0.2);--hero-overlay-text: rgba(255, 255, 255, 0.85);--feature-icon-bg: var(--color-red-50);--feature-icon-fg: var(--color-accent);--color-accent-red:var(--color-red-500);--color-accent-blue: var(--color-blue-500);--color-accent-yellow: var(--color-yellow-500);--service-green-strong:var(--color-brand-700);--service-green-subtle:var(--color-brand-50);--service-yellow-strong: var(--color-yellow-700);--service-yellow-subtle: var(--color-yellow-50);--service-orange-strong: var(--color-orange-700);--service-orange-subtle: var(--color-orange-50);--service-blue-strong: var(--color-blue-700);--service-blue-subtle: var(--color-blue-50);}@media (min-width: 768px) {:root {--font-size-xs: var(--font-size-tiny);--font-size-sm: var(--font-size-small);--font-size-base: var(--font-size-regular);--font-size-lg: var(--font-size-medium);--font-size-xl: var(--font-size-large);--font-size-2xl:var(--font-size-display-xs);--font-size-3xl:var(--font-size-display-sm);--font-size-4xl:var(--font-size-display-md);--font-size-5xl:var(--font-size-display-lg);--font-size-6xl:var(--font-size-display-xl);--font-size-7xl:var(--font-size-display-2xl);}}.m-0{ margin: var(--space-0) !important; }.m-1{ margin: var(--space-1) !important; }.m-2{ margin: var(--space-2) !important; }.m-3{ margin: var(--space-3) !important; }.m-4{ margin: var(--space-4) !important; }.m-5{ margin: var(--space-5) !important; }.m-6{ margin: var(--space-6) !important; }.m-8{ margin: var(--space-8) !important; }.mt-0{ margin-top: var(--space-0) !important; }.mt-1{ margin-top: var(--space-1) !important; }.mt-2{ margin-top: var(--space-2) !important; }.mt-3{ margin-top: var(--space-3) !important; }.mt-4{ margin-top: var(--space-4) !important; }.mt-5{ margin-top: var(--space-5) !important; }.mt-6{ margin-top: var(--space-6) !important; }.mt-8{ margin-top: var(--space-8) !important; }.mt-10 { margin-top: var(--space-10) !important; }.mt-12 { margin-top: var(--space-12) !important; }.mt-16 { margin-top: var(--space-16) !important; }.mb-0{ margin-bottom: var(--space-0) !important; }.mb-1{ margin-bottom: var(--space-1) !important; }.mb-2{ margin-bottom: var(--space-2) !important; }.mb-3{ margin-bottom: var(--space-3) !important; }.mb-4{ margin-bottom: var(--space-4) !important; }.mb-5{ margin-bottom: var(--space-5) !important; }.mb-6{ margin-bottom: var(--space-6) !important; }.mb-8{ margin-bottom: var(--space-8) !important; }.mb-10 { margin-bottom: var(--space-10) !important; }.mb-12 { margin-bottom: var(--space-12) !important; }.mb-16 { margin-bottom: var(--space-16) !important; }.ml-0{ margin-left: var(--space-0) !important; }.ml-1{ margin-left: var(--space-1) !important; }.ml-2{ margin-left: var(--space-2) !important; }.ml-3{ margin-left: var(--space-3) !important; }.ml-4{ margin-left: var(--space-4) !important; }.ml-6{ margin-left: var(--space-6) !important; }.ml-auto { margin-left: auto !important; }.mr-0{ margin-right: var(--space-0) !important; }.mr-1{ margin-right: var(--space-1) !important; }.mr-2{ margin-right: var(--space-2) !important; }.mr-3{ margin-right: var(--space-3) !important; }.mr-4{ margin-right: var(--space-4) !important; }.mr-6{ margin-right: var(--space-6) !important; }.mr-auto { margin-right: auto !important; }.mx-0{ margin-left: var(--space-0) !important; margin-right: var(--space-0) !important; }.mx-2{ margin-left: var(--space-2) !important; margin-right: var(--space-2) !important; }.mx-4{ margin-left: var(--space-4) !important; margin-right: var(--space-4) !important; }.mx-6{ margin-left: var(--space-6) !important; margin-right: var(--space-6) !important; }.mx-auto { margin-left: auto !important; margin-right: auto !important; }.my-0{ margin-top: var(--space-0) !important; margin-bottom: var(--space-0) !important; }.my-2{ margin-top: var(--space-2) !important; margin-bottom: var(--space-2) !important; }.my-4{ margin-top: var(--space-4) !important; margin-bottom: var(--space-4) !important; }.my-6{ margin-top: var(--space-6) !important; margin-bottom: var(--space-6) !important; }.my-8{ margin-top: var(--space-8) !important; margin-bottom: var(--space-8) !important; }.p-0{ padding: var(--space-0) !important; }.p-1{ padding: var(--space-1) !important; }.p-2{ padding: var(--space-2) !important; }.p-3{ padding: var(--space-3) !important; }.p-4{ padding: var(--space-4) !important; }.p-5{ padding: var(--space-5) !important; }.p-6{ padding: var(--space-6) !important; }.p-8{ padding: var(--space-8) !important; }.pt-0{ padding-top: var(--space-0) !important; }.pt-2{ padding-top: var(--space-2) !important; }.pt-4{ padding-top: var(--space-4) !important; }.pt-6{ padding-top: var(--space-6) !important; }.pt-8{ padding-top: var(--space-8) !important; }.pb-0{ padding-bottom: var(--space-0) !important; }.pb-2{ padding-bottom: var(--space-2) !important; }.pb-4{ padding-bottom: var(--space-4) !important; }.pb-6{ padding-bottom: var(--space-6) !important; }.pb-8{ padding-bottom: var(--space-8) !important; }.px-0{ padding-left: var(--space-0) !important; padding-right: var(--space-0) !important; }.px-2{ padding-left: var(--space-2) !important; padding-right: var(--space-2) !important; }.px-3{ padding-left: var(--space-3) !important; padding-right: var(--space-3) !important; }.px-4{ padding-left: var(--space-4) !important; padding-right: var(--space-4) !important; }.px-6{ padding-left: var(--space-6) !important; padding-right: var(--space-6) !important; }.px-8{ padding-left: var(--space-8) !important; padding-right: var(--space-8) !important; }.py-0{ padding-top: var(--space-0) !important; padding-bottom: var(--space-0) !important; }.py-2{ padding-top: var(--space-2) !important; padding-bottom: var(--space-2) !important; }.py-3{ padding-top: var(--space-3) !important; padding-bottom: var(--space-3) !important; }.py-4{ padding-top: var(--space-4) !important; padding-bottom: var(--space-4) !important; }.py-6{ padding-top: var(--space-6) !important; padding-bottom: var(--space-6) !important; }.py-8{ padding-top: var(--space-8) !important; padding-bottom: var(--space-8) !important; }.text-left{ text-align: left !important; }.text-center{ text-align: center !important; }.text-right { text-align: right !important; }.text-regular{ font-weight: var(--font-weight-regular) !important; }.text-medium { font-weight: var(--font-weight-medium) !important; }.text-semibold { font-weight: var(--font-weight-semibold) !important; }.text-bold { font-weight: var(--font-weight-bold) !important; }.text-extrabold { font-weight: var(--font-weight-extrabold) !important; }.text-uppercase{ text-transform: uppercase !important; }.text-lowercase{ text-transform: lowercase !important; }.text-capitalize { text-transform: capitalize !important; }.text-normal-case { text-transform: none !important; }.text-italic{ font-style: italic !important; }.text-underline { text-decoration: underline !important; }.text-no-underline { text-decoration: none !important; }.text-line-through { text-decoration: line-through !important; }.text-nowrap { white-space: nowrap !important; }.text-truncate {overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important;}.text-break {word-wrap: break-word !important;overflow-wrap: break-word !important;}.leading-tight { line-height: var(--leading-tight) !important; }.leading-normal{ line-height: var(--leading-normal) !important; }.leading-relaxed { line-height: var(--leading-relaxed) !important; }.tracking-tight{ letter-spacing: var(--tracking-tight) !important; }.tracking-normal { letter-spacing: var(--tracking-normal) !important; }.tracking-wide { letter-spacing: var(--tracking-wide) !important; }.tracking-wider{ letter-spacing: var(--tracking-wider) !important; }.font-mono { font-family: var(--font-family-mono) !important; }.block{ display: block !important; }.inline { display: inline !important; }.inline-block { display: inline-block !important; }.hidden { display: none !important; }.flex { display: flex !important; }.inline-flex{ display: inline-flex !important; }.flex-row { flex-direction: row !important; }.flex-col { flex-direction: column !important; }.flex-wrap{ flex-wrap: wrap !important; }.flex-nowrap{ flex-wrap: nowrap !important; }.flex-1 { flex: 1 1 0% !important; }.flex-auto{ flex: 1 1 auto !important; }.flex-none{ flex: none !important; }.flex-shrink-0 { flex-shrink: 0 !important; }.flex-grow { flex-grow: 1 !important; }.items-start{ align-items: flex-start !important; }.items-center { align-items: center !important; }.items-end{ align-items: flex-end !important; }.items-stretch{ align-items: stretch !important; }.items-baseline { align-items: baseline !important; }.justify-start { justify-content: flex-start !important; }.justify-center{ justify-content: center !important; }.justify-end { justify-content: flex-end !important; }.justify-between { justify-content: space-between !important; }.justify-around{ justify-content: space-around !important; }.self-start{ align-self: flex-start !important; }.self-center { align-self: center !important; }.self-end{ align-self: flex-end !important; }.relative { position: relative !important; }.absolute { position: absolute !important; }.fixed{ position: fixed !important; }.sticky { position: sticky !important; top: 0; }.overflow-hidden{ overflow: hidden !important; }.overflow-auto{ overflow: auto !important; }.overflow-x-auto{ overflow-x: auto !important; }.overflow-y-auto{ overflow-y: auto !important; }.w-full{ width: 100% !important; }.w-auto{ width: auto !important; }.h-full{ height: 100% !important; }.h-screen { height: 100vh !important; }.min-h-screen { min-height: 100vh !important; }.sr-only {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}.hidden-mobile { display: none !important; }.block-mobile{ display: block !important; }.text-primary { color: var(--color-primary) !important; }.text-secondary { color: var(--color-text-secondary) !important; }.text-muted { color: var(--color-text-muted) !important; }.text-inverse { color: var(--color-text-inverse) !important; }.text-success { color: var(--color-success) !important; }.text-error { color: var(--color-error) !important; }.text-warning { color: var(--color-warning) !important; }.text-info{ color: var(--color-info) !important; }.text-dark{ color: var(--color-text) !important; }.bg-primary { background-color: var(--color-primary) !important; }.bg-primary-light { background-color: var(--color-primary-light) !important; }.bg-primary-subtle { background-color: var(--color-primary-subtle) !important; }.bg-surface { background-color: var(--color-surface) !important; }.bg-alt { background-color: var(--color-bg-alt) !important; }.bg-white { background-color: var(--color-white) !important; }.bg-success { background-color: var(--color-success-light) !important; }.bg-error { background-color: var(--color-error-light) !important; }.bg-warning { background-color: var(--color-warning-light) !important; }.bg-info{ background-color: var(--color-info-light) !important; }.border { border: 1px solid var(--color-border) !important; }.border-strong{ border: 1px solid var(--color-border-strong) !important; }.border-primary { border-color: var(--color-primary) !important; }.border-success { border-color: var(--color-success) !important; }.border-error { border-color: var(--color-error) !important; }.border-none{ border: none !important; }.rounded-none { border-radius: var(--radius-none) !important; }.rounded-sm { border-radius: var(--radius-sm) !important; }.rounded{ border-radius: var(--radius-md) !important; }.rounded-lg { border-radius: var(--radius-lg) !important; }.rounded-xl { border-radius: var(--radius-xl) !important; }.rounded-full { border-radius: var(--radius-full) !important; }.shadow-none { box-shadow: none !important; }.shadow-xs { box-shadow: var(--shadow-xs) !important; }.shadow-sm { box-shadow: var(--shadow-sm) !important; }.shadow{ box-shadow: var(--shadow-md) !important; }.shadow-lg { box-shadow: var(--shadow-lg) !important; }.shadow-xl { box-shadow: var(--shadow-xl) !important; }.opacity-0 { opacity: 0 !important; }.opacity-25{ opacity: 0.25 !important; }.opacity-50{ opacity: 0.5 !important; }.opacity-75{ opacity: 0.75 !important; }.opacity-100 { opacity: 1 !important; }@media (min-width: 768px) {.hidden-mobile{ display: revert !important; }.block-mobile { display: revert !important; }.hidden-desktop { display: none !important; }}.legal-page {color: var(--color-text);background: var(--color-bg);padding-bottom: var(--space-12);}.legal-hero {margin: var(--space-6) var(--space-4) var(--space-10);padding: var(--space-10) var(--space-6);background: var(--color-bg-alt);border-radius: var(--radius-xl);}.legal-hero-inner {max-width: var(--container-max-width);margin: 0 auto;display: flex;flex-direction: column;gap: var(--space-4);}.legal-hero-title {font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);line-height: var(--leading-tight);color: var(--color-text);margin: 0;}.legal-hero-lead {font-size: var(--font-size-base);line-height: var(--leading-relaxed);color: var(--color-text-secondary);margin: 0;max-width: 680px;}.legal-page .blog-prose__h2,.legal-page .blog-prose__p,.legal-page .legal-prose__ol,.legal-page .legal-prose__ul {max-width: 720px;margin-left: auto;margin-right: auto;padding-left: var(--space-6);padding-right: var(--space-6);}.legal-page .blog-prose__h2 {font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);line-height: var(--leading-tight);color: var(--color-text);margin-top: var(--space-10);margin-bottom: var(--space-3);scroll-margin-top: var(--space-12);}.legal-page .blog-prose__p {font-size: var(--font-size-base);line-height: var(--leading-relaxed);color: var(--color-text-secondary);margin-top: 0;margin-bottom: var(--space-4);}.legal-prose__ol,.legal-prose__ul {font-size: var(--font-size-base);line-height: var(--leading-relaxed);color: var(--color-text-secondary);margin: 0 0 var(--space-4);padding-left: calc(var(--space-6) + var(--space-4));}.legal-prose__ol > li,.legal-prose__ul > li {margin-bottom: var(--space-2);}.legal-prose__ol > li::marker {color: var(--color-text);font-weight: var(--font-weight-semibold);}@media (min-width: 768px) {.legal-hero {margin: var(--space-10) var(--space-8) var(--space-16);padding: var(--space-16) var(--space-12);}.legal-hero-title {font-size: var(--font-size-5xl);}.legal-page .blog-prose__h2 {font-size: var(--font-size-2xl);margin-top: var(--space-12);}.legal-page .blog-prose__h2,.legal-page .blog-prose__p,.legal-page .legal-prose__ol,.legal-page .legal-prose__ul {padding-left: var(--space-8);padding-right: var(--space-8);}}.blog-hero {background: var(--color-bg-cream);padding: var(--space-12) 0;}.blog-hero__inner {max-width: var(--container-max-width);margin: 0 auto;padding: 0 var(--space-6);}.blog-hero__title {font-size: var(--font-size-3xl);line-height: var(--leading-tight);letter-spacing: var(--tracking-tight);font-weight: var(--font-weight-bold);color: var(--color-text);margin: 0 0 var(--space-3);}.blog-hero__lead {font-size: var(--font-size-base);line-height: var(--leading-relaxed);color: var(--color-text-secondary);margin: 0;max-width: 560px;}.blog-section { padding: var(--space-12) 0; }.blog-section__inner {max-width: var(--container-max-width);margin: 0 auto;padding: 0 var(--space-6);}.blog-section__head { margin-bottom: var(--space-8); }.blog-section__title {font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);color: var(--color-text);margin: 0;}.blog-featured-grid,.blog-featured-grid__small,.blog-grid {display: grid;grid-template-columns: 1fr;gap: var(--space-8);}.blog-card {display: flex;flex-direction: column;gap: var(--space-4);}.blog-card__media {display: block;aspect-ratio: 16 / 9;overflow: hidden;border-radius: var(--radius-md);background: var(--color-gray-100);text-decoration: none;}.blog-card__media .blog-card__img,.blog-card__media picture,.blog-card__media img {display: block;width: 100%;height: 100%;object-fit: cover;}.blog-card__media-placeholder {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;color: var(--color-text-muted);background: var(--color-gray-100);}.blog-card__body {display: flex;flex-direction: column;gap: var(--space-3);}.blog-card__meta {font-size: var(--font-size-sm);color: var(--color-text-secondary);margin: 0;}.blog-card__title { margin: 0; }.blog-card__title-link {display: flex;align-items: flex-start;justify-content: space-between;gap: var(--space-3);color: var(--color-text);font-weight: var(--font-weight-bold);text-decoration: none;line-height: var(--leading-tight);}.blog-card__title-link:hover .blog-card__title-text { text-decoration: underline; }.blog-card__title-text { font-size: var(--font-size-lg); }.blog-card__arrow {flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;color: var(--color-text);}.blog-card--featured .blog-card__title-text { font-size: var(--font-size-xl); }.blog-card__excerpt {font-size: var(--font-size-base);line-height: var(--leading-relaxed);color: var(--color-text-secondary);margin: 0;}.blog-card__tags {display: flex;flex-wrap: wrap;gap: var(--space-2);list-style: none;margin: 0;padding: 0;}.blog-tag {display: inline-block;padding: 2px var(--space-2);border-radius: var(--radius-full);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);background: var(--color-gray-100);color: var(--color-text-secondary);}.blog-tag--mint { background: var(--color-primary-subtle); color: var(--color-primary-active); }.blog-tag--blue { background: var(--service-blue-subtle);color: var(--service-blue-strong); }.blog-tag--orange { background: var(--service-orange-subtle);color: var(--service-orange-strong); }.blog-tag--green{ background: var(--service-green-subtle); color: var(--service-green-strong); }.blog-tag--yellow { background: var(--service-yellow-subtle);color: var(--service-yellow-strong); }.blog-tag--neutral{ background: var(--color-gray-100); color: var(--color-text-secondary); }.blog-pagination {margin-top: var(--space-12);display: flex;justify-content: center;}.pagination .page-link__text { display: none; }.pagination .page-link__icon { display: inline-flex; }@media (min-width: 1280px) {.blog-hero {padding: var(--space-16) 0;}.blog-hero__title { font-size: var(--font-size-display-md); }.blog-hero__lead{ font-size: var(--font-size-lg); }.blog-section { padding: var(--space-16) 0; }.blog-section__title { font-size: var(--font-size-2xl); }.blog-featured-grid {grid-template-columns: 1fr 1fr;gap: var(--space-8);align-items: stretch;}.blog-featured-grid > .blog-card--featured { height: 100%; }.blog-featured-grid__small {grid-template-columns: 1fr 1fr;gap: var(--space-6);}.blog-grid {grid-template-columns: repeat(3, 1fr);gap: var(--space-8);}.blog-card--featured .blog-card__title-text { font-size: var(--font-size-2xl); }.pagination .page-link__text { display: inline-flex; margin: 0 var(--space-2); }}.blog-post {color: var(--color-text);}.blog-post-hero {background: var(--color-bg-cream);padding: var(--space-12) 0;}.blog-post-hero__inner {max-width: var(--container-max-width);margin: 0 auto;padding: 0 var(--space-6);display: flex;flex-direction: column;gap: var(--space-8);}.blog-post-hero__text {display: flex;flex-direction: column;gap: var(--space-4);}.blog-post-tags {display: flex;flex-wrap: wrap;gap: var(--space-2);list-style: none;margin: 0;padding: 0;}.blog-tag--upper {text-transform: uppercase;letter-spacing: 0.06em;}.blog-post-title {font-size: var(--font-size-3xl);line-height: var(--leading-tight);letter-spacing: var(--tracking-tight);font-weight: var(--font-weight-bold);margin: 0;}.blog-post-lead {font-size: var(--font-size-base);line-height: var(--leading-relaxed);color: var(--color-text-secondary);margin: 0;max-width: 60ch;}.blog-post-byline {display: flex;align-items: center;gap: var(--space-3);margin-top: var(--space-2);}.blog-post-byline__avatar {width: 40px;height: 40px;border-radius: var(--radius-full);background: var(--color-primary-subtle);color: var(--color-primary-active);display: inline-flex;align-items: center;justify-content: center;font-weight: var(--font-weight-bold);font-size: var(--font-size-sm);flex-shrink: 0;}.blog-post-byline__meta {display: flex;flex-direction: column;gap: 2px;line-height: var(--leading-tight);}.blog-post-byline__name {font-weight: var(--font-weight-semibold);color: var(--color-text);font-size: var(--font-size-sm);}.blog-post-byline__sub {color: var(--color-text-secondary);font-size: var(--font-size-sm);}.blog-post-readtime {display: inline;}.blog-post-hero__visual {position: relative;aspect-ratio: 16 / 10;border-radius: var(--radius-md);overflow: hidden;background: var(--color-gray-100);}.blog-post-hero__visual picture,.blog-post-hero__visual img,.blog-post-hero__img {width: 100%;height: 100%;object-fit: cover;display: block;}.blog-post-hero__placeholder {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: var(--color-text-muted);}.blog-post-body-grid {padding: var(--space-12) 0;}.blog-post-body-grid__inner {max-width: var(--container-max-width);margin: 0 auto;padding: 0 var(--space-6);display: flex;flex-direction: column;gap: var(--space-12);}.blog-prose {max-width: 720px;color: var(--color-text);line-height: var(--leading-relaxed);}.blog-prose__h2 {font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);line-height: var(--leading-tight);color: var(--color-text);margin: var(--space-12) 0 var(--space-4);scroll-margin-top: var(--space-12);}.blog-prose__h2:first-child { margin-top: 0; }.blog-prose__p {font-size: var(--font-size-base);margin: 0 0 var(--space-4);color: var(--color-text);}.blog-prose .page-quote {border-left: 3px solid var(--color-primary);margin: var(--space-8) 0;padding: var(--space-2) var(--space-6);font-style: normal;background: transparent;}.blog-prose .page-quote-body {font-size: var(--font-size-xl);line-height: var(--leading-tight);font-weight: var(--font-weight-semibold);color: var(--color-text);margin: 0 0 var(--space-3);}.blog-prose .page-quote-attr {font-size: var(--font-size-sm);color: var(--color-text-secondary);}.blog-prose .page-quote-author {font-style: normal;font-weight: var(--font-weight-semibold);color: var(--color-text);}.blog-prose .page-quote-role {color: var(--color-text-secondary);}.blog-prose figure {margin: var(--space-8) 0;}.blog-prose figure img,.blog-prose figure picture {width: 100%;height: auto;display: block;border-radius: var(--radius-md);background: var(--color-gray-100);}.blog-prose figcaption {margin-top: var(--space-2);font-size: var(--font-size-sm);color: var(--color-text-muted);text-align: center;font-style: italic;}.blog-prose .page-image-placeholder {width: 100%;aspect-ratio: 16 / 9;display: flex;align-items: center;justify-content: center;background: var(--color-gray-100);color: var(--color-text-muted);border-radius: var(--radius-md);}.blog-post-back {margin-top: var(--space-12);padding-top: var(--space-6);border-top: 1px solid var(--color-border);}.blog-post-back__link {color: var(--color-primary);text-decoration: none;font-weight: var(--font-weight-semibold);}.blog-post-back__link:hover { text-decoration: underline; }.blog-post-sidebar {display: flex;flex-direction: column;gap: var(--space-8);}.blog-post-toc {border-top: 1px solid var(--color-border);padding-top: var(--space-6);}.blog-post-toc__title {font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: 0.06em;color: var(--color-text-secondary);margin: 0 0 var(--space-3);}.blog-post-toc__list {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: var(--space-2);}.blog-post-toc__link {display: block;padding: var(--space-1) 0;color: var(--color-text-secondary);text-decoration: none;font-size: var(--font-size-base);border-left: 2px solid transparent;padding-left: var(--space-3);margin-left: -2px;transition: color 0.15s ease, border-color 0.15s ease;}.blog-post-toc__link:hover { color: var(--color-text); }.blog-post-toc__link--active {color: var(--color-text);font-weight: var(--font-weight-semibold);border-left-color: var(--color-primary);}.blog-post-share {border-top: 1px solid var(--color-border);padding-top: var(--space-6);}.blog-post-share__title {font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: 0.06em;color: var(--color-text-secondary);margin: 0 0 var(--space-3);}.blog-post-share__list {list-style: none;margin: 0;padding: 0;display: flex;gap: var(--space-2);}.blog-post-share__btn {display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: var(--radius-full);background: var(--color-bg);border: 1px solid var(--color-border);color: var(--color-text-secondary);cursor: pointer;text-decoration: none;padding: 0;transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;}.blog-post-share__btn:hover {color: var(--color-primary-active);border-color: var(--color-primary);background: var(--color-primary-subtle);}.blog-post-share__btn[data-share-copied="true"] {color: var(--color-primary-active);border-color: var(--color-primary);background: var(--color-primary-subtle);}.blog-post-subscribe {background: var(--color-bg-alt);border-radius: var(--radius-lg);padding: var(--space-6);display: flex;flex-direction: column;gap: var(--space-2);}.blog-post-subscribe__eyebrow {font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: 0.06em;color: var(--color-primary-active);margin: 0;}.blog-post-subscribe__title {font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);color: var(--color-text);margin: 0;}.blog-post-subscribe__body {font-size: var(--font-size-sm);color: var(--color-text-secondary);margin: 0;}.blog-post-subscribe__cta {margin-top: var(--space-3);align-self: flex-start;}.section-error {padding: var(--space-16) 0;text-align: center;}.section-error .section-inner {max-width: 560px;margin: 0 auto;padding: 0 var(--space-6);}@media (min-width: 1280px) {.blog-post-hero {padding: var(--space-16) 0;}.blog-post-hero__inner {display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-12);align-items: center;}.blog-post-title { font-size: var(--font-size-display-md); }.blog-post-lead{ font-size: var(--font-size-lg); }.blog-post-hero__visual {position: relative;aspect-ratio: 4 / 3;}.blog-post-body-grid {padding: var(--space-16) 0;}.blog-post-body-grid__inner {display: grid;grid-template-columns: minmax(0, 1fr) 280px;gap: var(--space-12);align-items: flex-start;}.blog-prose__h2 { font-size: var(--font-size-3xl); }.blog-prose__p{ font-size: var(--font-size-lg); }.blog-prose .page-quote-body { font-size: var(--font-size-2xl); }.blog-post-sidebar {position: sticky;top: calc(80px + var(--space-6));align-self: start;}}.contact-page {padding: var(--space-8) 0;}.contact-page-grid {display: flex;flex-direction: column;gap: var(--space-10);max-width: var(--container-max-width);margin: 0 auto;padding: var(--space-4) var(--space-6);}.contact-title {margin: 0 0 var(--space-3) 0;font-size: var(--font-size-display-md-mobile);font-weight: var(--font-weight-bold);line-height: var(--leading-tight);color: var(--color-text);}.contact-lead {margin: 0 0 var(--space-8) 0;font-size: var(--font-size-medium);line-height: var(--leading-normal);color: var(--color-text-secondary);}.contact-form {display: block;}.contact-row {display: flex;flex-direction: column;gap: 0;}.contact-terms {margin-top: var(--space-3);margin-bottom: var(--space-6);align-items: flex-start;}.contact-terms .form-check-label {line-height: var(--leading-normal);}.contact-terms .form-check-input {margin-top: 3px;}.contact-submit {width: 100%;}.contact-honeypot {position: absolute;left: -9999px;top: auto;width: 1px;height: 1px;overflow: hidden;opacity: 0;}.contact-art-col {display: flex;flex-direction: column;align-items: stretch;gap: var(--space-4);}.contact-art {display: block;width: 100%;height: auto;max-width: 480px;margin: 0 auto;}.contact-tagline {margin: 0;font-size: var(--font-size-display-sm);font-weight: var(--font-weight-bold);line-height: var(--leading-tight);color: var(--color-text);text-align: right;}.contact-tagline-dot {color: var(--color-accent-red);}@media (min-width: 1280px) {.contact-page {padding: var(--space-20) 0;}.contact-page-grid {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: var(--space-24);align-items: start;}.contact-title {font-size: var(--font-size-display-lg);margin-bottom: var(--space-4);}.contact-lead {font-size: var(--font-size-large);margin-bottom: var(--space-12);}.contact-row {flex-direction: row;gap: var(--space-5);}.contact-row .form-group {flex: 1 1 0;min-width: 0;}.contact-art-col {gap: var(--space-6);}.contact-art {max-width: 100%;margin: 0 0 0 auto;}.contact-tagline {font-size: var(--font-size-display-md);}}*, *::before, *::after { box-sizing: border-box; }html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }body {margin: 0;font-family: var(--font-family-base);font-size: var(--font-size-base);line-height: var(--leading-normal);color: var(--color-text);background: var(--color-bg);-webkit-font-smoothing: antialiased;}img, svg { display: block; max-width: 100%; height: auto; }a { color: inherit; text-decoration: none; }a:hover { color: var(--color-text-link-hover); }.skip-link {position: absolute;left: -9999px;top: var(--space-2);background: var(--color-text);color: var(--color-text-inverse);padding: var(--space-2) var(--space-4);border-radius: var(--radius-sm);z-index: var(--z-tooltip);}.skip-link:focus { left: var(--space-2); }.site-header {position: sticky;top: 0;z-index: var(--z-sticky);background: var(--color-bg);border-bottom: 1px solid var(--color-border);}.site-header-inner {display: flex;align-items: center;justify-content: space-between;max-width: var(--container-max-width);margin: 0 auto;padding: var(--space-4) var(--space-6);gap: var(--space-4);position: relative;}.site-brand {display: inline-flex;align-items: baseline;gap: 4px;font-weight: var(--font-weight-extrabold);font-size: var(--font-size-xl);letter-spacing: var(--tracking-tight);color: var(--color-text);}.site-brand-mark { display: inline-block; }.site-brand-dot {width: 8px;height: 8px;border-radius: var(--radius-full);background: var(--color-primary);display: inline-block;}.site-nav-toggle-input { display: none; }.site-nav-toggle {display: inline-flex;flex-direction: column;justify-content: center;gap: 4px;width: 44px;height: 44px;cursor: pointer;padding: var(--space-3);border-radius: var(--radius-md);}.site-nav-toggle span {display: block;height: 2px;background: var(--color-text);border-radius: var(--radius-full);transition: transform var(--transition-fast), opacity var(--transition-fast);}.site-nav {display: none;position: absolute;top: 100%;left: 0;right: 0;background: var(--color-bg);border-bottom: 1px solid var(--color-border);padding: var(--space-4) var(--space-6);flex-direction: column;gap: var(--space-4);box-shadow: var(--shadow-md);}.site-nav-toggle-input:checked ~ .site-nav { display: flex; }.site-nav-list {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: var(--space-2);}.site-nav-link {display: block;padding: var(--space-3) 0;font-weight: var(--font-weight-medium);color: var(--color-text-secondary);border-bottom: 1px solid var(--color-border);}.site-nav-link.is-active,.site-nav-link:hover { color: var(--color-text); }.site-nav-actions {display: flex;flex-direction: column;gap: var(--space-3);align-items: stretch;}.site-nav-phone {display: inline-flex;align-items: center;gap: var(--space-2);padding: var(--btn-padding-y) var(--space-5);border: var(--btn-border-width) solid var(--color-border);border-radius: var(--btn-border-radius);line-height: var(--leading-normal);color: var(--color-text);font-weight: var(--font-weight-regular);font-size: var(--font-size-base);white-space: nowrap;transition: border-color var(--transition-fast), color var(--transition-fast);}.site-nav-phone:hover {border-color: var(--color-border-strong);color: var(--color-text);}.site-nav-cta { width: 100%; text-align: center; justify-content: center; }.btn-outline {background-color: transparent;border-color: var(--color-border);color: var(--color-text);}.btn-outline:hover {background-color: transparent;border-color: var(--color-border-strong);color: var(--color-text);transform: none;}.home-section-inner {max-width: var(--container-max-width);margin: 0 auto;padding: var(--space-16) var(--space-6);}.home-section-head { text-align: center; max-width: 720px; margin: 0 auto var(--space-12); }.home-section-title {font-size: var(--font-size-4xl);line-height: var(--leading-tight);letter-spacing: var(--tracking-tight);font-weight: var(--font-weight-bold);margin: 0 0 var(--space-4);color: var(--color-text);}.home-section-lead {font-size: var(--font-size-base);color: var(--color-text-secondary);line-height: var(--leading-relaxed);margin: 0;}.home-eyebrow {display: inline-block;padding: 4px var(--space-3);border-radius: var(--radius-full);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);background: var(--color-primary-subtle);color: var(--color-primary-active);margin-bottom: var(--space-4);}.home-eyebrow-quiet {background: var(--color-bg-alt);color: var(--color-text-secondary);}.home-text-accent { color: var(--color-primary); }.home-img-placeholder {display: block;width: 100%;background: var(--color-bg-alt);border-radius: var(--radius-lg);overflow: hidden;background-image: linear-gradient(135deg, var(--color-bg-alt) 0%, var(--color-surface-alt) 50%, var(--color-bg-alt) 100%);}.home-img-placeholder-portrait { aspect-ratio: 4 / 5; }.home-img-placeholder-square { aspect-ratio: 1 / 1; }.home-img-placeholder-wide { aspect-ratio: 16 / 9; }.home-img {display: block;width: 100%;height: auto;object-fit: contain;}.home-img-portrait { aspect-ratio: 4 / 5; object-fit: contain; }.home-img-square { aspect-ratio: 1 / 1; object-fit: contain; }.home-img-wide {aspect-ratio: 16 / 9;object-fit: cover;border-radius: var(--radius-lg);}.home-shape { position: absolute; pointer-events: none; }.home-shape-circle {width: 64px;height: 64px;border-radius: var(--radius-full);}.home-shape-circle.home-shape-sm { width: 36px; height: 36px; }.home-shape-orange { background: var(--color-accent); }.home-shape-green{ background: var(--color-primary-light); }.home-shape-dot {width: 16px;height: 16px;border-radius: var(--radius-full);}.home-shape-dot.home-shape-sm { width: 10px; height: 10px; }.home-dot {display: inline-block;width: 14px;height: 14px;border-radius: var(--radius-full);background: var(--color-primary);margin-left: var(--space-2);vertical-align: middle;}.home-dot-red {width: 22px;height: 22px;background: var(--color-accent-red);}.home-hero {background: var(--color-bg);}.home-hero-inner {max-width: var(--container-max-width);margin: 0 auto;padding: var(--space-12) var(--space-6) var(--space-16);display: flex;flex-direction: column;gap: var(--space-10);}.home-hero-title {font-size: var(--font-size-5xl);line-height: var(--leading-tight);letter-spacing: var(--tracking-tight);font-weight: var(--font-weight-bold);margin: 0 0 var(--space-5);color: var(--color-text);}.home-hero-lead {font-size: var(--font-size-base);color: var(--color-text-secondary);line-height: var(--leading-relaxed);margin: 0 0 var(--space-6);max-width: 520px;}.home-hero-actions {display: flex;flex-direction: column;gap: var(--space-3);align-items: stretch;}.home-hero-actions .btn { width: 100%; }.home-hero-visual {position: relative;color: var(--color-primary);}.home-hero-photo .home-img-placeholder {aspect-ratio: 4 / 5;max-height: 480px;}.home-shape-bars {position: absolute;bottom: var(--space-6);right: var(--space-4);width: 96px;height: auto;background: var(--color-bg);padding: var(--space-3);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);}.home-hero-visual .home-shape-circle {top: -16px;right: 24px;}.home-hero-visual .home-shape-dot {bottom: 32px;left: 16px;}.home-logos-wrap {background: var(--color-bg);padding: var(--space-8) 0;border-top: 1px solid var(--color-border);border-bottom: 1px solid var(--color-border);}.home-logos-wrap-quiet { background: var(--color-bg); }.home-logos {max-width: var(--container-max-width);margin: 0 auto;padding: 0 var(--space-6);text-align: center;}.home-logos-caption {font-size: var(--font-size-sm);font-weight: var(--font-weight-bold);color: var(--color-text-secondary);margin: 0 0 var(--space-6);}.home-logos-row {list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-6);align-items: center;justify-items: center;}.home-logos-item {display: inline-flex;align-items: center;justify-content: center;width: 100%;max-width: 140px;height: 36px;}.home-logos-img {max-width: 100%;height: 36px;width: auto;object-fit: contain;filter: grayscale(1);mix-blend-mode: multiply;opacity: 0.6;transition: opacity var(--transition-fast);}.home-logos-img:hover { opacity: 1; }.home-logos-img[src$="ns.png"] { height: 24px; }.home-problem { background: var(--color-bg); }.home-feature-grid {display: grid;grid-template-columns: 1fr;gap: var(--space-8);}.home-feature {text-align: center;padding: var(--space-4);}.home-feature-icon {display: inline-flex;width: 48px;height: 48px;align-items: center;justify-content: center;border-radius: var(--radius-md);background: var(--feature-icon-bg);color: var(--feature-icon-fg);margin-bottom: var(--space-4);}.home-feature-icon svg { width: 28px; height: 28px; }.home-feature-title {font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);margin: 0 0 var(--space-2);color: var(--color-text);}.home-feature-body {font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: var(--leading-relaxed);margin: 0;}.home-feature-center {position: relative;order: -1; margin: 0 auto;width: 100%;max-width: 280px;}.home-feature-center img { filter: grayscale(1); }.home-feature-center .home-shape-circle {top: -12px;right: -12px;}.home-feature-center .home-shape-dot {bottom: 12px;left: -8px;}.home-solution {background: var(--color-bg-cream);}.home-solution-inner {text-align: left;position: relative;}.home-solution-plane {display: block;margin: var(--space-8) 0 0;width: 100%;height: 140px;color: var(--color-accent);}.home-services { background: var(--color-bg-cream); }.home-services-grid {display: grid;grid-template-columns: 1fr;gap: var(--space-6);}.card {background: var(--card-bg);border-radius: var(--card-border-radius);border: 1px solid var(--card-border-color);padding: var(--card-padding);box-shadow: var(--card-shadow);}.card-elevated { box-shadow: var(--card-shadow); }.home-service-head {display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: var(--space-4);}.home-service-icon {display: inline-flex;width: 40px;height: 40px;align-items: center;justify-content: center;border-radius: var(--radius-md);background: var(--color-accent-subtle);color: var(--color-accent);}.home-service-icon svg { width: 22px; height: 22px; }.badge {display: inline-flex;align-items: center;padding: 4px var(--space-3);border-radius: var(--radius-full);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);background: var(--color-primary-subtle);color: var(--color-primary-active);}.home-service-title {font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);margin: 0 0 var(--space-3);color: var(--color-text);}.home-service-body,.home-service-note {font-size: var(--font-size-sm);line-height: var(--leading-relaxed);color: var(--color-text-secondary);margin: 0 0 var(--space-3);}.home-service-note {color: var(--color-text-muted);font-style: italic;margin: 0;}.home-process {background: var(--color-primary);color: var(--color-text-inverse);}.home-process .home-section-title { color: var(--color-text-inverse); }.home-process-title {margin-bottom: var(--space-12);max-width: 480px;}.home-process-steps {list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: 1fr;gap: var(--space-8);}.home-process-step {border-left: 4px solid;padding: 0 0 0 var(--space-4);}.home-process-steps > li:nth-child(1) { border-left-color: var(--color-accent-red); }.home-process-steps > li:nth-child(2) { border-left-color: var(--color-accent); }.home-process-steps > li:nth-child(3) { border-left-color: var(--color-accent-blue); }.home-process-steps > li:nth-child(4) { border-left-color: var(--color-accent-yellow); }.home-process-num {display: block;font-size: var(--font-size-3xl);font-weight: var(--font-weight-extrabold);line-height: 1;margin-bottom: var(--space-3);letter-spacing: var(--tracking-tight);opacity: 0.55;}.home-process-step-title {font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);margin: 0 0 var(--space-2);color: var(--color-text-inverse);}.home-process-step-body {font-size: var(--font-size-sm);line-height: var(--leading-relaxed);margin: 0;color: var(--color-text-inverse);}.home-case { background: var(--color-bg); }.home-case-figure {margin: 0 0 var(--space-6);}.home-case-figure .home-img-placeholder { aspect-ratio: 16 / 10; }.home-case-card {background: var(--card-bg);}.home-case-title {font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);margin: var(--space-3) 0 var(--space-3);line-height: var(--leading-snug);}.home-case-blurb {font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: var(--leading-relaxed);margin: 0 0 var(--space-4);}.badge-blue {background: var(--service-blue-subtle);color: var(--service-blue-strong);}.home-case-link {display: inline-flex;align-items: center;gap: var(--space-2);font-weight: var(--font-weight-semibold);color: var(--color-text);}.home-case-link:hover { color: var(--color-primary); }.home-closing { background: var(--color-bg); }.home-closing-inner {display: flex;flex-direction: column;gap: var(--space-8);align-items: center;text-align: center;}.home-closing { padding-bottom: 0; }.home-closing .home-section-inner { padding-bottom: 0; }.home-closing-portrait-wrap {padding-top: var(--space-8);}.home-closing-portrait {display: block;width: auto;max-width: 100%;max-height: 360px;margin: 0;object-fit: contain;}.home-closing-visual {position: relative;width: 100%;max-width: 320px;}.home-closing-visual-img {display: block;width: 100%;height: auto;object-fit: contain;}.home-contact { background: var(--color-bg-cream); }.home-contact-inner { position: relative; }.home-contact-form {max-width: 560px;margin: 0 auto;background: transparent;padding: 0;border: 0;box-shadow: none;}.home-contact-honeypot {position: absolute;left: -9999px;width: 1px;height: 1px;opacity: 0;}.form-group { margin-bottom: var(--space-5); }.form-group:last-of-type { margin-bottom: var(--space-6); }.form-label {display: block;font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text);margin-bottom: var(--space-2);}.form-label-required::after {content: " *";color: var(--color-accent);}.form-input,.form-textarea {width: 100%;height: var(--input-height);padding: var(--input-padding-y) var(--input-padding-x);border-radius: var(--input-border-radius);border: var(--input-border-width) solid var(--input-border-color);background: var(--input-bg);color: var(--input-text);font: inherit;transition: border-color var(--transition-fast), box-shadow var(--transition-fast);}.form-textarea {height: auto;min-height: 120px;resize: vertical;line-height: var(--leading-relaxed);}.form-input:hover,.form-textarea:hover { border-color: var(--input-border-color-hover); }.form-input:focus,.form-textarea:focus {outline: none;border-color: var(--input-border-color-focus);box-shadow: var(--input-focus-ring);}.form-check {display: flex;align-items: flex-start;gap: var(--space-3);}.form-check-input {width: 20px;height: 20px;margin-top: 2px;accent-color: var(--color-primary);flex: none;}.form-check-label {font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: var(--leading-relaxed);}.form-check-label a {color: var(--color-text);text-decoration: underline;}.home-contact-submit { width: 100%; }.home-contact-visual {display: block;position: relative;max-width: 320px;margin: var(--space-10) auto 0;}.alert {display: flex;align-items: flex-start;gap: var(--space-3);padding: var(--space-4);border-radius: var(--radius-md);margin: 0 auto var(--space-6);max-width: 560px;font-size: var(--font-size-sm);border: 1px solid transparent;}.alert-success {background: var(--color-success-light);color: var(--color-success-dark);border-color: var(--color-success);}.alert-error {background: var(--color-error-light);color: var(--color-error-dark);border-color: var(--color-error);}.alert-icon {font-weight: var(--font-weight-bold);flex: none;}.site-footer {background: var(--color-bg-cream);padding: var(--space-12) 0 0;}.site-footer-inner {max-width: var(--container-max-width);margin: 0 auto;padding: 0 var(--space-6);display: flex;flex-direction: column;align-items: center;text-align: center;gap: var(--space-8);}.site-footer-brand {display: inline-flex;align-items: baseline;gap: 4px;font-weight: var(--font-weight-extrabold);font-size: var(--font-size-2xl);color: var(--color-text);}.site-footer-cols {display: flex;flex-direction: column;align-items: center;gap: var(--space-4);}.site-footer-col {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;gap: var(--space-2) var(--space-6);}.site-footer-col a {color: var(--color-text);font-size: var(--font-size-sm);font-weight: var(--font-weight-bold);padding: var(--space-2) 0;display: inline-block;}.site-footer-col a:hover { color: var(--color-primary); }.site-footer-bar {margin-top: var(--space-10);border-top: 1px solid var(--color-border);}.site-footer-bar-inner {max-width: var(--container-max-width);margin: 0 auto;padding: var(--space-6);display: flex;flex-direction: column;gap: var(--space-4);align-items: center;text-align: center;font-size: var(--font-size-xs);color: var(--color-text-muted);}.site-footer-legal {list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: center;gap: var(--space-4);}.site-footer-legal a { color: var(--color-text-muted); }.site-footer-legal a:hover { color: var(--color-text); }@media (min-width: 1280px) {.site-nav-toggle { display: none; }.site-nav {display: flex;flex-direction: row;align-items: center;gap: var(--space-8);position: static;padding: 0;background: transparent;border: 0;box-shadow: none;flex: 1;justify-content: space-between;margin-left: var(--space-8);}.site-nav-list {flex-direction: row;gap: var(--space-6);}.site-nav-link {padding: var(--space-2) 0;border: 0;font-size: var(--font-size-sm);}.site-nav-actions {flex-direction: row;align-items: center;gap: var(--space-4);}.site-nav-cta { width: auto; }.home-section-inner { padding: var(--space-24) var(--space-6); }.home-section-title { font-size: var(--font-size-5xl); }.home-section-lead{ font-size: var(--font-size-lg); }.home-hero-inner {flex-direction: row;align-items: center;gap: var(--space-16);padding: var(--space-20) var(--space-6) var(--space-24);}.home-hero-text { flex: 1 1 55%; }.home-hero-title { font-size: var(--font-size-7xl); }.home-hero-lead{ font-size: var(--font-size-lg); }.home-hero-actions {flex-direction: row;align-items: center;}.home-hero-actions .btn { width: auto; }.home-hero-visual { flex: 1 1 45%; max-width: 540px; }.home-logos-wrap {border-top: 0;border-bottom: 0;}.home-logos-row {grid-template-columns: repeat(5, 1fr);gap: var(--space-10);}.home-logos-item { height: 44px; max-width: 160px; }.home-logos-img { height: 44px; }.home-logos-img[src$="ns.png"] { height: 30px; }.home-feature-grid {grid-template-columns: 1fr minmax(280px, 360px) 1fr;grid-template-rows: 1fr 1fr;gap: var(--space-12) var(--space-10);align-items: center;}.home-feature { text-align: center; padding: 0; }.home-feature-1 { grid-column: 1; grid-row: 1; }.home-feature-2 { grid-column: 3; grid-row: 1; }.home-feature-3 { grid-column: 1; grid-row: 2; }.home-feature-4 { grid-column: 3; grid-row: 2; }.home-feature .home-feature-icon { margin-left: auto; margin-right: auto; }.home-feature-center {grid-column: 2;grid-row: 1 / span 2;order: 0;max-width: none;}.home-solution-plane { width: 100%; height: 180px; }.home-services-grid {grid-template-columns: repeat(2, 1fr);gap: var(--space-8);}.home-service-note {margin-top: var(--space-4);padding: var(--space-4);border-radius: var(--radius-md);font-style: normal;color: var(--color-text-secondary);}.home-service-green .home-service-icon {background: var(--service-green-subtle);color: var(--service-green-strong);}.home-service-green .home-service-tag {background: var(--service-green-subtle);color: var(--service-green-strong);}.home-service-green .home-service-note {background: var(--service-green-subtle);}.home-service-yellow .home-service-icon {background: var(--service-yellow-subtle);color: var(--service-yellow-strong);}.home-service-yellow .home-service-tag {background: var(--service-yellow-subtle);color: var(--service-yellow-strong);}.home-service-yellow .home-service-note {background: var(--service-yellow-subtle);}.home-service-orange .home-service-icon {background: var(--service-orange-subtle);color: var(--service-orange-strong);}.home-service-orange .home-service-tag {background: var(--service-orange-subtle);color: var(--service-orange-strong);}.home-service-orange .home-service-note {background: var(--service-orange-subtle);}.home-service-blue .home-service-icon {background: var(--service-blue-subtle);color: var(--service-blue-strong);}.home-service-blue .home-service-tag {background: var(--service-blue-subtle);color: var(--service-blue-strong);}.home-service-blue .home-service-note {background: var(--service-blue-subtle);}.home-process-steps {grid-template-columns: repeat(4, 1fr);gap: var(--space-10);}.home-process-num { font-size: var(--font-size-5xl); }.home-case .home-section-inner > .home-section-head { margin-bottom: var(--space-16); }.home-case-figure {max-width: 720px;margin: 0 auto var(--space-8);}.home-case-card {max-width: 560px;margin: 0 auto;}.home-closing-inner {flex-direction: row;text-align: left;gap: var(--space-16);align-items: center;}.home-closing-text { flex: 1 1 55%; max-width: 560px; }.home-closing-visual { flex: 1 1 45%; max-width: 420px; }.home-closing-portrait-wrap { padding-top: var(--space-12); }.home-closing-portrait { max-height: 460px; }.home-contact-inner {display: flex;flex-direction: column;align-items: center;}.home-contact-form {margin: 0 auto;max-width: 560px;width: 100%;}.home-contact-visual {margin: var(--space-12) auto 0;max-width: 360px;}.home-contact-visual .home-shape-circle {top: 16px; left: -16px;}.home-contact-visual .home-shape-dot {bottom: 24px; right: 8px;}.site-footer-cols {flex-direction: row;flex-wrap: wrap;justify-content: center;gap: var(--space-3) var(--space-8);}.site-footer-bar-inner {flex-direction: row;justify-content: space-between;align-items: center;text-align: left;}.site-footer-legal { justify-content: flex-end; }}.site-lang-link {display: inline-flex;align-items: center;justify-content: center;min-width: 2.25rem;padding: var(--space-2) var(--space-3);border-radius: var(--btn-border-radius);line-height: 1;font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text-secondary);text-decoration: none;transition: color var(--transition-fast), background-color var(--transition-fast);}.site-lang-link:hover {color: var(--color-text);background-color: var(--color-surface-muted, rgba(0,0,0,0.04));}.site-lang-link.is-active {color: var(--color-text);background-color: var(--color-surface-muted, rgba(0,0,0,0.06));cursor: default;}.werk-list {padding: var(--space-12) 0;}.werk-list__inner {max-width: 1200px;margin: 0 auto;padding: 0 var(--space-6);}.werk-list__grid {display: grid;grid-template-columns: 1fr;gap: var(--space-6);}.werk-list__card {display: flex;flex-direction: column;gap: var(--space-3);padding: var(--space-6);background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);color: inherit;text-decoration: none;transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;}.werk-list__card:hover,.werk-list__card:focus-visible {transform: translateY(-2px);border-color: var(--color-primary);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.werk-list__card-title {margin: 0;font-size: var(--font-size-xl);line-height: 1.25;}.werk-list__card-body {margin: 0;color: var(--color-text-secondary);line-height: 1.55;}.werk-list__card-cta {align-self: flex-end;display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 999px;background: var(--color-primary);color: var(--color-text-inverse);}@media (min-width: 768px) {.werk-list__grid {grid-template-columns: repeat(2, 1fr);gap: var(--space-8);}}@media (min-width: 1280px) {.werk-list__grid {grid-template-columns: repeat(3, 1fr);}}.werk-case-prose {max-width: 1200px;margin: 0 auto;padding: var(--space-8) var(--space-6);}.werk-case-prose > .blog-prose__h2,.werk-case-prose > .blog-prose__p,.werk-case-prose > .legal-prose__ul,.werk-case-prose > .legal-prose__ol {max-width: 720px;}.werk-case-prose > .blog-prose__h2 {margin: var(--space-10) 0 var(--space-4);font-size: var(--font-size-2xl);line-height: 1.2;}.werk-case-prose > .blog-prose__h2:first-child { margin-top: 0; }.werk-case-prose > .blog-prose__p {margin: 0 0 var(--space-4);line-height: 1.65;color: var(--color-text);}.werk-case-prose > .legal-prose__ul,.werk-case-prose > .legal-prose__ol {margin: 0 0 var(--space-4);padding-left: var(--space-6);line-height: 1.65;}.werk-case-prose > .legal-prose__ul > li,.werk-case-prose > .legal-prose__ol > li {margin-bottom: var(--space-2);}.werk-case-hero {padding: var(--space-12) 0 var(--space-8);background: var(--color-bg-cream);}.werk-case-hero__inner {max-width: 1200px;margin: 0 auto;padding: 0 var(--space-6);}.werk-case-hero__title {margin: var(--space-3) 0;font-size: var(--font-size-3xl);line-height: 1.1;}.werk-case-hero__lead {margin: 0;max-width: 64ch;color: var(--color-text-secondary);line-height: 1.55;}.werk-case-overview {padding: var(--space-10) 0;}.werk-case-overview__inner {max-width: 1200px;margin: 0 auto;padding: 0 var(--space-6);display: grid;grid-template-columns: 1fr;gap: var(--space-8);}.werk-case-overview__figure {margin: 0;border-radius: var(--radius-lg);overflow: hidden;background: var(--color-surface-alt);}.werk-case-overview__img {display: block;width: 100%;height: auto;}.werk-case-overview__placeholder {aspect-ratio: 16 / 10;display: flex;align-items: center;justify-content: center;color: var(--color-text-muted);background: var(--color-surface-alt);border-radius: var(--radius-lg);}.werk-case-overview__placeholder svg {width: 64%;height: auto;opacity: 0.55;}.werk-case-overview__aside {display: flex;flex-direction: column;gap: var(--space-6);}.werk-case-overview__details {padding: var(--space-6);border-radius: var(--radius-lg);background: var(--color-surface);border: 1px solid var(--color-border);}.werk-case-overview__details-title {margin: 0 0 var(--space-4);font-size: var(--font-size-lg);}.werk-case-overview__details-list {margin: 0;display: flex;flex-direction: column;gap: var(--space-3);}.werk-case-overview__details-row {display: grid;grid-template-columns: 110px 1fr;gap: var(--space-3);padding-bottom: var(--space-3);border-bottom: 1px solid var(--color-border);}.werk-case-overview__details-row:last-child {padding-bottom: 0;border-bottom: 0;}.werk-case-overview__details-row dt {margin: 0;color: var(--color-text-secondary);font-size: var(--font-size-sm);}.werk-case-overview__details-row dd {margin: 0;color: var(--color-text);font-weight: 500;}.werk-case-overview__cta {padding: var(--space-6);border-radius: var(--radius-lg);background: var(--color-primary);color: var(--color-text-inverse);display: flex;flex-direction: column;gap: var(--space-4);}.werk-case-overview__cta-heading {margin: 0;font-size: var(--font-size-lg);line-height: 1.3;}.werk-case-overview__cta-btn {align-self: flex-start;background: var(--color-text-inverse);color: var(--color-primary);border-color: var(--color-text-inverse);}.werk-case-overview__cta-btn:hover,.werk-case-overview__cta-btn:focus-visible {background: var(--color-bg-alt);color: var(--color-primary-hover);}.werk-case-approach {padding: var(--space-10) 0;background: var(--color-bg-alt);}.werk-case-approach__inner {max-width: 1200px;margin: 0 auto;padding: 0 var(--space-6);}.werk-case-approach__title {margin: 0 0 var(--space-8);text-align: center;font-size: var(--font-size-2xl);}.werk-case-approach__grid {display: grid;grid-template-columns: 1fr;gap: var(--space-6);}.werk-case-approach__card {padding: var(--space-6);border-radius: var(--radius-lg);background: var(--color-surface);border: 1px solid var(--color-border);display: flex;flex-direction: column;gap: var(--space-3);}.werk-case-approach__icon {display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 999px;background: var(--color-primary-subtle);color: var(--color-primary);}.werk-case-approach__icon svg {width: 22px;height: 22px;}.werk-case-approach__card-title {margin: 0;font-size: var(--font-size-lg);}.werk-case-approach__card-body {margin: 0;color: var(--color-text-secondary);line-height: 1.55;}.werk-case-related {padding: var(--space-12) 0;background: var(--color-bg-cream);text-align: center;}.werk-case-related__inner {max-width: 1200px;margin: 0 auto;padding: 0 var(--space-6);}.werk-case-related__title {margin: 0 0 var(--space-8);font-size: var(--font-size-2xl);line-height: 1.2;}.werk-case-related__grid {display: grid;grid-template-columns: 1fr;gap: var(--space-6);text-align: left;}.werk-case-related__card {display: flex;flex-direction: column;gap: var(--space-3);padding: var(--space-6);background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);color: inherit;text-decoration: none;transition: transform 160ms ease, border-color 160ms ease;}.werk-case-related__card:hover,.werk-case-related__card:focus-visible {transform: translateY(-2px);border-color: var(--color-primary);}.werk-case-related__card-title {margin: 0;font-size: var(--font-size-xl);}.werk-case-related__card-body {margin: 0;color: var(--color-text-secondary);line-height: 1.55;}@media (min-width: 768px) {.werk-case-hero { padding: var(--space-16) 0 var(--space-10); }.werk-case-hero__title { font-size: var(--font-size-4xl); }.werk-case-approach__grid {grid-template-columns: repeat(2, 1fr);gap: var(--space-8);}.werk-case-related__grid {grid-template-columns: repeat(2, 1fr);gap: var(--space-8);}}@media (min-width: 1280px) {.werk-case-overview__inner {grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);gap: var(--space-10);align-items: start;}.werk-case-overview__aside {position: sticky;top: var(--space-8);}.werk-case-overview__details-row {grid-template-columns: 130px 1fr;}}.accordion {border: 1px solid var(--color-border);border-radius: var(--radius-md);overflow: hidden;}.accordion-item {border-bottom: 1px solid var(--color-border);}.accordion-item:last-child {border-bottom: none;}.accordion-header {display: flex;align-items: center;justify-content: space-between;width: 100%;padding: var(--space-4) var(--space-5);font-size: var(--font-size-base);font-weight: var(--font-weight-medium);color: var(--color-text);background-color: var(--color-surface);cursor: pointer;transition: background-color var(--transition-fast);list-style: none; }.accordion-header::-webkit-details-marker {display: none;}.accordion-header:hover {background-color: var(--color-bg-alt);}.accordion-header::after {content: "+";font-size: var(--font-size-xl);font-weight: var(--font-weight-regular);color: var(--color-text-muted);transition: transform var(--transition-fast);flex-shrink: 0;}.accordion-item[open] > .accordion-header::after {content: "\2212"; }.accordion-body {padding: 0 var(--space-5) var(--space-5);color: var(--color-text-secondary);line-height: var(--leading-relaxed);}.alert {display: flex;align-items: flex-start;gap: var(--space-3);padding: var(--space-4);border-radius: var(--radius-md);font-size: var(--font-size-base);line-height: var(--leading-relaxed);border: 1px solid transparent;}.alert-icon {flex-shrink: 0;font-size: var(--font-size-xl);line-height: 1;}.alert-info {background-color: var(--color-info-light);color: var(--color-info-dark);border-color: var(--color-info);}.alert-success {background-color: var(--color-success-light);color: var(--color-success-dark);border-color: var(--color-success);}.alert-warning {background-color: var(--color-warning-light);color: var(--color-warning-dark);border-color: var(--color-warning);}.alert-error {background-color: var(--color-error-light);color: var(--color-error-dark);border-color: var(--color-error);}.badge {display: inline-flex;align-items: center;padding: 2px var(--space-2);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);line-height: var(--leading-normal);border-radius: var(--radius-full);white-space: nowrap;vertical-align: middle;}.badge-primary {background-color: var(--color-primary-light);color: var(--badge-text-on-primary-light);}.badge-success {background-color: var(--color-success-light);color: var(--color-success-dark);}.badge-error {background-color: var(--color-error-light);color: var(--color-error-dark);}.badge-warning {background-color: var(--color-warning-light);color: var(--color-warning-dark);}.badge-info {background-color: var(--color-info-light);color: var(--color-info-dark);}.badge-neutral {background-color: var(--color-bg-alt);color: var(--color-text-secondary);}.badge-solid-primary {background-color: var(--color-primary);color: var(--color-text-inverse);}.badge-solid-error {background-color: var(--color-error);color: var(--color-text-inverse);}.badge-lg {padding: var(--space-1) var(--space-3);font-size: var(--font-size-sm);}.breadcrumb {display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-1);font-size: var(--font-size-sm);color: var(--color-text-muted);}.breadcrumb-item {display: inline-flex;align-items: center;}.breadcrumb-item + .breadcrumb-item::before {content: "/";margin-right: var(--space-1);color: var(--color-text-muted);}.breadcrumb-item a {color: var(--color-text-secondary);text-decoration: none;transition: color var(--transition-fast);}.breadcrumb-item a:hover {color: var(--color-primary);text-decoration: underline;}.breadcrumb-item.active {color: var(--color-text);font-weight: var(--font-weight-medium);}.btn {display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);padding: var(--btn-padding-y) var(--btn-padding-x);font-family: inherit;font-size: var(--font-size-base);font-weight: var(--btn-font-weight);line-height: var(--leading-normal);text-align: center;text-decoration: none;white-space: nowrap;cursor: pointer;border: var(--btn-border-width) solid transparent;border-radius: var(--btn-border-radius);transition: all var(--transition-base);-webkit-appearance: none;-moz-appearance: none;appearance: none;}.btn:focus-visible {outline: 2px solid var(--color-primary);outline-offset: 2px;}.btn-primary {background-color: var(--color-primary);color: var(--color-text-inverse);border-color: var(--color-primary);}.btn-primary:hover {background-color: var(--color-primary-hover);border-color: var(--color-primary-hover);transform: translateY(-1px);box-shadow: var(--btn-shadow-hover);}.btn-primary:active {background-color: var(--color-primary-active);border-color: var(--color-primary-active);transform: translateY(0);}.btn-outline {background-color: transparent;color: var(--color-text);border-color: var(--color-text);}.btn-outline:hover {background-color: var(--color-text);color: var(--color-text-inverse);transform: translateY(-1px);}.btn-outline:active {transform: translateY(0);}.btn-ghost {background-color: transparent;color: var(--color-primary);border-color: transparent;}.btn-ghost:hover {background-color: var(--color-primary-subtle);}.btn-danger {background-color: var(--color-error);color: var(--color-text-inverse);border-color: var(--color-error);}.btn-danger:hover {background-color: var(--btn-danger-hover-bg);border-color: var(--btn-danger-hover-bg);transform: translateY(-1px);}.btn-sm {padding: var(--space-2) var(--space-4);font-size: var(--font-size-sm);border-radius: var(--radius-sm);}.btn-lg {padding: var(--space-4) var(--space-8);font-size: var(--font-size-lg);border-radius: var(--radius-lg);}.btn-block {display: flex;width: 100%;}.btn:disabled,.btn[disabled],.btn-disabled {opacity: 0.5;cursor: not-allowed;pointer-events: none;}.btn-icon {padding: var(--space-3);width: var(--input-height);height: var(--input-height);}.btn-icon.btn-sm {width: 32px;height: 32px;padding: var(--space-1);}.card {background-color: var(--card-bg);border: 1px solid var(--card-border-color);border-radius: var(--card-border-radius);overflow: hidden;transition: box-shadow var(--transition-base), transform var(--transition-base);}.card-elevated {border: none;box-shadow: var(--card-shadow);}.card-elevated:hover {box-shadow: var(--card-shadow-hover);transform: translateY(-2px);}.card-header {padding: var(--card-padding);border-bottom: 1px solid var(--card-border-color);}.card-body {padding: var(--card-padding);}.card-footer {padding: var(--card-padding);border-top: 1px solid var(--card-border-color);background-color: var(--card-bg-footer);}.card-img {width: 100%;height: auto;display: block;}.card-title {font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);color: var(--color-text);margin-bottom: var(--space-2);}.card-text {font-size: var(--font-size-base);color: var(--color-text-secondary);line-height: var(--leading-relaxed);}.form-group {margin-bottom: var(--space-5);}.form-label {display: block;margin-bottom: var(--space-2);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text);}.form-label-required::after {content: " *";color: var(--color-error);}.form-input,.form-select,.form-textarea {display: block;width: 100%;height: var(--input-height);padding: var(--input-padding-y) var(--input-padding-x);font-family: inherit;font-size: var(--font-size-base);line-height: var(--leading-normal);color: var(--input-text);background-color: var(--input-bg);border: var(--input-border-width) solid var(--input-border-color);border-radius: var(--input-border-radius);transition: border-color var(--transition-fast), box-shadow var(--transition-fast);-webkit-appearance: none;-moz-appearance: none;appearance: none;}.form-textarea {height: auto;min-height: 120px;}.form-input:hover,.form-select:hover,.form-textarea:hover {border-color: var(--input-border-color-hover);}.form-input:focus,.form-select:focus,.form-textarea:focus {outline: none;border-color: var(--input-border-color-focus);box-shadow: var(--input-focus-ring);}.form-input::placeholder,.form-textarea::placeholder {color: var(--input-text-placeholder);}.form-input:disabled,.form-select:disabled,.form-textarea:disabled {background-color: var(--input-bg-disabled);color: var(--input-text-disabled);cursor: not-allowed;}.form-select {padding-right: var(--space-10);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 12px center;background-size: 16px;}.form-check {display: flex;align-items: center;gap: var(--space-2);cursor: pointer;margin-bottom: var(--space-2);}.form-check-input {width: 18px;height: 18px;margin: 0;border: 2px solid var(--check-border-color);background-color: var(--check-bg);-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;transition: all var(--transition-fast);flex-shrink: 0;}.form-check-input[type="checkbox"] {border-radius: var(--radius-sm);}.form-check-input[type="radio"] {border-radius: var(--radius-full);}.form-check-input:checked {background-color: var(--check-bg-checked);border-color: var(--check-bg-checked);}.form-check-input[type="checkbox"]:checked {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;background-size: 12px;}.form-check-input[type="radio"]:checked {background-image: url("data:image/svg+xml,%3Ccircle xmlns='http://www.w3.org/2000/svg' cx='6' cy='6' r='3' fill='white'/%3E");background-repeat: no-repeat;background-position: center;background-size: 12px;}.form-check-input:focus-visible {outline: 2px solid var(--color-primary);outline-offset: 2px;}.form-check-label {font-size: var(--font-size-base);color: var(--color-text);cursor: pointer;}.form-switch {position: relative;display: inline-block;width: 44px;height: 24px;flex-shrink: 0;}.form-switch input {opacity: 0;width: 0;height: 0;position: absolute;}.form-switch-slider {position: absolute;inset: 0;background-color: var(--switch-bg-off);border-radius: var(--radius-full);cursor: pointer;transition: background-color var(--transition-fast);}.form-switch-slider::before {content: "";position: absolute;width: 18px;height: 18px;left: 3px;bottom: 3px;background-color: var(--switch-knob);border-radius: var(--radius-full);transition: transform var(--transition-fast);box-shadow: var(--shadow-xs);}.form-switch input:checked + .form-switch-slider {background-color: var(--switch-bg-on);}.form-switch input:checked + .form-switch-slider::before {transform: translateX(20px);}.form-switch input:focus-visible + .form-switch-slider {outline: 2px solid var(--color-primary);outline-offset: 2px;}.is-error .form-input,.is-error .form-select,.is-error .form-textarea,.form-input.is-error,.form-select.is-error,.form-textarea.is-error {border-color: var(--input-border-color-error);}.is-error .form-input:focus,.form-input.is-error:focus {box-shadow: var(--input-focus-ring-error);}.is-success .form-input,.is-success .form-select,.is-success .form-textarea,.form-input.is-success,.form-select.is-success,.form-textarea.is-success {border-color: var(--input-border-color-success);}.is-success .form-input:focus,.form-input.is-success:focus {box-shadow: var(--input-focus-ring-success);}.form-help {display: block;margin-top: var(--space-1);font-size: var(--font-size-sm);color: var(--color-text-muted);}.is-error .form-help {color: var(--color-error);}.is-success .form-help {color: var(--color-success);}.hero {padding: var(--space-12) var(--space-4);text-align: center;}.hero-lg {padding: var(--space-16) var(--space-4);}.hero-title {font-size: var(--font-size-3xl);font-weight: var(--font-weight-extrabold);color: var(--color-text);margin-bottom: var(--space-4);line-height: var(--leading-tight);}.hero-title span {color: var(--color-primary);}.hero-subtitle {font-size: var(--font-size-base);color: var(--color-text-secondary);line-height: var(--leading-relaxed);max-width: 640px;margin-left: auto;margin-right: auto;margin-bottom: var(--space-8);}.hero-actions {display: flex;justify-content: center;gap: var(--space-4);flex-wrap: wrap;}.hero-alt {background-color: var(--color-bg-alt);}.hero-primary {background-color: var(--color-primary);color: var(--color-text-inverse);}.hero-primary .hero-title {color: var(--color-text-inverse);}.hero-primary .hero-subtitle {color: var(--hero-overlay-text);}@media (min-width: 768px) {.hero {padding: var(--space-16) var(--space-6);}.hero-lg {padding: var(--space-24) var(--space-6);}.hero-title {font-size: var(--font-size-5xl);}.hero-subtitle {font-size: var(--font-size-lg);}}.app-image-upload{display: flex;flex-direction: column;gap: 0.5rem;padding: 1rem;border: 1px dashed var(--color-border);border-radius: 0.5rem;background: var(--color-surface);}.app-image-upload-label{font-weight: 600;font-size: 0.875rem;}.app-image-upload-preview{display: flex;align-items: center;justify-content: center;min-height: 6rem;background: var(--color-surface-muted);border-radius: 0.25rem;overflow: hidden;}.app-image-upload-preview:empty{display: none;}.app-image-upload-preview img{max-width: 100%;max-height: 12rem;object-fit: contain;display: block;}.app-image-upload input[type=file]{font-size: 0.875rem;}.app-image-upload-meta{display: flex;flex-direction: column;gap: 0.5rem;}.app-image-upload-meta label{display: flex;flex-direction: column;gap: 0.25rem;font-size: 0.75rem;color: var(--color-text-muted);}.app-image-upload-meta input{font-size: 0.875rem;padding: 0.375rem 0.5rem;border: 1px solid var(--color-border);border-radius: 0.25rem;}.app-image-upload[data-image-upload-busy] input[type=file]{pointer-events: none;opacity: 0.6;}.modal-overlay {position: fixed;inset: 0;background-color: var(--color-overlay);display: flex;align-items: center;justify-content: center;padding: var(--space-4);z-index: var(--z-modal-bg);opacity: 0;visibility: hidden;transition: opacity var(--transition-base), visibility var(--transition-base);}.modal-overlay.is-open {opacity: 1;visibility: visible;}.modal {background-color: var(--modal-bg);border-radius: var(--modal-border-radius);box-shadow: var(--modal-shadow);width: 100%;max-width: 560px;max-height: 90vh;overflow-y: auto;z-index: var(--z-modal);transform: translateY(20px) scale(0.95);transition: transform var(--transition-base);}.modal-overlay.is-open .modal {transform: translateY(0) scale(1);}.modal-header {display: flex;align-items: center;justify-content: space-between;padding: var(--space-5) var(--space-6);border-bottom: 1px solid var(--color-border);}.modal-title {font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);color: var(--color-text);}.modal-close {display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: var(--radius-md);color: var(--color-text-muted);transition: background-color var(--transition-fast), color var(--transition-fast);cursor: pointer;font-size: var(--font-size-xl);}.modal-close:hover {background-color: var(--color-bg-alt);color: var(--color-text);}.modal-body {padding: var(--space-6);}.modal-footer {display: flex;justify-content: flex-end;gap: var(--space-3);padding: var(--space-4) var(--space-6);border-top: 1px solid var(--color-border);}.modal-sm {max-width: 400px;}.modal-lg {max-width: 800px;}.navbar {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: var(--space-4) var(--space-6);background-color: var(--color-surface);border-bottom: 1px solid var(--color-border);}.navbar-brand {display: flex;align-items: center;gap: 2px;font-size: var(--font-size-xl);font-weight: var(--font-weight-extrabold);color: var(--color-text);text-decoration: none;}.navbar-brand:hover {text-decoration: none;}.navbar-nav {display: none;width: 100%;flex-direction: column;align-items: stretch;gap: var(--space-1);list-style: none;padding-top: var(--space-4);}.navbar-nav.is-open {display: flex;}.navbar-link {display: inline-flex;align-items: center;width: 100%;padding: var(--space-3);font-size: var(--font-size-base);font-weight: var(--font-weight-medium);color: var(--color-text-secondary);text-decoration: none;border-radius: var(--radius-md);transition: color var(--transition-fast), background-color var(--transition-fast);}.navbar-link:hover {color: var(--color-text);background-color: var(--color-bg-alt);text-decoration: none;}.navbar-link.active {color: var(--color-primary);font-weight: var(--font-weight-semibold);}.navbar-actions {display: none;width: 100%;align-items: center;gap: var(--space-3);padding-top: var(--space-3);}.navbar-actions.is-open {display: flex;}.navbar-toggle {display: block;padding: var(--space-2);cursor: pointer;}@media (min-width: 768px) {.navbar {flex-wrap: nowrap;}.navbar-toggle {display: none;}.navbar-nav {display: flex;width: auto;flex-direction: row;align-items: center;padding-top: 0;}.navbar-link {width: auto;padding: var(--space-2) var(--space-3);}.navbar-actions {display: flex;width: auto;padding-top: 0;}}.pagination {display: flex;align-items: center;gap: var(--space-1);list-style: none;}.page-item {display: inline-flex;}.page-link {display: inline-flex;align-items: center;justify-content: center;min-width: 36px;height: 36px;padding: var(--space-1) var(--space-2);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text-secondary);text-decoration: none;border: 1px solid var(--color-border);border-radius: var(--radius-md);transition: all var(--transition-fast);}.page-link:hover {color: var(--color-primary);border-color: var(--color-primary);background-color: var(--color-primary-subtle);text-decoration: none;}.page-item.active .page-link {background-color: var(--color-primary);border-color: var(--color-primary);color: var(--color-text-inverse);}.page-item.disabled .page-link {opacity: 0.4;cursor: not-allowed;pointer-events: none;}.progress {width: 100%;height: 8px;background-color: var(--progress-bg);border-radius: var(--radius-full);overflow: hidden;}.progress-bar {height: 100%;background-color: var(--progress-fill);border-radius: var(--radius-full);transition: width var(--transition-slow);}.progress-sm {height: 4px;}.progress-lg {height: 12px;}.progress-bar-success {background-color: var(--color-success);}.progress-bar-error {background-color: var(--color-error);}.progress-bar-warning {background-color: var(--color-warning);}.progress-bar-info {background-color: var(--color-info);}.progress-striped .progress-bar {background-image: linear-gradient(45deg,var(--progress-stripe) 25%,transparent 25%,transparent 50%,var(--progress-stripe) 50%,var(--progress-stripe) 75%,transparent 75%,transparent);background-size: 16px 16px;}.progress-animated .progress-bar {animation: progress-stripes 1s linear infinite;}@keyframes progress-stripes {from { background-position: 16px 0; }to { background-position: 0 0; }}.progress-labeled {height: 24px;}.progress-labeled .progress-bar {display: flex;align-items: center;justify-content: center;font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: var(--color-text-inverse);}.table-responsive {width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}.table {width: 100%;border-collapse: collapse;font-size: var(--font-size-base);color: var(--color-text);}.table th,.table td {padding: var(--space-3) var(--space-4);text-align: left;vertical-align: top;border-bottom: 1px solid var(--table-border-color);}.table th {font-weight: var(--font-weight-semibold);color: var(--color-text);background-color: var(--table-header-bg);font-size: var(--font-size-sm);text-transform: uppercase;letter-spacing: var(--tracking-wide);}.table-striped tbody tr:nth-child(even) {background-color: var(--table-stripe-bg);}.table-bordered {border: 1px solid var(--table-border-color);}.table-bordered th,.table-bordered td {border: 1px solid var(--table-border-color);}.table-hover tbody tr:hover {background-color: var(--table-hover-bg);}.table-compact th,.table-compact td {padding: var(--space-2) var(--space-3);font-size: var(--font-size-sm);}.tabs {display: flex;border-bottom: 2px solid var(--color-border);gap: 0;overflow-x: auto;-webkit-overflow-scrolling: touch;}.tab-item {display: inline-flex;align-items: center;padding: var(--space-3) var(--space-4);font-size: var(--font-size-base);font-weight: var(--font-weight-medium);color: var(--color-text-secondary);text-decoration: none;border-bottom: 2px solid transparent;margin-bottom: -2px;white-space: nowrap;cursor: pointer;transition: color var(--transition-fast), border-color var(--transition-fast);}.tab-item:hover {color: var(--color-text);text-decoration: none;}.tab-item.active {color: var(--color-primary);border-bottom-color: var(--color-primary);font-weight: var(--font-weight-semibold);}.tab-content {display: none;padding: var(--space-5) 0;}.tab-content.active {display: block;}.tabs-pills {border-bottom: none;gap: var(--space-1);background-color: var(--color-bg-alt);padding: var(--space-1);border-radius: var(--radius-md);display: inline-flex;}.tabs-pills .tab-item {border-bottom: none;margin-bottom: 0;border-radius: var(--radius-sm);padding: var(--space-2) var(--space-4);font-size: var(--font-size-sm);}.tabs-pills .tab-item.active {background-color: var(--color-surface);box-shadow: var(--shadow-xs);color: var(--color-text);}[data-tooltip] {position: relative;cursor: help;}[data-tooltip]::before,[data-tooltip]::after {position: absolute;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity var(--transition-fast), visibility var(--transition-fast), transform var(--transition-fast);z-index: var(--z-tooltip);}[data-tooltip]::after {content: attr(data-tooltip);bottom: calc(100% + 8px);left: 50%;transform: translateX(-50%) translateY(4px);padding: var(--space-1) var(--space-2);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);line-height: var(--leading-normal);white-space: nowrap;color: var(--tooltip-text);background-color: var(--tooltip-bg);border-radius: var(--radius-sm);box-shadow: var(--shadow-md);}[data-tooltip]::before {content: "";bottom: calc(100% + 2px);left: 50%;transform: translateX(-50%) translateY(4px);border: 5px solid transparent;border-top-color: var(--tooltip-bg);}[data-tooltip]:hover::before,[data-tooltip]:hover::after {opacity: 1;visibility: visible;}[data-tooltip]:hover::after {transform: translateX(-50%) translateY(0);}[data-tooltip]:hover::before {transform: translateX(-50%) translateY(0);}[data-tooltip-position="bottom"]::after {bottom: auto;top: calc(100% + 8px);transform: translateX(-50%) translateY(-4px);}[data-tooltip-position="bottom"]::before {bottom: auto;top: calc(100% + 2px);border-top-color: transparent;border-bottom-color: var(--tooltip-bg);transform: translateX(-50%) translateY(-4px);}[data-tooltip-position="bottom"]:hover::after,[data-tooltip-position="bottom"]:hover::before {transform: translateX(-50%) translateY(0);}