:root { color-scheme: light; --ink: #172b43; --muted: #5a6b7e; --blue: #245cdf; --line: #dce3ec; }
* { box-sizing: border-box; }
body { margin: 0; background: #f6f8fc; color: var(--ink); font: 16px/1.6 system-ui, sans-serif; }
a { color: var(--blue); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.site-header { padding: 22px max(24px, calc((100% - 1120px)/2)); background: white; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.brand { color: var(--ink); font-weight: 800; font-size: 21px; text-decoration: none; letter-spacing: -.6px; }
nav { display: flex; align-items: center; gap: 20px; }
nav a { text-decoration: none; font-weight: 600; }
nav form { margin: 0; }
main { max-width: 1120px; margin: 0 auto; padding: 28px 20px 70px; min-height: 75vh; }
footer { color: var(--muted); text-align: center; padding: 25px; border-top: 1px solid var(--line); font-size: 14px; }
.hero { padding: 85px 20px; max-width: 900px; }
.hero h1 { font-size: clamp(34px, 5vw, 58px); line-height: 1.15; letter-spacing: -2px; margin: 16px 0 25px; }
.hero > p:not(.eyebrow) { max-width: 590px; color: var(--muted); font-size: 19px; }
.eyebrow { color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: 1.6px; text-transform: uppercase; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 25px; margin: 32px 0; }
.hero .subtle { font-size: 14px !important; }
.auth-card, .account-card { background: white; padding: 36px; border: 1px solid var(--line); border-radius: 18px; margin: 25px auto; box-shadow: 0 15px 45px #17385808; }
.auth-card { max-width: 480px; }
.account-card { max-width: 760px; }
h1 { font-size: 30px; line-height: 1.25; margin: 10px 0 15px; letter-spacing: -.8px; }
h2 { font-size: 21px; margin-top: 35px; }
.auth-card > p, .account-card > p { color: var(--muted); }
form label { display: block; margin: 18px 0 6px; font-weight: 600; font-size: 14px; }
input:not([type=submit]) { width: 100%; border: 1px solid #b9c6d6; border-radius: 8px; padding: 12px; font: inherit; }
small { display: block; color: var(--muted); font-size: 12px; margin-top: 7px; }
button, input[type=submit], .button-primary, .button-small { font: inherit; cursor: pointer; border-radius: 8px; }
.button-primary, .button-small { background: var(--blue); color: white; border: 0; font-weight: 650; text-decoration: none; padding: 13px 23px; display: inline-block; }
.auth-card .button-primary { width: 100%; margin-top: 25px; }
.button-small { padding: 8px 15px; font-size: 14px; }
.button-primary:hover, .button-small:hover { background: #194ac0; }
.button-social, .button-secondary { width: 100%; padding: 12px 16px; background: white; border: 1px solid var(--line); color: var(--ink); font-weight: 600; }
.button-social:hover:enabled, .button-secondary:hover { background: #f3f6fa; }
.button-social:disabled { color: #738194; cursor: not-allowed; }
.social-options { display: grid; gap: 10px; margin: 23px 0; }
.button-quiet { border: 0; background: transparent; color: var(--blue); padding: 0; }
.form-link { display: block; text-align: right; margin-top: 12px; font-size: 13px; }
.divider { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 12px; margin: 20px 0; }
.divider::before, .divider::after { content: ''; height: 1px; background: var(--line); flex: 1; }
.auth-footnote { text-align: center; font-size: 13px; margin-top: 22px; }
.flash { padding: 14px 20px; border-radius: 8px; background: #e9f2ff; border: 1px solid #c7daf7; margin: 5px auto 20px; max-width: 760px; }
.flash.alert, .form-errors { background: #fff0ed; border: 1px solid #efc7bc; color: #8f3020; }
.form-errors { padding: 12px 18px; border-radius: 8px; font-size: 14px; }
.form-errors p { margin: 0; }
.session-list { list-style: none; padding: 0; }
.session-list li { border-bottom: 1px solid var(--line); padding: 14px 0; display: flex; justify-content: space-between; gap: 15px; }
.session-list span { color: var(--muted); font-size: 13px; }
:focus-visible { outline: 3px solid #6398ff; outline-offset: 3px; }
@media (max-width: 600px) { .site-header { padding: 16px; flex-wrap: wrap; } nav { gap: 15px; } .auth-card, .account-card { padding: 24px; } .hero { padding: 40px 0; } .session-list li { flex-direction: column; gap: 4px; } }

fieldset { margin: 1.5rem 0; padding: 1.2rem; border: 1px solid #dce4ef; border-radius: 12px; } textarea { width: 100%; min-height: 90px; } progress { width: 100%; height: 14px; } input[type=checkbox] { width: auto; }

[hidden] { display: none !important; }
.onboarding-card { max-width: 980px; }
.wizard-header { margin: 24px 0; }
.wizard-header p { font-size: 14px; font-weight: 700; }
.profile-select, select, textarea { width: 100%; border: 1px solid #b9c6d6; border-radius: 8px; padding: 12px; font: inherit; color: var(--ink); background: white; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
.choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
form label.choice { display: flex; align-items: center; gap: 10px; padding: 12px 14px; margin: 0; border: 1px solid var(--line); border-radius: 10px; font-weight: 500; cursor: pointer; }
.choice:has(input:checked) { background: #edf3ff; border-color: #245cdf; }
.choice input[type=checkbox] { flex: 0 0 auto; width: 18px; height: 18px; margin: 0; padding: 0; accent-color: var(--blue); }
.service-group { margin: 12px 0; border: 1px solid var(--line); border-radius: 12px; padding: 14px; }
.service-group summary { font-weight: 700; cursor: pointer; }
.service-group .choice-grid { margin-top: 15px; }
.skills-list { max-height: 340px; overflow: auto; padding: 5px; margin-bottom: 20px; }
.repeat-row { background: #f8faff; border: 1px solid var(--line); border-radius: 12px; padding: 16px; margin-bottom: 14px; }
.button-add { padding: 10px 16px; border: 1px solid #bdcce0; color: var(--ink); background: white; }
.button-remove { padding: 6px 10px; margin-top: 14px; border: 1px solid #e9c3bf; color: #8f3020; background: white; font-size: 13px; }
.wizard-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 25px; }
.photo-controls canvas { width: min(100%, 280px); height: auto; border-radius: 50%; background: white; border: 1px solid var(--line); display: block; margin: 20px auto; }
.photo-controls canvas.square, .profile-avatar.square { border-radius: 12px; }
.profile-avatar { width: 160px; height: 160px; object-fit: cover; border-radius: 50%; display: block; margin: 20px 0; }
.pricing-summary, .pricing-advice { border-radius: 10px; padding: 14px; background: #f1f5fc; }
.pricing-advice[data-level=low], .pricing-advice[data-level=high] { background: #fff6de; color: #75520c; }
.pricing-advice[data-level=balanced] { background: #e9f7ee; color: #1d6039; }
.field-help { color: var(--muted); font-size: 13px; }
.review-summary { max-height: 450px; overflow: auto; border: 1px solid var(--line); padding: 18px; border-radius: 12px; }
.profile-section { margin: 28px 0; border-top: 1px solid var(--line); padding-top: 10px; }
.profile-section ul { padding-left: 22px; }
.profile-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.profile-tag { background: #edf3ff; border-radius: 20px; padding: 5px 12px; font-size: 13px; }
.profile-table { width: 100%; border-collapse: collapse; }
.profile-table th, .profile-table td { text-align: left; border-bottom: 1px solid var(--line); padding: 9px; }
@media (max-width: 650px) { .form-grid, .choice-grid { grid-template-columns: 1fr; } .onboarding-card { padding: 20px; } .profile-table { font-size: 12px; } .profile-table th, .profile-table td { padding: 6px; } }

.marketplace-item { padding: 1.25rem 0; border-bottom: 1px solid #dbe3ef; } .site-header nav { flex-wrap: wrap; gap: .75rem; } .marketplace-item form { margin: .75rem 0; }

.workspace-card { max-width: 980px; }
.workspace-nav { flex-wrap: wrap; padding: 15px 0; border-bottom: 1px solid var(--line); }
.workspace-nav a[aria-current=page] { font-weight: 800; text-decoration: underline; }
.portfolio-image { width: 100%; max-width: 500px; max-height: 340px; object-fit: contain; border-radius: 12px; }
.message-list { max-height: 65vh; overflow-y: auto; overflow-wrap: anywhere; }
@media (max-width: 650px) { .site-header nav { width: 100%; } button, input[type=submit], .button-add { min-height: 44px; max-width: 100%; } .marketplace-item { overflow-wrap: anywhere; } .workspace-card { padding: 20px; } }

.calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; }
.calendar-day { min-height:65px; padding:8px; border:1px solid var(--line); border-radius:6px; }
.calendar-day a { display:block; font-size:12px; }
@media(max-width:650px) { .calendar-day { padding:3px; min-height:50px; } }

/* Production visual system: mobile first, native HTML, Turbo and Stimulus. */
:root { --ink:#203249; --muted:#66778b; --blue:#285b83; --line:#dde6ef; --canvas:#f0f4f8; --navy:#172b42; --radius:20px; }
body { background:var(--canvas); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:var(--blue); } h1 { font-size:clamp(25px,3vw,36px); letter-spacing:-1px; } h2 { letter-spacing:-.4px; } p { overflow-wrap:anywhere; }
button,input[type=submit],.button-primary,.button-add,.button-small { transition:background .2s,transform .2s,box-shadow .2s; min-height:44px; }
button,input[type=submit] { border:1px solid var(--line); background:#fff; color:var(--ink); padding:10px 16px; font-weight:650; }
input[type=submit],.button-primary,.button-small { background:var(--blue); color:#fff; border-color:var(--blue); }
button:hover,input[type=submit]:hover,.button-primary:hover,.button-add:hover { box-shadow:0 4px 14px #172b4212; transform:translateY(-1px); }
button:disabled,input:disabled { opacity:.55; cursor:not-allowed; transform:none; }.button-quiet { min-height:36px; padding:5px 8px; border:0; background:transparent; color:var(--blue); }
.button-add { display:inline-flex; align-items:center; justify-content:center; border-radius:10px; text-decoration:none; }
.auth-card,.account-card { border-radius:var(--radius); padding:22px; margin:0 0 22px; max-width:none; box-shadow:0 8px 30px #172b4205; }
.auth-card { max-width:500px; margin:24px auto; }.onboarding-card { max-width:1050px; margin:0 auto; }
input:focus,textarea:focus,select:focus { border-color:var(--blue); box-shadow:0 0 0 3px #285b8312; }
.form-grid,.choice-grid { grid-template-columns:1fr; }.form-grid>div { min-width:0; } textarea { resize:vertical; }
main { min-width:0; }.workspace-shell { min-height:100dvh; }.workspace-body { min-width:0; }
.workspace-topbar { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; background:#ffffffed; border-bottom:1px solid var(--line); backdrop-filter:blur(12px); }
.topbar-heading strong { display:block; font-size:15px; }.topbar-heading .eyebrow { display:none; }.topbar-actions { display:flex; align-items:center; gap:8px; }.topbar-actions form { margin:0; }
.icon-button { padding:8px; display:inline-flex; align-items:center; justify-content:center; gap:3px; font-size:21px; background:white; border:1px solid var(--line); border-radius:12px; width:44px; height:44px; cursor:pointer; }.icon-button::-webkit-details-marker { display:none; }
.avatar-chip { width:40px; height:40px; flex:0 0 auto; border-radius:13px; background:#e7eff6; color:var(--blue); display:inline-flex; align-items:center; justify-content:center; font-weight:800; text-decoration:none; }.avatar-chip.large { width:54px; height:54px; }
.app-sidebar { position:fixed; top:0; bottom:0; left:0; width:258px; z-index:50; background:var(--navy); color:#e4edf6; padding:25px 18px; overflow-y:auto; transform:translateX(-100%); transition:transform .25s ease; scrollbar-width:none; }.app-sidebar::-webkit-scrollbar,.app-rightbar::-webkit-scrollbar { display:none; }
.app-sidebar.is-open { transform:translateX(0); }.sidebar-brand { color:white; display:flex; align-items:center; gap:13px; font-size:23px; line-height:1.15; font-weight:850; text-decoration:none; margin:4px 8px 32px; }.brand-symbol { font-size:33px; padding:10px 14px; border-radius:16px; background:#ffffff12; }.sidebar-brand small { font-size:8px; letter-spacing:2px; color:#a8bbcf; margin-top:10px; }.sidebar-label { color:#9eb2c8; font-size:10px; letter-spacing:1.8px; text-transform:uppercase; margin:12px 14px; }
.side-navigation { display:flex; flex-direction:column; align-items:stretch; gap:4px; }.side-link { display:flex; align-items:center; gap:13px; min-height:46px; color:#bed0e2; padding:10px 14px; border-radius:13px; font-size:13px; font-weight:500; transition:background .2s,color .2s; }.side-link:hover { background:#ffffff10; color:white; }.side-link.is-active { background:#eaf2f9; color:#224764; font-weight:750; }.nav-icon { font-size:20px; width:24px; flex:0 0 auto; text-align:center; }.sidebar-bottom { margin-top:28px; border-top:1px solid #ffffff15; padding:20px 12px; font-size:12px; }.sidebar-bottom a { color:#bed0e2; }.sidebar-bottom small { color:#819bb4; }
.drawer-overlay { position:fixed; inset:0; background:#10223688; z-index:45; border:0; border-radius:0; }.drawer-open { overflow:hidden; }
.workspace-columns { display:grid; grid-template-columns:minmax(0,1fr); padding:18px 14px; gap:22px; }.workspace-columns>main { padding:0; margin:0; width:100%; max-width:none; }.app-rightbar { display:none; }
.context-card { padding:20px; background:white; border:1px solid var(--line); border-radius:var(--radius); margin-bottom:18px; }.context-card h2 { margin:12px 0; font-size:18px; }.identity-chip { display:flex; align-items:center; gap:12px; margin:18px 0; font-size:14px; }.identity-chip>div { min-width:0; overflow-wrap:anywhere; }.context-link { display:block; padding:12px 0; font-size:13px; border-top:1px solid #edf1f6; text-decoration:none; }.context-dark { background:var(--navy); color:white; }.context-dark .eyebrow { color:#9abedc; }.context-dark p { color:#b5c7d9; font-size:13px; }.context-dark .button-add { color:white; border-color:#ffffff40; background:#ffffff0a; }
.notification-popover { position:relative; }.notification-popover summary { list-style:none; }.popover-panel { position:absolute; right:-50px; top:54px; width:min(340px,calc(100vw - 28px)); max-height:70dvh; overflow:auto; background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:0 18px 65px #172b4230; padding:16px; z-index:60; }.popover-heading { display:flex; justify-content:space-between; gap:8px; }.notice-row { border-bottom:1px solid var(--line); padding:12px 8px; font-size:13px; }.notice-row p { margin:0 0 4px; }.notice-row.is-unread { background:#f2f7fc; border-radius:9px; }.popover-footer { display:block; padding-top:15px; font-size:13px; }.count-badge,.badge { font-size:11px; font-weight:750; background:#dae8f4; color:#285b83; padding:2px 7px; border-radius:8px; margin-left:auto; }.icon-button .count-badge { margin-left:-8px; }.empty-inline { font-size:13px; color:var(--muted); }
.metric-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:22px 0; }.metric-card { background:#f4f7fb; border:1px solid var(--line); border-radius:16px; padding:17px; min-width:0; }.metric-card span { color:var(--muted); font-size:12px; }.metric-card strong { display:block; font-size:clamp(19px,2vw,28px); letter-spacing:-.8px; margin-top:6px; overflow-wrap:anywhere; }.metric-card a { font-size:12px; }
.admin-module-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:25px 0; }.module-card { display:flex; flex-direction:column; background:white; border:1px solid var(--line); border-radius:14px; padding:17px; text-decoration:none; gap:8px; }.module-card strong { font-size:26px; }.module-card:hover { background:#f1f6fb; }
.table-wrap { max-width:100%; overflow-x:auto; margin:20px 0; border:1px solid var(--line); border-radius:13px; } table { border-collapse:collapse; width:100%; font-size:13px; }th,td { padding:13px 16px; text-align:left; border-bottom:1px solid var(--line); white-space:nowrap; }th { background:#f4f7fb; color:var(--muted); font-weight:650; }tr:last-child td { border-bottom:0; }
.marketplace-item { padding:22px; border:1px solid var(--line); border-radius:16px; margin:18px 0; background:#fff; }.marketplace-item h2,.marketplace-item h3 { margin:0 0 12px; }.card-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }.card-heading h2 { margin:0; font-size:21px; }.status-pill { display:inline-flex; font-size:11px; background:#e9f0f7; color:#285b83; padding:5px 10px; border-radius:20px; font-weight:750; }
.info-banner,.next-action { background:#edf4fb; border:1px solid #d8e6f2; border-radius:14px; padding:16px; font-size:14px; margin:20px 0; }.next-action p { margin:9px 0; }.empty-state { border:1px dashed #c8d8e8; background:#f8fafc; padding:28px; border-radius:16px; text-align:center; margin:20px 0; }.empty-state h3 { margin:0 0 8px; }.empty-state p { color:var(--muted); }.panel-details { border:1px solid var(--line); padding:16px; border-radius:12px; }.panel-details summary { cursor:pointer; font-weight:700; }
.flash { max-width:none; padding:17px 20px; border-radius:13px; }.live-toast { position:fixed; bottom:20px; right:20px; left:20px; z-index:80; background:var(--navy); color:white; padding:16px 22px; border-radius:15px; box-shadow:0 12px 40px #172b4230; }.live-toast a { color:#bdddff; margin-left:8px; }.skip-link { position:fixed; top:-100px; left:15px; z-index:100; background:white; padding:12px; }.skip-link:focus { top:12px; }
.workspace-nav { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; }.workspace-nav a { background:#f2f6fb; border:1px solid var(--line); padding:8px 12px; border-radius:10px; font-size:12px; }.workspace-nav a[aria-current=page] { color:white; background:var(--blue); }.hero-actions { gap:12px; }
.feed-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:20px; }.feed-heading h1 { margin:0; }.feed-filter { background:#f6f9fc; padding:18px; border-radius:15px; border:1px solid var(--line); }.feed-card { transition:border-color .2s,box-shadow .2s; }.feed-card:hover { border-color:#afc7da; box-shadow:0 10px 30px #172b4207; }.feed-card h2 a { text-decoration:none; }.feed-meta { display:flex; flex-wrap:wrap; gap:8px; font-size:12px; color:var(--muted); }.feed-bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:18px; }.feed-budget { font-size:22px; font-weight:800; color:var(--ink); }.page-intro { color:var(--muted); margin:0 0 24px; }
@media(min-width:600px) { .form-grid,.choice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.workspace-columns { padding:24px; }.account-card { padding:30px; }.topbar-heading .eyebrow { display:block; font-size:9px; }.topbar-actions { gap:14px; }.live-toast { left:auto; max-width:420px; } }
@media(min-width:900px) { .workspace-shell { display:grid; grid-template-columns:244px minmax(0,1fr); padding:16px; gap:20px; }.app-sidebar { position:sticky; top:16px; bottom:auto; height:calc(100dvh - 32px); width:auto; z-index:30; transform:none; border-radius:24px; padding:24px 14px; }.workspace-topbar { top:16px; border:1px solid var(--line); border-radius:19px; padding:16px 24px; }.mobile-menu,.drawer-overlay { display:none; }.workspace-columns { padding:24px 0 0; }.metric-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }.admin-module-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.sidebar-brand { font-size:21px; } }
@media(min-width:1320px) { .workspace-columns { grid-template-columns:minmax(0,1fr) 250px; }.app-rightbar { display:block; position:sticky; top:110px; align-self:start; max-height:calc(100dvh - 130px); overflow:auto; scrollbar-width:none; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; } }

body:has(.admin-module-grid) .workspace-columns { grid-template-columns:minmax(0,1fr); } body:has(.admin-module-grid) .app-rightbar { display:none; }

.nav-icon { display:inline-flex; align-items:center; justify-content:center; }

/* Keep the workspace steady while Turbo changes the central page. */
:root { --motion-ease:cubic-bezier(.22,1,.36,1); --motion-duration:240ms; }
#main-content { view-transition-name:page-content; }
.workspace-topbar { view-transition-name:workspace-header; }
.app-sidebar { view-transition-name:workspace-menu; }
.app-rightbar { view-transition-name:workspace-context; }
::view-transition-group(*) { animation-duration:var(--motion-duration); animation-timing-function:var(--motion-ease); }
::view-transition-old(root),::view-transition-new(root),
::view-transition-old(workspace-header),::view-transition-new(workspace-header),
::view-transition-old(workspace-menu),::view-transition-new(workspace-menu),
::view-transition-old(workspace-context),::view-transition-new(workspace-context) { animation:none; mix-blend-mode:normal; }
::view-transition-old(page-content) { animation:page-leave 120ms ease-out both; mix-blend-mode:normal; }
::view-transition-new(page-content) { animation:page-arrive var(--motion-duration) var(--motion-ease) both; mix-blend-mode:normal; }
::view-transition { pointer-events:none; }
@keyframes page-leave { to { opacity:0; } }
@keyframes page-arrive { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
.turbo-progress-bar { height:3px; background:var(--blue); box-shadow:0 0 10px #285b8340; }
.side-link,.workspace-nav a,.context-link,.module-card,.avatar-chip {
  transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease,box-shadow 220ms ease,transform var(--motion-duration) var(--motion-ease);
}
.side-link:active,.workspace-nav a:active { transform:scale(.985); }
.workspace-nav a:hover { background:#e7eff7; border-color:#b3cada; }
.workspace-nav a[aria-current=page]:hover { background:var(--blue); }
.context-link:hover { color:#183e60; }
.module-card:hover { border-color:#b3cada; box-shadow:0 6px 20px #172b4209; }
.avatar-chip:hover { background:#dae8f4; }
input:not([type=submit]),textarea,select { transition:border-color 180ms ease,box-shadow 180ms ease; }
.app-sidebar { transition:transform 300ms var(--motion-ease); }
@media(prefers-reduced-motion:no-preference) {
  .notification-popover[open] .popover-panel { transform-origin:top right; animation:popover-arrive 200ms var(--motion-ease) both; }
  .drawer-overlay:not([hidden]) { animation:overlay-arrive 200ms ease-out both; }
  .live-toast:not([hidden]) { animation:page-arrive 220ms var(--motion-ease) both; }
  [data-onboarding-target~="step"]:not([hidden]) { animation:page-arrive 220ms var(--motion-ease) both; }
  @supports not (view-transition-name:page-content) { #main-content { animation:page-arrive 220ms var(--motion-ease) both; } }
}
@keyframes popover-arrive { from { opacity:0; transform:translateY(-5px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes overlay-arrive { from { opacity:0; } to { opacity:1; } }
@media(prefers-reduced-motion:reduce) {
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*) { animation:none !important; }
  .side-link:active,.workspace-nav a:active,button:hover,input[type=submit]:hover,.button-primary:hover,.button-add:hover { transform:none; }
}

/* Nexora public home: editorial layout and a native product preview. */
.nexora-home { --landing-ink:#18312d; --landing-muted:#63716e; --landing-mint:#d4edda; --landing-accent:#34745f; background:#fafbf8; color:var(--landing-ink); }
.landing-container { width:min(1240px,calc(100% - 40px)); margin-inline:auto; }
.landing-main { max-width:none; padding:0; min-height:0; }
.landing-main h1,.landing-main h2,.landing-main h3 { color:var(--landing-ink); }
.landing-header { position:sticky; top:0; z-index:30; background:#fafbf8ee; border-bottom:1px solid #18312d0e; backdrop-filter:blur(14px); }
.landing-header-inner { display:flex; align-items:center; justify-content:space-between; min-height:80px; gap:24px; }
.landing-brand { display:inline-flex; align-items:center; gap:10px; color:var(--landing-ink); font-size:29px; font-weight:820; text-decoration:none; letter-spacing:-1.2px; white-space:nowrap; }
.landing-brand img { display:block; }.brand-dot { color:var(--landing-accent); }
.landing-navigation { display:none; gap:30px; }.landing-navigation a,.landing-login { color:#475a53; font-size:13px; font-weight:650; text-decoration:none; }
.landing-header-actions { display:flex; align-items:center; gap:18px; }
.landing-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:52px; padding:14px 21px; background:#225844; color:#fff; border:1px solid #225844; border-radius:12px; text-decoration:none; font-size:14px; line-height:1.5; font-weight:700; transition:background 180ms ease,box-shadow 180ms ease,transform var(--motion-duration) var(--motion-ease); }
.landing-button:hover { background:#173f31; color:#fff; box-shadow:0 6px 18px #22584419; transform:translateY(-2px); }
.landing-button-small { min-height:42px; padding:9px 17px; font-size:12px; }.landing-button-light { background:transparent; border-color:#cdd8cc; color:var(--landing-ink); }.landing-button-light:hover { background:#edf3eb; color:var(--landing-ink); }.landing-button-dark { background:#172b42; border-color:#172b42; }.landing-button-dark:hover { background:#102034; }
.landing-mobile-menu { position:relative; }.landing-mobile-menu summary { width:36px; height:40px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; list-style:none; cursor:pointer; border-radius:8px; }.landing-mobile-menu summary::-webkit-details-marker { display:none; }.landing-mobile-menu summary span { width:18px; height:2px; background:#18312d; border-radius:2px; }.landing-mobile-menu[open] summary { background:#e7eee3; }.landing-mobile-menu nav { position:absolute; top:53px; right:0; min-width:240px; padding:14px; display:flex; flex-direction:column; align-items:stretch; gap:4px; background:#fff; border:1px solid #d9e1d7; border-radius:14px; box-shadow:0 14px 40px #18312d14; }.landing-mobile-menu nav a { padding:10px; color:var(--landing-ink); font-size:13px; border-radius:7px; }.landing-mobile-menu nav a:hover { background:#f0f5ed; }
.landing-hero { padding:44px 0 48px; background:radial-gradient(ellipse at 90% 10%,#e9f2e0aa,transparent 58%),#fafbf8; }
.landing-hero-grid { display:grid; gap:38px; align-items:center; }.landing-hero-copy { min-width:0; }
.landing-eyebrow { font-size:10px; font-weight:750; letter-spacing:1.5px; color:var(--landing-accent); text-transform:uppercase; margin:0 0 20px; display:flex; align-items:center; gap:9px; }
.landing-live-dot { width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:#4b8761; box-shadow:0 0 0 4px #4b87610e; }
.landing-hero h1 { font-size:clamp(38px,5.2vw,62px); line-height:1.08; font-weight:780; letter-spacing:-2.5px; margin:0 0 24px; }.landing-hero h1 span { color:#428067; }
.landing-lead { color:var(--landing-muted); font-size:16px; max-width:475px; line-height:1.8; margin:0; }
.landing-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:30px 0 0; }.landing-account-note { font-size:11px; color:#637369; margin:13px 0 0; }
.landing-hero-points { display:flex; flex-wrap:wrap; gap:14px 20px; margin-top:30px; }.landing-hero-points>span { display:inline-flex; align-items:center; gap:6px; font-size:11px; color:#596e64; }.landing-hero-points svg { width:15px; height:15px; }
.landing-preview { min-width:0; background:#fff; border:1px solid #e1e7dd; border-radius:23px; box-shadow:0 24px 60px #213b2c0c,0 3px 12px #213b2c05; overflow:hidden; }
.landing-preview-top { padding:16px 21px; display:flex; align-items:center; gap:14px; border-bottom:1px solid #edf0e9; background:#fff; }.preview-wordmark { color:#253a32; font-size:17px; font-weight:800; letter-spacing:-.8px; }.preview-wordmark>span { color:#3f7551; }.preview-demo-label { color:#63756a; font-size:8px; font-weight:700; letter-spacing:1.4px; margin-left:auto; }.preview-dot-menu { color:#abb7ae; font-size:13px; letter-spacing:2px; }
.landing-preview-body { padding:22px; background:#f5f7f1; }.preview-intro { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:22px; }.preview-caption { color:#627568; font-size:8px; font-weight:750; letter-spacing:1.2px; margin:0 0 6px; }.preview-intro h2 { font-size:20px; letter-spacing:-.6px; margin:0; }.preview-decoration { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; width:39px; height:39px; background:#e5eee0; color:#63916e; border-radius:12px; font-size:25px; }
.landing-preview-tabs { display:flex; gap:3px; padding:4px; margin-bottom:16px; border:1px solid #e1e7da; border-radius:10px; background:#ecf0e5; }.landing-preview-tabs button { flex:1; min-width:0; background:transparent; border:0; box-shadow:none; border-radius:7px; min-height:35px; padding:7px 9px; color:#5b725c; font-size:11px; font-weight:700; }.landing-preview-tabs button[aria-selected=true] { background:#fff; color:#28543c; box-shadow:0 2px 7px #18312d09; }.landing-preview-tabs button:hover { transform:none; color:#28543c; }
.preview-panel { min-width:0; }.preview-project-card { background:#fff; border:1px solid #e4e9df; border-radius:14px; padding:19px; }.preview-card-meta { display:flex; align-items:center; gap:8px; justify-content:space-between; margin-bottom:17px; font-size:9px; color:#637569; }.preview-stage { background:#eff6ec; color:#51734b; border-radius:5px; padding:4px 6px; font-size:8px; font-weight:750; white-space:nowrap; }.preview-project-card h3 { margin:0 0 9px; font-size:18px; line-height:1.45; letter-spacing:-.45px; max-width:340px; }.preview-project-card>p { margin:0; color:#647568; font-size:11px; line-height:1.8; max-width:300px; }
.preview-professional { display:flex; align-items:center; gap:9px; border-top:1px solid #edf0e9; margin-top:17px; padding-top:15px; }.preview-avatar { width:34px; height:34px; flex:0 0 auto; border-radius:50%; background:#eee6d2; color:#7b6b49; font-size:10px; font-weight:800; display:flex; justify-content:center; align-items:center; }.preview-avatar-alt { background:#e2eafa; color:#4f6890; }.preview-professional>div { min-width:0; }.preview-professional strong { display:block; font-size:10px; }.preview-professional>div>span { font-size:8px; display:block; color:#63736a; }.preview-match { margin-left:auto; font-size:8px; font-weight:700; color:#567260; white-space:nowrap; }
.preview-mini-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:12px 0; }.preview-mini-grid article { display:flex; align-items:center; gap:8px; min-width:0; background:#fff; border:1px solid #e4e9df; border-radius:12px; padding:13px 10px; }.preview-small-icon { flex:0 0 auto; display:flex; color:#7b907b; }.preview-small-icon svg { width:18px; height:18px; }.preview-mini-grid strong { display:block; font-size:9px; }.preview-mini-grid article>div>span { display:block; color:#637561; font-size:8px; }
.preview-delivery { display:flex; align-items:center; gap:10px; padding:14px; background:#e4efdc; border:1px solid #d5e4ca; border-radius:12px; }.preview-check { width:25px; height:25px; border:1px solid #8ba57a; border-radius:50%; display:flex; align-items:center; justify-content:center; flex:0 0 auto; color:#5c7d4e; font-size:13px; }.preview-delivery strong { display:block; font-size:11px; color:#3e5e36; }.preview-delivery>div>span { display:block; color:#577249; font-size:9px; }.preview-delivery>span:last-child { margin-left:auto; font-size:19px; color:#648b50; }
.preview-disclaimer { margin:12px 0 0; color:#66755f; font-size:8px; text-align:center; }.preview-bottom-line { display:flex; align-items:center; justify-content:center; gap:7px; padding:13px 16px; color:#65735e; font-size:9px; background:#fff; }.preview-line-dot { width:5px; height:5px; background:#8eac7d; border-radius:50%; }
.landing-principles { border-block:1px solid #e1e7dd; background:#f1f4ed; }.landing-principles .landing-container { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:17px 30px; padding-block:23px; color:#596d5a; font-size:12px; }.landing-principles .landing-container>span:first-child { color:#3d5444; font-weight:700; }.landing-principles span>span { color:#7c9d6a; margin-right:6px; }
.landing-section { padding:66px 0; scroll-margin-top:90px; }.landing-section-heading { display:grid; gap:15px; margin-bottom:34px; }.landing-section-heading h2,.landing-centered-heading h2,.landing-faq h2 { font-size:clamp(28px,3.2vw,42px); line-height:1.18; letter-spacing:-1.5px; font-weight:730; margin:0; }.landing-section-heading>p { color:#5b6d5d; max-width:325px; font-size:14px; line-height:1.9; margin:0; }.landing-section-heading .landing-eyebrow,.landing-centered-heading .landing-eyebrow,.landing-faq .landing-eyebrow { margin-bottom:15px; }
.landing-services-grid { display:grid; grid-template-columns:1fr; gap:16px; }.landing-service-card { padding:24px; border:1px solid #e1e6dc; background:#fff; border-radius:16px; transition:transform 240ms var(--motion-ease),box-shadow 220ms ease,border-color 180ms ease; }.landing-service-card:hover,.landing-service-card:focus-within { border-color:#b9cbb1; transform:translateY(-3px); box-shadow:0 12px 25px #213b2c07; }.landing-service-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:23px; }.landing-service-icon { width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:#e9f0e5; color:#618052; }.landing-service-icon svg { width:22px; height:22px; }.tone-design { background:#f6eadb; color:#a08050; }.tone-marketing { background:#e3edf2; color:#628697; }.tone-writing { background:#eee8f5; color:#8f7ca4; }.tone-media { background:#f5e6df; color:#ad8673; }.tone-business { background:#e7eee6; color:#698871; }.landing-service-number { font-size:10px; font-weight:650; color:#66765d; }
.landing-service-card h3 { font-size:17px; letter-spacing:-.5px; line-height:1.45; margin:0 0 11px; }.landing-service-card p { font-size:12px; color:#63745c; line-height:1.9; margin:0; }.landing-service-link { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:25px; color:#446949; font-size:11px; font-weight:700; text-decoration:none; }.landing-service-link>span { font-size:18px; }.landing-section-note { text-align:center; color:#63765d; font-size:11px; margin:24px 0 0; }
.landing-how { background:#edf2e9; border-block:1px solid #e0e7da; }.landing-steps { list-style:none; padding:0; margin:0; display:grid; gap:26px; }.landing-steps li { position:relative; }.landing-step-number { width:42px; height:42px; border:1px solid #cbd8c2; border-radius:50%; background:#f9fbf5; display:flex; align-items:center; justify-content:center; font-size:12px; color:#607852; font-weight:700; margin-bottom:21px; }.landing-steps h3 { font-size:17px; font-weight:700; margin:0 0 10px; letter-spacing:-.35px; }.landing-steps p { color:#5f7356; font-size:12px; line-height:1.9; margin:0; max-width:255px; }.landing-process-note { border-top:1px solid #d9e2d1; padding-top:21px; margin-top:35px; display:flex; gap:9px; align-items:center; color:#78906d; }.landing-process-note svg { flex:0 0 auto; width:18px; height:18px; }.landing-process-note p { margin:0; color:#5f7355; font-size:11px; }
.landing-centered-heading { text-align:center; max-width:700px; margin:0 auto 36px; }.landing-centered-heading .landing-eyebrow { justify-content:center; }.landing-centered-heading>p:last-child { color:#63755f; font-size:14px; line-height:1.9; margin:17px 0 0; }.landing-audience-grid { display:grid; gap:20px; }.landing-audience-card { padding:30px; border-radius:20px; background:#eef2e7; border:1px solid #e0e8d8; }.landing-audience-pro { background:#edf1f7; border-color:#e1e7ef; }.landing-audience-label { font-size:9px; font-weight:750; letter-spacing:1.5px; color:#536b46; }.landing-audience-pro .landing-audience-label { color:#526b89; }.landing-audience-card h3 { font-size:clamp(25px,2.7vw,34px); line-height:1.25; letter-spacing:-1px; margin:18px 0 16px; }.landing-audience-card>p { color:#586a4c; font-size:13px; max-width:360px; line-height:1.9; margin:0; }.landing-audience-pro>p { color:#52657b; }.landing-audience-card ul { list-style:none; padding:0; display:grid; gap:12px; margin:25px 0 29px; color:#576a51; font-size:12px; }.landing-audience-card li { position:relative; padding-left:23px; }.landing-audience-card li::before { content:'✓'; position:absolute; left:0; color:#7b9d65; font-weight:800; }.landing-audience-pro li { color:#526a82; }.landing-audience-pro li::before { color:#7f97b1; }
.landing-faq { background:#fff; border-block:1px solid #edf0e9; }.landing-faq-grid { display:grid; gap:32px; }.landing-faq-grid>div:first-child>p:not(.landing-eyebrow) { color:#64745d; font-size:14px; max-width:280px; line-height:1.9; }.landing-text-link { color:#4b785e; font-size:12px; text-decoration:none; font-weight:650; }.landing-faq-list details { border-bottom:1px solid #e4e9de; }.landing-faq-list details:first-child { border-top:1px solid #e4e9de; }.landing-faq-list summary { cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px 0; font-size:14px; font-weight:650; list-style:none; }.landing-faq-list summary::-webkit-details-marker { display:none; }.landing-faq-list summary::after { content:'+'; font-size:21px; font-weight:400; color:#7b9170; flex:0 0 auto; }.landing-faq-list details[open] summary::after { content:'−'; }.landing-faq-list details>div { padding:0 28px 19px 0; font-size:12px; line-height:1.9; color:#5f7457; }.landing-faq-list details p { margin:0 0 12px; }.landing-faq-list details a { color:#4b785e; font-size:11px; }
.landing-final { padding:46px 0 66px; }.landing-final-inner { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:30px; background:#172b2a; border:1px solid #203c36; padding:36px 30px; border-radius:22px; position:relative; overflow:hidden; }.landing-final-inner::after { content:''; position:absolute; right:-80px; top:-130px; width:400px; height:400px; border:1px solid #b0cca116; border-radius:50%; pointer-events:none; }.landing-final-inner>div { position:relative; z-index:1; }.landing-final h2 { color:#fff; font-size:clamp(28px,3.6vw,43px); line-height:1.18; letter-spacing:-1.5px; margin:0; font-weight:710; }.landing-final .landing-eyebrow { color:#a5bc97; font-size:9px; }.landing-final p:not(.landing-eyebrow) { color:#96aca2; font-size:12px; margin:19px 0 0; }.landing-final-actions { display:flex; flex-direction:column; align-items:flex-start; gap:16px; }.landing-button-mint { background:#d4edb8; border-color:#d4edb8; color:#284a31; }.landing-button-mint:hover { background:#e2f3d1; color:#284a31; }.landing-final-actions>span { color:#8fa698; font-size:11px; }.landing-final-actions>span a { color:#cfdfc5; }
.landing-footer { text-align:left; background:#f0f3ec; border-top:1px solid #e3e8dd; padding:40px 0 0; }.landing-footer-top { display:grid; grid-template-columns:1fr 1fr; gap:30px 22px; padding-bottom:35px; }.landing-footer-top>div { grid-column:1/-1; }.landing-footer .landing-brand { font-size:25px; }.landing-footer p { color:#617452; font-size:12px; line-height:1.9; margin:15px 0 0; }.landing-footer nav { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }.landing-footer nav strong { color:#53684e; font-size:12px; margin:3px 0 7px; }.landing-footer nav a { color:#586d4b; font-size:11px; font-weight:500; }.landing-footer-bottom { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; border-top:1px solid #dde5d5; padding:20px 0; color:#586d4a; font-size:10px; }.landing-footer-bottom a { color:#576e4a; text-decoration:none; }
.nexora-home a:focus-visible,.nexora-home button:focus-visible,.nexora-home summary:focus-visible { outline-color:#428067; }
@media(min-width:600px) { .landing-container { width:min(1240px,calc(100% - 64px)); }.landing-services-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.landing-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; }.landing-preview-body { padding:28px; }.preview-intro h2 { font-size:23px; }.preview-project-card { padding:22px; }.preview-project-card h3 { font-size:21px; }.preview-project-card>p { font-size:12px; }.preview-professional strong { font-size:12px; }.preview-professional>div>span { font-size:10px; }.preview-match { font-size:10px; }.preview-mini-grid article { padding:15px; }.preview-mini-grid strong { font-size:11px; }.preview-mini-grid article>div>span { font-size:9px; }.preview-delivery strong { font-size:12px; }.preview-delivery>div>span { font-size:10px; }.landing-audience-card { padding:38px; }.landing-final-inner { padding:44px; }.landing-final-actions { align-items:center; } }
@media(min-width:960px) { .landing-navigation { display:flex; }.landing-mobile-menu { display:none; }.landing-hero { padding:76px 0 72px; }.landing-hero-grid { grid-template-columns:minmax(0,1.04fr) minmax(0,1fr); gap:52px; }.landing-hero h1 { font-size:clamp(43px,4.35vw,62px); }.landing-lead { font-size:16px; }.landing-section { padding:82px 0; }.landing-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:42px; }.landing-services-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.landing-steps { grid-template-columns:repeat(4,minmax(0,1fr)); gap:38px; }.landing-steps li:not(:last-child)::after { content:''; height:1px; position:absolute; top:21px; left:61px; right:-19px; background:#d3dfca; }.landing-audience-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }.landing-faq-grid { grid-template-columns:1fr 1.3fr; gap:90px; }.landing-footer-top { grid-template-columns:1.5fr 1fr 1fr; }.landing-footer-top>div { grid-column:auto; }.landing-final { padding:56px 0 75px; } }
@media(max-width:390px) { .landing-container { width:calc(100% - 32px); }.landing-header-inner { gap:10px; min-height:70px; }.landing-brand { font-size:25px; gap:7px; }.landing-brand img { width:30px; height:30px; }.landing-header-actions { gap:11px; }.landing-button-small { padding-inline:12px; }.landing-hero h1 { font-size:36px; letter-spacing:-1.8px; }.landing-actions { align-items:stretch; }.landing-actions .landing-button { flex:1 1 100%; }.landing-preview-body { padding:17px; }.preview-project-card { padding:16px; }.preview-match { font-size:7px; }.preview-card-meta { font-size:8px; gap:4px; }.preview-stage { font-size:7px; }.preview-mini-grid article { padding:11px 8px; gap:6px; }.preview-small-icon svg { width:15px; height:15px; }.preview-mini-grid strong { font-size:8px; }.preview-mini-grid article>div>span { font-size:7px; }.landing-audience-card { padding:25px; }.landing-final-inner { padding:30px 25px; } }
@media(prefers-reduced-motion:no-preference) { .landing-preview [role=tabpanel]:not([hidden]),.landing-mobile-menu[open] nav,.landing-faq-list details[open]>div { animation:page-arrive 220ms var(--motion-ease) both; }html:has(.nexora-home) { scroll-behavior:smooth; } }
@media(prefers-reduced-motion:reduce) { .landing-service-card:hover,.landing-service-card:focus-within,.landing-button:hover { transform:none; } }
/* Readable copy and matching panel heights at both preview states. */
.landing-service-card p,.landing-steps p,.landing-audience-card>p,.landing-faq-list details>div { font-size:14px; }
.landing-audience-card ul,.landing-footer nav a { font-size:13px; }
.landing-service-link,.landing-text-link,.landing-faq-list details a { font-size:12px; }
.landing-section-note,.landing-process-note p,.landing-account-note { font-size:12px; }
.preview-caption,.preview-demo-label,.preview-disclaimer { font-size:9px; }
.preview-project-card h3 { min-height:78px; }
.preview-project-card>p { min-height:40px; }
@media(min-width:600px) { .preview-project-card h3 { min-height:61px; } .preview-project-card>p { min-height:44px; } }

@media(max-width:350px) { .landing-header-actions>.landing-login { display:none; } }

/* Nexora: controls, identity and professional profile presentation. */
.company-logo { display:inline-block; position:relative; width:62px; height:62px; overflow:hidden; background:#fff; border-radius:15px; flex:0 0 auto; vertical-align:middle; }
.company-logo .company-logo-image { position:absolute; max-width:none; width:200%; height:200%; left:-50%; top:-50%; object-fit:contain; }
.sidebar-brand { justify-content:center; margin:0 0 26px; }.sidebar-brand .company-logo { width:108px; height:108px; border-radius:22px; }
.site-header .brand { display:inline-flex; align-items:center; }.site-header .company-logo { width:62px; height:62px; }
.workspace-topbar,.landing-header { position:relative; top:auto; }
.topbar-brand { display:inline-flex; align-items:center; margin-right:auto; }.topbar-brand .company-logo { width:45px; height:45px; }
.workspace-topbar { min-height:0; justify-content:flex-end; padding:6px 0; background:transparent; border:0; backdrop-filter:none; }.topbar-heading { display:none; }
.avatar-link { display:inline-flex; text-decoration:none; }.avatar-image { width:100%; height:100%; object-fit:cover; display:block; border-radius:inherit; }.avatar-chip.has-photo { background:#fff; overflow:hidden; border:1px solid var(--line); }
.identity-chip .avatar-chip.large { width:68px; height:68px; border-radius:17px; }
.button-social { display:flex; align-items:center; justify-content:center; gap:13px; min-height:52px; }.provider-icon { flex:0 0 auto; }
#main-content a,.workspace-nav a[aria-current=page] { text-decoration:none; }.workspace-nav a[aria-current=page] { box-shadow:0 3px 10px #285b8314; }
#main-content a:not([class]) { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:8px 13px; min-height:40px; border:1px solid var(--line); border-radius:10px; background:#f3f7fb; font-size:13px; font-weight:650; margin:3px 2px; transition:background 180ms ease,border-color 180ms ease; }
#main-content a:not([class]):hover { background:#e6eff8; border-color:#b5cadd; }
#main-content button:not([class]):not([role=tab]),#main-content input[type=submit] { border-color:var(--blue); background:var(--blue); color:#fff; padding:12px 18px; border-radius:10px; font-weight:700; }
#main-content button:not([class]):not([role=tab]):hover,#main-content input[type=submit]:hover { background:#224e72; }
button,.button-add,.button-primary,.button-small,.button-secondary { align-items:center; justify-content:center; gap:8px; border-radius:10px; }.button-primary,.button-add { min-height:44px; }
.account-card details>summary { display:flex; align-items:center; justify-content:space-between; gap:16px; list-style:none; border:1px solid var(--line); border-radius:10px; padding:12px 15px; background:#f4f7fb; color:var(--ink); font-size:14px; cursor:pointer; margin-block:10px; }
.account-card details>summary::-webkit-details-marker { display:none; }.account-card details>summary::after { content:'⌄'; font-size:18px; color:var(--blue); }.account-card details[open]>summary::after { content:'⌃'; }
.notification-popover .icon-button { width:48px; height:48px; position:relative; background:white; }.notification-bell-icon { display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; color:var(--blue); }.notification-bell-icon svg { width:26px; height:26px; flex:0 0 auto; stroke-width:1.8; }
.notification-popover.has-pending .icon-button { background:#fff9eb; border-color:#e9d29b; }.notification-popover.has-pending .notification-bell-icon { color:#966318; }
.notification-dot { width:7px; height:7px; border-radius:50%; background:#e7b65b; margin-left:auto; }.notice-status { font-size:11px; color:var(--muted); }.popover-panel { right:0; top:59px; width:min(370px,calc(100vw - 28px)); padding:18px; }
.popover-panel .popover-heading { align-items:center; padding-bottom:12px; }.popover-panel .button-quiet { background:#eef4fa; border:1px solid #d8e5f0; padding:8px 12px; min-height:38px; font-size:12px; margin-bottom:9px; }.notice-row { padding:13px; margin:8px 0; }.notice-row .button-quiet { margin-top:8px; margin-bottom:0; }
.popover-footer { text-decoration:none; font-weight:650; }.popover-panel small { color:#596c7e; }
.professional-profile { padding:0; overflow:hidden; }.profile-cover { height:100px; background:linear-gradient(115deg,#172b42,#2b638e); }.profile-hero { display:flex; align-items:center; flex-wrap:wrap; gap:20px; padding:0 26px 24px; margin-top:-30px; position:relative; }
.profile-hero>.avatar-chip.large { width:110px; height:110px; border-radius:26px; border:5px solid white; box-shadow:0 4px 20px #172b4214; flex-shrink:0; }
.profile-hero-copy { flex:1 1 220px; padding-top:38px; min-width:0; }.profile-hero h1 { margin:0 0 7px; font-size:clamp(24px,3vw,32px); }.professional-title { margin:0 0 6px; font-size:15px; color:var(--ink); font-weight:650; }.profile-location { color:var(--muted); margin:0 0 12px; font-size:12px; }
.profile-hero>.button-primary { margin-top:38px; }.profile-completion { padding:0 28px; color:var(--muted); font-size:12px; }.profile-about { padding:0 28px 20px; }.profile-about h2 { margin:10px 0 15px; }.profile-about p { font-size:14px; color:#536779; line-height:1.9; }
.professional-profile>.profile-section { margin:0 28px; padding:22px 0; }.professional-profile>.profile-section h2 { margin:0 0 18px; font-size:20px; }.role-chip { display:inline-flex; align-items:center; padding:6px 11px; border:1px solid #d8e5f0; background:#edf4fb; color:#285b83; font-size:12px; border-radius:9px; }
.profile-metrics { margin:5px 28px 26px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.profile-metrics article { border:1px solid var(--line); background:#f6f9fc; border-radius:13px; padding:16px; }.profile-metrics span { display:block; color:var(--muted); font-size:11px; }.profile-metrics strong { display:block; margin-top:7px; font-size:19px; letter-spacing:-.5px; }
.service-cards,.skill-cards,.profile-detail-grid,.language-cards { display:grid; grid-template-columns:1fr; gap:12px; }.profile-service-card { display:flex; align-items:center; gap:12px; padding:15px; background:#f5f8fc; border:1px solid var(--line); border-radius:12px; color:#3c566f; font-size:13px; }.profile-service-card svg { color:#407399; flex-shrink:0; }
.skill-card { display:flex; align-items:center; gap:10px; padding:15px; border:1px solid var(--skill-border,#d7e3ee); border-radius:12px; background:var(--skill-bg,#f0f5fa); color:var(--skill-ink,#355d7f); min-height:57px; }.skill-card strong { font-size:13px; font-weight:650; }.skill-marker { width:9px; height:9px; border-radius:50%; background:currentColor; flex-shrink:0; }
.profile-detail-card { padding:18px; border:1px solid var(--line); border-radius:14px; background:#fbfcfe; }.profile-detail-card h3 { margin:0 0 12px; font-size:16px; }.profile-detail-card p { margin:9px 0; font-size:13px; color:var(--muted); }.profile-detail-card strong { font-size:13px; }.profile-detail-card dl { margin:0; }.profile-detail-card dl>div { display:flex; justify-content:space-between; gap:15px; padding:8px 0; border-top:1px solid var(--line); font-size:12px; }.profile-detail-card dt { color:var(--muted); }.profile-detail-card dd { margin:0; color:var(--ink); font-weight:650; }
.reference-links { display:flex; gap:10px; flex-wrap:wrap; }.reference-link { display:inline-flex; align-items:center; padding:10px 14px; border:1px solid var(--line); border-radius:10px; background:#eef4fa; color:var(--blue); font-weight:650; font-size:13px; overflow-wrap:anywhere; }
.profile-actions { display:flex; gap:10px; flex-wrap:wrap; padding:24px 28px; border-top:1px solid var(--line); }.profile-actions form { margin:0; }
.file-picker { margin:18px 0; padding:17px; border:1px dashed #b8cde0; border-radius:13px; background:#f6f9fc; }.file-picker>label { margin:0 0 12px; }.file-picker .field-help { display:block; margin-top:10px; }
.file-input-accessible { position:absolute; width:1px!important; height:1px!important; padding:0!important; border:0!important; overflow:hidden; clip-path:inset(50%); }.file-picker:focus-within { border-color:var(--blue); }.selected-files { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }.selected-file { padding:7px 11px; border:1px solid #d7e5f0; border-radius:8px; background:white; color:#49667f; font-size:12px; overflow-wrap:anywhere; }
.contract-file-list { display:grid; gap:10px; margin:20px 0; }.contract-file-card { display:flex; align-items:center; gap:14px; padding:15px; border:1px solid var(--line); background:#f8fafd; border-radius:13px; }.contract-file-card>div { min-width:0; flex:1; }.contract-file-card strong { font-size:13px; overflow-wrap:anywhere; }.contract-file-card small { font-size:11px; }.file-type-icon { display:flex; color:var(--blue); flex-shrink:0; }
.checkout-card { max-width:850px; }.checkout-project { color:var(--muted); }.checkout-summary { padding:20px; border:1px solid var(--line); background:#f5f8fc; border-radius:15px; margin:24px 0; }.checkout-summary>div { display:flex; justify-content:space-between; gap:18px; padding:10px 0; font-size:14px; }.checkout-summary .checkout-total { border-top:1px solid #cbd9e7; margin-top:10px; padding-top:18px; font-size:20px; }.checkout-summary span { color:var(--muted); }.checkout-actions { margin:24px 0; }.checkout-actions form { margin:12px 0; }.payment-test-actions { display:flex; flex-wrap:wrap; gap:10px; }.payment-status { display:inline-flex; background:#edf4fb; border:1px solid var(--line); padding:8px 13px; border-radius:9px; font-size:13px; }.payment-success { color:#286348; font-weight:650; }.test-payment-label { display:inline-flex; background:#fff6df; color:#7c5e22; padding:7px 12px; border-radius:9px; font-size:12px; }
.nexora-home { --landing-ink:#203249; --landing-muted:#5a6f84; --landing-accent:#285b83; --landing-mint:#e1ecf6; background:#f0f4f8; }.landing-hero { background:#f0f4f8; }.landing-header { background:#f8fafded; border-bottom-color:#dde6ef; }.landing-footer { background:#eaf0f6; border-color:#d8e3ee; }.landing-main h1,.landing-main h2,.landing-main h3,.landing-brand { color:#203249; }.landing-hero h1 span { color:#285b83; }.landing-eyebrow,.landing-text-link,.landing-service-link,.landing-faq-list details a { color:#285b83; }.landing-live-dot { background:#3979a6; box-shadow:none; }
.landing-button { background:#285b83; border-color:#285b83; color:#fff; }.landing-button:hover { background:#214b6d; }.landing-button-light { background:white; color:#285b83; border-color:#c4d6e7; }.landing-button-light:hover { background:#e8f1fa; color:#285b83; }.landing-button-dark { background:#172b42; border-color:#172b42; }.landing-button-mint { background:#dcebf8; border-color:#dcebf8; color:#244e6f; }.landing-button-mint:hover { background:#ecf5fc; color:#244e6f; }
.landing-principles,.landing-how { background:#eaf0f6; border-color:#d8e3ee; }.landing-principles .landing-container,.landing-principles .landing-container>span:first-child,.landing-principles span>span,.landing-section-heading>p,.landing-service-card p,.landing-steps p,.landing-section-note,.landing-process-note p,.landing-centered-heading>p:last-child,.landing-audience-card>p,.landing-audience-card li,.landing-faq-grid>div:first-child>p:not(.landing-eyebrow),.landing-faq-list details>div,.landing-footer p,.landing-footer nav a,.landing-footer-bottom { color:#5c7186; }
.landing-audience-card { background:#eaf1f8; border-color:#d8e5f0; }.landing-audience-pro { background:#f3f6fa; border-color:#dce5ee; }.landing-audience-label,.landing-audience-pro .landing-audience-label,.landing-audience-card li::before,.landing-audience-pro li::before,.landing-footer nav strong,.landing-footer-bottom a { color:#285b83; }.landing-final-inner { background:#172b42; border-color:#254563; }.landing-final .landing-eyebrow { color:#aacbe5; }.landing-final p:not(.landing-eyebrow),.landing-final-actions>span { color:#b4c6d6; }.landing-final-actions>span a { color:#dbeaf6; }
.landing-preview-body { background:#f2f6fa; }.landing-preview-tabs { background:#e7eff7; border-color:#d6e3ef; }.landing-preview-tabs button { color:#557089; }.landing-preview-tabs button[aria-selected=true] { color:#285b83; }.preview-wordmark,.preview-wordmark>span,.preview-caption,.preview-intro h2,.preview-mini-grid strong { color:#285b83; }.preview-decoration,.preview-stage { background:#e5eef8; color:#285b83; }.preview-project-card>p,.preview-card-meta,.preview-professional>div>span,.preview-mini-grid article>div>span,.preview-disclaimer,.preview-bottom-line { color:#5d7185; }.preview-match,.preview-small-icon { color:#285b83; }.preview-delivery { background:#e3edf8; border-color:#c6d9eb; }.preview-delivery strong,.preview-delivery>div>span,.preview-delivery>span:last-child,.preview-check { color:#285b83; }.preview-check { border-color:#86abc9; }.preview-line-dot { background:#285b83; }.landing-step-number { border-color:#bccfe0; background:#f7fafe; color:#285b83; }.landing-steps li:not(:last-child)::after { background:#c4d5e4; }
.landing-mobile-menu summary span { background:#285b83; }.landing-mobile-menu[open] summary { background:#e4eef8; }.landing-mobile-menu nav a:hover { background:#edf4fb; }.landing-faq-list details,.landing-faq-list details:first-child,.landing-footer-bottom { border-color:#d8e3ed; }.landing-faq-list summary::after { color:#285b83; }
@media(min-width:600px) { .service-cards,.skill-cards,.profile-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.language-cards { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(min-width:1320px) { .app-rightbar { top:16px; max-height:calc(100dvh - 32px); } }
@media(max-width:599px) { .profile-hero { padding-inline:20px; gap:12px; }.profile-hero-copy { flex-basis:180px; padding-top:8px; }.profile-hero>.button-primary { margin-top:0; }.profile-cover { height:75px; }.profile-about { padding-inline:20px; }.professional-profile>.profile-section { margin-inline:20px; }.profile-metrics { margin-inline:20px; }.profile-actions { padding-inline:20px; }.popover-panel { position:fixed; left:12px; right:12px; top:84px; width:auto; max-height:calc(100dvh - 110px); }.contract-file-card { flex-wrap:wrap; }.contract-file-card .button-add { margin-left:auto; } }
@media(prefers-reduced-motion:no-preference) { .notification-popover.has-pending .notification-bell-icon { animation:notification-ring 1.8s ease-in-out infinite; transform-origin:50% 15%; } }
@keyframes notification-ring { 0%,60%,100% { transform:rotate(0); } 8%,24% { transform:rotate(-13deg); } 16%,32% { transform:rotate(13deg); } 40% { transform:rotate(-6deg); } 48% { transform:rotate(6deg); } }

/* Profile editor: calm, focused wizard with compact actions. */
.profile-wizard { --profile-accent:#5b67d8; --profile-mint:#24a47a; --profile-warm:#d88b42; background:transparent; border:0; box-shadow:none; padding:0; }
.profile-wizard-intro { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:18px; padding:24px 26px; margin-bottom:14px; border:1px solid #dfe5f1; border-radius:22px; background:linear-gradient(135deg,#fff 15%,#f3f2ff 100%); box-shadow:0 14px 40px #3442740b; }
.profile-wizard-intro h1 { margin:2px 0 4px; font-size:clamp(24px,3vw,34px); }
.profile-wizard-intro p { margin:0; color:#68758a; font-size:13px; }
.profile-wizard-intro .eyebrow { color:var(--profile-accent); font-size:10px; }
.profile-wizard-mark { display:grid; place-items:center; width:48px; height:48px; border-radius:15px; background:linear-gradient(145deg,#5b67d8,#7e72df); box-shadow:0 9px 22px #5b67d832; }
.profile-wizard-mark span { width:18px; height:18px; border:5px solid white; border-radius:50%; position:relative; }
.profile-wizard-mark span::after { content:''; position:absolute; width:8px; height:5px; right:-7px; bottom:-5px; border-left:3px solid white; border-bottom:3px solid white; transform:rotate(-45deg); }
#main-content .profile-security-link { min-height:34px; padding:6px 11px; margin:0; border-color:#d9d7f3; background:#fff; color:#555fbd; font-size:11px; border-radius:9px; }
.profile-wizard .wizard-header { display:grid; grid-template-columns:minmax(150px,auto) minmax(180px,1fr); align-items:center; gap:22px; padding:14px 18px; margin:0 0 14px; border:1px solid #e1e6ef; border-radius:15px; background:#fff; }
.profile-wizard .wizard-header div>span { display:block; color:#8a94a4; font-size:9px; font-weight:800; letter-spacing:1.2px; text-transform:uppercase; }
.profile-wizard .wizard-header p { margin:1px 0 0; color:#35435a; font-size:12px; }
.profile-wizard progress { appearance:none; -webkit-appearance:none; height:8px; overflow:hidden; border:0; border-radius:999px; background:#e9ebf4; }
.profile-wizard progress::-webkit-progress-bar { background:#e9ebf4; border-radius:999px; }
.profile-wizard progress::-webkit-progress-value { border-radius:999px; background:linear-gradient(90deg,var(--profile-accent),#7a8be8,var(--profile-mint)); transition:width 260ms ease; }
.profile-wizard progress::-moz-progress-bar { border-radius:999px; background:linear-gradient(90deg,var(--profile-accent),#7a8be8,var(--profile-mint)); }
.profile-wizard fieldset[data-onboarding-target~="step"] { margin:0; padding:26px; border:1px solid #e0e6ef; border-radius:20px; background:#fff; box-shadow:0 14px 42px #25375a08; }
.profile-wizard fieldset[data-onboarding-target~="step"]>legend { float:left; width:100%; padding:0; margin:0 0 5px; color:#24344b; font-size:20px; font-weight:780; letter-spacing:-.35px; }
.profile-wizard fieldset[data-onboarding-target~="step"]>legend+* { clear:both; }
.profile-wizard fieldset[data-onboarding-target~="step"]>p { max-width:690px; margin:5px 0 20px; color:#778397; font-size:13px; }
.profile-wizard .profile-step-note { padding:10px 13px; border-left:3px solid #a7aeea; border-radius:0 9px 9px 0; background:#f6f6fd; color:#626d82!important; }
.profile-wizard form label:not(.choice) { margin-top:14px; color:#48566b; font-size:12px; }
.profile-wizard input:not([type=submit]):not([type=checkbox]):not([type=radio]),.profile-wizard select,.profile-wizard textarea { border-color:#d8dfeb; border-radius:11px; padding:10px 12px; background:#fbfcfe; font-size:13px; }
.profile-wizard textarea { min-height:112px; }
.profile-wizard .choice-grid { gap:9px; }
.profile-wizard form label.choice { --choice-accent:#5b67d8; position:relative; min-height:48px; padding:10px 12px; border-color:#e0e5ed; border-radius:12px; background:#fbfcfe; color:#4b596d; font-size:12px; transition:transform 180ms ease,border-color 180ms ease,background 180ms ease,box-shadow 180ms ease; }
.profile-wizard .choice-grid>.choice:nth-child(3n+2) { --choice-accent:#168c70; }
.profile-wizard .choice-grid>.choice:nth-child(3n+3) { --choice-accent:#c87932; }
.profile-wizard form label.choice:hover { transform:translateY(-1px); border-color:color-mix(in srgb,var(--choice-accent) 45%,#dce2eb); box-shadow:0 7px 18px #2736570a; }
.profile-wizard form label.choice:has(input:checked) { border-color:color-mix(in srgb,var(--choice-accent) 55%,white); background:color-mix(in srgb,var(--choice-accent) 9%,white); color:color-mix(in srgb,var(--choice-accent) 75%,#1d2939); box-shadow:inset 3px 0 0 var(--choice-accent); }
.profile-wizard .choice input[type=checkbox],.profile-wizard .choice input[type=radio] { flex:0 0 auto; width:16px; height:16px; margin:0; padding:0; accent-color:var(--choice-accent); }
.profile-wizard .service-group { margin:9px 0; padding:3px 12px 10px; border-color:#e3e8f0; background:#fbfcfe; }
.profile-wizard .service-group>summary { min-height:43px; margin:0; padding:10px 2px; border:0; background:transparent; font-size:12px; }
.profile-wizard .repeat-row,.profile-wizard .photo-editor { border:1px solid #e3e8f0; border-radius:14px; padding:16px; background:#f8fafc; }
.profile-wizard .review-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:12px; border-color:#e1e6ef; background:#f8fafc; }
.profile-wizard .review-summary p { margin:0; padding:10px 12px; border-radius:9px; background:#fff; color:#5f6c80; font-size:11px; }
.profile-wizard .wizard-actions { position:sticky; bottom:12px; z-index:8; justify-content:flex-end; align-items:center; gap:7px; width:max-content; max-width:100%; margin:14px 0 0 auto; padding:7px; border:1px solid #dfe5ed; border-radius:14px; background:#ffffffed; box-shadow:0 12px 35px #172b4218; backdrop-filter:blur(12px); }
.profile-wizard .wizard-actions button,.profile-wizard .wizard-actions input[type=submit],.profile-wizard .button-finish-profile { min-height:36px; padding:7px 13px; border-radius:9px; font-size:11px; }
.profile-wizard .wizard-actions .button-save-draft { border-color:transparent; background:transparent; color:#68758a; box-shadow:none; }
.profile-wizard .wizard-actions .button-save-draft:hover { background:#f1f3f7; color:#3f4c60; transform:none; }
.profile-wizard .button-finish-profile { margin-top:16px; background:var(--profile-mint); border-color:var(--profile-mint); }
.profile-wizard .pricing-summary { border-left:3px solid var(--profile-accent); background:#f4f3fd; color:#4f58a4; }
.profile-wizard .pricing-advice[data-level=balanced] { border-left:3px solid var(--profile-mint); }
@media(max-width:650px) {
  .profile-wizard-intro { grid-template-columns:auto minmax(0,1fr); padding:19px; gap:13px; }
  .profile-wizard-intro .profile-security-link { grid-column:2; justify-self:start; }
  .profile-wizard-mark { width:42px; height:42px; }
  .profile-wizard .wizard-header { grid-template-columns:1fr; gap:9px; }
  .profile-wizard fieldset[data-onboarding-target~="step"] { padding:20px 17px; }
  .profile-wizard .review-summary { grid-template-columns:1fr; }
  .profile-wizard .wizard-actions { bottom:7px; width:100%; justify-content:space-between; }
  .profile-wizard .wizard-actions button,.profile-wizard .wizard-actions input[type=submit] { min-height:40px; }
}
.skill-tone-0 { --skill-bg:hsl(0,55%,94%); --skill-border:hsl(0,45%,81%); --skill-ink:hsl(0,50%,25%); }
.skill-tone-1 { --skill-bg:hsl(137,55%,94%); --skill-border:hsl(137,45%,81%); --skill-ink:hsl(137,50%,25%); }
.skill-tone-2 { --skill-bg:hsl(274,55%,94%); --skill-border:hsl(274,45%,81%); --skill-ink:hsl(274,50%,25%); }
.skill-tone-3 { --skill-bg:hsl(51,55%,94%); --skill-border:hsl(51,45%,81%); --skill-ink:hsl(51,50%,25%); }
.skill-tone-4 { --skill-bg:hsl(188,55%,94%); --skill-border:hsl(188,45%,81%); --skill-ink:hsl(188,50%,25%); }
.skill-tone-5 { --skill-bg:hsl(325,55%,94%); --skill-border:hsl(325,45%,81%); --skill-ink:hsl(325,50%,25%); }
.skill-tone-6 { --skill-bg:hsl(102,55%,94%); --skill-border:hsl(102,45%,81%); --skill-ink:hsl(102,50%,25%); }
.skill-tone-7 { --skill-bg:hsl(239,55%,94%); --skill-border:hsl(239,45%,81%); --skill-ink:hsl(239,50%,25%); }
.skill-tone-8 { --skill-bg:hsl(16,55%,94%); --skill-border:hsl(16,45%,81%); --skill-ink:hsl(16,50%,25%); }
.skill-tone-9 { --skill-bg:hsl(153,55%,94%); --skill-border:hsl(153,45%,81%); --skill-ink:hsl(153,50%,25%); }
.skill-tone-10 { --skill-bg:hsl(290,55%,94%); --skill-border:hsl(290,45%,81%); --skill-ink:hsl(290,50%,25%); }
.skill-tone-11 { --skill-bg:hsl(67,55%,94%); --skill-border:hsl(67,45%,81%); --skill-ink:hsl(67,50%,25%); }
.skill-tone-12 { --skill-bg:hsl(204,55%,94%); --skill-border:hsl(204,45%,81%); --skill-ink:hsl(204,50%,25%); }
.skill-tone-13 { --skill-bg:hsl(341,55%,94%); --skill-border:hsl(341,45%,81%); --skill-ink:hsl(341,50%,25%); }
.skill-tone-14 { --skill-bg:hsl(118,55%,94%); --skill-border:hsl(118,45%,81%); --skill-ink:hsl(118,50%,25%); }
.skill-tone-15 { --skill-bg:hsl(255,55%,94%); --skill-border:hsl(255,45%,81%); --skill-ink:hsl(255,50%,25%); }
.skill-tone-16 { --skill-bg:hsl(32,55%,94%); --skill-border:hsl(32,45%,81%); --skill-ink:hsl(32,50%,25%); }
.skill-tone-17 { --skill-bg:hsl(169,55%,94%); --skill-border:hsl(169,45%,81%); --skill-ink:hsl(169,50%,25%); }
.skill-tone-18 { --skill-bg:hsl(306,55%,94%); --skill-border:hsl(306,45%,81%); --skill-ink:hsl(306,50%,25%); }
.skill-tone-19 { --skill-bg:hsl(83,55%,94%); --skill-border:hsl(83,45%,81%); --skill-ink:hsl(83,50%,25%); }
.skill-tone-20 { --skill-bg:hsl(220,55%,94%); --skill-border:hsl(220,45%,81%); --skill-ink:hsl(220,50%,25%); }
.skill-tone-21 { --skill-bg:hsl(357,55%,94%); --skill-border:hsl(357,45%,81%); --skill-ink:hsl(357,50%,25%); }
.skill-tone-22 { --skill-bg:hsl(134,55%,94%); --skill-border:hsl(134,45%,81%); --skill-ink:hsl(134,50%,25%); }
.skill-tone-23 { --skill-bg:hsl(271,55%,94%); --skill-border:hsl(271,45%,81%); --skill-ink:hsl(271,50%,25%); }
.skill-tone-24 { --skill-bg:hsl(48,55%,94%); --skill-border:hsl(48,45%,81%); --skill-ink:hsl(48,50%,25%); }
.skill-tone-25 { --skill-bg:hsl(185,55%,94%); --skill-border:hsl(185,45%,81%); --skill-ink:hsl(185,50%,25%); }
.skill-tone-26 { --skill-bg:hsl(322,55%,94%); --skill-border:hsl(322,45%,81%); --skill-ink:hsl(322,50%,25%); }
.skill-tone-27 { --skill-bg:hsl(99,55%,94%); --skill-border:hsl(99,45%,81%); --skill-ink:hsl(99,50%,25%); }
.skill-tone-28 { --skill-bg:hsl(236,55%,94%); --skill-border:hsl(236,45%,81%); --skill-ink:hsl(236,50%,25%); }
.skill-tone-29 { --skill-bg:hsl(13,55%,94%); --skill-border:hsl(13,45%,81%); --skill-ink:hsl(13,50%,25%); }
.skill-tone-30 { --skill-bg:hsl(150,55%,94%); --skill-border:hsl(150,45%,81%); --skill-ink:hsl(150,50%,25%); }
.skill-tone-31 { --skill-bg:hsl(287,55%,94%); --skill-border:hsl(287,45%,81%); --skill-ink:hsl(287,50%,25%); }
.skill-tone-32 { --skill-bg:hsl(64,55%,94%); --skill-border:hsl(64,45%,81%); --skill-ink:hsl(64,50%,25%); }
.skill-tone-33 { --skill-bg:hsl(201,55%,94%); --skill-border:hsl(201,45%,81%); --skill-ink:hsl(201,50%,25%); }
.skill-tone-34 { --skill-bg:hsl(338,55%,94%); --skill-border:hsl(338,45%,81%); --skill-ink:hsl(338,50%,25%); }
.skill-tone-35 { --skill-bg:hsl(115,55%,94%); --skill-border:hsl(115,45%,81%); --skill-ink:hsl(115,50%,25%); }
.skill-tone-36 { --skill-bg:hsl(252,55%,94%); --skill-border:hsl(252,45%,81%); --skill-ink:hsl(252,50%,25%); }
.skill-tone-37 { --skill-bg:hsl(29,55%,94%); --skill-border:hsl(29,45%,81%); --skill-ink:hsl(29,50%,25%); }
.skill-tone-38 { --skill-bg:hsl(166,55%,94%); --skill-border:hsl(166,45%,81%); --skill-ink:hsl(166,50%,25%); }
.skill-tone-39 { --skill-bg:hsl(303,55%,94%); --skill-border:hsl(303,45%,81%); --skill-ink:hsl(303,50%,25%); }
.skill-tone-40 { --skill-bg:hsl(80,55%,94%); --skill-border:hsl(80,45%,81%); --skill-ink:hsl(80,50%,25%); }
.skill-tone-41 { --skill-bg:hsl(217,55%,94%); --skill-border:hsl(217,45%,81%); --skill-ink:hsl(217,50%,25%); }
.skill-tone-42 { --skill-bg:hsl(354,55%,94%); --skill-border:hsl(354,45%,81%); --skill-ink:hsl(354,50%,25%); }
.skill-tone-43 { --skill-bg:hsl(131,55%,94%); --skill-border:hsl(131,45%,81%); --skill-ink:hsl(131,50%,25%); }
.skill-tone-44 { --skill-bg:hsl(268,55%,94%); --skill-border:hsl(268,45%,81%); --skill-ink:hsl(268,50%,25%); }
.skill-tone-45 { --skill-bg:hsl(45,55%,94%); --skill-border:hsl(45,45%,81%); --skill-ink:hsl(45,50%,25%); }
.skill-tone-46 { --skill-bg:hsl(182,55%,94%); --skill-border:hsl(182,45%,81%); --skill-ink:hsl(182,50%,25%); }
.skill-tone-47 { --skill-bg:hsl(319,55%,94%); --skill-border:hsl(319,45%,81%); --skill-ink:hsl(319,50%,25%); }
.skill-tone-48 { --skill-bg:hsl(96,55%,94%); --skill-border:hsl(96,45%,81%); --skill-ink:hsl(96,50%,25%); }
.skill-tone-49 { --skill-bg:hsl(233,55%,94%); --skill-border:hsl(233,45%,81%); --skill-ink:hsl(233,50%,25%); }
.skill-tone-50 { --skill-bg:hsl(10,55%,94%); --skill-border:hsl(10,45%,81%); --skill-ink:hsl(10,50%,25%); }
.skill-tone-51 { --skill-bg:hsl(147,55%,94%); --skill-border:hsl(147,45%,81%); --skill-ink:hsl(147,50%,25%); }
.skill-tone-52 { --skill-bg:hsl(284,55%,94%); --skill-border:hsl(284,45%,81%); --skill-ink:hsl(284,50%,25%); }
.skill-tone-53 { --skill-bg:hsl(61,55%,94%); --skill-border:hsl(61,45%,81%); --skill-ink:hsl(61,50%,25%); }
.skill-tone-54 { --skill-bg:hsl(198,55%,94%); --skill-border:hsl(198,45%,81%); --skill-ink:hsl(198,50%,25%); }
.skill-tone-55 { --skill-bg:hsl(335,55%,94%); --skill-border:hsl(335,45%,81%); --skill-ink:hsl(335,50%,25%); }
.skill-tone-56 { --skill-bg:hsl(112,55%,94%); --skill-border:hsl(112,45%,81%); --skill-ink:hsl(112,50%,25%); }
.skill-tone-57 { --skill-bg:hsl(249,55%,94%); --skill-border:hsl(249,45%,81%); --skill-ink:hsl(249,50%,25%); }
.skill-tone-58 { --skill-bg:hsl(26,55%,94%); --skill-border:hsl(26,45%,81%); --skill-ink:hsl(26,50%,25%); }
.skill-tone-59 { --skill-bg:hsl(163,55%,94%); --skill-border:hsl(163,45%,81%); --skill-ink:hsl(163,50%,25%); }
.skill-tone-60 { --skill-bg:hsl(300,55%,94%); --skill-border:hsl(300,45%,81%); --skill-ink:hsl(300,50%,25%); }
.skill-tone-61 { --skill-bg:hsl(77,55%,94%); --skill-border:hsl(77,45%,81%); --skill-ink:hsl(77,50%,25%); }
.skill-tone-62 { --skill-bg:hsl(214,55%,94%); --skill-border:hsl(214,45%,81%); --skill-ink:hsl(214,50%,25%); }
.skill-tone-63 { --skill-bg:hsl(351,55%,94%); --skill-border:hsl(351,45%,81%); --skill-ink:hsl(351,50%,25%); }
.skill-tone-64 { --skill-bg:hsl(128,55%,94%); --skill-border:hsl(128,45%,81%); --skill-ink:hsl(128,50%,25%); }
.skill-tone-65 { --skill-bg:hsl(265,55%,94%); --skill-border:hsl(265,45%,81%); --skill-ink:hsl(265,50%,25%); }
.skill-tone-66 { --skill-bg:hsl(42,55%,94%); --skill-border:hsl(42,45%,81%); --skill-ink:hsl(42,50%,25%); }
.skill-tone-67 { --skill-bg:hsl(179,55%,94%); --skill-border:hsl(179,45%,81%); --skill-ink:hsl(179,50%,25%); }
.skill-tone-68 { --skill-bg:hsl(316,55%,94%); --skill-border:hsl(316,45%,81%); --skill-ink:hsl(316,50%,25%); }
.skill-tone-69 { --skill-bg:hsl(93,55%,94%); --skill-border:hsl(93,45%,81%); --skill-ink:hsl(93,50%,25%); }
.skill-tone-70 { --skill-bg:hsl(230,55%,94%); --skill-border:hsl(230,45%,81%); --skill-ink:hsl(230,50%,25%); }
.skill-tone-71 { --skill-bg:hsl(7,55%,94%); --skill-border:hsl(7,45%,81%); --skill-ink:hsl(7,50%,25%); }
.skill-tone-72 { --skill-bg:hsl(144,55%,94%); --skill-border:hsl(144,45%,81%); --skill-ink:hsl(144,50%,25%); }
.skill-tone-73 { --skill-bg:hsl(281,55%,94%); --skill-border:hsl(281,45%,81%); --skill-ink:hsl(281,50%,25%); }
.skill-tone-74 { --skill-bg:hsl(58,55%,94%); --skill-border:hsl(58,45%,81%); --skill-ink:hsl(58,50%,25%); }
.skill-tone-75 { --skill-bg:hsl(195,55%,94%); --skill-border:hsl(195,45%,81%); --skill-ink:hsl(195,50%,25%); }
.skill-tone-76 { --skill-bg:hsl(332,55%,94%); --skill-border:hsl(332,45%,81%); --skill-ink:hsl(332,50%,25%); }
.skill-tone-77 { --skill-bg:hsl(109,55%,94%); --skill-border:hsl(109,45%,81%); --skill-ink:hsl(109,50%,25%); }
.skill-tone-78 { --skill-bg:hsl(246,55%,94%); --skill-border:hsl(246,45%,81%); --skill-ink:hsl(246,50%,25%); }
.skill-tone-79 { --skill-bg:hsl(23,55%,94%); --skill-border:hsl(23,45%,81%); --skill-ink:hsl(23,50%,25%); }
.skill-tone-80 { --skill-bg:hsl(160,55%,94%); --skill-border:hsl(160,45%,81%); --skill-ink:hsl(160,50%,25%); }
.skill-tone-81 { --skill-bg:hsl(297,55%,94%); --skill-border:hsl(297,45%,81%); --skill-ink:hsl(297,50%,25%); }
.skill-tone-82 { --skill-bg:hsl(74,55%,94%); --skill-border:hsl(74,45%,81%); --skill-ink:hsl(74,50%,25%); }
.skill-tone-83 { --skill-bg:hsl(211,55%,94%); --skill-border:hsl(211,45%,81%); --skill-ink:hsl(211,50%,25%); }
.skill-tone-84 { --skill-bg:hsl(348,55%,94%); --skill-border:hsl(348,45%,81%); --skill-ink:hsl(348,50%,25%); }
.skill-tone-85 { --skill-bg:hsl(125,55%,94%); --skill-border:hsl(125,45%,81%); --skill-ink:hsl(125,50%,25%); }
.skill-tone-86 { --skill-bg:hsl(262,55%,94%); --skill-border:hsl(262,45%,81%); --skill-ink:hsl(262,50%,25%); }
.skill-tone-87 { --skill-bg:hsl(39,55%,94%); --skill-border:hsl(39,45%,81%); --skill-ink:hsl(39,50%,25%); }
.skill-tone-88 { --skill-bg:hsl(176,55%,94%); --skill-border:hsl(176,45%,81%); --skill-ink:hsl(176,50%,25%); }
.skill-tone-89 { --skill-bg:hsl(313,55%,94%); --skill-border:hsl(313,45%,81%); --skill-ink:hsl(313,50%,25%); }
.skill-tone-90 { --skill-bg:hsl(90,55%,94%); --skill-border:hsl(90,45%,81%); --skill-ink:hsl(90,50%,25%); }
.skill-tone-91 { --skill-bg:hsl(227,55%,94%); --skill-border:hsl(227,45%,81%); --skill-ink:hsl(227,50%,25%); }
.skill-tone-92 { --skill-bg:hsl(4,55%,94%); --skill-border:hsl(4,45%,81%); --skill-ink:hsl(4,50%,25%); }
.skill-tone-93 { --skill-bg:hsl(141,55%,94%); --skill-border:hsl(141,45%,81%); --skill-ink:hsl(141,50%,25%); }
.skill-tone-94 { --skill-bg:hsl(278,55%,94%); --skill-border:hsl(278,45%,81%); --skill-ink:hsl(278,50%,25%); }
.skill-tone-95 { --skill-bg:hsl(55,55%,94%); --skill-border:hsl(55,45%,81%); --skill-ink:hsl(55,50%,25%); }
.skill-tone-96 { --skill-bg:hsl(192,55%,94%); --skill-border:hsl(192,45%,81%); --skill-ink:hsl(192,50%,25%); }
.skill-tone-97 { --skill-bg:hsl(329,55%,94%); --skill-border:hsl(329,45%,81%); --skill-ink:hsl(329,50%,25%); }
.skill-tone-98 { --skill-bg:hsl(106,55%,94%); --skill-border:hsl(106,45%,81%); --skill-ink:hsl(106,50%,25%); }
.skill-tone-99 { --skill-bg:hsl(243,55%,94%); --skill-border:hsl(243,45%,81%); --skill-ink:hsl(243,50%,25%); }
.skill-tone-100 { --skill-bg:hsl(20,55%,94%); --skill-border:hsl(20,45%,81%); --skill-ink:hsl(20,50%,25%); }
.skill-tone-101 { --skill-bg:hsl(157,55%,94%); --skill-border:hsl(157,45%,81%); --skill-ink:hsl(157,50%,25%); }
.skill-tone-102 { --skill-bg:hsl(294,55%,94%); --skill-border:hsl(294,45%,81%); --skill-ink:hsl(294,50%,25%); }
.skill-tone-103 { --skill-bg:hsl(71,55%,94%); --skill-border:hsl(71,45%,81%); --skill-ink:hsl(71,50%,25%); }
.skill-tone-104 { --skill-bg:hsl(208,55%,94%); --skill-border:hsl(208,45%,81%); --skill-ink:hsl(208,50%,25%); }
.skill-tone-105 { --skill-bg:hsl(345,55%,94%); --skill-border:hsl(345,45%,81%); --skill-ink:hsl(345,50%,25%); }
.skill-tone-106 { --skill-bg:hsl(122,55%,94%); --skill-border:hsl(122,45%,81%); --skill-ink:hsl(122,50%,25%); }
.skill-tone-107 { --skill-bg:hsl(259,55%,94%); --skill-border:hsl(259,45%,81%); --skill-ink:hsl(259,50%,25%); }
.skill-tone-108 { --skill-bg:hsl(36,55%,94%); --skill-border:hsl(36,45%,81%); --skill-ink:hsl(36,50%,25%); }
.skill-tone-109 { --skill-bg:hsl(173,55%,94%); --skill-border:hsl(173,45%,81%); --skill-ink:hsl(173,50%,25%); }
.skill-tone-110 { --skill-bg:hsl(310,55%,94%); --skill-border:hsl(310,45%,81%); --skill-ink:hsl(310,50%,25%); }
.skill-tone-111 { --skill-bg:hsl(87,55%,94%); --skill-border:hsl(87,45%,81%); --skill-ink:hsl(87,50%,25%); }
.skill-tone-112 { --skill-bg:hsl(224,55%,94%); --skill-border:hsl(224,45%,81%); --skill-ink:hsl(224,50%,25%); }
.skill-tone-113 { --skill-bg:hsl(1,55%,94%); --skill-border:hsl(1,45%,81%); --skill-ink:hsl(1,50%,25%); }
.skill-tone-114 { --skill-bg:hsl(138,55%,94%); --skill-border:hsl(138,45%,81%); --skill-ink:hsl(138,50%,25%); }
.skill-tone-115 { --skill-bg:hsl(275,55%,94%); --skill-border:hsl(275,45%,81%); --skill-ink:hsl(275,50%,25%); }
.skill-tone-116 { --skill-bg:hsl(52,55%,94%); --skill-border:hsl(52,45%,81%); --skill-ink:hsl(52,50%,25%); }
.skill-tone-117 { --skill-bg:hsl(189,55%,94%); --skill-border:hsl(189,45%,81%); --skill-ink:hsl(189,50%,25%); }
.skill-tone-118 { --skill-bg:hsl(326,55%,94%); --skill-border:hsl(326,45%,81%); --skill-ink:hsl(326,50%,25%); }
.skill-tone-119 { --skill-bg:hsl(103,55%,94%); --skill-border:hsl(103,45%,81%); --skill-ink:hsl(103,50%,25%); }
.skill-tone-120 { --skill-bg:hsl(240,55%,94%); --skill-border:hsl(240,45%,81%); --skill-ink:hsl(240,50%,25%); }
.skill-tone-121 { --skill-bg:hsl(17,55%,94%); --skill-border:hsl(17,45%,81%); --skill-ink:hsl(17,50%,25%); }
.skill-tone-122 { --skill-bg:hsl(154,55%,94%); --skill-border:hsl(154,45%,81%); --skill-ink:hsl(154,50%,25%); }
.skill-tone-123 { --skill-bg:hsl(291,55%,94%); --skill-border:hsl(291,45%,81%); --skill-ink:hsl(291,50%,25%); }
.skill-tone-124 { --skill-bg:hsl(68,55%,94%); --skill-border:hsl(68,45%,81%); --skill-ink:hsl(68,50%,25%); }
.skill-tone-125 { --skill-bg:hsl(205,55%,94%); --skill-border:hsl(205,45%,81%); --skill-ink:hsl(205,50%,25%); }
.skill-tone-126 { --skill-bg:hsl(342,55%,94%); --skill-border:hsl(342,45%,81%); --skill-ink:hsl(342,50%,25%); }
.skill-tone-127 { --skill-bg:hsl(119,55%,94%); --skill-border:hsl(119,45%,81%); --skill-ink:hsl(119,50%,25%); }
.skill-tone-128 { --skill-bg:hsl(256,55%,94%); --skill-border:hsl(256,45%,81%); --skill-ink:hsl(256,50%,25%); }
.skill-tone-129 { --skill-bg:hsl(33,55%,94%); --skill-border:hsl(33,45%,81%); --skill-ink:hsl(33,50%,25%); }
.skill-tone-130 { --skill-bg:hsl(170,55%,94%); --skill-border:hsl(170,45%,81%); --skill-ink:hsl(170,50%,25%); }
.skill-tone-131 { --skill-bg:hsl(307,55%,94%); --skill-border:hsl(307,45%,81%); --skill-ink:hsl(307,50%,25%); }
.skill-tone-132 { --skill-bg:hsl(84,55%,94%); --skill-border:hsl(84,45%,81%); --skill-ink:hsl(84,50%,25%); }
.skill-tone-133 { --skill-bg:hsl(221,55%,94%); --skill-border:hsl(221,45%,81%); --skill-ink:hsl(221,50%,25%); }
.skill-tone-134 { --skill-bg:hsl(358,55%,94%); --skill-border:hsl(358,45%,81%); --skill-ink:hsl(358,50%,25%); }
.skill-tone-135 { --skill-bg:hsl(135,55%,94%); --skill-border:hsl(135,45%,81%); --skill-ink:hsl(135,50%,25%); }
.skill-tone-136 { --skill-bg:hsl(272,55%,94%); --skill-border:hsl(272,45%,81%); --skill-ink:hsl(272,50%,25%); }
.skill-tone-137 { --skill-bg:hsl(49,55%,94%); --skill-border:hsl(49,45%,81%); --skill-ink:hsl(49,50%,25%); }
.skill-tone-138 { --skill-bg:hsl(186,55%,94%); --skill-border:hsl(186,45%,81%); --skill-ink:hsl(186,50%,25%); }
.skill-tone-139 { --skill-bg:hsl(323,55%,94%); --skill-border:hsl(323,45%,81%); --skill-ink:hsl(323,50%,25%); }
.skill-tone-140 { --skill-bg:hsl(100,55%,94%); --skill-border:hsl(100,45%,81%); --skill-ink:hsl(100,50%,25%); }
.skill-tone-141 { --skill-bg:hsl(237,55%,94%); --skill-border:hsl(237,45%,81%); --skill-ink:hsl(237,50%,25%); }
.skill-tone-142 { --skill-bg:hsl(14,55%,94%); --skill-border:hsl(14,45%,81%); --skill-ink:hsl(14,50%,25%); }
.skill-tone-143 { --skill-bg:hsl(151,55%,94%); --skill-border:hsl(151,45%,81%); --skill-ink:hsl(151,50%,25%); }
.skill-tone-144 { --skill-bg:hsl(288,55%,94%); --skill-border:hsl(288,45%,81%); --skill-ink:hsl(288,50%,25%); }
.skill-tone-145 { --skill-bg:hsl(65,55%,94%); --skill-border:hsl(65,45%,81%); --skill-ink:hsl(65,50%,25%); }
.skill-tone-146 { --skill-bg:hsl(202,55%,94%); --skill-border:hsl(202,45%,81%); --skill-ink:hsl(202,50%,25%); }
.skill-tone-147 { --skill-bg:hsl(339,55%,94%); --skill-border:hsl(339,45%,81%); --skill-ink:hsl(339,50%,25%); }
.skill-tone-148 { --skill-bg:hsl(116,55%,94%); --skill-border:hsl(116,45%,81%); --skill-ink:hsl(116,50%,25%); }
.skill-tone-149 { --skill-bg:hsl(253,55%,94%); --skill-border:hsl(253,45%,81%); --skill-ink:hsl(253,50%,25%); }
.skill-tone-150 { --skill-bg:hsl(30,55%,94%); --skill-border:hsl(30,45%,81%); --skill-ink:hsl(30,50%,25%); }
.skill-tone-151 { --skill-bg:hsl(167,55%,94%); --skill-border:hsl(167,45%,81%); --skill-ink:hsl(167,50%,25%); }
.skill-tone-152 { --skill-bg:hsl(304,55%,94%); --skill-border:hsl(304,45%,81%); --skill-ink:hsl(304,50%,25%); }
.skill-tone-153 { --skill-bg:hsl(81,55%,94%); --skill-border:hsl(81,45%,81%); --skill-ink:hsl(81,50%,25%); }
.skill-tone-154 { --skill-bg:hsl(218,55%,94%); --skill-border:hsl(218,45%,81%); --skill-ink:hsl(218,50%,25%); }
.skill-tone-155 { --skill-bg:hsl(355,55%,94%); --skill-border:hsl(355,45%,81%); --skill-ink:hsl(355,50%,25%); }
.skill-tone-156 { --skill-bg:hsl(132,55%,94%); --skill-border:hsl(132,45%,81%); --skill-ink:hsl(132,50%,25%); }
.skill-tone-157 { --skill-bg:hsl(269,55%,94%); --skill-border:hsl(269,45%,81%); --skill-ink:hsl(269,50%,25%); }
.skill-tone-158 { --skill-bg:hsl(46,55%,94%); --skill-border:hsl(46,45%,81%); --skill-ink:hsl(46,50%,25%); }
.skill-tone-159 { --skill-bg:hsl(183,55%,94%); --skill-border:hsl(183,45%,81%); --skill-ink:hsl(183,50%,25%); }
.skill-tone-160 { --skill-bg:hsl(320,55%,94%); --skill-border:hsl(320,45%,81%); --skill-ink:hsl(320,50%,25%); }
.skill-tone-161 { --skill-bg:hsl(97,55%,94%); --skill-border:hsl(97,45%,81%); --skill-ink:hsl(97,50%,25%); }
.skill-tone-162 { --skill-bg:hsl(234,55%,94%); --skill-border:hsl(234,45%,81%); --skill-ink:hsl(234,50%,25%); }
.skill-tone-163 { --skill-bg:hsl(11,55%,94%); --skill-border:hsl(11,45%,81%); --skill-ink:hsl(11,50%,25%); }
.skill-tone-164 { --skill-bg:hsl(148,55%,94%); --skill-border:hsl(148,45%,81%); --skill-ink:hsl(148,50%,25%); }
.skill-tone-165 { --skill-bg:hsl(285,55%,94%); --skill-border:hsl(285,45%,81%); --skill-ink:hsl(285,50%,25%); }
.skill-tone-166 { --skill-bg:hsl(62,55%,94%); --skill-border:hsl(62,45%,81%); --skill-ink:hsl(62,50%,25%); }
.skill-tone-167 { --skill-bg:hsl(199,55%,94%); --skill-border:hsl(199,45%,81%); --skill-ink:hsl(199,50%,25%); }
.skill-tone-168 { --skill-bg:hsl(336,55%,94%); --skill-border:hsl(336,45%,81%); --skill-ink:hsl(336,50%,25%); }
.skill-tone-169 { --skill-bg:hsl(113,55%,94%); --skill-border:hsl(113,45%,81%); --skill-ink:hsl(113,50%,25%); }
.skill-tone-170 { --skill-bg:hsl(250,55%,94%); --skill-border:hsl(250,45%,81%); --skill-ink:hsl(250,50%,25%); }
.skill-tone-171 { --skill-bg:hsl(27,55%,94%); --skill-border:hsl(27,45%,81%); --skill-ink:hsl(27,50%,25%); }
.skill-tone-172 { --skill-bg:hsl(164,55%,94%); --skill-border:hsl(164,45%,81%); --skill-ink:hsl(164,50%,25%); }
.skill-tone-173 { --skill-bg:hsl(301,55%,94%); --skill-border:hsl(301,45%,81%); --skill-ink:hsl(301,50%,25%); }
.skill-tone-174 { --skill-bg:hsl(78,55%,94%); --skill-border:hsl(78,45%,81%); --skill-ink:hsl(78,50%,25%); }
.skill-tone-175 { --skill-bg:hsl(215,55%,94%); --skill-border:hsl(215,45%,81%); --skill-ink:hsl(215,50%,25%); }
.skill-tone-176 { --skill-bg:hsl(352,55%,94%); --skill-border:hsl(352,45%,81%); --skill-ink:hsl(352,50%,25%); }
.skill-tone-177 { --skill-bg:hsl(129,55%,94%); --skill-border:hsl(129,45%,81%); --skill-ink:hsl(129,50%,25%); }
.skill-tone-178 { --skill-bg:hsl(266,55%,94%); --skill-border:hsl(266,45%,81%); --skill-ink:hsl(266,50%,25%); }
.skill-tone-179 { --skill-bg:hsl(43,55%,94%); --skill-border:hsl(43,45%,81%); --skill-ink:hsl(43,50%,25%); }
.skill-tone-180 { --skill-bg:hsl(180,55%,94%); --skill-border:hsl(180,45%,81%); --skill-ink:hsl(180,50%,25%); }
.skill-tone-181 { --skill-bg:hsl(317,55%,94%); --skill-border:hsl(317,45%,81%); --skill-ink:hsl(317,50%,25%); }
.skill-tone-182 { --skill-bg:hsl(94,55%,94%); --skill-border:hsl(94,45%,81%); --skill-ink:hsl(94,50%,25%); }
.skill-tone-183 { --skill-bg:hsl(231,55%,94%); --skill-border:hsl(231,45%,81%); --skill-ink:hsl(231,50%,25%); }
.skill-tone-184 { --skill-bg:hsl(8,55%,94%); --skill-border:hsl(8,45%,81%); --skill-ink:hsl(8,50%,25%); }
.skill-tone-185 { --skill-bg:hsl(145,55%,94%); --skill-border:hsl(145,45%,81%); --skill-ink:hsl(145,50%,25%); }
.skill-tone-186 { --skill-bg:hsl(282,55%,94%); --skill-border:hsl(282,45%,81%); --skill-ink:hsl(282,50%,25%); }
.skill-tone-187 { --skill-bg:hsl(59,55%,94%); --skill-border:hsl(59,45%,81%); --skill-ink:hsl(59,50%,25%); }
.skill-tone-188 { --skill-bg:hsl(196,55%,94%); --skill-border:hsl(196,45%,81%); --skill-ink:hsl(196,50%,25%); }
.skill-tone-189 { --skill-bg:hsl(333,55%,94%); --skill-border:hsl(333,45%,81%); --skill-ink:hsl(333,50%,25%); }
.skill-tone-190 { --skill-bg:hsl(110,55%,94%); --skill-border:hsl(110,45%,81%); --skill-ink:hsl(110,50%,25%); }
.skill-tone-191 { --skill-bg:hsl(247,55%,94%); --skill-border:hsl(247,45%,81%); --skill-ink:hsl(247,50%,25%); }
.skill-tone-192 { --skill-bg:hsl(24,55%,94%); --skill-border:hsl(24,45%,81%); --skill-ink:hsl(24,50%,25%); }
.skill-tone-193 { --skill-bg:hsl(161,55%,94%); --skill-border:hsl(161,45%,81%); --skill-ink:hsl(161,50%,25%); }
.skill-tone-194 { --skill-bg:hsl(298,55%,94%); --skill-border:hsl(298,45%,81%); --skill-ink:hsl(298,50%,25%); }
.skill-tone-195 { --skill-bg:hsl(75,55%,94%); --skill-border:hsl(75,45%,81%); --skill-ink:hsl(75,50%,25%); }
.skill-tone-196 { --skill-bg:hsl(212,55%,94%); --skill-border:hsl(212,45%,81%); --skill-ink:hsl(212,50%,25%); }
.skill-tone-197 { --skill-bg:hsl(349,55%,94%); --skill-border:hsl(349,45%,81%); --skill-ink:hsl(349,50%,25%); }
.skill-tone-198 { --skill-bg:hsl(126,55%,94%); --skill-border:hsl(126,45%,81%); --skill-ink:hsl(126,50%,25%); }
.skill-tone-199 { --skill-bg:hsl(263,55%,94%); --skill-border:hsl(263,45%,81%); --skill-ink:hsl(263,50%,25%); }
.skill-tone-200 { --skill-bg:hsl(40,55%,94%); --skill-border:hsl(40,45%,81%); --skill-ink:hsl(40,50%,25%); }
.skill-tone-201 { --skill-bg:hsl(177,55%,94%); --skill-border:hsl(177,45%,81%); --skill-ink:hsl(177,50%,25%); }
.skill-tone-202 { --skill-bg:hsl(314,55%,94%); --skill-border:hsl(314,45%,81%); --skill-ink:hsl(314,50%,25%); }
.skill-tone-203 { --skill-bg:hsl(91,55%,94%); --skill-border:hsl(91,45%,81%); --skill-ink:hsl(91,50%,25%); }
.skill-tone-204 { --skill-bg:hsl(228,55%,94%); --skill-border:hsl(228,45%,81%); --skill-ink:hsl(228,50%,25%); }
.skill-tone-205 { --skill-bg:hsl(5,55%,94%); --skill-border:hsl(5,45%,81%); --skill-ink:hsl(5,50%,25%); }
.skill-tone-206 { --skill-bg:hsl(142,55%,94%); --skill-border:hsl(142,45%,81%); --skill-ink:hsl(142,50%,25%); }
.skill-tone-207 { --skill-bg:hsl(279,55%,94%); --skill-border:hsl(279,45%,81%); --skill-ink:hsl(279,50%,25%); }
.skill-tone-208 { --skill-bg:hsl(56,55%,94%); --skill-border:hsl(56,45%,81%); --skill-ink:hsl(56,50%,25%); }
.skill-tone-209 { --skill-bg:hsl(193,55%,94%); --skill-border:hsl(193,45%,81%); --skill-ink:hsl(193,50%,25%); }
.skill-tone-210 { --skill-bg:hsl(330,55%,94%); --skill-border:hsl(330,45%,81%); --skill-ink:hsl(330,50%,25%); }
.skill-tone-211 { --skill-bg:hsl(107,55%,94%); --skill-border:hsl(107,45%,81%); --skill-ink:hsl(107,50%,25%); }
.skill-tone-212 { --skill-bg:hsl(244,55%,94%); --skill-border:hsl(244,45%,81%); --skill-ink:hsl(244,50%,25%); }
.skill-tone-213 { --skill-bg:hsl(21,55%,94%); --skill-border:hsl(21,45%,81%); --skill-ink:hsl(21,50%,25%); }
.skill-tone-214 { --skill-bg:hsl(158,55%,94%); --skill-border:hsl(158,45%,81%); --skill-ink:hsl(158,50%,25%); }
.skill-tone-215 { --skill-bg:hsl(295,55%,94%); --skill-border:hsl(295,45%,81%); --skill-ink:hsl(295,50%,25%); }
.skill-tone-216 { --skill-bg:hsl(72,55%,94%); --skill-border:hsl(72,45%,81%); --skill-ink:hsl(72,50%,25%); }
.skill-tone-217 { --skill-bg:hsl(209,55%,94%); --skill-border:hsl(209,45%,81%); --skill-ink:hsl(209,50%,25%); }
.skill-tone-218 { --skill-bg:hsl(346,55%,94%); --skill-border:hsl(346,45%,81%); --skill-ink:hsl(346,50%,25%); }
.skill-tone-219 { --skill-bg:hsl(123,55%,94%); --skill-border:hsl(123,45%,81%); --skill-ink:hsl(123,50%,25%); }
.skill-tone-220 { --skill-bg:hsl(260,55%,94%); --skill-border:hsl(260,45%,81%); --skill-ink:hsl(260,50%,25%); }
.skill-tone-221 { --skill-bg:hsl(37,55%,94%); --skill-border:hsl(37,45%,81%); --skill-ink:hsl(37,50%,25%); }
.skill-tone-222 { --skill-bg:hsl(174,55%,94%); --skill-border:hsl(174,45%,81%); --skill-ink:hsl(174,50%,25%); }
.skill-tone-223 { --skill-bg:hsl(311,55%,94%); --skill-border:hsl(311,45%,81%); --skill-ink:hsl(311,50%,25%); }
.skill-tone-224 { --skill-bg:hsl(88,55%,94%); --skill-border:hsl(88,45%,81%); --skill-ink:hsl(88,50%,25%); }
.skill-tone-225 { --skill-bg:hsl(225,55%,94%); --skill-border:hsl(225,45%,81%); --skill-ink:hsl(225,50%,25%); }
.skill-tone-226 { --skill-bg:hsl(2,55%,94%); --skill-border:hsl(2,45%,81%); --skill-ink:hsl(2,50%,25%); }
.skill-tone-227 { --skill-bg:hsl(139,55%,94%); --skill-border:hsl(139,45%,81%); --skill-ink:hsl(139,50%,25%); }
.skill-tone-228 { --skill-bg:hsl(276,55%,94%); --skill-border:hsl(276,45%,81%); --skill-ink:hsl(276,50%,25%); }
.skill-tone-229 { --skill-bg:hsl(53,55%,94%); --skill-border:hsl(53,45%,81%); --skill-ink:hsl(53,50%,25%); }
.skill-tone-230 { --skill-bg:hsl(190,55%,94%); --skill-border:hsl(190,45%,81%); --skill-ink:hsl(190,50%,25%); }
.skill-tone-231 { --skill-bg:hsl(327,55%,94%); --skill-border:hsl(327,45%,81%); --skill-ink:hsl(327,50%,25%); }
.skill-tone-232 { --skill-bg:hsl(104,55%,94%); --skill-border:hsl(104,45%,81%); --skill-ink:hsl(104,50%,25%); }
.skill-tone-233 { --skill-bg:hsl(241,55%,94%); --skill-border:hsl(241,45%,81%); --skill-ink:hsl(241,50%,25%); }
.skill-tone-234 { --skill-bg:hsl(18,55%,94%); --skill-border:hsl(18,45%,81%); --skill-ink:hsl(18,50%,25%); }
.skill-tone-235 { --skill-bg:hsl(155,55%,94%); --skill-border:hsl(155,45%,81%); --skill-ink:hsl(155,50%,25%); }
.skill-tone-236 { --skill-bg:hsl(292,55%,94%); --skill-border:hsl(292,45%,81%); --skill-ink:hsl(292,50%,25%); }
.skill-tone-237 { --skill-bg:hsl(69,55%,94%); --skill-border:hsl(69,45%,81%); --skill-ink:hsl(69,50%,25%); }
.skill-tone-238 { --skill-bg:hsl(206,55%,94%); --skill-border:hsl(206,45%,81%); --skill-ink:hsl(206,50%,25%); }
.skill-tone-239 { --skill-bg:hsl(343,55%,94%); --skill-border:hsl(343,45%,81%); --skill-ink:hsl(343,50%,25%); }
.skill-tone-240 { --skill-bg:hsl(120,55%,94%); --skill-border:hsl(120,45%,81%); --skill-ink:hsl(120,50%,25%); }
.skill-tone-241 { --skill-bg:hsl(257,55%,94%); --skill-border:hsl(257,45%,81%); --skill-ink:hsl(257,50%,25%); }
.skill-tone-242 { --skill-bg:hsl(34,55%,94%); --skill-border:hsl(34,45%,81%); --skill-ink:hsl(34,50%,25%); }
.skill-tone-243 { --skill-bg:hsl(171,55%,94%); --skill-border:hsl(171,45%,81%); --skill-ink:hsl(171,50%,25%); }
.skill-tone-244 { --skill-bg:hsl(308,55%,94%); --skill-border:hsl(308,45%,81%); --skill-ink:hsl(308,50%,25%); }
.skill-tone-245 { --skill-bg:hsl(85,55%,94%); --skill-border:hsl(85,45%,81%); --skill-ink:hsl(85,50%,25%); }
.skill-tone-246 { --skill-bg:hsl(222,55%,94%); --skill-border:hsl(222,45%,81%); --skill-ink:hsl(222,50%,25%); }
.skill-tone-247 { --skill-bg:hsl(359,55%,94%); --skill-border:hsl(359,45%,81%); --skill-ink:hsl(359,50%,25%); }
.skill-tone-248 { --skill-bg:hsl(136,55%,94%); --skill-border:hsl(136,45%,81%); --skill-ink:hsl(136,50%,25%); }
.skill-tone-249 { --skill-bg:hsl(273,55%,94%); --skill-border:hsl(273,45%,81%); --skill-ink:hsl(273,50%,25%); }
.skill-tone-250 { --skill-bg:hsl(50,55%,94%); --skill-border:hsl(50,45%,81%); --skill-ink:hsl(50,50%,25%); }
.skill-tone-251 { --skill-bg:hsl(187,55%,94%); --skill-border:hsl(187,45%,81%); --skill-ink:hsl(187,50%,25%); }
.skill-tone-252 { --skill-bg:hsl(324,55%,94%); --skill-border:hsl(324,45%,81%); --skill-ink:hsl(324,50%,25%); }
.skill-tone-253 { --skill-bg:hsl(101,55%,94%); --skill-border:hsl(101,45%,81%); --skill-ink:hsl(101,50%,25%); }
.skill-tone-254 { --skill-bg:hsl(238,55%,94%); --skill-border:hsl(238,45%,81%); --skill-ink:hsl(238,50%,25%); }
.skill-tone-255 { --skill-bg:hsl(15,55%,94%); --skill-border:hsl(15,45%,81%); --skill-ink:hsl(15,50%,25%); }
.skill-tone-256 { --skill-bg:hsl(152,55%,94%); --skill-border:hsl(152,45%,81%); --skill-ink:hsl(152,50%,25%); }
.skill-tone-257 { --skill-bg:hsl(289,55%,94%); --skill-border:hsl(289,45%,81%); --skill-ink:hsl(289,50%,25%); }
.skill-tone-258 { --skill-bg:hsl(66,55%,94%); --skill-border:hsl(66,45%,81%); --skill-ink:hsl(66,50%,25%); }
.skill-tone-259 { --skill-bg:hsl(203,55%,94%); --skill-border:hsl(203,45%,81%); --skill-ink:hsl(203,50%,25%); }
.skill-tone-260 { --skill-bg:hsl(340,55%,94%); --skill-border:hsl(340,45%,81%); --skill-ink:hsl(340,50%,25%); }
.skill-tone-261 { --skill-bg:hsl(117,55%,94%); --skill-border:hsl(117,45%,81%); --skill-ink:hsl(117,50%,25%); }
.skill-tone-262 { --skill-bg:hsl(254,55%,94%); --skill-border:hsl(254,45%,81%); --skill-ink:hsl(254,50%,25%); }
.skill-tone-263 { --skill-bg:hsl(31,55%,94%); --skill-border:hsl(31,45%,81%); --skill-ink:hsl(31,50%,25%); }
.skill-tone-264 { --skill-bg:hsl(168,55%,94%); --skill-border:hsl(168,45%,81%); --skill-ink:hsl(168,50%,25%); }
.skill-tone-265 { --skill-bg:hsl(305,55%,94%); --skill-border:hsl(305,45%,81%); --skill-ink:hsl(305,50%,25%); }
.skill-tone-266 { --skill-bg:hsl(82,55%,94%); --skill-border:hsl(82,45%,81%); --skill-ink:hsl(82,50%,25%); }
.skill-tone-267 { --skill-bg:hsl(219,55%,94%); --skill-border:hsl(219,45%,81%); --skill-ink:hsl(219,50%,25%); }
.skill-tone-268 { --skill-bg:hsl(356,55%,94%); --skill-border:hsl(356,45%,81%); --skill-ink:hsl(356,50%,25%); }
.skill-tone-269 { --skill-bg:hsl(133,55%,94%); --skill-border:hsl(133,45%,81%); --skill-ink:hsl(133,50%,25%); }
.skill-tone-270 { --skill-bg:hsl(270,55%,94%); --skill-border:hsl(270,45%,81%); --skill-ink:hsl(270,50%,25%); }
.skill-tone-271 { --skill-bg:hsl(47,55%,94%); --skill-border:hsl(47,45%,81%); --skill-ink:hsl(47,50%,25%); }
.skill-tone-272 { --skill-bg:hsl(184,55%,94%); --skill-border:hsl(184,45%,81%); --skill-ink:hsl(184,50%,25%); }
.skill-tone-273 { --skill-bg:hsl(321,55%,94%); --skill-border:hsl(321,45%,81%); --skill-ink:hsl(321,50%,25%); }
.skill-tone-274 { --skill-bg:hsl(98,55%,94%); --skill-border:hsl(98,45%,81%); --skill-ink:hsl(98,50%,25%); }
.skill-tone-275 { --skill-bg:hsl(235,55%,94%); --skill-border:hsl(235,45%,81%); --skill-ink:hsl(235,50%,25%); }
.skill-tone-276 { --skill-bg:hsl(12,55%,94%); --skill-border:hsl(12,45%,81%); --skill-ink:hsl(12,50%,25%); }
.skill-tone-277 { --skill-bg:hsl(149,55%,94%); --skill-border:hsl(149,45%,81%); --skill-ink:hsl(149,50%,25%); }
.skill-tone-278 { --skill-bg:hsl(286,55%,94%); --skill-border:hsl(286,45%,81%); --skill-ink:hsl(286,50%,25%); }
.skill-tone-279 { --skill-bg:hsl(63,55%,94%); --skill-border:hsl(63,45%,81%); --skill-ink:hsl(63,50%,25%); }
.skill-tone-280 { --skill-bg:hsl(200,55%,94%); --skill-border:hsl(200,45%,81%); --skill-ink:hsl(200,50%,25%); }
.skill-tone-281 { --skill-bg:hsl(337,55%,94%); --skill-border:hsl(337,45%,81%); --skill-ink:hsl(337,50%,25%); }
.skill-tone-282 { --skill-bg:hsl(114,55%,94%); --skill-border:hsl(114,45%,81%); --skill-ink:hsl(114,50%,25%); }
.skill-tone-283 { --skill-bg:hsl(251,55%,94%); --skill-border:hsl(251,45%,81%); --skill-ink:hsl(251,50%,25%); }
.skill-tone-284 { --skill-bg:hsl(28,55%,94%); --skill-border:hsl(28,45%,81%); --skill-ink:hsl(28,50%,25%); }
.skill-tone-285 { --skill-bg:hsl(165,55%,94%); --skill-border:hsl(165,45%,81%); --skill-ink:hsl(165,50%,25%); }
.skill-tone-286 { --skill-bg:hsl(302,55%,94%); --skill-border:hsl(302,45%,81%); --skill-ink:hsl(302,50%,25%); }
.skill-tone-287 { --skill-bg:hsl(79,55%,94%); --skill-border:hsl(79,45%,81%); --skill-ink:hsl(79,50%,25%); }
.skill-tone-288 { --skill-bg:hsl(216,55%,94%); --skill-border:hsl(216,45%,81%); --skill-ink:hsl(216,50%,25%); }
.skill-tone-289 { --skill-bg:hsl(353,55%,94%); --skill-border:hsl(353,45%,81%); --skill-ink:hsl(353,50%,25%); }
.skill-tone-290 { --skill-bg:hsl(130,55%,94%); --skill-border:hsl(130,45%,81%); --skill-ink:hsl(130,50%,25%); }
.skill-tone-291 { --skill-bg:hsl(267,55%,94%); --skill-border:hsl(267,45%,81%); --skill-ink:hsl(267,50%,25%); }
.skill-tone-292 { --skill-bg:hsl(44,55%,94%); --skill-border:hsl(44,45%,81%); --skill-ink:hsl(44,50%,25%); }
.skill-tone-293 { --skill-bg:hsl(181,55%,94%); --skill-border:hsl(181,45%,81%); --skill-ink:hsl(181,50%,25%); }
.skill-tone-294 { --skill-bg:hsl(318,55%,94%); --skill-border:hsl(318,45%,81%); --skill-ink:hsl(318,50%,25%); }
.skill-tone-295 { --skill-bg:hsl(95,55%,94%); --skill-border:hsl(95,45%,81%); --skill-ink:hsl(95,50%,25%); }
.skill-tone-296 { --skill-bg:hsl(232,55%,94%); --skill-border:hsl(232,45%,81%); --skill-ink:hsl(232,50%,25%); }
.skill-tone-297 { --skill-bg:hsl(9,55%,94%); --skill-border:hsl(9,45%,81%); --skill-ink:hsl(9,50%,25%); }
.skill-tone-298 { --skill-bg:hsl(146,55%,94%); --skill-border:hsl(146,45%,81%); --skill-ink:hsl(146,50%,25%); }
.skill-tone-299 { --skill-bg:hsl(283,55%,94%); --skill-border:hsl(283,45%,81%); --skill-ink:hsl(283,50%,25%); }
.skill-tone-300 { --skill-bg:hsl(60,55%,94%); --skill-border:hsl(60,45%,81%); --skill-ink:hsl(60,50%,25%); }
.skill-tone-301 { --skill-bg:hsl(197,55%,94%); --skill-border:hsl(197,45%,81%); --skill-ink:hsl(197,50%,25%); }
.skill-tone-302 { --skill-bg:hsl(334,55%,94%); --skill-border:hsl(334,45%,81%); --skill-ink:hsl(334,50%,25%); }
.skill-tone-303 { --skill-bg:hsl(111,55%,94%); --skill-border:hsl(111,45%,81%); --skill-ink:hsl(111,50%,25%); }
.skill-tone-304 { --skill-bg:hsl(248,55%,94%); --skill-border:hsl(248,45%,81%); --skill-ink:hsl(248,50%,25%); }
.skill-tone-305 { --skill-bg:hsl(25,55%,94%); --skill-border:hsl(25,45%,81%); --skill-ink:hsl(25,50%,25%); }
.skill-tone-306 { --skill-bg:hsl(162,55%,94%); --skill-border:hsl(162,45%,81%); --skill-ink:hsl(162,50%,25%); }
.skill-tone-307 { --skill-bg:hsl(299,55%,94%); --skill-border:hsl(299,45%,81%); --skill-ink:hsl(299,50%,25%); }
.skill-tone-308 { --skill-bg:hsl(76,55%,94%); --skill-border:hsl(76,45%,81%); --skill-ink:hsl(76,50%,25%); }
.skill-tone-309 { --skill-bg:hsl(213,55%,94%); --skill-border:hsl(213,45%,81%); --skill-ink:hsl(213,50%,25%); }
.skill-tone-310 { --skill-bg:hsl(350,55%,94%); --skill-border:hsl(350,45%,81%); --skill-ink:hsl(350,50%,25%); }
.skill-tone-311 { --skill-bg:hsl(127,55%,94%); --skill-border:hsl(127,45%,81%); --skill-ink:hsl(127,50%,25%); }
.skill-tone-312 { --skill-bg:hsl(264,55%,94%); --skill-border:hsl(264,45%,81%); --skill-ink:hsl(264,50%,25%); }
.skill-tone-313 { --skill-bg:hsl(41,55%,94%); --skill-border:hsl(41,45%,81%); --skill-ink:hsl(41,50%,25%); }
.skill-tone-314 { --skill-bg:hsl(178,55%,94%); --skill-border:hsl(178,45%,81%); --skill-ink:hsl(178,50%,25%); }
.skill-tone-315 { --skill-bg:hsl(315,55%,94%); --skill-border:hsl(315,45%,81%); --skill-ink:hsl(315,50%,25%); }
.skill-tone-316 { --skill-bg:hsl(92,55%,94%); --skill-border:hsl(92,45%,81%); --skill-ink:hsl(92,50%,25%); }
.skill-tone-317 { --skill-bg:hsl(229,55%,94%); --skill-border:hsl(229,45%,81%); --skill-ink:hsl(229,50%,25%); }
.skill-tone-318 { --skill-bg:hsl(6,55%,94%); --skill-border:hsl(6,45%,81%); --skill-ink:hsl(6,50%,25%); }
.skill-tone-319 { --skill-bg:hsl(143,55%,94%); --skill-border:hsl(143,45%,81%); --skill-ink:hsl(143,50%,25%); }
.skill-tone-320 { --skill-bg:hsl(280,55%,94%); --skill-border:hsl(280,45%,81%); --skill-ink:hsl(280,50%,25%); }
.skill-tone-321 { --skill-bg:hsl(57,55%,94%); --skill-border:hsl(57,45%,81%); --skill-ink:hsl(57,50%,25%); }
.skill-tone-322 { --skill-bg:hsl(194,55%,94%); --skill-border:hsl(194,45%,81%); --skill-ink:hsl(194,50%,25%); }
.skill-tone-323 { --skill-bg:hsl(331,55%,94%); --skill-border:hsl(331,45%,81%); --skill-ink:hsl(331,50%,25%); }
.skill-tone-324 { --skill-bg:hsl(108,55%,94%); --skill-border:hsl(108,45%,81%); --skill-ink:hsl(108,50%,25%); }
.skill-tone-325 { --skill-bg:hsl(245,55%,94%); --skill-border:hsl(245,45%,81%); --skill-ink:hsl(245,50%,25%); }
.skill-tone-326 { --skill-bg:hsl(22,55%,94%); --skill-border:hsl(22,45%,81%); --skill-ink:hsl(22,50%,25%); }
.skill-tone-327 { --skill-bg:hsl(159,55%,94%); --skill-border:hsl(159,45%,81%); --skill-ink:hsl(159,50%,25%); }
.skill-tone-328 { --skill-bg:hsl(296,55%,94%); --skill-border:hsl(296,45%,81%); --skill-ink:hsl(296,50%,25%); }
.skill-tone-329 { --skill-bg:hsl(73,55%,94%); --skill-border:hsl(73,45%,81%); --skill-ink:hsl(73,50%,25%); }
.skill-tone-330 { --skill-bg:hsl(210,55%,94%); --skill-border:hsl(210,45%,81%); --skill-ink:hsl(210,50%,25%); }
.skill-tone-331 { --skill-bg:hsl(347,55%,94%); --skill-border:hsl(347,45%,81%); --skill-ink:hsl(347,50%,25%); }
.skill-tone-332 { --skill-bg:hsl(124,55%,94%); --skill-border:hsl(124,45%,81%); --skill-ink:hsl(124,50%,25%); }
.skill-tone-333 { --skill-bg:hsl(261,55%,94%); --skill-border:hsl(261,45%,81%); --skill-ink:hsl(261,50%,25%); }
.skill-tone-334 { --skill-bg:hsl(38,55%,94%); --skill-border:hsl(38,45%,81%); --skill-ink:hsl(38,50%,25%); }
.skill-tone-335 { --skill-bg:hsl(175,55%,94%); --skill-border:hsl(175,45%,81%); --skill-ink:hsl(175,50%,25%); }
.skill-tone-336 { --skill-bg:hsl(312,55%,94%); --skill-border:hsl(312,45%,81%); --skill-ink:hsl(312,50%,25%); }
.skill-tone-337 { --skill-bg:hsl(89,55%,94%); --skill-border:hsl(89,45%,81%); --skill-ink:hsl(89,50%,25%); }
.skill-tone-338 { --skill-bg:hsl(226,55%,94%); --skill-border:hsl(226,45%,81%); --skill-ink:hsl(226,50%,25%); }
.skill-tone-339 { --skill-bg:hsl(3,55%,94%); --skill-border:hsl(3,45%,81%); --skill-ink:hsl(3,50%,25%); }
.skill-tone-340 { --skill-bg:hsl(140,55%,94%); --skill-border:hsl(140,45%,81%); --skill-ink:hsl(140,50%,25%); }
.skill-tone-341 { --skill-bg:hsl(277,55%,94%); --skill-border:hsl(277,45%,81%); --skill-ink:hsl(277,50%,25%); }
.skill-tone-342 { --skill-bg:hsl(54,55%,94%); --skill-border:hsl(54,45%,81%); --skill-ink:hsl(54,50%,25%); }
.skill-tone-343 { --skill-bg:hsl(191,55%,94%); --skill-border:hsl(191,45%,81%); --skill-ink:hsl(191,50%,25%); }
.skill-tone-344 { --skill-bg:hsl(328,55%,94%); --skill-border:hsl(328,45%,81%); --skill-ink:hsl(328,50%,25%); }
.skill-tone-345 { --skill-bg:hsl(105,55%,94%); --skill-border:hsl(105,45%,81%); --skill-ink:hsl(105,50%,25%); }
.skill-tone-346 { --skill-bg:hsl(242,55%,94%); --skill-border:hsl(242,45%,81%); --skill-ink:hsl(242,50%,25%); }
.skill-tone-347 { --skill-bg:hsl(19,55%,94%); --skill-border:hsl(19,45%,81%); --skill-ink:hsl(19,50%,25%); }
.skill-tone-348 { --skill-bg:hsl(156,55%,94%); --skill-border:hsl(156,45%,81%); --skill-ink:hsl(156,50%,25%); }
.skill-tone-349 { --skill-bg:hsl(293,55%,94%); --skill-border:hsl(293,45%,81%); --skill-ink:hsl(293,50%,25%); }
.skill-tone-350 { --skill-bg:hsl(70,55%,94%); --skill-border:hsl(70,45%,81%); --skill-ink:hsl(70,50%,25%); }
.skill-tone-351 { --skill-bg:hsl(207,55%,94%); --skill-border:hsl(207,45%,81%); --skill-ink:hsl(207,50%,25%); }
.skill-tone-352 { --skill-bg:hsl(344,55%,94%); --skill-border:hsl(344,45%,81%); --skill-ink:hsl(344,50%,25%); }
.skill-tone-353 { --skill-bg:hsl(121,55%,94%); --skill-border:hsl(121,45%,81%); --skill-ink:hsl(121,50%,25%); }
.skill-tone-354 { --skill-bg:hsl(258,55%,94%); --skill-border:hsl(258,45%,81%); --skill-ink:hsl(258,50%,25%); }
.skill-tone-355 { --skill-bg:hsl(35,55%,94%); --skill-border:hsl(35,45%,81%); --skill-ink:hsl(35,50%,25%); }
.skill-tone-356 { --skill-bg:hsl(172,55%,94%); --skill-border:hsl(172,45%,81%); --skill-ink:hsl(172,50%,25%); }
.skill-tone-357 { --skill-bg:hsl(309,55%,94%); --skill-border:hsl(309,45%,81%); --skill-ink:hsl(309,50%,25%); }
.skill-tone-358 { --skill-bg:hsl(86,55%,94%); --skill-border:hsl(86,45%,81%); --skill-ink:hsl(86,50%,25%); }
.skill-tone-359 { --skill-bg:hsl(223,55%,94%); --skill-border:hsl(223,45%,81%); --skill-ink:hsl(223,50%,25%); }

.avatar-chip.avatar-circle,.identity-chip .avatar-chip.large.avatar-circle,.profile-hero>.avatar-chip.large.avatar-circle { border-radius:50%; }

.company-logo .company-logo-image { width:175%; height:175%; left:-37.5%; top:-37.5%; }
.profile-hero { align-items:flex-start; }
@media(max-width:599px) { .profile-hero-copy { padding-top:38px; } }

/* Administrative dashboard: responsive overview and focused management. */
.is-administration .workspace-columns { grid-template-columns:minmax(0,1fr); }.is-administration .app-rightbar { display:none; }
.admin-dashboard { min-width:0; }.admin-dashboard-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; margin:6px 0 24px; }.admin-dashboard-header .eyebrow { margin:0 0 8px; font-size:10px; }.admin-dashboard-header h1 { margin:0 0 9px; font-size:32px; }.admin-page-description { color:var(--muted); font-size:14px; margin:0; }.admin-header-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }.admin-header-actions button,.admin-header-actions a { min-height:42px; font-size:13px; padding:10px 15px; }
.admin-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; border:1px solid var(--line); background:white; padding:14px 18px; border-radius:16px; margin-bottom:20px; }.admin-toolbar form { display:flex; align-items:center; gap:13px; margin:0; flex-wrap:wrap; }.admin-toolbar label { margin:0; font-size:12px; color:var(--muted); }.admin-toolbar select { width:auto; min-width:175px; padding:9px 34px 9px 12px; border-radius:9px; font-size:12px; }
.admin-live-controls { display:flex; align-items:center; gap:12px; }.admin-live-label { color:var(--muted); font-size:11px; }.admin-live-toggle { display:inline-flex; align-items:center; gap:8px; padding:7px 10px; min-height:35px; font-size:11px; background:#edf5fc; border-color:#c8dded; color:var(--blue); }.admin-live-toggle>span { width:7px; height:7px; background:#41855d; border-radius:50%; }.admin-live-toggle[aria-pressed=false] { background:#f3f5f8; color:var(--muted); border-color:var(--line); }.admin-live-toggle[aria-pressed=false]>span { background:#8593a3; }
#admin-overview { display:block; transition:opacity 160ms ease; }#admin-overview[busy] { opacity:.65; }
.admin-kpi-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-bottom:20px; }.admin-kpi { min-width:0; padding:19px; border:1px solid var(--line); background:white; color:var(--ink); border-radius:17px; text-decoration:none; box-shadow:0 4px 20px #172b4204; transition:transform 220ms var(--motion-ease),border-color 180ms ease,box-shadow 180ms ease; }.admin-kpi:hover { transform:translateY(-2px); border-color:#a8c5dc; box-shadow:0 8px 22px #172b4209; }.admin-kpi-top { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:12px; font-weight:650; color:#526982; }.admin-kpi-icon { display:flex; align-items:center; justify-content:center; width:33px; height:33px; border-radius:10px; background:#eaf2fb; color:#3c709b; flex-shrink:0; }.kpi-projects .admin-kpi-icon { background:#eeecf8; color:#746597; }.kpi-contracts .admin-kpi-icon { background:#eaf4ef; color:#477c63; }.kpi-payments { background:#172b42; border-color:#172b42; color:white; }.kpi-payments .admin-kpi-top { color:#c1d4e5; }.kpi-payments .admin-kpi-icon { background:#ffffff12; color:#b9d7ee; }.admin-kpi>strong { display:block; font-size:clamp(24px,2.4vw,34px); margin:12px 0 15px; letter-spacing:-1px; overflow-wrap:anywhere; }.admin-kpi-foot { display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:10px; color:#687b8e; }.admin-kpi small { color:#a8bfD3; font-size:10px; margin-top:7px; }.kpi-payments .admin-kpi-foot { color:#c1d4e5; }.admin-delta { display:inline-flex; align-items:center; padding:4px 7px; border-radius:6px; font-weight:700; }.delta-up { color:#386d50; background:#edf6ee; }.delta-down { color:#956346; background:#faf0e8; }.delta-neutral { color:#62778b; background:#f0f4f8; }
.admin-upper-grid,.admin-lower-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; margin-bottom:20px; }.admin-panel { min-width:0; padding:22px; background:white; border:1px solid var(--line); border-radius:18px; }.admin-panel-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:20px; }.admin-panel-heading .eyebrow { font-size:9px; margin:0 0 8px; letter-spacing:1.3px; }.admin-panel h2 { font-size:18px; margin:0; letter-spacing:-.5px; }.admin-updated-at,.admin-result-count { font-size:10px; color:#718498; padding-top:3px; white-space:nowrap; }.admin-inline-link { font-size:11px; font-weight:650; color:var(--blue); padding-top:3px; }
.admin-chart-tabs { display:flex; gap:5px; padding:4px; border:1px solid #e0e8f0; border-radius:10px; background:#f3f7fb; width:max-content; max-width:100%; margin-bottom:20px; }.admin-chart-tab { min-height:32px; padding:7px 12px; font-size:11px; border:0; border-radius:7px; color:#647b91; background:transparent; box-shadow:none; }.admin-chart-tab[aria-selected=true] { color:#285b83; background:white; box-shadow:0 2px 6px #172b4209; }.admin-chart-tab:hover { transform:none; box-shadow:none; background:#e9f0f7; }.admin-trend-svg { display:block; width:100%; height:auto; min-height:130px; }.chart-grid-line { stroke:#e7edf4; stroke-width:1; stroke-dasharray:4 5; }.chart-bar { fill:#5488b2; transition:fill 160ms ease; }.chart-bar:hover { fill:#244f74; }.chart-axis-label { fill:#718498; font:11px system-ui,sans-serif; }.admin-chart-note,.admin-chart-empty { margin:17px 0 0; font-size:11px; color:#6c8093; }.admin-chart-note strong { color:#285b83; }.admin-chart-empty { text-align:center; background:#f6f9fc; padding:12px; border-radius:9px; }
.admin-attention-total { min-width:31px; height:31px; display:flex; justify-content:center; align-items:center; background:#edf3f9; color:#396589; border-radius:10px; font-size:13px; font-weight:750; }.admin-attention-list { display:grid; gap:6px; }.admin-attention-item { display:flex; align-items:center; gap:9px; padding:10px 0; border-bottom:1px solid #edf1f6; color:#536d85; font-size:12px; }.admin-attention-item:last-child { border-bottom:0; }.admin-attention-icon { display:flex; color:#7892a8; }.admin-attention-icon svg { width:18px; height:18px; }.admin-attention-item>strong { margin-left:auto; color:#3c6485; font-size:13px; }.admin-attention-item>span:last-child { margin-left:6px; color:#8da1b3; font-size:19px; }.admin-attention-item.needs-attention { color:#855d2f; }.admin-attention-item.needs-attention>strong { background:#fff3df; color:#95682c; padding:3px 8px; border-radius:6px; }.admin-all-clear { margin:15px 0 0; padding:12px; font-size:11px; color:#416d55; background:#eff6f0; border:1px solid #dceade; border-radius:10px; }
.admin-contract-numbers { display:flex; align-items:baseline; gap:10px; margin-bottom:20px; }.admin-contract-numbers>strong { font-size:30px; letter-spacing:-1px; }.admin-contract-numbers>span { font-size:11px; color:#738599; }.admin-status-list { display:grid; gap:12px; }.admin-status-row { display:flex; align-items:center; gap:9px; font-size:12px; color:#61778d; }.admin-status-row>strong { margin-left:auto; color:#365b7c; }.admin-status-dot { width:8px; height:8px; background:#5690bf; border-radius:50%; }.status-completed .admin-status-dot { background:#67a181; }.status-disputed .admin-status-dot { background:#d5a15c; }.status-cancelled .admin-status-dot { background:#98a7b6; }
.admin-financial-values { display:grid; gap:18px; }.admin-financial-values span { display:block; font-size:11px; color:#6e8297; }.admin-financial-values strong { display:block; font-size:23px; margin-top:5px; letter-spacing:-.6px; }.admin-financial p { color:#6b8095; font-size:11px; line-height:1.8; margin:20px 0; }.admin-financial .button-primary { font-size:12px; min-height:40px; padding:10px 14px; width:100%; }
.admin-system-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid #edf1f6; font-size:11px; color:#6b8094; }.admin-system-row>strong { font-size:12px; color:#405f7d; text-align:right; }.admin-health { display:inline-flex; align-items:center; gap:6px; font-size:10px; padding:5px 8px; border-radius:6px; white-space:nowrap; }.admin-health::before { content:''; width:5px; height:5px; background:currentColor; border-radius:50%; }.admin-health.healthy { color:#3e7454; background:#edf7ef; }.admin-health.warning { color:#936c32; background:#fff4df; }.admin-system .button-add { margin-top:15px; min-height:36px; font-size:11px; padding:7px 11px; }.admin-backup-date { max-width:120px; }
.admin-activity { margin-bottom:20px; }.admin-activity-list { display:grid; gap:0; }.admin-activity-item { display:flex; align-items:center; gap:13px; padding:13px 0; border-bottom:1px solid #edf1f6; }.admin-activity-item:last-child { border-bottom:0; }.admin-activity-marker { width:8px; height:8px; border-radius:50%; background:#789ec0; flex:0 0 auto; }.admin-activity-item>div { min-width:0; }.admin-activity-item strong { display:block; font-size:12px; font-weight:650; }.admin-activity-item small { margin-top:4px; font-size:10px; color:#718397; }.admin-activity-item time { margin-left:auto; font-size:10px; color:#718397; white-space:nowrap; }.admin-activity-empty { display:flex; gap:15px; align-items:center; padding:22px 10px; color:#758ba0; }.admin-activity-empty p { font-size:12px; margin:0; }.admin-activity-empty svg { flex:0 0 auto; }
.admin-areas { margin-bottom:25px; }.admin-search { display:flex; align-items:center; gap:10px; border:1px solid var(--line); border-radius:11px; padding:0 13px; max-width:480px; margin-bottom:17px; color:#7992a8; }.admin-search svg { flex-shrink:0; width:18px; }.admin-search input { border:0; background:transparent; border-radius:10px; padding:12px 0; font-size:12px; box-shadow:none; }.admin-search input:focus { box-shadow:none; }.admin-search:focus-within { border-color:#8fb2d0; box-shadow:0 0 0 3px #285b8310; }
.admin-section-tabs { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:19px; }.admin-filter { min-height:33px; padding:7px 11px; font-size:11px; background:#f5f8fb; border-color:#dde7f0; color:#607b94; border-radius:8px; }.admin-filter[aria-pressed=true] { background:#285b83; border-color:#285b83; color:white; }.admin-filter:hover { transform:none; box-shadow:none; }.admin-areas .admin-module-grid { margin:0; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.admin-area-card { padding:17px; border:1px solid #e0e8f0; border-radius:13px; color:var(--ink); transition:border-color 180ms,box-shadow 180ms,transform 220ms var(--motion-ease); }.admin-area-card:hover { border-color:#a5c0d6; box-shadow:0 6px 18px #172b4207; transform:translateY(-2px); }.admin-area-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }.admin-area-icon,.admin-panel-icon { display:inline-flex; align-items:center; justify-content:center; background:#edf4fb; color:#537d9f; width:35px; height:35px; border-radius:10px; flex-shrink:0; }.admin-area-icon svg { width:20px; height:20px; }.admin-area-top>strong { font-size:24px; letter-spacing:-.7px; }.admin-area-card h3 { font-size:14px; margin:0 0 8px; }.admin-area-card p { color:#6a8094; font-size:11px; line-height:1.8; margin:0; }.admin-area-link { display:flex; align-items:center; justify-content:space-between; margin-top:15px; font-size:10px; color:#4c7497; font-weight:650; }.admin-search-empty { text-align:center; padding:25px; background:#f6f9fc; border:1px dashed #cdddeb; border-radius:12px; }.admin-search-empty strong { font-size:13px; }.admin-search-empty p { color:#6a8195; font-size:12px; }
.admin-section-heading { margin-bottom:18px; }.admin-section-heading h2 { font-size:20px; margin:0 0 8px; }.admin-section-heading p { color:#697f92; font-size:12px; margin:0; }.admin-management-card { border:1px solid var(--line); border-radius:15px; background:#fff; margin-bottom:12px; overflow:hidden; scroll-margin-top:20px; }.admin-management-card>summary { display:flex; align-items:center; gap:13px; padding:18px 20px; cursor:pointer; list-style:none; }.admin-management-card>summary::-webkit-details-marker { display:none; }.admin-management-card>summary::after { content:'+'; margin-left:auto; font-size:23px; color:#7192ae; }.admin-management-card[open]>summary::after { content:'−'; }.admin-management-card>summary strong { font-size:14px; display:block; }.admin-management-card>summary small { margin-top:5px; font-size:11px; color:#74889c; }.admin-management-body { padding:5px 22px 25px; border-top:1px solid #edf1f6; }.admin-management-body h2 { font-size:18px; }.admin-management-body p { font-size:13px; color:#596f85; }.admin-management-body form { margin:18px 0 24px; }.admin-management-body>h2:first-child { display:none; }.admin-management-body .marketplace-item { padding:18px; }
@media(min-width:760px) { .admin-kpi-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }.admin-upper-grid { grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr); }.admin-lower-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-areas .admin-module-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(min-width:1320px) { .admin-lower-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.admin-areas .admin-module-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:599px) { .admin-dashboard-header { margin-top:4px; gap:16px; }.admin-dashboard-header h1 { font-size:27px; }.admin-page-description { font-size:12px; }.admin-toolbar { padding:14px; gap:12px; }.admin-toolbar form { width:100%; justify-content:space-between; gap:8px; }.admin-live-controls { width:100%; justify-content:space-between; }.admin-kpi-grid { gap:10px; }.admin-kpi { padding:14px; }.admin-kpi-top { font-size:11px; align-items:flex-start; }.admin-kpi-icon { width:27px; height:27px; }.admin-kpi-icon svg { width:16px; height:16px; }.admin-kpi>strong { font-size:24px; }.kpi-payments>strong { font-size:21px; }.admin-kpi-foot { font-size:9px; }.admin-panel { padding:18px; }.admin-panel-heading { gap:8px; }.admin-panel h2 { font-size:17px; }.admin-updated-at { font-size:9px; }.admin-chart-tab { padding:7px 10px; }.admin-activity-item { flex-wrap:wrap; }.admin-activity-item time { margin-left:21px; }.admin-area-card { padding:13px; }.admin-area-card h3 { font-size:12px; }.admin-area-card p { font-size:10px; }.admin-area-link { font-size:9px; }.admin-management-card>summary { padding:16px; }.admin-management-card>summary small { font-size:10px; }.admin-management-body { padding:5px 18px 20px; } }
@media(prefers-reduced-motion:reduce) { .admin-kpi:hover,.admin-area-card:hover { transform:none; } }

/* Public transparency and policy documents. */
.legal-hub,.legal-document { max-width:980px; margin:36px auto; }
.legal-hub>p:not(.eyebrow),.legal-header>p { color:var(--muted); line-height:1.7; }
.legal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:28px; }
.legal-card { display:flex; min-height:112px; flex-direction:column; justify-content:space-between; gap:18px; padding:20px; border:1px solid var(--line); border-radius:14px; background:#f8fbfe; color:var(--ink); text-decoration:none; transition:border-color 160ms ease,transform 160ms ease; }
.legal-card:hover { border-color:#8fb2d0; transform:translateY(-2px); }.legal-card span { color:var(--blue); font-size:12px; }
.legal-header { padding-bottom:22px; margin-bottom:24px; border-bottom:1px solid var(--line); }.legal-header h1 { margin-bottom:8px; }
.legal-draft { padding:13px 15px; border:1px solid #e6d3a8; border-radius:10px; background:#fff8e8; color:#745723!important; }
.legal-document section { margin:0 0 28px; }.legal-document section h2 { margin:0 0 10px; font-size:20px; }.legal-document section p,.legal-document section li { color:#4f6478; line-height:1.75; }.legal-document section ul { padding-left:22px; }
.legal-related { display:flex; flex-wrap:wrap; gap:9px; padding-top:22px; border-top:1px solid var(--line); }.legal-related strong { flex-basis:100%; }.legal-related a { padding:7px 10px; border-radius:8px; background:#edf4fa; font-size:11px; text-decoration:none; }
.legal-table-wrap { overflow-x:auto; }.legal-table-wrap table { width:100%; border-collapse:collapse; }.legal-table-wrap th,.legal-table-wrap td { padding:11px 12px; border:1px solid var(--line); text-align:left; vertical-align:top; }.legal-table-wrap th { background:#f3f7fa; }
@media(max-width:599px) { .legal-hub,.legal-document { margin:18px 0; }.legal-grid { grid-template-columns:1fr; }.legal-card { min-height:92px; }.legal-document section h2 { font-size:18px; } }

/* Project workflows: mobile-first and independent of the financial UI. */
.rich-editor { border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:12px 0;background:#fff }
.rich-toolbar { display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:#eff5fb;border-bottom:1px solid var(--line) }
.rich-toolbar button { padding:6px 10px;font-size:12px;min-height:36px;margin:0;box-shadow:none }
.rich-surface { padding:18px;min-height:180px;max-height:500px;overflow:auto;outline:none;overflow-wrap:anywhere }
.rich-surface:focus { box-shadow:inset 0 0 0 2px #3174b4 }
.rich-editor small { display:block;padding:4px 18px;color:var(--muted) }
.rich-editor textarea[hidden] { display:none }
.content-policy { border-left:3px solid #3678ac;padding:10px 14px;background:#f0f6fc;font-size:14px }
.competition-grid { display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0 }
.competition-grid article { border:1px solid #dce7f2;border-radius:16px;padding:18px;background:#f4f8fc }
.competition-grid small,.competition-grid strong { display:block }
.competition-grid strong { color:#245b85;font-size:clamp(16px,2vw,24px);margin-top:8px }
.proposal-filters { display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:20px 0 }
.proposal-filters input,.proposal-filters select { flex:1 1 140px;min-width:0;width:auto }
.proposal-board { display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,1fr);gap:14px;overflow-x:auto;padding:4px 2px 18px;scroll-snap-type:x proximity;max-width:100% }
.proposal-column { background:#eef4fa;border:1px solid #dde7f1;border-radius:18px;padding:12px;min-height:200px;scroll-snap-align:start }
.proposal-column>h3 { font-size:15px;margin:6px 0 16px;display:flex;justify-content:space-between }
.proposal-column>h3 span { border-radius:20px;padding:0 8px;background:#fff;color:#285e88 }
.proposal-card { background:#fff;border:1px solid #dce7f2;border-radius:14px;padding:16px;margin-bottom:12px;box-shadow:0 6px 16px #15385a06;overflow-wrap:anywhere }
.proposal-card[draggable=true] { cursor:grab }
.proposal-card h3 { font-size:16px;margin:0 0 8px }.proposal-card p { font-size:14px }.proposal-card small { color:var(--muted) }
.proposal-card button,.proposal-card a.button-primary { font-size:13px;padding:9px 12px;margin:6px 0;display:inline-block }
.proposal-amount { color:#245b85;font-size:23px;font-weight:750 }.proposal-list { display:grid;gap:14px }
.proposal-dialog { width:min(680px,94vw);max-height:85dvh;overflow:auto;border:1px solid var(--line);border-radius:22px;padding:24px;color:var(--ink) }
.proposal-dialog::backdrop { background:#132b45a6;backdrop-filter:blur(3px) }
.confirmation-summary { display:grid;grid-template-columns:1fr auto;gap:12px;padding:22px;background:#f1f6fb;border-radius:16px }.confirmation-summary dd { margin:0;text-align:right;font-weight:700 }
.contract-timeline progress { width:100%;height:16px;accent-color:#2a77ad }.work-timeline { list-style:none;padding:0;margin:24px 0 }.work-timeline li { padding:12px 0 12px 20px;border-left:3px solid #bed4e7 }.work-timeline small { display:block;color:var(--muted) }
@media(min-width:650px) { .competition-grid { grid-template-columns:repeat(3,minmax(0,1fr)) }.proposal-list { grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media(prefers-reduced-motion:no-preference) { .proposal-card { transition:border-color .18s,box-shadow .18s }.proposal-card:hover { border-color:#9abbd7;box-shadow:0 8px 20px #15385a12 } }

[data-controller="proposal-board"] turbo-frame { display:block;min-width:0;max-width:100% }

@media(min-width:650px) { .proposal-filters input[type=submit] { flex:0 0 auto;width:auto;min-width:90px } }