/* 99CentGigs "Compact" desktop view (2026-10-14): more of every page fits on one screen. Desktop only (1025px and wider). Text never goes below 14px. */
@media (min-width:1025px){
  /* the site used to scale all content up 1.1x to 1.8x on big screens; that scale-up is off */
  html:root:root:root{ --dz:1 !important; }
  html:root body > :not(.site-footer):not(.sp-band):not(.nbk){ zoom:1 !important; }

  /* ---- shared page chrome ---- */
  html:root body nav.site-header:not(#_){ padding-top:8px !important; padding-bottom:8px !important; }
  html:root body .bk-top-row:not(#_):not(#__){ padding-top:6px !important; padding-bottom:0 !important; height:auto !important; min-height:0 !important; }
  html:root body .bk-top-row .back-link:not(#_){ padding:5px 14px !important; }
  html:root body .page:not(#_):not(#__){ padding-top:4px !important; }
  html:root body .progress-wrap:not(#_):not(#__){ margin-top:0 !important; padding-top:4px !important; padding-bottom:4px !important; }
  html:root body .progress-steps:not(#_):not(#__){ margin-bottom:2px !important; }
  html:root body p.faq-top:not(#_):not(#__){ margin:2px 0 0 !important; padding-top:2px !important; padding-bottom:2px !important; }
  html:root body .form-wrap:not(#_):not(#__){ margin-top:8px !important; margin-bottom:14px !important; padding:18px 28px !important; }
  html:root body .section-block:not(#_):not(#__){ margin-bottom:10px !important; padding-bottom:10px !important; }
  html:root body .field-group:not(#_):not(#__){ margin-bottom:10px !important; }
  html:root body .form-wrap label:not(#_){ margin-bottom:3px !important; }
  html:root body .form-wrap :is(input:not([type=checkbox]):not([type=radio]),select,textarea):not(#_):not(#__){ padding-top:8px !important; padding-bottom:8px !important; }
  html:root body .form-wrap textarea:not(#_):not(#__){ min-height:64px !important; }
  html:root body .cta-row:not(#_):not(#__){ margin-top:4px !important; }
  html:root body footer.site-footer:not(#_):not(#__){ margin-top:14px !important; padding:16px 0 12px !important; }
  html:root body footer.site-footer .footer-links:not(#_){ margin-bottom:6px !important; }

  /* ---- title block: same look, less height ---- */
  html:root body > .sp-band:not(#_):not(#__){ margin-bottom:12px !important; padding:clamp(14px,1.6vw,22px) 0 clamp(14px,1.6vw,22px) !important; }
  html:root body .sp-band h1.sp-h1:not(#_):not(#__):not(#___):not(#____){ font-size:clamp(40px,3.6vw,56px) !important; line-height:1 !important; margin-top:2px !important; }
  html:root body .sp-band .sp-eyebrow:not(#_):not(#__){ margin-bottom:2px !important; font-size:14px !important; }
  html:root body .sp-band .sp-sub:not(#_):not(#__):not(#___){ margin-top:8px !important; font-size:15px !important; line-height:1.35 !important; }
  html:root body .sp-band .cat-switch:not(#_):not(#__){ margin-top:10px !important; margin-bottom:0 !important; }

  /* ---- homepage hero fits the first screen ---- */
  html:root body > .hx:not(#_):not(#__){ margin:14px 24px 14px !important; min-height:calc(100svh - 56px - 28px - 34px) !important; }
  html:root body .hx .hx-grid:not(#_){ padding:24px clamp(28px,4vw,64px) !important; }
  html:root body .hx .hx-kick:not(#_){ margin-bottom:10px !important; padding:8px 14px !important; font-size:14px !important; }
  html:root body .hx .hx-wm:not(#_){ font-size:clamp(76px,7.4vw,112px) !important; margin:6px 0 12px !important; }
  html:root body .hx .hx-lead:not(#_){ font-size:clamp(24px,2.2vw,32px) !important; margin-bottom:4px !important; }
  html:root body .hx .hx-sub:not(#_){ font-size:clamp(16px,1.4vw,20px) !important; margin-bottom:16px !important; }
  html:root body .hx .hx-cta:not(#_){ gap:10px !important; max-width:470px !important; }
  html:root body .hx .hx-cta a:not(#_):not(#__){ min-height:56px !important; padding:6px 10px 6px 26px !important; font-size:clamp(19px,1.6vw,22px) !important; }
  html:root body .hx .hx-cta a small:not(#_){ font-size:14px !important; margin-top:2px !important; }
  html:root body .hx .hx-cta a i:not(#_){ width:40px !important; height:40px !important; font-size:20px !important; }
  html:root body .hx .hx-scene:not(#_):not(#__){ width:min(24vw,360px) !important; }

  /* ---- Find Work page hero ---- */
  html:root body .nbk:not(#_):not(#__):not(#___){ height:clamp(330px,26vw,380px) !important; }
  html:root body .nbk-text h1:not(#_):not(#__):not(#___):not(#____):not(#_____){ font-size:clamp(40px,3.6vw,56px) !important; line-height:1 !important; margin-top:8px !important; }
  html:root body .nbk-text > p:not(#_):not(#__):not(#___):not(#____){ margin-top:12px !important; font-size:14px !important; }
}

@media (min-width:1025px){
  /* ---- forms use the width of the screen: wider card, fields in two columns ---- */
  html:root body .form-wrap:not(#_):not(#__){ max-width:1120px !important; width:min(1120px,calc(100% - 48px)) !important; }
  html:root body .form-wrap .section-block:not(#_):not(#__){ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:36px; align-items:start; }
  html:root body .form-wrap .section-block > :is(.section-title,.section-hint,.section-sub,h2,h3,p,.two-col,.full,.field-group:has(textarea),.field-group:has(.req-row),.field-group:has(.chip-grid),.field-group:has(.day-chip),.field-group:has(.seg-track),.field-group:has(.upload),.field-group:has(input[type=file])):not(#_){ grid-column:1 / -1; }
  html:root body .form-wrap .field-group:has(> .req-row):not(#_):not(#__){ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:36px; align-items:center; }
  html:root body .form-wrap .field-group:has(> .req-row) > label:not(#_){ grid-column:1 / -1; }
  html:root body .form-wrap .req-row:not(#_):not(#__){ padding-top:4px !important; padding-bottom:4px !important; margin-top:0 !important; margin-bottom:0 !important; }
  html:root body .form-wrap .tri-toggle:not(#_):not(#__){ height:auto !important; }
}

@media (min-width:1025px){
  /* even toggle rows */
  html:root body .form-wrap .req-row:not(#_):not(#__){ display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:space-between !important; gap:14px !important; flex-wrap:nowrap; }
  html:root body .form-wrap .req-row .req-label:not(#_){ flex:1 1 auto; }
  html:root body .form-wrap .req-row .tri-toggle:not(#_){ flex:0 0 auto; }

  /* ---- FAQ: two columns, tighter questions ---- */
  html:root body .faq-wrap:not(#_):not(#__){ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 48px; max-width:1200px !important; width:calc(100% - 48px); margin:0 auto !important; align-items:start; }
  html:root body .faq-section:not(#_):not(#__){ margin-bottom:10px !important; }
  html:root body .faq-section-title:not(#_):not(#__):not(#___){ margin-bottom:6px !important; }
  html:root body .faq-q:not(#_):not(#__){ padding-top:10px !important; padding-bottom:10px !important; min-height:0 !important; }
  html:root body .faq-item:not(#_):not(#__){ margin:0 !important; }

  /* ---- long documents: two readable columns ---- */
  html:root body .doc:not(#_):not(#__):not(#___):not(#____){ max-width:1200px !important; width:calc(100% - 48px) !important; column-count:2; column-gap:56px; margin-top:8px !important; margin-bottom:16px !important; padding-left:0 !important; padding-right:0 !important; }
  html:root body .doc > :is(h2,.tc-sec,h3):not(#_):not(#__){ break-after:avoid; }
  html:root body .doc > :is(.tc-sec,ul,ol,p):not(#_):not(#__){ break-inside:avoid; }
  html:root body .doc p:not(#_):not(#__), html:root body .doc li:not(#_):not(#__){ line-height:1.5 !important; margin-top:0 !important; margin-bottom:8px !important; font-size:15px !important; }
  html:root body .doc h2:not(#_):not(#__){ margin:12px 0 6px !important; }
}

@media (min-width:1025px){
  /* Terms: accordion in two columns (grid), no scroll-scale effect */
  html:root body .doc:has(> .tc-sec):not(#_):not(#__):not(#___):not(#____){ column-count:auto !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:40px; align-items:start; }
  html:root body .doc:has(> .tc-sec) > p:not(#_):not(#__){ grid-column:1 / -1; }
  html:root body .doc > .tc-sec:not(#_):not(#__){ transform:none !important; margin:0 0 6px !important; }
  /* FAQ: questions sit right under their label */
  html:root body .faq-section .faq-card:not(#_):not(#__):not(#___){ margin-top:4px !important; padding-left:16px !important; padding-right:16px !important; padding-top:0 !important; }
}

/* ---- fixes 2026-10-14 ---- */
/* legal pages: text is always fully dark (no scroll fade) */
html:root body .doc :is(.sg-sec,.tc-sec,[class$="-sec"]):not(#_):not(#__){ opacity:1 !important; filter:none !important; }
html:root body .doc *:not(#_):not(#__){ opacity:1 !important; }
@media (min-width:1025px){
  /* FAQ: the invisible paper borders are gone, so no gaps */
  html:root body .faq-section .faq-card:not(#_):not(#__):not(#___):not(#____){ border-top-width:0 !important; border-bottom-width:0 !important; padding-bottom:6px !important; }
  html:root body .faq-wrap:not(#_):not(#__){ margin-top:12px !important; margin-bottom:24px !important; row-gap:0 !important; }
  html:root body .faq-section:not(#_):not(#__){ margin-bottom:14px !important; }
  /* Find page: filters have room to breathe */
  html:root body .filters:not(#_):not(#__){ gap:14px 18px !important; padding:16px 20px !important; margin-bottom:18px !important; }
  html:root body .filters .fg-header:not(#_):not(#__){ padding:11px 18px !important; }
  html:root body .filters .filter-group:not(#_):not(#__){ gap:10px !important; }
  html:root body .filters .filter-group:not(.collapsible) .fg-body:not(#_):not(#__){ gap:10px !important; }
  html:root body .filters .filter-group:not(.collapsible) :is(select,input[type=number]):not(#_):not(#__):not(#___){ padding:10px 14px !important; }
  html:root body .filters .clear-filters:not(#_):not(#__){ padding:10px 18px !important; }
}

@media (min-width:1025px){
  html:root body .faq-wrap:not(#_):not(#__):not(#___){ display:block !important; column-count:2; column-gap:48px; }
  html:root body .faq-section:not(#_):not(#__):not(#___){ break-inside:avoid; display:block; }
}

@media (min-width:1025px){
  html:root body .faq-section .faq-card:not(#_):not(#__):not(#___):not(#____):not(#_____){ margin:4px 0 0 !important; }
  html:root body .faq-section .faq-card .faq-item:not(#_):not(#__):not(#___):not(#____):not(#_____){ margin-top:0 !important; margin-bottom:0 !important; }
  html:root body .faq-section:not(#_):not(#__):not(#___):not(#____){ margin-bottom:18px !important; }
}