:root{
  --ws-rail:240px;
  --ws-gutter:clamp(0px, calc((100vw - 1200px) * 0.14), 112px); 
  --ws-canvas-gap:clamp(14px, 1.3vw, 22px);
  --ws-frame:clamp(14px, calc((100vw - 1200px) * 0.14), 112px); 
  --ws-canvas-standard:1240px;  
  --ws-canvas-focused:760px;    
  --ws-canvas-wide:1560px;      
}

.osx{background:
  radial-gradient(1300px 720px at 3% -6%, rgba(255,255,255,.80), rgba(255,255,255,0) 58%) no-repeat,
  linear-gradient(133deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 40%, rgba(21,42,74,.012) 100%),
  repeating-linear-gradient(0deg, rgba(255,255,255,.26) 0, rgba(255,255,255,.26) 1px, rgba(18,38,68,.017) 1px, rgba(18,38,68,.017) 2px, transparent 2px, transparent 4px),
  #EFF1F6 !important;background-blend-mode:normal !important}
.osx-grid{grid-template-columns:var(--ws-rail) minmax(0,1fr);column-gap:var(--ws-canvas-gap);padding-inline:var(--ws-frame)}
@media(min-width:761px){.osx-grid{padding-top:var(--ws-frame)}}

.osx-main{background:var(--paper);border:0 !important;border-top-left-radius:18px !important;border-top-right-radius:18px !important;border-bottom-right-radius:0 !important;border-bottom-left-radius:0 !important;box-shadow:0 0 18px -5px rgba(16,22,35,.10),0 10px 28px -14px rgba(16,22,35,.17) !important;margin:0 !important;padding:clamp(22px,2.1vw,32px) clamp(22px,2.4vw,38px) 60px !important}

#main{--canvas-max:var(--ws-canvas-standard)}
#main[data-layout="focused"]{--canvas-max:var(--ws-canvas-focused)}
#main[data-layout="application"]{--canvas-max:var(--ws-canvas-wide)}
#main[data-layout="immersive"]{--canvas-max:var(--ws-canvas-wide)}
#main>*{max-width:var(--canvas-max);margin-inline:auto}

@media(max-width:760px){
  .osx-grid{grid-template-columns:1fr;padding-inline:0;padding-top:0}
  #main>*{max-width:none;margin-inline:0}
  
  .osx-main{padding:16px 16px 44px !important;box-shadow:none !important;border-radius:0 !important}
}


.cards.list.resume{border-top:1px solid var(--rule)}
.cards.list.resume .pcard{cursor:pointer;padding:12px 8px !important}
.cards.list.resume .rz-meta{flex:1;min-width:0}
.cards.list.resume .rz-meta b{display:block;font-size:0.9375rem;font-weight:600;letter-spacing:-.012em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cards.list.resume .rz-meta span{font-family:var(--mono);font-size:0.71875rem;color:var(--ink-subtle)}
.cards.list.resume .rz-when{flex:none;font-size:0.75rem;color:var(--ink-faint);white-space:nowrap}
.cards.list.resume .rz-go{flex:none;display:inline-flex;color:var(--ink-subtle);opacity:.45;transition:opacity .14s var(--ease),transform .14s var(--ease),color .14s}
.cards.list.resume .rz-go svg{width:18px;height:18px}
.cards.list.resume .pcard:hover .rz-go{opacity:1;color:var(--cobalt);transform:translateX(2px)}
@media(max-width:760px){.cards.list.resume .rz-when{display:none}}

.pd-sec{margin:28px 0 12px}
.pd-sec h3{font-size:0.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle);margin:0}
.pd-caps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pd-cap{display:flex;align-items:flex-start;gap:12px;text-align:left;width:100%;background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:14px 16px;cursor:pointer;font-family:inherit;transition:border-color .14s var(--ease),background .14s}
.pd-cap:hover{border-color:var(--cobalt-100);background:#FBFCFE}
.pd-cap-ic{flex:none;width:34px;height:34px;border-radius:9px;background:var(--surface);display:grid;place-items:center;color:var(--ink-soft);transition:color .14s}
.pd-cap-ic svg{width:18px;height:18px}
.pd-cap:hover .pd-cap-ic{color:var(--cobalt)}
.pd-cap-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pd-cap-main b{font-size:0.875rem;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.pd-cap-state{font-size:0.8125rem;font-weight:600;color:var(--ink)}
.pd-cap.ok .pd-cap-state{color:var(--good)}
.pd-cap.attn .pd-cap-state{color:var(--amber)}
.pd-cap-sub{font-size:0.75rem;color:var(--ink-faint)}
.pd-cap-go{flex:none;align-self:center;font-size:0.78125rem;font-weight:600;color:var(--ink-subtle);white-space:nowrap}
.pd-cap:hover .pd-cap-go{color:var(--cobalt)}
.pd-work,.pd-allclear{border:1px solid var(--rule);border-radius:12px;padding:16px}
.pd-work-h{display:flex;align-items:center;gap:14px}
.pd-work-h .t{flex:1;min-width:0}
.pd-work-h b{display:block;font-size:0.875rem;color:var(--ink)}
.pd-work-h span{font-size:0.78125rem;color:var(--ink-faint)}
.pd-work .pm-miss{margin:12px 0 0}
.pd-allclear{display:flex;align-items:center;gap:12px}
.pd-allclear .pd-ok{width:26px;height:26px;border-radius:50%;background:var(--good);color:var(--paper);display:grid;place-items:center;flex:none}
.pd-allclear .pd-ok svg{width:14px;height:14px}
.pd-allclear .t b{display:block;font-size:0.875rem;color:var(--ink)}
.pd-allclear .t span{font-size:0.78125rem;color:var(--ink-faint)}
.pd-outs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
.pd-rec-h{display:flex;align-items:center;margin:0 0 8px}
.pd-rec-h b{flex:1;font-size:0.84375rem;font-weight:600;color:var(--ink)}
@media(max-width:760px){.pd-caps,.pd-outs{grid-template-columns:1fr}}

.dv-main .reveal{box-shadow:none !important}
#main[data-layout="focused"] .grid2,#main[data-layout="focused"] .doc-grid{grid-template-columns:1fr !important}