/* Scoped completion journey; locked splash/landing assets are untouched. */
/* End-of-Flip controls scroll with the article in both editions. */
#reading .flip-end-actions{box-sizing:border-box;margin:24px 0 16px}
.flip-end-continue{display:flex;flex-wrap:wrap;gap:8px 12px}
.flip-end-actions button,.flip-end-actions a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:6px 14px;border:1px solid #a9abb0;border-radius:999px;background:#fff;color:#41444a;font:600 14px/1.2 Roboto,Arial,sans-serif;text-align:center;text-decoration:none}
.flip-end-actions [data-next-flip]{background:#eeece7;border-color:#8a8882}
.flip-end-actions .completion-done{min-width:104px;margin-top:18px;font-weight:500}
.flip-end-actions :is(button,a):focus-visible{outline:2px solid #41444a;outline-offset:2px}
/* Shared pill geometry for the reader and companion layers. */
.matched-reader-banners{--reader-banner-pill-width:min(124px,calc((100vw - 40px) / 2));--reader-banner-pill-gap:16px}
#reader.matched-reader-banners .reader-wayfinding{display:grid;grid-template-rows:auto minmax(44px,auto);padding:0 12px;border:0}
#reader.matched-reader-banners #reader-nav{grid-row:1;gap:var(--reader-banner-pill-gap)}
#reader.matched-reader-banners #reader-nav>div{min-width:0;height:auto}
#reader.matched-reader-banners .reader-invitation{grid-row:2;align-self:center;margin:0;padding-inline:44px}
#reader.matched-reader-banners .reader-agency{display:none}
#reader.matched-reader-banners .reader-profile{top:auto;bottom:0}
.matched-reader-banners>.dock{gap:var(--reader-banner-pill-gap);padding-inline:12px}
#reader.matched-reader-banners #reader-nav .evidence-pill,
#reader.matched-reader-banners>.dock .front-page-pill,
#impact-reader.matched-reader-banners>.dock .front-page-pill{
  position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;
  box-sizing:border-box;width:var(--reader-banner-pill-width);min-width:0;min-height:36px;height:auto;
  padding:4px 8px;border:1px solid #a9abb0;border-radius:999px;background:#fff;color:#41444a;
  font:600 14px/1.2 Roboto,Arial,sans-serif;letter-spacing:0;text-align:center;white-space:normal;text-decoration:none;box-shadow:none;
}
#reader.matched-reader-banners #reader-nav .evidence-pill::before,
#reader.matched-reader-banners>.dock .front-page-pill::before,
#impact-reader.matched-reader-banners>.dock .front-page-pill::before{inset:-4px 0;min-height:44px}
#reader.matched-reader-banners #reading .supplied-card .batch-punchline{margin-top:10px;text-align:left}
#reader.matched-reader-banners #reading .supplied-card>.flip-opening+h3{margin-top:16px}
/* One neutral focus treatment: no second red ring around a navigation pill. */
.matched-reader-banners>.dock .front-page-pill:focus,#sheet>.dock .home-pill:focus{outline:none;box-shadow:none}
.matched-reader-banners>.dock .front-page-pill:focus-visible,#sheet>.dock .home-pill:focus-visible{outline:none;box-shadow:none;border-color:#41444a;background:#f1f1ee;text-decoration:underline;text-underline-offset:3px}
#completion-layer{z-index:20;background:#fff;padding:env(safe-area-inset-top,0px) 20px max(12px,env(safe-area-inset-bottom,0px));max-width:560px;color:#252b36}
.completion-header{position:relative;display:flex;align-items:center;justify-content:center;min-height:68px;flex:none}
.completion-brand{width:120px;height:55px;object-fit:contain}
.completion-back,.completion-profile{position:absolute;top:12px;width:44px;height:44px;border:0;background:transparent;color:#737773;display:flex;align-items:center;justify-content:center}
.completion-back{left:-8px}.completion-profile{right:-8px}
.completion-back svg{width:24px;height:24px}.completion-profile svg{width:22px;height:27px}
#completion-title{font:700 13px/1.4 Roboto,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;text-align:center;margin:0 0 16px;color:#111;flex:none}
#completion-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;display:flex}
#completion-body::-webkit-scrollbar{display:none}
.completion-thanks{width:100%;max-width:380px;text-align:center;margin:auto;padding:28px 8px 36px}
#completion-body h2{font:700 32px/1.15 Editorial,Georgia,serif;text-align:center;color:#242424;letter-spacing:-.025em;margin:0 0 16px}
.completion-thanks-intro{font:400 16px/1.5 Roboto,Arial,sans-serif;margin:0}
.completion-invitation{margin:32px auto 24px;max-width:31ch}
.completion-invitation h3{font:700 18px/1.4 Roboto,Arial,sans-serif;color:#252b36;text-align:center;margin:0 0 12px}
.completion-invitation p{font:400 16px/1.55 Roboto,Arial,sans-serif;color:#41444a;margin:0}
.completion-survey-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:148px;height:36px;padding:0 20px;border:1px solid #b82422;border-radius:999px;background:#fff;color:#b82422;font:600 14px/1.2 Roboto,Arial,sans-serif}
.completion-thanks .completion-survey-link{border-color:#a9abb0;color:#41444a}
.completion-survey-link::before{content:"";position:absolute;inset:-4px 0;min-height:44px;border-radius:999px}
.completion-optional{font:400 12px/1.5 Roboto,Arial,sans-serif;color:#65615b;margin:12px 0 0}
.completion-footer{padding:16px 4px 0;flex:none;text-align:center}
#completion-action{position:relative;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:112px;height:36px;min-height:36px;padding:0 20px;border:1px solid #a9abb0;border-radius:999px;background:#fff;color:#41444a;font:600 14px/1.2 Roboto,Arial,sans-serif}
#completion-action::before{content:"";position:absolute;inset:-4px 0;min-height:44px;border-radius:999px}
#completion-layer[data-view="done"] #completion-action{min-height:44px;height:auto;border-color:#292621;background:#292621;color:#fff}
#completion-layer[data-view="done"] #completion-action::before{display:none}
#completion-action:disabled{background:#f3f2ef;color:#73716c;border-color:#d3d0ca;cursor:default}
#completion-send-note{font:400 12px/1.5 Roboto,Arial,sans-serif;margin:12px auto 0;max-width:34ch;color:#65615b}
#completion-layer[data-view="feedback"] #completion-title{font:500 12px/1.5 Roboto,Arial,sans-serif;letter-spacing:.02em;text-transform:none;color:#65615b;margin:0 0 18px}
.completion-feedback{width:100%;background:var(--workshop-panel,#fbfbf9);border:1px solid var(--workshop-panel-edge,#cec9c1);padding:26px 22px 18px;align-self:flex-start;min-height:100%;text-align:center;display:flex;flex-direction:column}
#completion-body .completion-feedback h2{font:700 24px/1.25 Editorial,Georgia,serif;text-align:left;letter-spacing:-.02em;margin:0 0 24px;max-width:25ch}
.completion-feedback fieldset{border:0;padding:0;margin:0;text-align:left;min-width:0}
.completion-option{display:flex;gap:12px;align-items:center;min-height:48px;padding:8px 0;font:400 17px/1.4 Roboto,Arial,sans-serif;cursor:pointer}
.completion-option input{appearance:auto;accent-color:#b82422;width:18px;height:18px;margin:0;flex:none}
.completion-support-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin-top:auto;padding-top:24px}
.completion-quiet{display:block;min-height:44px;padding:8px 6px;background:none;border:0;text-decoration:underline;text-underline-offset:3px;color:#61615f;font:400 13px/1.4 Roboto,Arial,sans-serif}
.completion-preview-note{font:400 12px/1.5 Roboto,Arial,sans-serif;color:#65615b;margin:8px 0 0}
#completion-layer button:focus{outline:none;box-shadow:none}
#completion-layer button:focus-visible{outline:2px solid #616570;outline-offset:3px}
#completion-other{text-align:left;margin-top:12px}#completion-other label{font:400 14px/1.4 Roboto,Arial,sans-serif}
#completion-comment{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid var(--workshop-panel-edge,#cec9c1);border-radius:0;background:#fff;font:400 16px/1.5 Roboto,Arial,sans-serif;resize:vertical;color:#252b36}
#completion-remaining{font:400 12px/1.4 Roboto,Arial,sans-serif;color:#65615b;margin:6px 0 0}
@media(max-height:650px){.completion-header{min-height:60px}#completion-title{margin-bottom:10px}.completion-thanks{padding:16px 4px}.completion-invitation{margin-top:24px;margin-bottom:20px}.completion-feedback{padding-top:20px}.completion-footer{padding-top:12px}}

/* Feedback fields inherit the approved story-panel paper and fine edge. */
.completion-field-optional{font-weight:400;color:#65615b}
.completion-field-note{font:400 12px/1.5 Roboto,Arial,sans-serif;color:#65615b;margin:8px 0 0}
.completion-reply-choice{display:flex;align-items:center;gap:12px;min-height:44px;margin-top:18px;padding:8px 0;cursor:pointer}
.completion-reply-choice input{appearance:auto;width:18px;height:18px;accent-color:#b82422;flex:none;margin:0}
#completion-email-group{margin-top:8px}
#completion-email{display:block;width:100%;min-height:44px;margin-top:8px;padding:10px;border:1px solid var(--workshop-panel-edge,#cec9c1);border-radius:0;background:#fff;color:#252b36;font:400 16px/1.5 Roboto,Arial,sans-serif}

.completion-confirmation{justify-content:center;align-items:center;padding:32px 24px}
#completion-body .completion-confirmation h2{text-align:center;font-size:32px;margin:0 0 18px}
.completion-confirmation>p{font:400 16px/1.5 Roboto,Arial,sans-serif;margin:0 0 18px;max-width:30ch}
.completion-confirmation>.completion-preview-note{font-size:13px;color:#65615b;margin:0}