/* Phone reading layout. Desktop styling stays in styles.css. */
.mobile-nav,.mobile-edition,.mobile-intro-title,.sheet-handle{display:none}
.sheet-description{font-size:13px;line-height:1.5;color:#746b60;margin:0 0 20px}
.industry-options{max-height:58dvh;overflow:auto;overscroll-behavior:contain}
.industry-option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 5px;border-top:1px solid var(--line);font-size:14px;line-height:1.4;min-height:56px}
.industry-option .industry-symbol{width:34px;height:34px;flex-shrink:0}
.industry-option .industry-name{flex:1;min-width:0}
.industry-option small{color:#766e63;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.industry-option.active{color:#a83d30;font-weight:600;background:#f2ede5}
.industry-option:hover{background:#f2ede5}
body:has(dialog[open]){overflow:hidden}

@media(max-width:760px){
  :root{--header:60px}
  html{scroll-padding-top:128px;scroll-padding-bottom:95px}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  .site-header{height:var(--header);background:#fff}
  .header-inner{padding:0 20px}
  .brand{gap:12px}
  .brand img{width:28px;height:31px}
  .brand-divider{height:22px}
  .brand-title{font-size:11px;letter-spacing:1.55px}
  .header-actions{display:none}
  .mobile-edition{display:block;font-size:9px;letter-spacing:.6px;color:#766e63;font-weight:550}
  .layout{padding:0 16px}
  main{padding-top:19px}
  .intro{padding:0 4px 16px}
  .intro .eyebrow,.desktop-intro-title{display:none}
  .mobile-intro-title{display:inline}
  h1{font-size:27px;font-weight:570;letter-spacing:-.9px;line-height:1.2;margin:0 0 6px}
  .intro p{font-size:13px;line-height:1.5;color:#746b60;max-width:none}
  .filter-bar{position:sticky;top:var(--header);z-index:20;margin:0 -16px;padding:10px 20px;background:rgba(251,250,248,.98);border-top:0;border-bottom:1px solid #e6e0d7;min-height:64px}
  .filters{gap:10px;justify-content:flex-start}
  .location-control{height:42px;max-width:190px;flex:1;border-radius:9px;padding:0 11px;background:white;gap:7px}
  .location-control select{width:100%;font-size:13px;min-width:0;padding:11px 16px 11px 0;line-height:1.2}
  .location-control svg{width:16px;height:16px}
  .location-control .chevron{right:10px;top:10px}
  .remote-toggle{font-size:12px;border:1px solid #e3dfd9;border-radius:9px;background:white;min-height:42px;padding:0 11px;gap:7px}
  .remote-toggle[aria-pressed=true]{color:#36302a;border-color:#a99b8b;background:#eeebe5}
  .check-box{height:16px;width:16px;border-color:#ac9e8e}
  .clear-filters{font-size:12px;min-height:44px;padding:0 3px}
  .mobile-jump{display:none!important}
  .section-heading{display:none}
  .digest-grid{gap:20px;padding-top:17px}
  .industry-card{border-color:#e7e1d8;border-radius:15px;box-shadow:none;scroll-margin-top:136px}
  .card-heading{padding:17px 16px 14px;min-height:74px;gap:11px}
  .industry-symbol{width:33px;height:33px;border-radius:10px;background:#f4f1eb}
  .card-heading h3{font-size:17px;line-height:1.25;font-weight:620;letter-spacing:-.4px;margin-bottom:5px}
  .card-heading p{font-size:11px;color:#70685d;line-height:1.4}
  .job-list,.card-footer{padding:0 16px}
  .job{padding:17px 0 16px;gap:10px}
  .job-title{font-size:16px;font-weight:590;line-height:1.4;letter-spacing:-.22px}
  .job-company{font-size:13px;line-height:1.45;color:#686055;margin:7px 0 3px}
  .job-location{font-size:12px;line-height:1.5;color:#766c60;gap:5px}
  .job-location svg{width:12px;height:14px;margin-top:2px}
  .save-button{width:44px;height:44px;min-width:44px;min-height:44px;margin:0 -3px 0 0;flex-shrink:0;border:1px solid #ede7dd;border-radius:10px;background:#faf8f4;color:#817364}
  .save-button svg{width:18px;height:21px;pointer-events:none}
  .save-button[aria-pressed=true]{border-color:#d8a494;background:#f7e9e2;color:#a33f31}
  .browse-button{font-size:12px;line-height:1.5;font-weight:600;min-height:54px;padding:14px 0;gap:15px}
  .browse-button .arrow{font-size:19px}
  .mobile-nav{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;inset:auto 0 0;background:rgba(255,255,255,.98);border-top:1px solid #e6e0d8;box-shadow:0 -4px 18px #54402006;z-index:35;padding:6px max(14px,env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}
  .mobile-nav button{min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;letter-spacing:.1px;color:#807568;position:relative;border-radius:10px}
  .mobile-nav button svg{height:22px;width:22px;pointer-events:none}
  .mobile-nav button.active{color:#2e2923;font-weight:650;background:#f3f0ea}
  .nav-bookmark{position:relative;display:flex}
  #mobile-saved-count{position:absolute;left:17px;top:-4px;font-size:9px;line-height:16px;min-width:16px;padding:0 4px;border-radius:9px;background:#ac4232;color:white;font-weight:600}
  .toast{bottom:calc(83px + env(safe-area-inset-bottom,0px));font-size:12px;line-height:1.5;z-index:40;max-width:calc(100% - 32px);padding:13px 17px}
  .back-link{min-height:44px;padding:12px 0 5px;font-size:12px}
  .detail-heading{margin:17px 0 13px}
  .detail-heading h2{font-size:27px;line-height:1.2;letter-spacing:-.8px}
  .detail-heading p{font-size:12px;line-height:1.6}
  .employer-filter{padding:3px 0 16px}
  .employer-filter>span{display:none}
  .employer-filter button{min-height:44px;max-width:100%;font-size:13px;border-radius:9px}
  .list-surface{padding:0 16px;margin-top:16px;border-radius:15px}
  .list-surface .job{padding:18px 0}
  .list-surface .job-title{font-size:16px;line-height:1.4}
  .list-surface .job-company{font-size:13px}
  .list-surface .job-location{font-size:12px}
  .pagination{padding:24px 0 16px}
  .pagination p{font-size:12px}
  .pagination button{font-size:13px;min-height:48px;width:100%}
  .saved-help{font-size:12px;line-height:1.7;padding:0 10px}
  .read-finish{padding:22px 17px}
  .read-finish p{font-size:12px}
  .read-finish button{font-size:12px;min-height:44px;margin:0}
  .page-footer{margin-top:28px;padding:26px 4px 30px}
  .page-footer p{font-size:11px;line-height:1.6}
  .source-note{font-size:10px}
  dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:88dvh;border:0;border-top:1px solid #e1d8cd;border-radius:22px 22px 0 0;background:var(--paper);padding:12px 20px calc(24px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain}
  .sheet-handle{display:block;width:34px;height:4px;margin:0 auto 18px;background:#d5cdc1;border-radius:6px}
  .dialog-header{gap:10px;align-items:flex-start}
  .dialog-header h2{font-size:24px;margin:3px 0 9px}
  .close-dialog{min-width:44px;min-height:44px;background:#efeae2;color:#65594b;border-radius:50%;font-size:15px;margin-top:-4px}
  .sheet-description{font-size:13px;line-height:1.6;margin-bottom:18px}
  .industry-options{max-height:calc(88dvh - 170px - env(safe-area-inset-bottom,0px));padding-bottom:4px}
  .industry-option{padding:11px 7px;min-height:62px;font-size:14px;gap:12px;border-radius:0}
  .industry-option small{font-size:11px}
  .company-search input{font-size:16px;padding:13px 14px;margin-top:13px}
  .company-options{max-height:calc(88dvh - 225px - env(safe-area-inset-bottom,0px));overscroll-behavior:contain}
  .company-option{font-size:14px;min-height:50px;padding:13px 10px}
  .company-option span{font-size:11px}
  .empty-state{padding:32px 19px}
  .empty-state p{font-size:14px}
  .primary-button{min-height:46px;font-size:13px}
  .job-title{scroll-margin-top:140px;scroll-margin-bottom:90px}
}
@media(max-width:359px){
  .brand-title{font-size:10px;letter-spacing:1px}.header-inner{padding:0 16px}.mobile-edition{font-size:8px}
  .filter-bar{padding-left:16px;padding-right:16px}.location-control{padding:0 8px}.location-control select{font-size:12px}.remote-toggle{font-size:11px;padding:0 8px}.filters{gap:7px}
  .job-title{font-size:15px}.job-company{font-size:12px}.save-button{margin-right:-5px}.card-heading{gap:9px}.card-heading h3{font-size:16px}
}