/* V0.4: additions scoped to the application, keeping the V0.3 theme intact. */
.pie-centrevil-app button{min-height:44px}
.pie-centrevil-app :focus-visible{outline:3px solid #124b63;outline-offset:3px}
.pie-centrevil-app .pie-app-main{width:min(860px,100%);padding-top:26px;padding-bottom:48px}
.pie-centrevil-app .pie-app-head-center small{display:block;font-size:11px;color:#51666d;margin-top:4px}
.pie-centrevil-app .pie-app-percent{font-size:14px}
.pie-centrevil-app .pie-lesson-context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.pie-centrevil-app .pie-lesson-context span{font-size:11px;font-weight:800;letter-spacing:.08em;color:#47646a}
.pie-centrevil-app .pie-lesson-context button{border:0;background:transparent;font-size:12px;font-weight:750;color:#0b655b}
.pie-centrevil-app .pie-availability{margin:0 0 20px;border-left:3px solid #bd9d55;padding:9px 12px;background:#faf6ed;color:#67532b;font-size:13px;border-radius:0 8px 8px 0}
.pie-centrevil-app .pie-stage-card.intro{padding:36px;background:linear-gradient(140deg,#fff 70%,#f0f8f4)}
.pie-centrevil-app .pie-stage-card.intro h1{max-width:620px;font-size:clamp(34px,5vw,48px);line-height:1.12;letter-spacing:-.03em;color:#153e4c}
.pie-centrevil-app .pie-stage-card.intro .pie-stat-grid div{background:#f0f6f3;border:1px solid #dfebe5}
.pie-centrevil-app .pie-lesson-roadmap{padding:0;margin:28px 0 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;counter-reset:step}
.pie-centrevil-app .pie-lesson-roadmap li{counter-increment:step;border-top:2px solid #cbded7;padding-top:14px;font-size:13px}
.pie-centrevil-app .pie-lesson-roadmap li:before{content:"0" counter(step);display:block;color:#0d7468;font-size:12px;font-weight:800;margin-bottom:6px}
.pie-centrevil-app .pie-lesson-roadmap strong,.pie-centrevil-app .pie-lesson-roadmap span{display:block}
.pie-centrevil-app .pie-lesson-roadmap span{color:#526a70;margin-top:5px;font-size:12px}
.pie-centrevil-app .pie-response{border:0;padding:0;margin:0;min-width:0}
.pie-centrevil-app .pie-response:disabled{opacity:.8}
.pie-centrevil-app .pie-hide-wrap{align-items:end}
.pie-centrevil-app .pie-hide-wrap label{display:grid;gap:7px;font-size:13px;font-weight:700}
.pie-centrevil-app .pie-hide-wrap input{width:100%;color:#16313a;background:white}
.pie-centrevil-app .pie-previous{margin-top:12px}
.pie-centrevil-app .pie-corrections{padding:16px;background:#f1f7f4;border-radius:12px;margin:18px 0}
.pie-centrevil-app .pie-corrections li{margin:10px 0}
.pie-centrevil-app summary{cursor:pointer;font-weight:700;padding:6px 0}
.pie-centrevil-app .pie-editorial{margin:22px 8px;color:#52666c;font-size:12px}
.pie-centrevil-app .pie-editorial label{display:flex;align-items:center;gap:8px;padding:10px 0}
.pie-centrevil-app .pie-editorial input{width:20px;height:20px}
.pie-centrevil-app .pie-local-note{font-size:12px;color:#52666c;margin:0 0 20px}
.pie-centrevil-app .pie-storage-warning{padding:12px;background:#fff0df;color:#63461e;border-radius:8px}
.pie-centrevil-app .pie-map-list button{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#16313a}
.pie-centrevil-app .pie-map-list button span{font-size:12px;white-space:nowrap}
.pie-centrevil-app .pie-map-list [data-jump-pause]{margin-left:14px;font-size:12px;background:#f5f8f6}
.pie-centrevil-app .pie-feedback{flex-wrap:wrap}
.pie-centrevil-app .pie-small-note{color:#52666c}
.pie-centrevil-app .pie-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.admin-bar .pie-centrevil-app .pie-app-header{top:32px}
@media(max-width:782px){body.admin-bar .pie-centrevil-app .pie-app-header{top:46px}}
@media(max-width:620px){
  .pie-centrevil-app .pie-stage-card.intro{padding:22px}
  .pie-centrevil-app .pie-lesson-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pie-centrevil-app .pie-app-main{padding:18px 12px 26px}
  .pie-centrevil-app .pie-lesson-context{align-items:flex-start}
  .pie-centrevil-app .pie-lesson-context span{padding-top:12px;font-size:10px}
  .pie-centrevil-app .pie-stage-card h1,.pie-centrevil-app .pie-stage-card h2{overflow-wrap:anywhere}
  .pie-centrevil-app .pie-availability{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.pie-centrevil-app *{scroll-behavior:auto!important;transition:none!important}}