/* Photo Reply: a sample site. Own small stylesheet; no Riff or Whappai CSS. */
:root{--bg:#f6f4ef;--ink:#1d2830;--mute:#56656f;--card:#fff;--line:#d9d5ca;--accent:#c8651b;--accent-ink:#fff;--good:#2b7a4b;--warn:#a85d00;--band:#1d2830;--band-ink:#f6f4ef;--r:14px;--pl-fast:150ms;--pl-base:300ms;--pl-slow:600ms}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.pl-page{margin:0;background:var(--bg);color:var(--ink);font:17px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}
img,svg{max-width:100%;height:auto}
a{color:#0b5c8a}
main{max-width:980px;margin:0 auto;padding:0 16px 40px}
.pl-band{margin:0;padding:10px 16px;background:var(--band);color:var(--band-ink);font-size:15px;text-align:center}
.pl-header{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;max-width:980px;margin:0 auto;padding:10px 16px}
.pl-brand{font-weight:700;font-size:19px;color:var(--ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.pl-nav{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}
.pl-nav a:not(.pl-btn){min-height:44px;display:inline-flex;align-items:center;color:var(--ink)}
.pl-nav a[aria-current]{font-weight:700}
.pl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;border:2px solid var(--accent);background:var(--accent);color:var(--accent-ink);font:600 17px/1 inherit;text-decoration:none;cursor:pointer}
.pl-btn-small{min-height:44px;padding:0 16px;font-size:16px}
.pl-btn-alt{background:transparent;color:var(--accent)}
.pl-hero h1{font-size:clamp(28px,6vw,46px);line-height:1.12;margin:24px 0 12px}
.pl-sub{font-size:19px;color:var(--mute);max-width:720px}
.pl-playbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.pl-progress{height:6px;background:var(--line);border-radius:3px;overflow:hidden;margin:8px 0}
.pl-progress i{display:block;height:100%;width:0;background:var(--accent)}
.pl-status{min-height:1.5em;color:var(--warn);margin:4px 0}
.pl-stage{display:grid;gap:20px;margin:12px 0;align-items:start}
.pl-captions{list-style:none;margin:0;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.pl-cap{padding:6px 0;border-bottom:1px solid var(--line)}
.pl-cap:last-child{border:0}
.pl-cap[data-speaker=caller]{color:#0b5c8a}
.pl-card{background:#1d2830;color:#f6f4ef;border-radius:var(--r);padding:14px 16px;font-family:ui-monospace,Menlo,monospace;font-size:16px}
.pl-card-title{font:600 13px/1.3 -apple-system,sans-serif;color:#aab7bf;margin:0 0 8px}
.pl-card-head{margin:0 0 6px;font-weight:700}
.pl-card-line{margin:2px 0}
.pl-tick{color:#6fd39a}
.is-pending{display:none !important}
.pl-after{margin:12px 0}
.pl-beat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.pl-sms{background:#e8f2ff;border-color:#b7d3f3}
.pl-sms-to{display:block;font-size:13px;color:var(--mute)}
.pl-sms-link{color:#0b5c8a;text-decoration:underline}
.pl-report{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;margin:12px 0}
.pl-report h3{margin:0 0 8px;font-size:19px}
.pl-rows,.pl-list{list-style:none;margin:0;padding:0}
.pl-row,.pl-dshot{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:10px 0;border-top:1px solid var(--line)}
.pl-row .g,.pl-dshot .g{font-size:20px;color:var(--good);font-weight:700}
.pl-row.is-retake .g,.pl-dshot[data-state=retake] .g{color:var(--warn)}
.pl-dshot[data-state=pending] .g,.pl-dshot[data-state=skipped] .g{color:var(--mute)}
.t{margin:0;font-weight:600}
.line{margin:4px 0 0}
.src{font-size:12px;color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:1px 8px;white-space:nowrap}
.pl-fig{margin:6px 0;max-width:150px}
.pl-fig img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.pl-fig figcaption{font-size:12px;color:var(--mute)}
.pl-fig.is-dim img{filter:grayscale(1) opacity(.45)}
.pl-note-checker{font-size:14px;color:var(--mute)}
.pl-end{background:#fff7ec;border:1px solid #f0d3ae;border-radius:var(--r);padding:14px 16px}
.pl-end-links{display:flex;flex-wrap:wrap;gap:10px}
.pl-section{padding:28px 0 0}
.pl-section h2{font-size:26px;margin:0 0 10px}
.pl-ladder li,.pl-gets li,.pl-start li{margin:8px 0}
.pl-details{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin:8px 0;padding:0 14px}
.pl-details summary,.pl-row-sum{min-height:44px;cursor:pointer;display:flex;align-items:center}
.pl-details p{margin:0 0 12px}
.pl-asks{padding-left:20px}
.pl-ask{margin:0 0 4px;font-weight:600}
.pl-safety{margin:2px 0 6px;color:var(--warn);font-size:15px}
.pl-footer{max-width:980px;margin:0 auto;padding:20px 16px 40px;color:var(--mute);font-size:14px;border-top:1px solid var(--line)}
/* desk */
.pl-desk h1{font-size:clamp(22px,4.5vw,32px);margin:20px 0 4px}
.pl-lede{color:var(--mute);margin:0 0 12px}
.pl-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:8px 0}
.pl-tools input[type=search],.pl-compose input[type=text],.pl-compose select{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;font:inherit;max-width:100%;width:100%}
.pl-tools input[type=search]{width:min(100%,320px)}
.pl-chips{display:flex;gap:8px;flex-wrap:wrap}
.pl-chip{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);font:600 15px/1 inherit;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none;color:var(--ink)}
.pl-chip.is-on,.pl-chip[aria-current=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.pl-call{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin:10px 0;padding:0 14px}
.pl-call.is-hidden{display:none}
.pl-row-sum{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:8px 0;align-items:start;list-style:none}
.pl-row-sum::-webkit-details-marker{display:none}
.pl-row-sum .time{font-weight:700}
.pl-row-sum .who{font-weight:600}
.pl-row-sum .job,.pl-row-sum .words,.pl-row-sum .state{grid-column:2;color:var(--mute);font-size:15px}
.pl-row-sum .state{color:var(--ink);font-weight:600}
.pl-call-body{padding:4px 0 14px}
.pl-facts{padding-left:18px}
.pl-nothing{background:#f4efe6;border-radius:10px;padding:10px 12px}
.pl-compose{border-top:2px solid var(--line);margin-top:14px;padding-top:10px}
.pl-compose label{display:block;margin:8px 0}
.pl-compose .pl-pick{display:flex;gap:10px;align-items:center;min-height:44px;margin:0}
.pl-compose ul{list-style:none;padding:0;margin:6px 0}
.pl-off{display:none}
.pl-compose .pl-err{color:#b3261e;min-height:1.4em;margin:4px 0}
.pl-compose input.is-invalid{border-color:#b3261e}
.pl-preview{background:#eef2f5;border-radius:10px;padding:10px 12px}
.pl-preview .pl-head,.pl-preview .pl-tail{color:var(--mute)}
.pl-nojs{display:block;color:var(--mute)}
.pl-compose.is-live .pl-nojs{display:none}
.pl-fields{border:0;margin:0;padding:0;min-width:0}
.pl-shots-preview{padding-left:20px}
.pl-shots-preview .pl-safety{display:block}
.pl-compose.is-locked{opacity:.7}
/* walk */
.pl-walk h1{font-size:clamp(26px,5vw,38px);margin:20px 0 4px}
.pl-switch{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}
.pl-frame{max-width:380px;margin:12px auto;border:10px solid #1d2830;border-radius:36px;background:#fff;padding:18px;min-height:360px}
.pl-frame .pl-ask{font-size:20px}
.pl-frame{position:relative;overflow:hidden}
.pl-frame.is-flash::after{content:"";position:absolute;inset:0;background:#fff;pointer-events:none;animation:pl-flash 260ms ease-out forwards}
@keyframes pl-flash{from{opacity:.95}to{opacity:0}}
.pl-take{gap:10px;width:100%}.pl-cam{display:inline-flex}
.pl-example{margin:10px 0 6px;transition:max-width .32s cubic-bezier(.2,.7,.2,1)}
.pl-example img,.pl-example-blank{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:14px;border:2px dashed var(--line);opacity:.9}
.pl-example-blank{height:150px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;color:var(--mute);background:repeating-linear-gradient(45deg,transparent 0 10px,rgba(127,127,127,.08) 10px 20px)}
.pl-example figcaption,.pl-shot figcaption{font-size:13px;color:var(--mute);margin-top:4px}
.pl-example.is-small{max-width:96px}.pl-example.is-small img,.pl-example.is-small .pl-example-blank{max-height:72px;height:72px;font-size:11px;padding:4px}
.pl-shot{margin:8px 0;position:relative;animation:pl-arrive .32s cubic-bezier(.2,.7,.2,1)}
.pl-shot img,.pl-shot-blank{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.pl-shot-blank{height:180px;display:flex;align-items:center;justify-content:center;background:#2b3238;color:#cfd6dc;padding:12px;text-align:center}
.pl-shot.is-looking::after{content:"";position:absolute;left:0;right:0;height:3px;top:0;background:var(--good);box-shadow:0 0 12px 2px rgba(11,102,93,.35);animation:pl-scan 900ms linear infinite}
.pl-shot.is-retake img{filter:saturate(.6) brightness(.85);outline:3px solid var(--warn);outline-offset:-3px}
.pl-shot.is-blurry img{filter:blur(3px) brightness(.7)}
@keyframes pl-arrive{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes pl-scan{from{top:0}to{top:calc(100% - 22px)}}
.pl-steps{list-style:none;padding:0}
.pl-step{padding:10px 0;border-top:1px solid var(--line)}
.pl-step-n{margin:0;color:var(--mute);font-size:14px}
.pl-verdict{margin:6px 0;color:var(--good);font-weight:600}
.pl-verdict[data-kind=retake]{color:var(--warn)}
.pl-walk.is-live .pl-plan-steps{display:none}
.pl-walk.is-live .pl-plan-steps.is-current{display:none}
@media (min-width:900px){.pl-stage{grid-template-columns:360px 1fr}.pl-row-sum{grid-template-columns:90px 160px 1fr 1fr 190px}.pl-row-sum .job,.pl-row-sum .words,.pl-row-sum .state{grid-column:auto}}
@media (prefers-reduced-motion:reduce){*{transition-duration:1ms !important;animation-duration:1ms !important}}

.pl-whole{margin:12px 0}
.pl-whole audio{display:block;margin-top:6px;max-width:100%}

@media(min-width:900px){.pl-hero h1{font-size:40px;margin:14px 0 8px}.pl-sub{margin:0 0 10px}.pl-progress{margin:4px 0}.pl-status{min-height:0;margin:0}}

/* Phones: the product shows in the first screen. A short banner, the nav on one row, the job chips in one scrolling row. */
@media (max-width:600px){
  .pl-band{font-size:13px;padding:6px 12px;line-height:1.35}
  .pl-header{padding:4px 12px;row-gap:0}
  .pl-brand{font-size:17px;min-height:40px}
  .pl-nav{flex-wrap:nowrap;gap:0 10px;font-size:14px;width:100%;overflow-x:auto;scrollbar-width:none}
  .pl-nav::-webkit-scrollbar{display:none}
  .pl-nav .pl-btn-small{margin-left:auto;padding:0 12px;font-size:14px;white-space:nowrap}
  .pl-nav a:not(.pl-btn){white-space:nowrap}
  .pl-switch{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:6px -12px;padding:0 12px 4px}
  .pl-switch::-webkit-scrollbar{display:none}
  .pl-switch .pl-chip{flex:none;white-space:nowrap}
  .pl-switch>span{flex:none;white-space:nowrap;position:sticky;left:0;z-index:1;background:var(--bg,#f4f1ec);padding-right:8px;align-self:center}
  .pl-walk h1{margin:10px 0 2px}
}

/* the Ready to roll sheet (inside a desk call card) */
.pl-sheet{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;margin:12px 0}
.pl-sheet h4{margin:14px 0 6px;font-size:16px}
.pl-sheet .pl-status{min-height:0;margin:0 0 4px;font-weight:700;font-size:18px}
.pl-status.is-ready{color:var(--good)}
.pl-status.is-missing{color:var(--warn)}
.pl-status.is-none{color:var(--mute)}
.pl-sheet ul{list-style:none;margin:0;padding:0}
.pl-fact{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between;padding:8px 0 8px 8px;border-top:1px solid var(--line);border-left:4px solid transparent}
.pl-fact.is-ok{border-left-color:var(--good)}
.pl-fact.is-wrong{border-left-color:#b3261e}
.pl-fact-text{flex:1 1 220px;min-width:0;overflow-wrap:anywhere}
.pl-marks{border:0;margin:0;padding:0;min-width:0;display:flex;gap:6px}
.pl-mark{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);font:600 15px/1 inherit;cursor:pointer;color:var(--ink)}
.pl-mark[aria-pressed=true][data-mark=ok]{background:var(--good);color:#fff;border-color:var(--good)}
.pl-mark[aria-pressed=true][data-mark=wrong]{background:#b3261e;color:#fff;border-color:#b3261e}
.pl-marks[disabled] .pl-mark{opacity:.5;cursor:default}
.src.rule{border-color:var(--accent);color:var(--warn);display:inline-block;margin:0 0 4px;white-space:normal}
.pl-bring li,.pl-unknown li{padding:6px 0;border-top:1px solid var(--line)}
.pl-bring li.is-doubt{text-decoration:line-through;color:var(--mute)}
.pl-bring li.is-doubt::after{content:" built on a fact marked Wrong";text-decoration:none;display:inline-block;color:#b3261e;font-size:14px}
.pl-tech-link{margin:12px 0 4px}
.pl-disclosure{margin:8px 0 0;font-size:14px;color:var(--mute)}

/* the tech's phone: #call=<key>&view=tech shows one job, Bring first */
body.pl-tech .pl-tools,body.pl-tech .pl-tools *,body.pl-tech .pl-desk>h1,body.pl-tech .pl-lede,body.pl-tech details.pl-call:not([open]),body.pl-tech .pl-compose,body.pl-tech .pl-tech-link{display:none}
body.pl-tech .pl-call-body{display:flex;flex-direction:column}
body.pl-tech .pl-sheet{display:contents}
body.pl-tech .pl-call-body>*{order:6}
body.pl-tech .pl-call-body>.pl-call-who{order:0}
body.pl-tech .pl-sheet>.pl-status{order:1;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:10px 14px}
body.pl-tech .pl-sheet>.pl-h-bring,body.pl-tech .pl-sheet>.src.rule,body.pl-tech .pl-sheet>.pl-bring{order:2}
body.pl-tech .pl-sheet>.pl-h-unknown,body.pl-tech .pl-sheet>.pl-unknown{order:3}
body.pl-tech .pl-call-body>.pl-list{order:4}
body.pl-tech .pl-sheet>.pl-h-know,body.pl-tech .pl-sheet>.pl-know{order:5}
body.pl-tech .pl-call-body>.pl-note-checker,body.pl-tech .pl-sheet>.pl-disclosure{order:7}

/* the 7 a.m. brief */
.pl-brief h1{font-size:clamp(22px,4.5vw,32px);margin:20px 0 4px}
.pl-brief-rows{list-style:none;margin:10px 0;padding:0}
.pl-brief-row{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:10px 14px;margin:10px 0}
.pl-brief-row[data-status=ready]{border-left:6px solid var(--good)}
.pl-brief-row[data-status=missing]{border-left:6px solid var(--warn)}
.pl-brief-row[data-status=none]{border-left:6px solid var(--line)}
.pl-brief-row p{margin:4px 0}
.pl-brief-head .pl-status{display:inline-block;min-height:0;margin:0;font-weight:700}
.pl-brief-thumbs{display:flex;gap:8px;flex-wrap:wrap}
.pl-brief-thumbs .pl-fig{max-width:84px}
.pl-brief-open a,.pl-brief-act a{display:inline-flex;align-items:center;min-height:44px}
.pl-guard{background:#f4efe6;border-radius:var(--r);padding:12px 16px;margin:20px 0}
.pl-guard h2{font-size:20px;margin:0 0 6px}
.pl-guard p{margin:6px 0}

/* One Start setup on screen at a time: beside the brand on phones, at the end of the nav on wider screens. */
.pl-cta-top{display:none}
@media (max-width:600px){
  .pl-cta-top{display:inline-flex;margin-left:auto;white-space:nowrap}
  .pl-cta-nav{display:none !important}
  .pl-nav{order:3;width:100%;overflow-x:auto;scrollbar-width:none}
  .pl-nav::-webkit-scrollbar{display:none}
}
/* the walk's questions and the video step */
.pl-options{display:grid;gap:6px;margin:6px 0}
.pl-opt{margin:0;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1.5px solid var(--line);border-radius:12px;background:var(--card)}
.pl-opt img{flex:none;width:84px;height:auto;border-radius:6px}
.pl-opt span{flex:1;min-width:0}
.pl-ack,.pl-sent,.pl-as-is{margin:6px 0;font-size:15px;color:var(--mute)}
.pl-sent{color:var(--good);font-weight:600}
.pl-sample{margin:6px 0;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--card)}
.pl-options-live{display:grid;gap:8px;margin:8px 0}
.pl-opt-btn{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:17px/1.3 inherit;text-align:left;cursor:pointer}
.pl-opt-btn img{flex:none;width:84px;height:auto;border-radius:6px}
.pl-opt-btn span{flex:1;min-width:0}
.pl-opt-btn.is-pick{border-color:var(--accent)}
.pl-opt-btn[aria-pressed="true"]{border-color:var(--good);background:#eef6f0;font-weight:600}
.pl-opt-btn:disabled{opacity:1;cursor:default}
.pl-field{display:flex;align-items:center;gap:8px;margin:8px 0}
.pl-field input{flex:1;min-width:0;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--card);font:22px/1.2 inherit;color:var(--ink)}
.pl-field-unit{min-width:34px;color:var(--mute)}
.pl-meter{height:10px;margin:10px 0;border-radius:999px;background:var(--line);overflow:hidden}
.pl-meter i{display:block;height:100%;width:0;background:var(--accent);animation:pl-record 5s linear forwards}
.pl-reduced .pl-meter i{animation:none;width:100%}
@keyframes pl-record{from{width:0}to{width:100%}}