/* Mobile Lead detail: measured from the immutable VIS-109/VIS-113 artboards.
   Keep real record copy, selected-tab reveal, privacy/payment evidence and
   ordinary document flow. Desktop integration screens keep their own scale. */
@media(max-width:600px){
  /* A 44px semantic target surrounds the authored 41px painted stage. The
     integer 1px/2px borders and compensating margins keep the same flow,
     without device-pixel rounding changing the painted height.
     Intrinsic width also keeps longer configured stage names readable. */
  .core-lead-page .stage-track{margin-top:-1px;margin-bottom:18px}
  .sp-workspace .core-lead-page .stage-step{
    flex:0 0 auto;width:max-content;min-width:105px;height:44px;min-height:44px;
    padding:0;border-top:1px solid transparent;border-bottom:2px solid transparent;border-inline:0;
    background-clip:padding-box;border-radius:8.5px;white-space:nowrap
  }
  .core-lead-page .stage-step:focus-visible{outline-offset:-3px}

  /* 304px inner width at the 390px reference: 139.84px + 14px places the
     value/owner column at x196.84, rather than the equal-grid x201.5. */
  .core-lead-page .core-record-summary{grid-template-columns:repeat(2,minmax(0,46%));column-gap:14px}
  .core-lead-page .core-record-summary>div{min-width:0}

  /* The authored mobile overview reserves a 31px gap before Complete.
     Its 99.2px painted width uses 7px horizontal padding around native text,
     icon and border. Keep a real 44px target rather than the PDF's 41px box. */
  .core-lead-page .core-followup>.ph{font-size:18px;flex:0 0 18px}
  .core-lead-page .core-followup .task-content{overflow-wrap:anywhere}
  .core-lead-page .core-followup b{line-height:22.5px}
  .core-lead-page .core-followup p{line-height:16.5px}
  .core-lead-page .core-followup>.btn{margin-left:31px;padding-inline:7px;min-height:44px}

  /* The PDF's 266px note at 390px is wider than the ordinary 258px content
     column, but remains inside its card. Consume 8px of the 17px right
     padding, leaving a 9px inner gutter at every supported mobile width. */
  .core-lead-page .core-recent-timeline:not(.core-full-timeline){margin-right:-8px}
  .core-lead-page .core-recent-timeline:not(.core-full-timeline) .timeline-item>div:last-child{overflow-wrap:anywhere}
  .core-lead-page .core-recent-timeline:not(.core-full-timeline) .timeline-item p:not(.timeline-note):not(.timeline-extra){margin-top:0}
  /* Use the font's fractional advances, as the original PDF does. Chromium
     Linux's automatic hinted metrics round this 240px line to 242px; native
     geometric precision keeps the same font program, size and saved whitespace. */
  .core-lead-page .core-recent-timeline:not(.core-full-timeline) .timeline-note{padding:12px;text-rendering:geometricPrecision}

  /* The original activity action sits inside the same padded body. The
     runtime action is its sibling: remove only the duplicated bottom gap. */
  .core-lead-page .panel-body:has(>.core-recent-timeline:not(.core-full-timeline)){padding-bottom:0}
  .core-lead-page .core-note-list{padding-bottom:20px}

  .core-lead-page .meta-lead-sync{line-height:1.5}
  .core-lead-page .meta-lead-sync .panel{border-radius:14px}
  .core-lead-page .meta-lead-sync>.notice.success{padding:15px;gap:10px}
  .core-lead-page .meta-lead-sync>.notice.success>i{font-size:21px;margin-top:0}
  .core-lead-page .meta-lead-sync>.notice.success b{
    font-size:12px;line-height:18px;font-weight:700;margin:0 0 3px
  }
  .core-lead-page .meta-lead-sync>.notice.success p{font-size:12px;line-height:18px}

  .core-lead-page .meta-lead-sync .meta-occurrence-card .meta-row{align-items:center;margin-bottom:22px}
  .core-lead-page .meta-lead-sync .meta-occurrence-card .meta-row h2{line-height:1.5}
  .core-lead-page .meta-lead-sync .keyvalue{font-size:13px;line-height:1.5;padding:13px 0;min-height:0;align-items:center}
  .core-lead-page .meta-lead-sync .keyvalue b{font-size:13px;line-height:1.5}
  .core-lead-page .meta-lead-sync .pill{line-height:1.5}
  .core-lead-page .meta-lead-sync .meta-occurrence-warning{padding:15px;margin-top:20px;line-height:1.5}
  .core-lead-page .meta-lead-sync .meta-occurrence-warning b{
    font-size:12px;line-height:18px;font-weight:700;margin:0 0 3px
  }
  .core-lead-page .meta-lead-sync .meta-occurrence-warning p{font-size:12px;line-height:18px}
  .core-lead-page .meta-lead-sync .meta-milestones-card h3{line-height:1.5;margin:0}
  .core-lead-page .meta-lead-sync .meta-milestones-card .meta-caption{font-size:10px;line-height:1.5;margin:13px 0 0}

  /* This additional disclosure contains real saved evidence absent from the
     artboard. Keep it in flow and provide a full keyboard/touch target. */
  .core-lead-page .meta-lead-sync .meta-lead-evidence>summary{min-height:44px;padding-block:13.75px}
  .core-lead-page .meta-lead-sync .meta-lead-evidence>summary:focus-visible{outline:3px solid #65C8B9;outline-offset:3px}
}
@media(max-width:360px){
  .core-lead-page .core-followup>.btn{margin-left:0}
  .core-lead-page .meta-lead-sync .keyvalue{flex-wrap:wrap;gap:6px}
  .core-lead-page .meta-lead-sync .keyvalue b{max-width:100%;text-align:left}
  .core-lead-page .meta-lead-sync .keyvalue .pill{max-width:100%}
}