/* ============================================================
   lr1: YOUR AUXE and the starting choices (BR-03, BR-10, BR-11).
   The summary is laid out on the page, no pills and no new cards:
   three areas split by a hairline, each with the Profile object in
   its well, every value a full-width row with its Edit.
   ============================================================ */

body.pm-premium .onb-sum.sum2{text-align:center;padding-top:6px}
body.pm-premium .sum2 .onb-h{font-size:clamp(34px,10vw,40px)}
body.pm-premium .sum2 .sum-goal{display:inline-flex;align-items:center;min-height:36px;margin-top:2px;padding:4px 12px;border:0;background:none;font:inherit;font-size:14px;font-weight:800;color:var(--word,#2F6A9A);cursor:pointer}
body.pm-premium .sum2 .onb-sumfig{width:104px;margin:4px auto 0}
body.pm-premium .sum2 .sum-areas{text-align:left;margin-top:10px}
body.pm-premium .sum2 .sum-area{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:14px;align-items:start;padding:14px 0 12px;border-top:1px solid rgba(22,62,99,.10)}
body.pm-premium .sum2 .sum-o{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:2px;
  background:linear-gradient(180deg,#EDECE9,#DBDAD7);box-shadow:inset 0 2px 6px rgba(30,31,33,.16),0 1px 0 #fff}
body.pm-premium .sum2 .sum-o img,body.pm-premium .sum2 .sum-o svg,body.pm-premium .sum2 .sum-o .body-r{max-width:86%;max-height:86%;width:auto;height:auto;display:block}
body.pm-premium .sum2 .sum-o[data-o="body"] svg,body.pm-premium .sum2 .sum-o[data-o="body"] .body-r{height:88%;width:auto}
body.pm-premium .sum2 .sum-b{min-width:0}
body.pm-premium .sum2 .sum-k{display:block;font-size:var(--ui-meta,14px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--word,#2F6A9A);margin:2px 0 2px}
body.pm-premium .sum2 .sum-ln{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:40px;padding:4px 0;border:0;background:none;
  font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--ink)}
body.pm-premium .sum2 .sum-ln+.sum-ln{border-top:1px solid rgba(22,62,99,.06)}
body.pm-premium .sum2 .sum-v{font-size:16.5px;font-weight:700;letter-spacing:-.01em;min-width:0}
body.pm-premium .sum2 .sum-e{flex:none;font-size:var(--ui-meta,14px);font-weight:800;color:var(--word,#2F6A9A);padding:6px 0 6px 10px}
body.pm-premium .sum2 .sum-ln.unset .sum-v{font-weight:600;color:var(--ink-3)}
body.pm-premium .sum2 .sum-ln:active{opacity:.6}
body.pm-premium .sum2 .sum-ln:focus-visible{outline:2px solid var(--word,#2F6A9A);outline-offset:2px;border-radius:8px}
body.pm-premium .sum2 .sum-mac{display:flex;gap:18px;font-size:14.5px;font-weight:600;color:var(--ink-2);padding:2px 0 4px}
body.pm-premium .sum2 .sum-mac b{color:var(--ink);font-weight:800}
body.pm-premium .sum2 .sum-note{display:block;font-size:var(--ui-meta,14px);font-weight:600;line-height:1.35;color:var(--ink-3);margin-top:4px}
body.pm-premium .sum2 .sum-next{margin:14px 0 0;font-size:14.5px;font-weight:600;color:var(--ink-2)}
body.pm-premium .sum2 .sum-next b{color:var(--ink)}
body.pm-premium .sum2 .onb-go{margin-top:14px}/* Continue stays in reach however long the summary runs */

body.pm-premium .sum2 .sum-foot{position:sticky;bottom:0;z-index:2;margin:6px -22px 0;padding:26px 22px calc(14px + env(safe-area-inset-bottom,0px));
  background:rgba(242,241,238,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22px);mask-image:linear-gradient(180deg,transparent 0,#000 22px)}
body.pm-premium .sum2 .sum-foot .onb-go{margin-top:0;width:100%}
body.pm-premium .onb-step:has(.sum2){padding-bottom:0}
body.pm-premium .sum2 .sum-foot .sum-next{margin:0 0 10px}/* Your auxe (visual review): the bar's words sat on a 90% wash, blurred and masked to transparent at the top, so
   lines scrolling under it showed through behind "Next". The bar is now solid page colour behind its words; the
   soft edge is a fade drawn above it, never under its text, and the summary ends with room to scroll clear of it. */

body.pm-premium .sum2 .sum-foot{background:var(--app-bg-solid,#EDECE9);-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-mask-image:none;mask-image:none;padding-top:14px}
body.pm-premium .sum2 .sum-foot::before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px;pointer-events:none;background:linear-gradient(180deg,transparent,var(--app-bg-solid,#EDECE9))}
body.pm-premium .sum2 .sum-areas{padding-bottom:22px}/* Shared onboarding keys (visual review): Back is 40px and the "i" 30px. Each keeps its look and gets a 44 x 44
   touch area from a centred, invisible pseudo-element (the method used for the Week Path checkpoints). */

.onb-back,body.pm-premium .onb-info{position:relative}
.onb-back::after,body.pm-premium .onb-info::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px}/* BR-10: every Edit line and Change goal is a full fingertip (44px); on a short phone the figure steps down so the
   areas start on the first screen, and the bar at the bottom takes less of it */

body.pm-premium .sum2 .sum-ln{min-height:44px}
body.pm-premium .sum2 .sum-goal{min-height:44px}
@media (max-height:640px){
  body.pm-premium .sum2 .onb-h{font-size:32px}
  body.pm-premium .sum2 .onb-sumfig{width:60px}
  body.pm-premium .sum2 .sum-foot{padding-top:14px}
  body.pm-premium .sum2 .sum-foot .sum-next{margin:0 0 8px;font-size:14px}
}/* BR-08: your own sets and reps on "How do you like to work?". The box opens under its tile; words stay in ink
   (the error red is too light for small words), the field takes the error red only as its edge. */

body.pm-premium .onb-ownbox{margin:4px 0 0;padding:14px 16px 16px;border-radius:20px;background:rgba(255,255,255,.72);box-shadow:var(--vr-key-edge,0 1px 2px rgba(30,31,33,.08))}
body.pm-premium .onb-ownbox.hide{display:none}
body.pm-premium .onb-ownl{display:block;font-size:var(--ui-meta,14px);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--word,#2F6A9A)}
body.pm-premium .onb-ownbox .onb-in{min-height:52px;margin-top:6px;border:1.5px solid rgba(22,62,99,.18);background:#fff;font:inherit;font-size:19px;font-weight:700;color:var(--ink)}
body.pm-premium .onb-ownbox .onb-in[aria-invalid="true"]{border-color:var(--error,#D54848)}
body.pm-premium .onb-ownmsg{display:block;margin-top:8px;font-size:14px;font-weight:600;line-height:1.35;color:var(--ink-2)}
body.pm-premium .onb-ownmsg.bad{color:var(--ink);font-weight:800}
body.pm-premium .onb-ownbox .onb-go{margin-top:12px;width:100%}/* the starting choices: the outcome is the sentence under each name; Build my week leads */

body.pm-premium .onb-opt.st-o{gap:16px}
body.pm-premium .onb-opt.st-o .st-ico{flex:none;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--word,#2F6A9A);
  background:linear-gradient(180deg,#F8F7F4,#EBEAE7);box-shadow:inset 0 1px 3px rgba(30,31,33,.12),0 1px 0 #fff}
body.pm-premium .onb-opt.st-o .st-ico svg{width:24px;height:24px}
:root:not([data-theme="dark"]) body.pm-premium .onb-opt.st-primary{background:var(--vr-graphite)!important;box-shadow:var(--vr-graphite-edge)!important;border-color:transparent!important;color:var(--on-key)!important}
:root:not([data-theme="dark"]) body.pm-premium .onb-opt.st-primary .oo-t small{color:var(--on-key-2,#1F4F7C)!important}
body.pm-premium .onb-opt.st-primary .st-ico{background:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);color:var(--on-key,#163E63)}