/* Warm marketplace design system. Business forms and enhancement hooks stay intact. */
:root{
  --green:#176b53;--green-dark:#11513f;--green-soft:#eaf3ed;
  --ink:#142b27;--muted:#62706b;--line:#e3e8e2;--bg:#f8f9f5;--white:#fff;
  --primary:var(--green);--text:var(--ink);--surface:#fff;--surface-soft:#f2f5ef;
  --caption:12px;--body-small:14px;--body:15px;--radius:12px;
  --shadow:0 4px 20px #193c2c04;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC","Microsoft YaHei","Segoe UI",sans-serif;
  font-size:16px;line-height:1.6;background:var(--bg);color:var(--ink)
}
body{font-size:var(--body);background:var(--bg)}
button,input,select,textarea{font:inherit}button{touch-action:manipulation}
button,a{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #81ad9b;outline-offset:3px}
input:focus,select:focus,textarea:focus{outline:2px solid #81ad9b;outline-offset:2px}
svg{width:20px;height:20px;stroke-width:1.8}
h1{font-size:32px;letter-spacing:-.6px;line-height:1.35;font-weight:700}
h2{font-size:22px;line-height:1.4;font-weight:650}h3{font-size:17px;line-height:1.5}
small,.small{font-size:var(--caption)}.muted{color:var(--muted)}
.btn,.btn.small{font-size:14px;min-height:44px;padding:10px 18px;border-radius:9px;font-weight:600}
.btn:hover,.job-card:hover{transform:none}.btn.primary{background:var(--green)}
.btn.primary:hover{background:var(--green-dark)}
.btn.secondary{color:#394a44;border-color:var(--line)}
.btn.ghost{background:var(--green-soft);color:var(--green)}
.icon-btn{min-width:44px;min-height:44px;color:#53655c}
.icon-btn svg{width:21px;height:21px}.text-btn{font-size:14px;min-height:36px}
.badge,.tag{font-size:12px;line-height:1.5;padding:4px 9px;border-radius:6px}
.tag{color:#627069;background:#f3f5f1}.badge.gray{color:#66736b;background:#f0f3ef}
.badge.blue{color:#426987;background:#ebf2f7}.badge.orange{color:#a45c24;background:#fff0e1}
.badge.purple{color:#78548f;background:#f0e9f7}.badge.pink{color:#955265;background:#f9edf0}
.panel{border-radius:var(--radius);border-color:var(--line);box-shadow:none}
.avatar{object-fit:cover}.avatar.sm{width:36px;height:36px;font-size:14px}
.skip-link{position:fixed;top:-80px;left:16px;z-index:160;background:var(--green);color:#fff;padding:12px 20px;border-radius:8px}
.skip-link:focus{top:12px}

/* Horizontal primary navigation; secondary and permission-based routes use the drawer. */
.topbar{height:80px;gap:24px;padding:0 max(28px,calc((100vw - 1344px)/2));z-index:40;background:#fffefc;border-bottom:1px solid var(--line)}
.topbar .brand{width:auto;gap:10px;flex-shrink:0;padding:0}
.brand-icon{width:44px;height:44px;border-radius:12px;font-size:29px;background:var(--green);box-shadow:none}
.brand-word{font-size:29px;line-height:1.15;letter-spacing:2px}.brand-en{font-size:10px;letter-spacing:2.5px;color:#596b63}
.brand-tagline{font-size:13px;color:#7a837e;padding-left:24px;letter-spacing:0;white-space:nowrap}
.primary-nav{display:flex;align-items:center;gap:28px;margin-inline:auto;align-self:stretch;white-space:nowrap}
.primary-nav>button{font-size:15px;font-weight:600;position:relative;padding:0 0 2px;border-bottom:2px solid transparent;min-height:44px}
.primary-nav>button.active{color:var(--green);border-bottom-color:var(--green)}
.primary-nav>button:hover{color:var(--green)}
.primary-nav .notification-dot{right:-7px;top:20px}
.top-actions{margin-left:0;gap:12px;flex-shrink:0}.top-actions .publish-top{padding:10px 17px}
.workspace-trigger{display:flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:0 2px}
.workspace-trigger>svg{width:16px;height:16px}.workspace-trigger.icon-btn>svg{width:22px;height:22px}
.mobile-menu{display:none}.workspace-menu-open{overflow:hidden}
.workspace-scrim{position:fixed;inset:0;background:#132b2659;z-index:59;cursor:default}
.shell{display:block;width:100%;max-width:1152px;margin:auto}
.workspace{padding:40px 48px 56px;min-width:0;outline:none}
.sidebar{display:flex;position:fixed;left:auto;right:24px;top:92px;width:336px;height:auto;max-height:calc(100dvh - 112px);padding:20px;z-index:60;border:1px solid var(--line);border-radius:16px;background:#fff;overflow-y:auto;box-shadow:0 16px 56px #163d2726}
.drawer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.drawer-heading small{font-size:11px;letter-spacing:2px;color:var(--muted)}.drawer-heading h2{font-size:22px;margin-top:2px}
.sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sidebar .nav-item{font-size:14px;min-height:52px;margin:0;padding:10px 12px;gap:8px;line-height:1.4;color:#53665b}
.sidebar .nav-item.active{color:var(--green);background:var(--green-soft)}
.sidebar .nav-count{padding-inline:4px;font-size:12px}.sidebar-user{margin:20px 0 0;padding-top:16px;gap:8px}
.sidebar-user>button{padding:0;text-align:left}.sidebar-user>.icon-btn{margin-left:auto}
.sidebar-user strong{font-size:14px}.sidebar-user small{font-size:12px;color:var(--muted)}
.mobile-nav{display:none}
.page-top{margin-bottom:28px;gap:24px}.page-top p{font-size:15px;color:var(--muted);line-height:1.7;max-width:760px}
.eyebrow{font-size:12px;color:var(--muted);letter-spacing:.4px;margin-bottom:8px}

/* Search comes first. Expanded controls remain real fields in the same result-filter region. */
.discovery-heading{min-height:114px;position:relative;padding:8px 0 26px;background:url('/assets/redesign/discovery-city.png') right bottom/760px auto no-repeat}
.discovery-heading h1{font-size:38px;font-weight:750;letter-spacing:-1px;position:relative}
.discovery-heading p{position:relative;font-size:16px;color:var(--muted);margin-top:10px}
.discovery-content{min-width:0}.search-box{padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;gap:14px;min-height:66px;box-shadow:none}
.search-box>svg{width:25px;height:25px;color:var(--ink);margin-left:12px}
.search-box input{font-size:18px;padding:7px 0;color:var(--ink);min-height:44px;outline:none!important}
.search-box input::placeholder{color:#78847e;opacity:1}
.search-box:focus-within{border-color:#75a18e;box-shadow:0 0 0 3px #176b5317}
.search-box .btn{font-size:15px;min-height:48px;min-width:116px;padding:10px 24px}
.search-filter-panel{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;margin:10px 0 16px;border-radius:11px;background:#fff;border:1px solid var(--line)}
.search-filter-panel .result-filters{flex:1;margin:0;gap:12px}
.search-filter-panel .filter-control{background:#f7f8f4;min-height:42px;border:1px solid var(--line);font-size:14px;padding:7px 11px;gap:8px;border-radius:8px}
.filter-control select,.filter-control input,.search-filter-panel .filter-control select{font-size:14px;color:#45554e;max-width:185px}
.filter-control svg{width:18px;height:18px;color:#45554e}
.filter-control input[type=date]{width:139px;min-height:26px;font-size:14px}
.filter-date input:invalid{color:var(--muted)}.reset-search{margin-left:auto;gap:7px;white-space:nowrap;font-size:13px;color:#53655c}
.search-extra{min-width:0}.search-extra>summary{display:flex;align-items:center;gap:6px;min-height:42px;font-size:13px;color:#45584d;cursor:pointer;list-style:none;white-space:nowrap}
.search-extra>summary::-webkit-details-marker{display:none}.search-extra>summary>svg{width:17px;height:17px}
.search-extra[open]{width:100%;flex-basis:100%;border-top:1px solid var(--line);padding-top:8px}
.search-extra[open]>summary{justify-content:flex-start}.search-extra-body{padding:8px 0 12px}
.search-extra-body>.filter-row{margin:0 0 12px;gap:12px}.search-extra-body .check-label{font-size:14px;min-height:44px;gap:8px}
.search-extra-body .check-label input{width:18px;height:18px}.filter-active-dot{font-size:12px;padding:2px 6px;background:var(--green-soft);color:var(--green);border-radius:4px}
.categories{margin:0;gap:8px;flex-wrap:wrap;white-space:normal;overflow:visible;border:0}
.category{padding:8px 12px;border:1px solid var(--line);border-radius:7px;min-height:40px;font-size:13px;color:#5d6b63}
.category.active{border-color:#8cb09b;background:var(--green-soft)}
.search-extra-body .ds-filters{margin-top:16px;border-top:1px solid var(--line);padding-top:8px}
.search-extra-body .ds-filters>summary{font-size:14px;min-height:44px}
.search-extra-body .ds-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.search-extra-body .ds-talent-pay{flex-wrap:wrap;gap:16px}.search-extra-body .ds-talent-pay .field{flex:1;min-width:180px}
.search-scope{font-size:12px;color:var(--muted);margin:0 0 16px}
.active-filter-note{font-size:14px;line-height:1.7;border-radius:9px;margin-bottom:18px}
.industry-shortcuts{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:12px;margin:0 0 26px;position:relative}
.industry-shortcuts>button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:12px;background:#fffefb;min-height:88px;padding:10px 5px;color:#374d42}
.industry-shortcuts>button>span{display:grid;place-items:center;width:48px;height:38px;background:#eef5ed;border-radius:10px;color:var(--green)}
.industry-shortcuts>button svg{width:25px;height:25px}.industry-shortcuts>button strong{font-size:13px;font-weight:500;white-space:nowrap}
.industry-shortcuts>button.featured>span,.industry-shortcuts>button[data-service=catering]>span{background:#fff0e1;color:#b9662d}
.industry-shortcuts>button[data-service=entertainment]>span{background:#f0eaf7;color:#80539c}
.industry-shortcuts>button:hover,.industry-shortcuts>button.active{border-color:#9cbaa9;background:var(--green-soft)}


.sp-search-context{padding:14px 18px;margin-bottom:20px}.sp-search-context p{font-size:13px}
.result-bar{margin:0 0 16px}.result-bar h2{font-size:16px;gap:6px;font-weight:400;color:#4d5f53}
.result-bar h2 span{font-size:15px;color:var(--green);font-weight:600}.sort-select{font-size:14px;max-width:180px;min-height:40px;color:#46594d}

/* Standalone opportunity cards match the selected two-column visual target. */
.job-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.job-card{display:grid;grid-template-columns:116px minmax(0,1fr);gap:18px;padding:16px;border:1px solid var(--line);border-radius:13px;background:#fff;cursor:default;box-shadow:none;min-height:252px}
.job-card:hover{border-color:#a9c1af;box-shadow:0 4px 18px #173b2606}
.job-art{position:relative;min-width:0;min-height:200px;width:100%;height:100%;padding:0;overflow:hidden;border-radius:9px;background:#edf3e8;color:#718a5e;display:grid;place-items:center}
.job-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.job-art>span:not(.job-art-icon){position:absolute;bottom:0;left:0;right:0;background:#183128c9;color:#fff;font-size:12px;padding:2px;text-align:center}
.job-art-icon{display:grid;place-items:center}.job-art-icon svg{width:46px;height:46px}
.job-art.blue{background:#eaf0f4;color:#55748d}.job-art.purple{background:#efeaf5;color:#806694}.job-art.pink{background:#f7ecec;color:#a16a77}
.job-body{min-width:0;display:flex;flex-direction:column}.job-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:29px}
.job-card-top>.badge{flex-shrink:0}.pay{color:var(--green);font-size:27px;line-height:1.25;letter-spacing:-.5px;white-space:nowrap}
.pay .currency{font-size:17px}.pay small{font-size:12px;font-weight:500;color:var(--green);margin-left:4px}
.job-card h3{min-height:0;font-size:17px;line-height:1.5;font-weight:650;white-space:normal;overflow:visible;margin:7px 0 8px;letter-spacing:0}
.job-card h3 button{min-height:28px;padding:0;text-align:left;font:inherit;color:var(--ink)}.job-card h3 button:hover{color:var(--green)}
.job-card .job-meta{font-size:12px;color:var(--muted);margin:0;gap:6px;flex-wrap:wrap;line-height:1.6}
.job-meta svg{width:15px;height:15px}.job-meta .divider{height:12px}.job-card .job-meta>span{min-width:0}
.job-description{font-size:14px;color:var(--muted);line-height:1.7;margin:9px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.job-conditions{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;margin-bottom:6px;font-size:12px;color:#69776e;line-height:1.5}
.job-conditions .badge{font-size:11px;padding:2px 5px}.job-conditions .sp-job-badge{margin:0}
.job-owner{display:flex;gap:6px 12px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:0 0 10px;line-height:1.6}
.job-owner>.identity-name{font-weight:500}.job-owner .iv-badges{display:inline-flex;margin:0}
.job-card-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto}
.job-card-actions>.btn{min-height:42px;font-size:13px;padding:8px 13px}.job-card-actions>.bookmark{color:#46574c;padding-inline:12px}
.job-card-actions>.bookmark.saved{color:var(--green);background:var(--green-soft)}
.bookmark.saved svg{fill:none}.bottom-note{font-size:12px;color:var(--muted);margin-top:32px}
.empty-state{padding:56px 24px}.empty-state h3{font-size:20px}.empty-state p{font-size:15px;line-height:1.8;color:var(--muted);max-width:580px;margin:8px auto 24px}
.inline-note,.active-filter-note,.help,.rail-tip,.empty-inline,.account-help{font-size:13px;line-height:1.8;color:var(--muted)}
.inline-note{background:#edf4ec}.inline-note.orange{color:#8c6128;background:#fff2df}

/* Shared business surfaces: the same scale and interaction states across all routes. */
.form-panel,.rail-card,.account-section,.sp-service-card{padding:28px}
.field label,.field>label,.field legend{font-size:14px;font-weight:550;color:#405449}
.field input,.field select,.field textarea{font-size:15px;min-height:46px;border-color:#d8e1d8;border-radius:8px;background:#fff;color:var(--ink);padding:10px 12px}
.field textarea{line-height:1.7;min-height:112px}.field input[type=checkbox],.field input[type=radio]{min-height:18px;width:18px;padding:0}
.field .help,.field small,.field .small{font-size:12px;line-height:1.7;color:var(--muted)}
.field input::placeholder,.field textarea::placeholder{color:#7c887f;opacity:1}
.form-grid{gap:20px 24px}.form-section{margin-bottom:28px;padding-bottom:28px}.form-section h2,.form-panel h2{font-size:20px}
.form-footer{gap:16px;margin-top:24px;padding-top:20px}.form-footer p{font-size:13px;line-height:1.7;color:var(--muted)}
.form-error,.auth-error{font-size:14px;line-height:1.6;color:#a53c30}
.check-label,.setting-row small{font-size:14px;color:var(--muted)}
.setting-row{min-height:76px}.setting-row strong{font-size:15px}.setting-row small{line-height:1.7}
.list-tabs,.wf-tabs,.account-tabs{gap:24px}.list-tabs>button,.wf-tabs>button,.account-tab{font-size:15px;min-height:48px;line-height:1.5}
.stat-card{padding:22px 24px}.stat-card .small{font-size:13px}.stat-card strong{font-size:32px}.stat-card svg{color:var(--green)}
.collab-card{padding:24px;gap:20px;border-radius:12px}.collab-card h3{font-size:18px}.collab-card .job-meta{font-size:14px;color:var(--muted);line-height:1.7;margin-top:8px;flex-wrap:wrap}
.collab-card .actions,.my-job-actions{gap:10px;flex-wrap:wrap}.collab-card .inline-note{margin-top:16px;font-size:13px}
.collab-content{min-width:0}.collab-content .between{align-items:flex-start}.collab-content .badge{white-space:normal;flex-shrink:0}
.wf-banner,.wf-card,.wf-fulfillment,.wf-section{border-radius:12px}.wf-banner p,.wf-banner small,.wf-card p,.wf-candidate small,.wf-candidate p,.wf-empty{font-size:14px;color:var(--muted)}
.wf-stages button,.wf-stage-filter button,.wf-batch-actions button{min-height:44px;font-size:14px}
.wf-toolbar{gap:12px;flex-wrap:wrap}.wf-toolbar input,.wf-toolbar select{font-size:15px;min-height:44px}
.talent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.talent-card{padding:24px}
.talent-card h3{font-size:19px}.talent-card .subtitle{font-size:13px;color:var(--muted)}
.talent-card .bio{font-size:15px;color:var(--muted);line-height:1.8;min-height:54px;margin:18px 0}
.talent-card .job-meta,.talent-rating{font-size:13px;color:var(--muted)}.talent-card .tag{font-size:12px}.talent-card .talent-bottom{gap:10px;padding-top:20px}.talent-card .pay{font-size:24px}
.account-center{gap:24px}.account-overview{padding:28px}.account-person-copy p{font-size:15px;color:var(--muted)}.account-person-copy small{font-size:13px;color:var(--muted)}
.account-shortcuts>button{padding:22px;border-radius:12px}.account-shortcuts strong{font-size:16px}.account-shortcuts small{font-size:13px;color:var(--muted);line-height:1.6}
.account-section-heading h2,.account-showcase-heading h2{font-size:20px}.account-section-heading p,.account-section p,.account-bio p,.account-facts p{font-size:14px;line-height:1.8;color:var(--muted)}
.account-facts dt,.account-info-pair span,.account-file-name span,.account-file-name small{font-size:13px;color:var(--muted)}
.account-facts dd,.account-file-name strong{font-size:15px}.account-center #profile-showcase>p{font-size:14px}
.account-visibility p{font-size:13px}.account-schedule strong{font-size:15px}.account-schedule p{font-size:13px}.account-tabs{margin-bottom:0}
.sp-service-card>p,.sp-group-heading p,.sp-feature-card>p,.sp-privacy-note{font-size:14px;line-height:1.8;color:var(--muted)}
.sp-service-card h3{font-size:19px}.sp-directory{gap:36px}.sp-card-actions{gap:10px}.sp-card-actions .text-btn{font-size:14px}
.sp-publish-section{background:#f8faf6;border-color:var(--line);border-radius:12px;padding:24px;margin-bottom:24px}
.sp-publish-section>div:first-child p,.sp-form-help,.sp-provider-summary p,.sp-provider-summary small{font-size:13px;line-height:1.8;color:var(--muted)}
.sp-publish-section h2{font-size:19px}.sp-provider-group label{font-size:14px;min-height:40px}.sp-provider-group summary{font-size:14px}
.sp-provider-tags .tag{font-size:12px}.sp-provider-summary h3{font-size:17px}.sp-provider-summary{gap:24px}
.schedule-day{padding:18px 0;gap:16px}.schedule-day .day-checkbox{font-size:15px}.not-available{font-size:13px;color:var(--muted)}
.schedule-day input[type=time]{font-size:15px;min-height:44px;border-radius:7px}.schedule-day .text-btn{font-size:13px;min-height:44px}.rail-card h3{font-size:17px}.rail-card .text-btn{font-size:13px}
.booking-item p,.exception-item small,.rail-tip{font-size:13px;color:var(--muted)}
.notification-item{padding:24px;gap:18px}.notification-item h3{font-size:16px}.notification-item p{font-size:14px;color:var(--muted);line-height:1.7}.notification-item small{font-size:12px;color:var(--muted)}
.ticket p,.help-copy p,.review-card p{font-size:14px;line-height:1.8;color:var(--muted)}.ticket strong{font-size:15px}

/* Conversations keep a stable scrolling area and readable composition controls. */
.workspace[data-page=messages]>.page-top{margin-bottom:24px}.workspace[data-page=messages]>.page-top h1{font-size:30px}
.inbox{height:calc(100dvh - 270px);min-height:520px;grid-template-columns:320px minmax(0,1fr);border-radius:14px;overflow:hidden}
.conversation-list{min-width:0}.inbox-list-header{padding:18px 20px;font-size:15px}.conversation-item{padding:18px 16px;gap:12px}
.conv-info strong{font-size:15px}.conv-info small,.conversation-item .conv-info small{font-size:12px;color:var(--muted)}
.conv-info p{font-size:14px;color:var(--muted)}.conversation-item.active{background:var(--green-soft)}
.chat-header{min-height:76px;padding:16px 24px}.chat-header h3{font-size:17px}.chat-header p{font-size:13px;color:var(--muted)}
.chat-context{min-height:48px;padding:12px 24px;font-size:14px;color:#4c6655;background:#f4f7f0}
.message-stream{padding:28px;scroll-padding-block:20px;background:#fcfdf9}.message-bubble{font-size:15px;line-height:1.8;padding:12px 16px;max-width:560px;border-radius:12px}
.message.mine .message-bubble{background:#e5f0e5;color:var(--ink)}.message-time{font-size:12px;color:var(--muted);margin-top:6px}
.system-message{font-size:12px;color:var(--muted);line-height:1.6}.chat-composer{padding:16px 24px;background:#fff}
.chat-composer .toolbar{font-size:12px;color:var(--muted);gap:12px}.chat-composer .toolbar button{font-size:13px;min-height:36px}
.chat-composer textarea{font-size:15px;line-height:1.7;padding:12px 0;min-height:64px;max-height:140px}.chat-composer .small{font-size:12px!important}
.chat-composer .btn{min-height:44px;padding-inline:20px}.chat-back{display:none}

/* Dialog, trust and privacy surfaces share the same legible form system. */
.modal-backdrop{background:#142b2766}.modal{border-radius:16px;box-shadow:0 24px 80px #0c30252b;border:1px solid var(--line)}
.modal-header{padding:20px 24px;min-height:72px}.modal-header h2{font-size:20px}.modal-body{padding:24px;line-height:1.8}.modal-footer{padding:18px 24px;background:#fff;border-top:1px solid var(--line);gap:12px}
.modal-footer>.muted{font-size:13px;line-height:1.6}.modal-body h3{font-size:18px}.detail-title{font-size:26px!important;line-height:1.5}
.detail-description{font-size:15px;line-height:1.9;color:#58695f;white-space:pre-wrap;overflow-wrap:anywhere}
.detail-grid .row{font-size:15px}.detail-grid small,.detail-owner small,.public-profile-header small{font-size:13px;color:var(--muted)}
.detail-reasons{font-size:13px}.detail-owner strong{font-size:15px}.public-profile-header p{font-size:15px;color:var(--muted)}
.profile-public-stats{font-size:14px}.iv-entry p,.iv-help,.iv-status-copy p,.iv-status-copy small,.iv-entry small,.iv-step small{font-size:13px;color:var(--muted);line-height:1.8}
.iv-entry h3,.iv-status-copy h3{font-size:18px}.iv-badge{font-size:12px}.iv-review-list p,.iv-history p{font-size:14px;line-height:1.8}
.auth-title{font-size:24px!important}.auth-subtitle{font-size:14px;color:var(--muted)}.auth-tabs button{font-size:15px;min-height:48px}
.auth-form input{min-height:48px;font-size:16px}.auth-form .small{font-size:13px;line-height:1.8}.confirm-summary p,.confirm-check{font-size:14px;line-height:1.8}
.toast{font-size:14px;line-height:1.6;max-width:min(520px,calc(100vw - 32px));overflow-wrap:anywhere}
.chat-composer .toolbar button,.message-recall{color:#53675a}
.portfolio-card p,.portfolio-card small,.ticket small,.audit-line{font-size:13px;color:var(--muted);line-height:1.7}
.identity-badges{gap:6px}.identity-badge{font-size:12px;line-height:1.5;min-height:26px}
.iv-entry p,.iv-entry small,.iv-status p,.iv-status small,.iv-material-card p,.iv-material-card small,.iv-timeline p,.iv-timeline small{font-size:13px;line-height:1.8;color:var(--muted)}
.publish-progress{display:flex;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px;background:#fff}
.publish-progress button{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px;color:var(--muted);padding:6px 12px;border-radius:8px}
.publish-progress button>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f0f3ed;font-size:12px}
.publish-progress button.active{background:var(--green-soft);color:var(--green)}.publish-progress button.active>span{background:var(--green);color:#fff}
.publish-options{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--line);align-items:start}
.publish-options>#wf-publish-options,.publish-options>.sp-publish-section{padding:0;margin:0;border:0;border-radius:0;background:transparent}
.publish-options>#wf-publish-options>h2,.publish-options>.sp-publish-section>div:first-child{display:none}
.publish-options .field{margin-top:0}.publish-options .sp-form-help{margin-top:8px;font-size:12px;line-height:1.65}
.publish-options [data-sp-fields]:empty{display:none}.publish-options .sp-fields{margin-top:16px;grid-template-columns:1fr;gap:16px}
#publish-form>.form-section{scroll-margin-top:108px;outline:none}#publish-form>.form-section:focus-visible{outline:2px solid #81ad9b;outline-offset:8px;border-radius:8px}

@media(max-width:1280px){
  .brand-tagline{display:none}.topbar{gap:22px}.primary-nav{gap:24px}.workspace{padding:32px}
  .job-card{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:14px}.job-card-top{gap:8px}.job-card .pay{font-size:24px}
  .job-card .pay small{font-size:11px}.job-card h3{font-size:16px}.industry-shortcuts{gap:8px}.industry-shortcuts>button strong{font-size:12px}
}
@media(max-width:1024px){
  .topbar{padding-inline:24px;gap:16px}.brand-word{font-size:25px}.brand-icon{width:38px;height:38px;font-size:25px}.brand-en{font-size:9px}
  .primary-nav{gap:20px}.primary-nav>button{font-size:14px}.top-actions{gap:6px}.top-actions .publish-top{padding-inline:12px}.workspace-trigger{gap:3px}
  .workspace{padding:28px 24px}.job-card{grid-template-columns:80px minmax(0,1fr);gap:12px}.job-card-top{align-items:flex-start;flex-direction:column;gap:6px}
  .job-card .job-meta{display:grid;grid-template-columns:15px minmax(0,1fr);gap:5px 6px}.job-card .job-meta .divider{display:none}.job-card .job-meta>span:last-child{flex-basis:calc(100% - 24px)}
  .job-card h3{margin-top:6px}.job-card .job-owner{display:none}.job-card-actions{margin-top:10px}.job-card-actions .btn{padding-inline:10px;font-size:12px}
  .talent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inbox{grid-template-columns:280px minmax(0,1fr)}
  .industry-shortcuts{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:22px}.industry-shortcuts>button{min-height:72px;flex-direction:row;gap:8px;padding:8px}.industry-shortcuts>button>span{width:36px;height:36px}.industry-shortcuts>button svg{width:22px;height:22px}
  .search-extra-body .ds-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){
  :root{--body:15px}.topbar{height:64px;padding:0 16px;gap:12px}.topbar .brand{gap:8px}.brand-icon{width:34px;height:34px;border-radius:10px;font-size:22px}.brand-word{font-size:22px}.brand-en{font-size:8px;letter-spacing:1.5px}
  .primary-nav,.brand-tagline,.publish-top,.workspace-trigger{display:none!important}.mobile-menu{display:inline-flex;min-width:40px;padding:6px;margin-left:-6px}.top-actions{margin-left:auto;gap:6px}.top-actions .auth-top{font-size:12px;padding:8px 11px;min-height:40px}.notification-top{min-width:40px;padding:8px}
  .workspace{padding:24px 16px 100px}.shell{display:block}.sidebar{left:16px;right:16px;top:76px;width:auto;max-height:calc(100dvh - 92px);padding:20px;border-radius:14px}
  .sidebar.mobile-open{display:flex;position:fixed;z-index:60;left:16px;right:16px;top:76px;width:auto;height:auto;max-height:calc(100dvh - 92px);padding:20px}.sidebar nav{gap:8px}.sidebar .nav-item{min-height:48px;font-size:14px}
  .mobile-nav{display:flex;position:fixed;inset:auto 0 0;height:calc(68px + env(safe-area-inset-bottom));padding:5px 8px calc(5px + env(safe-area-inset-bottom));z-index:40;background:#fffefc;border-top:1px solid var(--line);justify-content:space-around;box-shadow:none}
  .mobile-nav>button{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;font-size:11px;color:#748076;min-height:52px;position:relative;padding:0}
  .mobile-nav>button>svg{width:23px;height:23px}.mobile-nav>button.active{color:var(--green)}.mobile-nav .plus-circle{width:36px;height:30px;border-radius:9px;margin:0;background:var(--green);display:grid;place-items:center;color:#fff}.mobile-nav .plus-circle svg{width:21px;height:21px}
  .mobile-nav .notification-dot{right:calc(50% - 15px);top:3px}
  h1{font-size:26px;letter-spacing:-.5px}h2{font-size:20px}.page-top{display:block;margin-bottom:24px}.page-top>button,.page-top>.row{margin-top:16px}.page-top p{font-size:14px;line-height:1.7;margin-top:8px}.eyebrow{font-size:12px}
  .discovery-heading{min-height:82px;padding:0 0 18px;background:none}.discovery-extra-copy{display:none}.discovery-heading h1{font-size:27px;letter-spacing:-.7px;line-height:1.4;max-width:100%}.discovery-heading p{font-size:13px;line-height:1.7;max-width:90%;margin-top:8px}
  .search-box{min-height:56px;padding:6px;gap:9px;border-radius:10px}.search-box>svg{width:21px;height:21px;margin-left:6px}.search-box input{font-size:16px;min-height:42px;padding:7px 0}.search-box .btn{min-width:66px;min-height:42px;padding:8px 14px;font-size:14px}
  .search-filter-panel{padding:10px;margin:10px 0 16px;gap:4px}.search-filter-panel .result-filters{gap:8px;display:grid;grid-template-columns:1fr 1fr;flex-basis:100%;width:100%;align-items:stretch}
  .search-filter-panel .filter-control{min-width:0;padding:8px;min-height:44px;font-size:14px;gap:5px}.filter-control select,.filter-control input,.search-filter-panel .filter-control select{font-size:16px;min-width:0;max-width:100%;width:100%}.filter-control input[type=date]{width:100%;font-size:16px;max-width:100%;min-width:0}
  .reset-search{justify-content:flex-end;font-size:12px;margin:0;min-height:44px}.search-extra{width:100%;flex-basis:100%}.search-extra>summary{font-size:13px;min-height:40px;white-space:normal}.search-extra[open]{padding-top:4px}.search-extra-body{padding:8px 0}
  .search-extra-body>.filter-row{display:grid;grid-template-columns:1fr;gap:12px}.search-extra-body .check-label{min-height:44px}.search-extra-body .ds-filter-grid{grid-template-columns:1fr}.search-extra-body .ds-talent-pay{display:grid;grid-template-columns:1fr}.search-extra-body .ds-talent-pay .field{min-width:0;width:100%}
  .categories{gap:8px;max-width:100%}.category{font-size:13px;padding:8px 10px;min-height:44px}.search-scope{font-size:12px;line-height:1.7}
  .industry-shortcuts{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 18px;padding:1px 1px 8px;scroll-snap-type:x proximity;scrollbar-width:none}.industry-shortcuts>button{flex:none;width:78px;min-height:80px;padding:8px 4px;flex-direction:column;gap:6px;scroll-snap-align:start}.industry-shortcuts>button>span{height:32px;width:40px}.industry-shortcuts>button strong{font-size:12px}
  .result-bar{margin-bottom:12px;gap:8px}.result-bar h2{font-size:14px;display:block;line-height:1.6}.result-bar h2 span{font-size:14px}.sort-select{font-size:13px;max-width:132px}
  .job-grid{grid-template-columns:1fr;gap:14px}.job-card{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px;border-radius:12px;min-height:0}.job-art{min-height:164px}.job-art>span:not(.job-art-icon){font-size:12px}
  .job-card-top{flex-direction:row;align-items:center;gap:6px;flex-wrap:wrap}.job-card .badge{font-size:11px;padding:3px 6px}.job-card .pay{font-size:23px}.job-card .pay .currency{font-size:14px}.job-card .pay small{font-size:11px}
  .job-card h3{font-size:16px;margin:7px 0;line-height:1.5}.job-card .job-meta{display:grid;grid-template-columns:15px minmax(0,1fr);font-size:12px;line-height:1.6;gap:5px 6px}.job-card .job-meta .divider{display:none}.job-card .job-meta>span:last-child{flex-basis:calc(100% - 24px)}
  .job-description{font-size:13px;line-height:1.65;margin:8px 0}.job-conditions{font-size:12px;margin-bottom:8px}.job-owner{display:none}.job-card-actions{gap:8px;margin-top:6px}.job-card-actions>.btn{min-height:44px;padding:8px 10px;font-size:12px}.job-card-actions>.btn svg{width:15px;height:15px}
  .sp-search-context{padding:14px;align-items:flex-start}.sp-search-context strong{font-size:16px}.sp-search-context p{font-size:13px}.sp-search-context>.text-btn{max-width:95px;min-height:44px;white-space:normal;text-align:right}
  .talent-grid,.settings-grid,.schedule-layout,.publish-layout,.account-columns{grid-template-columns:1fr;gap:18px}.talent-card{padding:20px}.talent-card .talent-bottom{flex-wrap:wrap;gap:8px}.talent-card .bio{font-size:14px}
  .form-panel,.rail-card,.account-section,.sp-service-card{padding:20px}.form-grid{grid-template-columns:1fr;gap:18px}.form-section{padding-bottom:24px;margin-bottom:24px}.form-section h2,.form-panel h2{font-size:19px}
  .publish-options{grid-template-columns:1fr;gap:18px;margin-bottom:24px;padding-bottom:20px}.publish-progress{gap:6px;margin-bottom:20px;padding-bottom:12px}.publish-progress button{font-size:12px;padding:6px 5px;gap:5px;flex:1;justify-content:center}.publish-progress button>span{width:22px;height:22px}.publish-options [data-sp-guidance]{display:none}
  .field input,.field select,.field textarea,.modal .field input,.modal .field select,.modal .field textarea{font-size:16px;min-height:48px}.field input[type=checkbox],.field input[type=radio]{min-height:18px}.field label,.field>label{font-size:14px}.form-footer{flex-wrap:wrap;gap:16px}.form-footer>.btn{width:100%}
  .stats-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px;min-width:0;overflow:visible;border:0}
  .stats-strip .stat-card,.stat-card{padding:16px;min-width:0}.stats-strip .small{font-size:12px;line-height:1.5}.stat-card strong,.stats-strip strong{font-size:28px}.stats-strip .between{gap:8px}.stats-strip svg{width:18px;height:18px}
  .list-tabs,.wf-tabs,.account-tabs{gap:20px;overflow-x:auto;white-space:nowrap}.list-tabs>button,.wf-tabs>button,.account-tab{font-size:14px;min-height:48px;flex:none}
  .collab-card{padding:18px;gap:12px;align-items:flex-start}.collab-card>.avatar{width:36px;height:36px;font-size:15px}.collab-card h3{font-size:16px}.collab-card .job-meta{font-size:13px}.collab-card .actions{gap:8px}.collab-card .btn{font-size:13px;padding:9px 12px;min-height:44px}.collab-card .text-btn{min-height:44px;font-size:13px}.collab-content .between{flex-wrap:wrap;gap:8px}
  .account-overview{padding:20px}.account-person-copy h2{font-size:22px}.account-person-copy p{font-size:14px}.account-overview-actions{margin-top:20px}.account-shortcuts{gap:8px}.account-shortcuts>button{padding:14px 10px;gap:10px;flex-direction:column;align-items:flex-start}.account-shortcuts strong{font-size:13px}.account-shortcuts small{font-size:12px}.account-shortcuts>button>svg:last-child{display:none}.account-section-heading h2{font-size:18px}.account-tabs{gap:22px}
  .account-visibility{gap:16px}.sp-directory-grid{grid-template-columns:1fr}.sp-publish-section{padding:18px}.sp-provider-summary{gap:12px;flex-wrap:wrap}.sp-provider-group label{min-height:44px}.sp-group-heading h2{scroll-margin-top:84px}
  .schedule-day{gap:10px;flex-wrap:wrap;padding:18px 0}.schedule-day .day-checkbox{min-height:44px}.schedule-day input[type=time]{font-size:16px;min-height:44px}.slot-line{gap:8px}.slot-list{min-width:0}
  .notification-item{padding:18px 16px;gap:12px}.notification-item h3{font-size:15px}.notification-item p{font-size:14px}.notice-icon{flex-shrink:0}
  .workspace[data-page=messages]>.page-top{margin-bottom:16px}.workspace[data-page=messages]>.page-top h1{font-size:24px}.workspace[data-page=messages]>.page-top p{font-size:13px}
  .inbox{grid-template-columns:1fr;height:calc(100dvh - 280px);min-height:400px}.inbox:not(.has-chat) .chat-area{display:none}.inbox.has-chat .conversation-list{display:none}.inbox.has-chat .chat-area{display:flex}.conversation-item{padding:16px}.conv-info strong{font-size:15px}.conv-info p{font-size:14px}
  body.mobile-chat .workspace[data-page=messages]>.page-top{display:none}body.mobile-chat .workspace[data-page=messages]{padding-top:14px;padding-bottom:84px}
  body.mobile-chat .inbox.has-chat{height:calc(100dvh - 162px);min-height:0}.chat-back{display:inline-flex}.chat-header{padding:12px;min-height:64px}.chat-header h3{font-size:16px}.chat-header p{font-size:12px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header>.badge{display:none}
  .chat-context{font-size:13px;padding:10px 14px;line-height:1.5}.message-stream{padding:18px 12px}.message-bubble{font-size:15px;line-height:1.75;padding:10px 13px;max-width:min(72vw,440px);overflow-wrap:anywhere}.message-time{font-size:11px}.chat-composer{padding:12px}.chat-composer textarea{font-size:16px;min-height:60px;max-height:112px}.chat-composer .toolbar{gap:8px}.chat-composer .toolbar button{min-height:44px}.chat-composer .toolbar>span:last-child{font-size:11px}.chat-composer .small{font-size:11px!important}.chat-composer .between{align-items:flex-end;gap:8px}
  body.keyboard-open .mobile-nav{visibility:hidden;pointer-events:none}
  body.keyboard-open.mobile-chat .inbox.has-chat{position:fixed;z-index:45;margin:0;box-shadow:0 0 0 12px var(--bg);inset-inline:8px;top:calc(var(--visual-top,0px) + 8px);height:calc(var(--visual-height,100dvh) - 16px);min-height:0}
  .modal-backdrop{padding:12px}.modal{width:100%;max-height:calc(var(--visual-height,100dvh) - 24px);border-radius:14px}.modal-header{min-height:64px;padding:14px 16px}.modal-header h2{font-size:19px}.modal-body{padding:20px 16px;min-height:0}.modal-footer{padding:14px 16px max(14px,env(safe-area-inset-bottom));gap:8px;flex-wrap:wrap}.modal-footer>.muted{flex-basis:100%;font-size:12px}.modal-footer .btn{font-size:14px;min-height:44px;flex:1}.detail-title{font-size:23px!important}.detail-description{font-size:15px}.detail-owner{flex-wrap:wrap}.detail-owner>.btn{margin-left:0!important}.detail-grid{grid-template-columns:1fr;gap:20px}.detail-grid .row{font-size:14px}.modal-body .public-profile-header{flex-wrap:wrap;gap:16px}
  .auth-title{font-size:23px!important}.auth-subtitle{font-size:14px}.toast{bottom:calc(88px + env(safe-area-inset-bottom));font-size:14px;max-width:calc(100vw - 32px)}
}
@media(max-width:370px){.workspace{padding-inline:12px}.topbar{padding-inline:12px;gap:8px}.job-card{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px}.job-card-top{flex-direction:column;align-items:flex-start}.job-card-actions>.btn{padding-inline:8px}.job-card-actions>.btn svg{display:none}.discovery-heading h1{font-size:25px}.topbar .auth-top{padding-inline:8px}.account-shortcuts small{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.industry-shortcuts::-webkit-scrollbar{display:none}
.account-overview{background:#f9fcf8}
.workspace[data-page=publish] .stepper{display:none}
.iv-shell{font-size:14px}.iv-choice p,.iv-state,.iv-progress,.iv-intro,.iv-consent span,.iv-notice,.iv-file strong,.iv-file small,.iv-upload-label,.iv-history li,.iv-history time,.iv-review-item p,.iv-review-item small,.iv-empty p,.iv-facts dt,.iv-facts dd{font-size:13px;line-height:1.8}
.iv-entry strong,.iv-material h4,.iv-review-item strong{font-size:15px}.iv-material h4 small{font-size:12px}.iv-file-tools .text-btn{min-height:40px}.iv-modal .modal-footer .btn{font-size:14px;min-height:44px}
@media(max-width:768px) and (max-height:620px){
  .chat-header{min-height:50px;padding:6px 10px}.chat-context{min-height:40px;padding:7px 12px}
  .chat-composer{padding:8px 12px}.chat-composer textarea{height:44px;min-height:44px;max-height:72px;padding:6px 0}.chat-composer .toolbar button{min-height:36px}.chat-composer .toolbar{gap:6px}.message-stream{padding:12px}
}

.publish-title-field{margin-bottom:24px}.publish-title-field input{width:100%}#publish-basics{padding-bottom:12px;margin-bottom:20px;border-bottom:0}
.table-scroll table{font-size:14px}.table-scroll th{font-size:13px;color:var(--muted);font-weight:550}.table-scroll td{color:#43594b}
@media(max-width:768px){
  button,summary{min-height:44px}
  .schedule-day{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:16px 0}
  .schedule-day>.day-checkbox{grid-column:1;grid-row:1;min-width:0}
  .schedule-day>button{grid-column:2;grid-row:1;margin-left:0}
  .schedule-day>.slot-list{grid-column:1/-1;grid-row:2;min-width:0;width:100%;gap:10px}
  .schedule-day .slot-line{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);grid-auto-columns:44px;align-items:center;gap:8px}
  .schedule-day .slot-line>input[type=time]{width:100%;min-width:0;min-height:46px;padding:8px;font-size:16px}
  .schedule-day .slot-line>.icon-btn{grid-column:4;width:44px;min-width:44px;padding:8px}
  .schedule-day>.not-available{grid-column:1/-1;font-size:14px}
  .stats-strip{gap:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:16px}
  .stats-strip .stat-card{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:0;padding:12px 14px;background:transparent}
  .stats-strip .stat-card .between{min-width:0}.stats-strip .stat-card .between>svg{display:none}
  .stats-strip .stat-card .small{font-size:12px;line-height:1.5}.stats-strip .stat-card strong{font-size:22px;line-height:1.3;margin:0;flex-shrink:0}
  .wf-workspace-link{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin:0 0 18px;border-radius:10px}
  .wf-workspace-link>div{min-width:0;flex:1}.wf-workspace-link strong{font-size:13px;line-height:1.6}.wf-workspace-link p{display:none}
  .wf-workspace-link>.btn{width:auto;font-size:12px;padding:8px 10px;flex:0 0 auto;min-height:44px}
}

/* Compact density: natural layout dimensions, independent of browser zoom. */
:root{--body:14px;--body-small:13px;--radius:10px}
h1{font-size:28px}h2{font-size:19px}h3{font-size:16px}
.topbar{height:64px;gap:20px}.brand-icon{width:36px;height:36px;font-size:24px;border-radius:10px}.brand-word{font-size:25px}.brand-en{font-size:9px}.brand-tagline{font-size:12px;padding-left:16px}
.primary-nav{gap:26px}.primary-nav>button{font-size:14px}.primary-nav .notification-dot{top:14px}
.workspace{padding:24px 40px 40px}.sidebar{top:76px;max-height:calc(100dvh - 96px)}
.page-top{margin-bottom:20px;gap:16px}.page-top p{font-size:14px}.eyebrow{font-size:11px;margin-bottom:5px}
.discovery-heading{min-height:88px;padding:2px 0 18px;background-size:640px auto}.discovery-heading h1{font-size:30px;letter-spacing:-.6px}.discovery-heading p{font-size:14px;margin-top:7px}
.search-box{min-height:56px;padding:6px;gap:10px;border-radius:10px}.search-box input{font-size:16px;min-height:38px}.search-box>svg{width:21px;height:21px}.search-box .btn{min-height:40px;font-size:14px;min-width:96px;padding:8px 20px}
.search-filter-panel{padding:7px 12px;margin:8px 0 12px;gap:6px 14px}.search-filter-panel .filter-control{min-height:36px;font-size:13px;padding:5px 9px}.filter-control select,.filter-control input,.search-filter-panel .filter-control select{font-size:13px}.search-extra>summary{min-height:36px;font-size:12px}.reset-search{font-size:12px}
.industry-shortcuts{gap:10px;margin-bottom:18px}.industry-shortcuts>button{min-height:72px;padding:7px 4px;gap:5px;border-radius:9px}.industry-shortcuts>button>span{width:40px;height:30px;border-radius:8px}.industry-shortcuts>button svg{width:21px;height:21px}.industry-shortcuts>button strong{font-size:12px}
.result-bar{margin-bottom:12px}.result-bar h2,.result-bar h2 span{font-size:14px}.sort-select{font-size:13px;min-height:36px}
.job-grid,.talent-grid{gap:16px}.job-card{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:13px;min-height:220px;border-radius:10px}.job-art{min-height:180px;border-radius:7px}.job-card-top{min-height:25px}.job-card .pay{font-size:24px}.pay .currency{font-size:15px}.job-card h3{font-size:15px;margin:5px 0 6px}.job-card .job-meta{line-height:1.5}.job-description{font-size:13px;line-height:1.6;margin:6px 0 4px}.job-conditions{margin-bottom:4px}.job-owner{margin-bottom:6px}.job-card-actions>.btn{min-height:36px;font-size:12px;padding:6px 11px}.job-card-actions{gap:8px}
.form-panel,.rail-card,.account-section,.sp-service-card,.account-overview{padding:22px}.form-grid{gap:16px 20px}.form-section{margin-bottom:22px;padding-bottom:22px}.form-section h2,.form-panel h2{font-size:18px}.field label,.field>label,.field legend{font-size:13px}.field input,.field select,.field textarea{font-size:14px;min-height:40px;padding:8px 10px}.field textarea{min-height:96px}.field input[type=checkbox],.field input[type=radio]{min-height:18px}
.setting-row{min-height:64px}.list-tabs,.wf-tabs,.account-tabs{gap:20px}.list-tabs>button,.wf-tabs>button,.account-tab{font-size:14px;min-height:42px}.stat-card{padding:16px 20px}.stat-card strong{font-size:27px}
.talent-card{padding:20px}.talent-card h3{font-size:17px}.talent-card .bio{font-size:14px;margin:12px 0;min-height:46px;line-height:1.7}.talent-card .talent-bottom{padding-top:14px}.talent-card .pay{font-size:22px}
.collab-card{padding:20px;gap:16px}.collab-card h3{font-size:16px}.collab-card .job-meta{font-size:13px}.account-center{gap:20px}.account-shortcuts>button{padding:17px}.account-shortcuts strong{font-size:14px}.account-section-heading h2,.account-showcase-heading h2{font-size:18px}.account-person-copy p,.account-facts dd,.account-file-name strong{font-size:14px}
.sp-service-card h3{font-size:17px}.sp-directory{gap:28px}.sp-publish-section{padding:20px;margin-bottom:20px}.sp-publish-section h2{font-size:17px}.publish-options{gap:16px;margin-bottom:22px;padding-bottom:20px}.publish-title-field{margin-bottom:18px}.publish-progress{margin-bottom:18px;padding-bottom:12px}
.workspace[data-page=messages]>.page-top h1{font-size:28px}.workspace[data-page=messages]>.page-top{margin-bottom:18px}.inbox{height:calc(100dvh - 220px);min-height:440px;grid-template-columns:280px minmax(0,1fr)}.chat-header{height:auto;min-height:64px;padding:12px 20px}.chat-context{min-height:40px;padding:9px 20px;font-size:13px}.message-stream{padding:22px}.message-bubble{font-size:14px;padding:10px 14px}.conversation-item{padding:14px}.chat-composer{padding:12px 20px}
.modal-header{min-height:62px;padding:16px 20px}.modal-header h2{font-size:18px}.modal-body{padding:20px}.modal-footer{padding:14px 20px}.detail-title{font-size:23px!important}.detail-description{font-size:14px}.detail-grid .row{font-size:14px}.notification-item{padding:18px 20px;gap:14px}.notification-item h3{font-size:15px}
@media(min-width:769px){.btn,.btn.small{min-height:38px;padding:8px 15px;font-size:13px}.top-actions .publish-top{padding:8px 14px}.icon-btn,.workspace-trigger{min-height:38px;min-width:38px}.sidebar .nav-item{min-height:46px}.drawer-heading{margin-bottom:12px}.auth-form input{font-size:14px;min-height:42px}.auth-title{font-size:22px!important}.auth-tabs button{font-size:14px;min-height:42px}.inbox-list-header{padding:14px 16px}}
@media(max-width:1024px) and (min-width:769px){.workspace{padding:24px}.brand-tagline{display:none}.topbar{padding-inline:24px;gap:16px}.primary-nav{gap:20px}.industry-shortcuts{gap:6px}.industry-shortcuts>button strong{font-size:11px}.job-card{grid-template-columns:80px minmax(0,1fr);gap:11px}.job-card .pay{font-size:22px}}
@media(max-width:768px){
  .topbar{height:60px;gap:10px}.brand-icon{width:32px;height:32px;font-size:22px}.brand-word{font-size:22px}.brand-en{font-size:8px}.workspace{padding:18px 16px 92px}.sidebar,.sidebar.mobile-open{top:72px;max-height:calc(100dvh - 96px)}
  .page-top{margin-bottom:18px}.page-top h1{font-size:24px}.page-top p{font-size:13px}.discovery-heading{min-height:72px;padding-bottom:14px;background:none}.discovery-heading h1{font-size:24px}.discovery-heading p{font-size:13px;margin-top:6px}
  .search-box{min-height:54px}.search-box input{font-size:16px;min-height:42px}.search-box .btn{min-height:44px;min-width:66px;padding:8px 14px}.search-filter-panel{padding:8px;margin:8px 0 12px}.search-filter-panel .filter-control{min-height:44px;padding:7px}.filter-control select,.filter-control input,.search-filter-panel .filter-control select,.filter-control input[type=date]{font-size:16px}.search-extra>summary{min-height:44px;font-size:13px}
  .industry-shortcuts{gap:7px;margin-bottom:12px}.industry-shortcuts>button{width:72px;min-height:72px;padding:6px 3px}.industry-shortcuts>button strong{font-size:12px}.industry-shortcuts>button>span{width:36px;height:28px}.job-grid{gap:12px}.job-card{grid-template-columns:68px minmax(0,1fr);gap:11px;padding:11px;min-height:0}.job-art{min-height:152px}.job-card h3{font-size:15px}.job-card .pay{font-size:22px}.job-card-actions>.btn{min-height:44px;padding:8px 9px;font-size:12px}.job-card .job-meta{font-size:12px}.job-description{font-size:13px}.job-card .job-art>span{font-size:12px}
  .form-panel,.rail-card,.account-section,.sp-service-card,.account-overview{padding:18px}.field input,.field select,.field textarea,.modal .field input,.modal .field select,.modal .field textarea,.auth-form input{font-size:16px;min-height:46px}.field input[type=checkbox],.field input[type=radio]{min-height:18px}.field label,.field>label{font-size:14px}.form-section h2,.form-panel h2{font-size:18px}.form-grid{gap:16px}.form-section{margin-bottom:20px;padding-bottom:20px}.publish-options{gap:16px}.list-tabs>button,.wf-tabs>button,.account-tab{min-height:44px}
  .talent-card{padding:18px}.talent-card h3{font-size:17px}.account-shortcuts>button{padding:12px 10px}.account-shortcuts strong{font-size:13px}.collab-card{padding:16px}.account-center{gap:18px}.notification-item{padding:16px;gap:12px}
  .inbox{grid-template-columns:1fr;height:calc(100dvh - 250px);min-height:380px}.workspace[data-page=messages]>.page-top h1{font-size:24px}.chat-header{min-height:60px;padding:10px 12px}.chat-context{padding:8px 12px}.message-stream{padding:16px 12px}.message-bubble{font-size:14px}.chat-composer{padding:10px 12px}.chat-composer textarea{font-size:16px}.modal-header{min-height:60px;padding:12px 16px}.modal-body{padding:18px 16px}.modal-footer{padding:12px 16px max(12px,env(safe-area-inset-bottom))}.modal-footer .btn{min-height:44px}
}
@media(max-width:768px) and (max-height:620px){.chat-header{min-height:50px;padding:6px 10px}.chat-composer{padding:8px 12px}.message-stream{padding:12px}}

/* Desktop content canvas is 80% of the previous frame; keep phone/tablet usable. */
@media(min-width:1200px){
  .shell{width:80%}
  .workspace{padding-inline:32px}
}
.industry-shortcuts>.all-roles>span{background:var(--green-soft);color:var(--green)}
@media(min-width:1025px){.industry-shortcuts{gap:8px}}