/* Shared reading hierarchy: section, job, details, then action. */
:root{--paper:#f5f3ef;--line:#ded8cf;--ink:#25231f}
.intro p{color:#696259}
.site-header{border-bottom-color:#dcd6cd}
.filter-bar{border-color:#ddd5c9}
.section-heading{margin-top:29px;margin-bottom:18px}
.section-heading h2{font-size:16px;font-weight:650;color:#443b30}
.section-heading span{font-size:12px;color:#6f6559}
.digest-grid{gap:26px}
.industry-card{border:1px solid #d9d0c3;border-radius:15px;box-shadow:0 2px 4px #3c2b1605}
.card-heading{background:#eae4da;border-bottom:1px solid #d7cbbb;padding:20px 22px;min-height:91px;gap:13px}
.card-heading .industry-symbol{background:#faf8f3;border:1px solid #d2c2b1;border-radius:10px;color:#934739;width:40px;height:40px}
.card-heading h3{font-size:20px;line-height:1.25;font-weight:700;letter-spacing:-.45px;color:#30281f;margin:0 0 6px}
.card-heading p{color:#685c4d;font-size:12px;line-height:1.45;letter-spacing:0}
.job-list{padding:0;flex:1}
.job,.list-surface .job{padding:23px 22px;gap:14px;border-top:1px solid #dfd9d0;background:white}
.job:first-child{border-top:0}
.job-title,.list-surface .job-title{color:#25231f;font-size:17px;line-height:1.42;font-weight:650;letter-spacing:-.22px}
.job-title:hover{color:#a6382b}
.job-title.viewed{color:#615c54}
.job-details{margin-top:11px;padding-left:10px;border-left:2px solid #e4dcd0}
.job-company,.list-surface .job-company{font-size:13px;font-weight:550;color:#51493d;line-height:1.45;margin:0 0 4px}
.job-location,.list-surface .job-location{font-size:12px;font-weight:400;color:#756d61;line-height:1.55;gap:5px}
.job-location svg,.list-surface .job-location svg{width:12px;height:14px;margin-top:2px;color:#8a7c68}
.remote-label{color:#496851}
.save-button{background:#fff;border:1px solid #d6ccbf;border-radius:9px;color:#786853;width:40px;height:40px;min-width:40px;min-height:40px;margin:0;flex-shrink:0}
.save-button svg{width:18px;height:21px;pointer-events:none}
.save-button:hover{background:#f3eee5;border-color:#b8a78f;color:#463a2a}
.save-button[aria-pressed=true]{background:#f5e7e0;border-color:#c78e7d;color:#a43e2e}
.card-footer{background:#f6f3ed;padding:13px 18px;border-top:1px solid #dfd5c7}
.browse-button{border:1px solid #d2c6b5;background:#fff;border-radius:8px;padding:11px 14px;min-height:44px;color:#4f3e2b;font-size:12px;line-height:1.5;font-weight:650;gap:16px}
.browse-button .arrow{color:#73563b;font-size:19px}
.browse-button:hover{color:#a03929;background:#fcf9f3;border-color:#b9a68b}
.list-surface{padding:0;border:1px solid #d9d0c3;overflow:hidden;box-shadow:0 2px 4px #3c2b1605}
.detail-heading{border-left:3px solid #bc9e78;padding-left:17px}
.detail-heading h2{color:#30281f;font-weight:650}
.detail-heading p{color:#6b5c49}
.pagination button{border-color:#c9b89f;font-weight:600;color:#51402e}
.industry-link{color:#5c5348}
.industry-link small{color:#7e7261}
.nav-label{color:#6e6150}
.location-control{border-color:#d2c6b5}
.saved-nav{border-color:#d2c6b5}
.read-finish{border:1px solid #d5c8b6;background:#eae3d7}
.page-footer{border-top-color:#d9ccba}

@media(max-width:1190px) and (min-width:761px){
  .card-heading{padding:18px;gap:11px}
  .card-heading h3{font-size:18px}
  .job,.list-surface .job{padding:21px 18px;gap:11px}
  .job-title,.list-surface .job-title{font-size:16px}
  .job-company,.list-surface .job-company{font-size:12px}
  .job-details{padding-left:9px}
  .card-footer{padding:12px 15px}
}
@media(max-width:760px){
  .intro p{color:#6a6155}
  .filter-bar{background:#f5f3ef;border-bottom-color:#d7cdbf}
  .digest-grid{gap:24px;padding-top:18px}
  .industry-card{border-radius:14px;border-color:#d6cbbc}
  .card-heading{padding:16px;min-height:80px;gap:12px}
  .card-heading .industry-symbol{width:35px;height:35px;border-radius:9px}
  .card-heading h3{font-size:19px;letter-spacing:-.35px;margin-bottom:5px}
  .card-heading p{font-size:11px;line-height:1.45;color:#635847}
  .job-list{padding:0}
  .job,.list-surface .job{padding:20px 16px;gap:11px}
  .job-title,.list-surface .job-title{font-size:16px;line-height:1.42;font-weight:650;letter-spacing:-.18px}
  .job-details{margin-top:10px;padding-left:9px}
  .job-company,.list-surface .job-company{font-size:13px;font-weight:550;margin:0 0 4px}
  .job-location,.list-surface .job-location{font-size:12px;line-height:1.5}
  .save-button{width:44px;height:44px;min-width:44px;min-height:44px;margin:0}
  .card-footer{padding:11px 13px;background:#f3eee5}
  .browse-button{font-size:12px;padding:10px 13px;min-height:44px}
  .list-surface{padding:0}
  .detail-heading{padding-left:13px}
  .mobile-nav{background:#fff;border-top:1px solid #cfc2b0;box-shadow:0 -4px 14px #4231170a}
  .mobile-nav button{color:#776c5c}
  .mobile-nav button.active{background:#e8dfd1;color:#382c1e}
  .remote-toggle{border-color:#d2c6b5}
  .industry-option{border-color:#ded3c3}
  .industry-option.active{background:#e8dfd1}
}
@media(max-width:359px){
  .card-heading{padding:15px 14px}
  .card-heading h3{font-size:18px}
  .job,.list-surface .job{padding:18px 14px;gap:9px}
  .job-title,.list-surface .job-title{font-size:15px}
  .job-details{padding-left:8px}
  .job-company,.list-surface .job-company{font-size:12px}
}

/* Amaru palette, from amaru-website/src/app/design-tokens.css.
   Job titles carry the strongest emphasis. Clickable industry headers use
   the soft red tint, with brand red labels, icons and navigation accents. */
:root{
  --amaru-red:#dc2626;
  --amaru-red-4:#dc26260a;
  --amaru-red-8:#dc262614;
  --amaru-red-20:#dc262633;
  --amaru-red-40:#dc262666;
  --amaru-charcoal:#262626;
  --amaru-surface:#fffefc;
  --amaru-white:#ffffff;
  --amaru-border:#e5e0dc;
  --amaru-gray:#626262;
  --paper:#faf8f5;
  --ink:var(--amaru-charcoal);
  --red:var(--amaru-red);
  --line:var(--amaru-border);
}
::selection{background:var(--amaru-red-20);color:var(--amaru-charcoal)}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-color:var(--amaru-red)}
.site-header{border-bottom-color:var(--amaru-border);background:var(--amaru-white)}
.brand-divider{background:var(--amaru-border)}
.saved-nav,.location-control,.remote-toggle,.employer-filter button{border-color:#d8d5d2;color:var(--amaru-charcoal);background:var(--amaru-white)}
.saved-nav:hover,.saved-nav.active{background:var(--amaru-red-4)}
.saved-nav b{background:#f0edeb;color:#595959}
.intro p,.eyebrow,.mobile-edition,.catalog-summary,.section-heading span{color:var(--amaru-gray)}
.edition-dot,.tiny-mark{color:var(--amaru-red)}
.edition-dot{background:var(--amaru-red)}
.filter-bar{border-color:var(--amaru-border)}
.location-control select,.location-control svg,.remote-toggle{color:#525252}
.chevron,.clear-filters{color:var(--amaru-gray)}
.check-box{border-color:#bdb8b5}
.remote-toggle[aria-pressed=true]{background:var(--amaru-red-4);border-color:var(--amaru-red-40);color:var(--amaru-charcoal)}
.remote-toggle[aria-pressed=true] .check-box{background:var(--amaru-red);border-color:var(--amaru-red)}
.catalog-summary b,.section-heading h2{color:var(--amaru-charcoal)}
.sidebar-label,.nav-label,.industry-link,.industry-link small{color:#656565}
.overview-link.active{background:var(--amaru-red-4);color:var(--amaru-charcoal)}
.overview-link.active .grid-icon{color:var(--amaru-red)}
.industry-link:hover,.overview-link:not(.active):hover{background:#eeecea;color:var(--amaru-charcoal)}
.industry-link.active{background:var(--amaru-red-8);color:var(--amaru-charcoal)}
.industry-link.active small{color:#555}
.sidebar-note{border-color:var(--amaru-border)}
.sidebar-note p{color:var(--amaru-charcoal)}
.sidebar-note>span:last-child{color:var(--amaru-gray)}
.industry-card,.list-surface{border-color:#d8d5d2;box-shadow:0 2px 4px #00000005}
.card-heading{background:var(--amaru-red-4);border-bottom-color:var(--amaru-red-20);box-shadow:none;min-height:76px;padding:17px 22px;gap:11px}
.card-heading h3{color:var(--amaru-red);font-size:13px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;line-height:1.45;margin-bottom:4px}
.card-heading p{color:#73706a;font-size:11px;line-height:1.4}
.card-heading .industry-symbol{background:transparent;border:0;color:var(--amaru-red);width:26px;height:30px;border-radius:0}
.card-heading .industry-symbol svg{width:20px;height:20px}
.card-heading-copy{flex:1;min-width:0}
.card-heading-arrow{width:18px;height:18px;flex-shrink:0;color:var(--amaru-red)}
a.card-heading{text-decoration:none}
a.card-heading:hover{background:var(--amaru-red-8)}
a.card-heading:hover h3{color:var(--amaru-charcoal)}
a.card-heading:hover h3{text-decoration:underline;text-underline-offset:3px}
a.card-heading:focus-visible{outline:2px solid var(--amaru-red);outline-offset:-4px}
.job,.list-surface .job{background:var(--amaru-white);border-top-color:#e2dfdc}
.job-title,.list-surface .job-title{color:var(--amaru-charcoal);font-size:18px;line-height:1.4;font-weight:650}
.job-title:hover{color:var(--amaru-red)}
.job-title.viewed{color:#626262}
.job-details{border-left-color:#dedbd8}
.job-company,.list-surface .job-company{color:#595959;font-weight:450}
.job-location,.list-surface .job-location{color:#666}
.job-location svg,.list-surface .job-location svg{color:#777}
.save-button{background:transparent;border-color:transparent;color:#797979}
.save-button:hover{background:var(--amaru-red-4);border-color:var(--amaru-red-40);color:var(--amaru-red)}
.save-button[aria-pressed=true]{background:var(--amaru-red-8);border-color:var(--amaru-red-40);color:var(--amaru-red)}
.save-button[aria-pressed=true] svg{fill:var(--amaru-red-8)}
.card-footer{background:white;border-color:#e5e2de;padding:8px 22px}
.browse-button{background:transparent;border:0;border-radius:6px;color:#696762;font-size:12px;font-weight:450;padding:10px 0;min-height:44px}
.browse-button .arrow{color:#88817a;font-size:17px}
.browse-button:hover{background:transparent;border-color:transparent;color:var(--amaru-charcoal);text-decoration:underline;text-underline-offset:3px}
.browse-button:hover .arrow{color:var(--amaru-red)}
.detail-heading{border-left-color:var(--amaru-red)}
.detail-heading h2{color:var(--amaru-charcoal)}
.detail-heading p,.employer-filter>span,.back-link,.pagination p,.saved-help{color:var(--amaru-gray)}
.employer-filter{border-color:var(--amaru-border)}
.detail-heading .industry-symbol,.industry-option .industry-symbol{background:var(--amaru-red-4);border-color:var(--amaru-red-20);color:var(--amaru-red)}
.pagination button{background:white;border-color:#d6d1cb;color:#555;font-weight:500}
.pagination button:hover{background:#f6f5f3;color:var(--amaru-charcoal)}
.primary-button{background:var(--amaru-red);border-color:var(--amaru-red);color:white}
.primary-button:hover{background:#bd2020;color:white}
.toast{background:var(--amaru-charcoal)}
.read-finish{background:#efedeb;border-color:#dad6d2}
.finish-mark{border-color:var(--amaru-red-40);color:var(--amaru-red)}
.read-finish h3{color:var(--amaru-charcoal)}
.read-finish p,.read-finish button{color:var(--amaru-gray)}
.page-footer{border-color:var(--amaru-border);color:var(--amaru-gray)}
.footer-brand{color:var(--amaru-red)}
.source-note,.sheet-description,.company-option span,.company-empty,.industry-option small{color:var(--amaru-gray)}
dialog{background:var(--amaru-surface);border-color:var(--amaru-border)}
dialog::backdrop{background:#26262666}
.sheet-handle{background:#d2ceca}
.close-dialog{background:#f0edeb;color:var(--amaru-charcoal)}
.company-search input{border-color:#d8d3cf}
.company-option:hover,.industry-option:hover{background:#f0edeb}
.company-option.active,.industry-option.active{background:var(--amaru-red-8);color:var(--amaru-charcoal)}
.industry-option{border-color:var(--amaru-border)}
@media(max-width:760px){
  .intro p{color:var(--amaru-gray)}
  .filter-bar{background:var(--paper);border-bottom-color:#dad6d2}
  .card-heading{padding:14px 16px;min-height:70px;gap:10px}
  .card-heading h3{font-size:12px;letter-spacing:.65px}
  .card-heading p{color:#73706a;font-size:11px}
  .job-title,.list-surface .job-title{font-size:17px;line-height:1.4}
  .card-footer{padding:7px 16px}
  .mobile-nav{background:#fff;border-color:#d8d3cf;box-shadow:0 -4px 14px #00000008}
  .mobile-nav button{color:#626262}
  .mobile-nav button.active{background:var(--amaru-red-4);color:var(--amaru-red)}
  .mobile-nav button.active svg{color:var(--amaru-red)}
  #mobile-saved-count{background:var(--amaru-red)}
}
@media(max-width:359px){
  .job-title,.list-surface .job-title{font-size:16px}
  .card-heading{padding-left:14px;padding-right:14px}
  .card-heading h3{font-size:11px;letter-spacing:.5px}
  .card-footer{padding-left:14px;padding-right:14px}
}
/* Make catalog scale and Career Toolkit access visible on every screen size. */
.intro .catalog-summary{display:flex;flex-wrap:wrap;gap:0 5px;text-align:left;white-space:normal;margin-top:17px;font-size:16px;line-height:1.6;color:var(--amaru-gray);font-variant-numeric:tabular-nums}
.intro .catalog-summary strong{color:var(--amaru-charcoal);font-weight:700}
.header-actions .toolkit-link{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:7px 0;color:var(--amaru-charcoal);line-height:1.4}
.toolkit-link span{margin-left:0}
.toolkit-link strong{font-size:13px;font-weight:650}
.toolkit-link .toolkit-support{font-size:11px;font-weight:400;color:var(--amaru-gray)}
.toolkit-link .toolkit-name{font-size:11px;font-weight:600;color:#b91c1c;text-decoration:underline;text-underline-offset:3px}
.toolkit-link:hover .toolkit-name{color:var(--amaru-red)}
@media(max-width:760px){
  :root{--header:104px}
  .site-header .header-inner{gap:14px;padding:0 16px}
  .site-header .brand{gap:8px;flex-shrink:0}
  .site-header .brand-divider{display:none}
  .site-header .brand-title{font-size:10px;letter-spacing:1px}
  .site-header .header-actions{display:flex;gap:0;max-width:245px;min-width:0}
  .header-actions .saved-nav,.site-header .mobile-edition{display:none}
  .header-actions .toolkit-link{white-space:normal;gap:3px}
  .toolkit-link strong{font-size:12px}
  .toolkit-link .toolkit-support{font-size:11px;line-height:1.35}
  .toolkit-link .toolkit-name{font-size:10px}
  .intro .eyebrow{display:flex;font-size:8px;letter-spacing:.8px;margin-bottom:8px}
  .intro .catalog-summary{display:flex;font-size:15px;margin-top:12px;line-height:1.5}
}