:root{color-scheme:light;--bg: #f5f7fa;--surface: #ffffff;--surface-muted: #edf2f0;--text: #16201d;--muted: #60706b;--line: #d8e0dd;--primary: #1d6f5f;--primary-dark: #145245;--accent: #b65f32;--blue: #245d8f;--danger: #b42318;--danger-dark: #a43d35;--shadow: 0 18px 40px rgba(22, 32, 29, .08);--text-inverse: #ffffff;--text-inverse-soft: #f7fbf9;--surface-inverse: #14211d;--surface-hover: #f4faf7;--surface-subtle: #f8fbfa;--surface-glass: rgba(255, 255, 255, .72);--surface-glass-muted: rgba(255, 255, 255, .62);--surface-popover: rgba(255, 255, 255, .96);--surface-page-translucent: rgba(245, 247, 250, .94);--surface-success: #e7f1ed;--surface-info: #e8eef7;--surface-warning: #f3ebe6;--surface-danger: #fff4f2;--surface-selected: #eef6ff;--border-success: #c8dbd4;--border-info: #cad7e8;--border-warning: #e4cdc0;--border-danger: #efc6c0;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-pill: 999px;--shadow-card: 0 10px 24px rgba(22, 32, 29, .05);--shadow-menu: 0 10px 24px rgba(22, 32, 29, .08);--shadow-menu-strong: 0 18px 40px rgba(22, 32, 29, .16);--shadow-floating: 0 20px 60px rgba(20, 33, 29, .22);--shadow-popover: 0 16px 36px rgba(20, 33, 29, .16);--shadow-elevated: var(--shadow);--shadow-modal: 0 26px 70px rgba(20, 33, 29, .28);--backdrop-modal: rgba(20, 33, 29, .38);--focus-ring-primary: 0 0 0 3px rgba(29, 111, 95, .13);--focus-ring-primary-subtle: 0 0 0 3px rgba(29, 111, 95, .1);--focus-ring-primary-thin: 0 0 0 2px rgba(29, 111, 95, .1)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus-ring-primary)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.site-shell{min-height:100vh}.public-header{--public-header-height: 72px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:var(--public-header-height, 72px);padding:0 32px;background:var(--surface-page-translucent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.public-header__resize-handle{position:absolute;right:0;bottom:-3px;left:0;height:6px;cursor:ns-resize;touch-action:none}.public-header__resize-handle:hover{background:#1d6f5f1f}.brand-link{display:inline-flex;align-items:center;gap:10px;min-width:max-content;color:var(--text);font-weight:760}.brand-mark{display:inline-grid;width:36px;height:36px;place-items:center;color:var(--text-inverse);background:var(--primary-dark);border-radius:var(--radius-md);font-size:.82rem}.public-nav{display:flex;align-items:center;gap:8px}.header-actions{display:inline-flex;align-items:center;gap:10px}.public-nav a,.small-link{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;color:var(--muted);border-radius:var(--radius-sm);font-weight:650}.public-nav a.router-link-active,.public-nav a:hover,.small-link:hover{color:var(--text);background:var(--surface-muted)}.page-section{width:min(1160px,calc(100% - 48px));margin:0 auto;padding:54px 0}.muted-band{width:100%;max-width:none;padding-inline:max(24px,calc((100% - 1160px)/2));background:var(--surface-muted)}.narrow-page{max-width:860px}.not-found-page{display:grid;gap:16px;min-height:calc(100vh - 72px);align-content:center}.section-heading{margin-bottom:24px}.section-heading h1,.narrow-page h1,.detail-article h1{margin:0;font-size:clamp(2.3rem,6vw,4.75rem);line-height:1.02;letter-spacing:0}.section-heading h2,.narrow-page h2,.detail-article h2{margin:0 0 10px;font-size:1.35rem;line-height:1.25}.lead,.section-heading>p:not(.eyebrow),.section-description{max-width:720px;color:var(--muted);font-size:1.08rem;line-height:1.7}@media(max-width:900px){.public-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 24px}.public-nav,.header-actions{flex-wrap:wrap}}@media(max-width:620px){.page-section{width:min(100% - 28px,1160px)}.muted-band{padding-inline:14px}.section-heading h1,.narrow-page h1,.detail-article h1{font-size:2.3rem}}.hero-actions,.detail-actions,.form-actions,.row-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-sm);font-weight:740;white-space:nowrap}.primary-button{color:var(--text-inverse);background:var(--primary)}.primary-button:hover{background:var(--primary-dark)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{color:var(--text);background:var(--surface);border-color:var(--line)}.secondary-button:hover{border-color:var(--primary)}.full-button{width:100%}.card-grid,.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.content-list-page .card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.content-card,.skill-grid article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.content-card{display:flex;min-height:245px;flex-direction:column;justify-content:space-between;gap:18px;padding:20px}.content-card__cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-sm)}.content-card__cover--placeholder{display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(24,121,102,.14),transparent 34%),linear-gradient(135deg,#18796614,#b65f3214),var(--surface-subtle)}.content-card__cover--placeholder span{color:var(--muted);font-size:clamp(1rem,2vw,1.35rem);font-weight:860;letter-spacing:.14em}.content-card--with-cover{min-height:0}.content-card h3{margin:0 0 8px;font-size:1.12rem}.content-card p,.skill-grid p{color:var(--muted);line-height:1.6}.skill-grid article{min-height:190px;padding:20px}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:.78rem;font-weight:820;text-transform:uppercase}.status-badges{display:flex;flex-wrap:wrap;gap:8px}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:0 0 22px}.locale-switcher{display:inline-flex;align-items:center;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.locale-button{min-height:30px;padding:0 9px;color:var(--muted);background:transparent;border:0;border-radius:var(--radius-sm);font-size:.8rem;font-weight:760}.locale-button.active,.locale-button:hover{color:var(--text-inverse);background:var(--primary)}.segmented-control{display:inline-flex;flex-wrap:wrap;gap:0;align-items:center;width:max-content;max-width:100%;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.segmented-control__option{min-height:32px;padding:0 12px;color:var(--muted);background:transparent;border:0;border-radius:var(--radius-sm);font-size:.84rem;font-weight:760}.segmented-control__option.active,.segmented-control__option:hover{color:var(--text-inverse);background:var(--primary)}.status-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted);font-size:.72rem;font-weight:780}.status-badge.published,.status-badge.public{color:var(--primary-dark);background:var(--surface-success);border-color:var(--border-success)}.status-badge.draft,.status-badge.private{color:var(--accent);background:var(--surface-warning);border-color:var(--border-warning)}.status-badge.archived,.status-badge.limited{color:var(--blue);background:var(--surface-info);border-color:var(--border-info)}.inline-action{display:inline-flex;align-items:center;gap:8px;color:var(--primary-dark);font-weight:760}.icon-button{display:inline-grid;width:38px;height:38px;place-items:center;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.icon-button:hover{border-color:var(--primary)}.icon-button.danger{color:var(--danger)}.admin-search-input{display:grid;min-width:0;gap:6px}.admin-search-input__label{color:var(--muted);font-size:.88rem;font-weight:720}.admin-search-input__control{display:flex;min-width:0;min-height:42px;align-items:center;gap:8px;padding:0 10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.admin-search-input__control:focus-within,.admin-search-input__control.is-active{border-color:var(--primary);box-shadow:var(--focus-ring-primary-subtle)}.admin-search-input__icon,.admin-search-input__control>svg,.admin-search-input__clear{flex:0 0 auto;color:var(--muted)}.admin-search-input .admin-search-input__control input:not([type=checkbox]):not([type=radio]):not([type=file]){width:auto;min-width:0;min-height:38px;flex:1 1 140px;padding:0;color:var(--text);background:transparent;border:0;border-radius:0;box-shadow:none;outline:0}.admin-search-input .admin-search-input__control input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,.admin-search-input .admin-search-input__control input:not([type=checkbox]):not([type=radio]):not([type=file]):focus-visible{border:0;box-shadow:none}.admin-search-input__clear{display:inline-grid;width:28px;height:28px;place-items:center;background:transparent;border:0;border-radius:var(--radius-sm)}.admin-search-input__clear:hover{color:var(--text);background:var(--surface-muted)}.muted{color:var(--muted)}.error-text{color:var(--danger);font-weight:700}.detail-article{display:grid;gap:22px}.media-picker{position:relative;display:grid;min-width:0;gap:8px}.media-picker__header{display:flex;gap:10px;align-items:center;justify-content:space-between;color:var(--muted);font-size:.86rem;font-weight:760}.media-picker__refresh{display:inline-flex;gap:5px;align-items:center;color:var(--primary-dark);background:transparent;border:0;font-size:.78rem;font-weight:780}.media-picker__selected{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.media-picker__selected img,.media-picker__option img,.media-picker__placeholder{width:72px;aspect-ratio:16 / 10;object-fit:cover;background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-sm)}.media-picker__placeholder{display:grid;place-items:center;color:var(--muted)}.media-picker__selected strong,.media-picker__selected small,.media-picker__option span,.media-picker__option small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-picker__selected strong,.media-picker__selected small{display:block}.media-picker__selected small,.media-picker__option small{color:var(--muted);font-size:.76rem;font-weight:700}.media-picker__search{min-width:0}.media-picker__chevron{color:var(--muted)}.media-picker__menu{position:absolute;top:calc(100% + 4px);left:0;z-index:30;display:grid;width:min(520px,100%);max-height:360px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-menu-strong)}.media-picker__option{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;color:var(--text);background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left}.media-picker__option:hover{background:var(--surface-hover)}.media-picker__option:last-child{border-bottom:0}.media-picker__empty{margin:0;font-size:.84rem}.field-help{margin:6px 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}.load-more-trigger{display:flex;justify-content:center;padding:24px 0 4px}.state-card{display:grid;gap:14px;width:min(100%,720px);padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.state-card--compact{padding:18px}.state-card h2{margin:0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.18}.state-card__description,.loading-state p{margin:0;color:var(--muted);line-height:1.65}.state-card__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.error-state{background:var(--surface-danger);border-color:var(--border-danger)}.loading-state{grid-auto-flow:column;width:max-content;max-width:100%;align-items:center}.loading-state__dot{width:10px;height:10px;background:var(--primary);border-radius:var(--radius-pill);box-shadow:0 0 0 6px #1d6f5f1f}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.filter-bar .tag-picker{flex:1 1 360px}.tag-chip-field{display:grid;gap:8px}.tag-chip-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;color:var(--muted);font-size:.86rem;font-weight:760}.tag-chip-clear{color:var(--primary-dark);background:transparent;border:0;font-size:.82rem;font-weight:780}.tag-chip-options{display:flex;flex-wrap:wrap;gap:8px}.tag-select-chip{min-height:34px;padding:0 12px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.86rem;font-weight:760}.tag-select-chip:hover{border-color:var(--primary);background:var(--surface-hover)}.tag-select-chip.active{color:var(--text-inverse);background:var(--primary);border-color:var(--primary)}.tag-select-chip--toggle{color:var(--primary-dark);background:var(--surface-hover);border-style:dashed}.tag-picker{display:grid;min-width:0;gap:8px}.tag-picker__header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:.86rem;font-weight:760}.tag-picker__header small{font-size:.78rem}.tag-picker__selected-chip{display:inline-flex;max-width:min(260px,100%);align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 10px;color:var(--text-inverse);background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-sm);font-size:.84rem;font-weight:760}.tag-picker__selected-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-picker__hint{margin:0;color:var(--muted);font-size:.82rem}.tag-picker__search .admin-search-input__control{min-height:44px;flex-wrap:wrap;padding-block:6px}.tag-picker__search .admin-search-input__control input:not([type=checkbox]):not([type=radio]):not([type=file]){min-height:30px;flex-basis:180px}.tag-picker__chevron{color:var(--muted)}.tag-picker__menu{display:grid;max-height:220px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-menu)}.tag-picker__option{display:grid;width:100%;min-height:40px;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:0 12px;color:var(--text);background:var(--surface);border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:.9rem;font-weight:720;text-align:left}.tag-picker__option:last-child{border-bottom:0}.tag-picker__option-name,.tag-picker__create span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-picker__option-usage{color:var(--muted);font-size:.82rem;font-weight:700}.tag-picker__option:hover,.tag-picker__create:hover{background:var(--surface-hover)}.tag-picker__option:disabled{cursor:not-allowed;opacity:.55}.tag-picker__create{display:inline-flex;max-width:min(320px,100%);align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 12px;border-radius:var(--radius-sm);font-size:.86rem;font-weight:760;justify-self:start;color:var(--primary-dark);background:var(--surface);border:1px solid var(--line)}.tag-chip{display:inline-flex;max-width:180px;align-items:center;min-height:28px;overflow:hidden;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius-sm);color:#40534d;font-size:.78rem;font-weight:720;text-overflow:ellipsis;white-space:nowrap;background:#f2f6f4;border-color:var(--line)}.tag-chip-more{color:var(--primary-dark);background:var(--surface-success);border-color:var(--border-success)}.tag-chip-button{cursor:pointer}.tag-chip-button:hover{border-color:var(--primary)}label{display:grid;gap:7px;color:var(--muted);font-size:.88rem;font-weight:720}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{width:100%;min-height:42px;padding:10px 12px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);outline:none}input[type=checkbox],input[type=radio]{width:auto;min-height:auto;padding:0;accent-color:var(--primary)}textarea{resize:vertical}input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:var(--focus-ring-primary)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.form-grid-wide{grid-column:1 / -1}@media(max-width:900px){.form-grid{grid-template-columns:1fr}}