/* ============================================================
   PowerPoint course: presentation mock-ups (<pp-deck>, <pp-ribbon>)
   + the PowerPoint-orange tone for the chrome. Load AFTER excel.css
   and word.css: the window, ribbon, dialog (.xd), menu (.xm) and
   Backstage (.xb) styles are shared, and anything inside a .pp
   wrapper turns PowerPoint orange because the --xg tokens are
   re-pointed there.
   Slides are authored at 960 × 540 (1 pt = 1 px) and zoomed.
   ============================================================ */

:root{
  --po:#c43e1c; --po-deep:#8f2a0f; --po-soft:#f6d6cc; --po-fill:#fbeae5;
  --pp-font:Aptos,"Segoe UI Variable",Calibri,"Segoe UI",system-ui,sans-serif;
  --pp-display:"Aptos Display",Aptos,Calibri,"Segoe UI",sans-serif;
}
.pp,pp-deck,pp-ribbon,.pp .xd,.pp .xm,.pp .xb,.xd.pp,.xm.pp,.xb.pp{--xg:#c43e1c;--xg-deep:#8f2a0f;--xg-soft:#f6d6cc;--xg-fill:#fbeae5}
.t-po{color:var(--po)} [data-theme="dark"] .t-po{color:#ff8a65}
.tone-po{--c:var(--po);--cd:var(--po-deep)} [data-theme="dark"] .tone-po{--cd:#ff8a65}
.kicker.k-po{color:var(--po);background:color-mix(in srgb,var(--po) 14%,transparent)} [data-theme="dark"] .kicker.k-po{color:#ff8a65}
.btn-po{background:var(--po);color:#fff;box-shadow:0 16px 40px rgba(196,62,28,.3)} .btn-po:hover{transform:translateY(-3px)}
.badge-365{background:var(--po)}
.cardx.po,.cardx.orange{--c:var(--po)}
.asg .sb.xl{background:var(--po);box-shadow:0 6px 14px rgba(196,62,28,.28)}
/* code / command names in the course text are orange, not Excel green or Word blue */
.howto code,.steps code,.note code,.tip code,.slide-sub code,.fn-what code,.lead code,.q-text code,.asg code,.cards code,.tbl code,.fx b{color:var(--po);background:color-mix(in srgb,var(--po) 10%,transparent)}
[data-theme="dark"] .howto code,[data-theme="dark"] .steps code,[data-theme="dark"] .note code,[data-theme="dark"] .tip code,[data-theme="dark"] .slide-sub code,[data-theme="dark"] .fn-what code,[data-theme="dark"] .lead code,[data-theme="dark"] .q-text code,[data-theme="dark"] .asg code,[data-theme="dark"] .cards code,[data-theme="dark"] .tbl code,[data-theme="dark"] .fx b{color:#ff8a65}
.fx b{background:none}
.road div:nth-child(2){--c:var(--po)}
.level.l2{--c:var(--po);--cd:var(--po-deep)}

/* ---------- the window ---------- */
pp-deck,pp-ribbon{display:inline-block;max-width:100%;vertical-align:top;line-height:1.2;text-align:left}
pp-deck.block,pp-ribbon.block{display:block}
pp-deck .xs{display:flex;flex-direction:column;width:100%}
.pp-work{position:relative;display:flex;align-items:stretch;background:#e6e6e6;overflow:hidden;min-height:60px}
.pp-main{flex:1;min-width:0;display:flex;flex-direction:column}
.pp-canvas{position:relative;flex:1;display:flex;justify-content:center;align-items:flex-start;gap:14px;padding:18px 20px;background:#e6e6e6;overflow:hidden}
.pp-layer{position:absolute;inset:0;pointer-events:none;z-index:9}
.pp.canvas-only .pp-canvas{padding:0;background:transparent}
.pp.canvas-only{border:none;box-shadow:none;border-radius:0;background:transparent}
.pp.canvas-only .pp-work{background:transparent;overflow:visible}

/* the slide frame on the canvas: a 960×540 slide zoomed to --cw */
.pp-frame{position:relative;flex:none;width:var(--cw);height:var(--ch);box-shadow:0 1px 4px rgba(0,0,0,.35);background:#fff}
.pp-frame > .pp-s{zoom:var(--k)}
.pp-canvas .pp-frame > .pp-s{overflow:visible}

/* thumbnail pane */
.pp-thumbs{display:none;flex:none;width:140px;background:#fff;border-right:1px solid #d4d4d4;padding:8px 6px 8px 8px;flex-direction:column;gap:8px;overflow:hidden;font-family:var(--xl-ui)}
.pp.has-thumbs .pp-thumbs{display:flex}
.pp-th{display:grid;grid-template-columns:14px 1fr;gap:4px;align-items:start}
.pp-th-n{font-size:10px;color:#444;text-align:right;padding-top:2px;line-height:1.1}
.pp-th-n .pp-th-tr{display:block;font-style:normal;color:#8a8a8a;font-size:8px}
.pp-th-s{position:relative;width:var(--tw);height:var(--th);overflow:hidden;border:1px solid #c6c6c6;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15)}
.pp-th-s > .pp-s{zoom:var(--tk)}
.pp-th.on .pp-th-s{outline:2px solid var(--xg);outline-offset:1px}
.pp-th.hid .pp-th-s{opacity:.45} .pp-th.hid .pp-th-n{text-decoration:line-through}
.pp-th-sec{font-size:10.5px;font-weight:600;color:#444;padding:4px 0 0 2px;border-top:1px solid #e6e6e6;margin-top:2px}
.pp-th-sec small{font-weight:400;color:#888}
.pp-th.master{margin-bottom:6px} .pp-th.master .pp-th-s{outline:1px solid #8a8a8a}
.pp-th-l{grid-column:2;font-size:8.5px;color:#666;line-height:1.1;margin-top:-4px}
/* outline view */
.pp-ol{display:grid;grid-template-columns:14px 1fr;gap:4px;font-size:9.5px;line-height:1.25;color:#222;padding:2px 0}
.pp-ol i{font-style:normal;color:#444;text-align:right}
.pp-ol b{display:block;font-weight:600}
.pp-ol-l{padding-left:8px;color:#444}
.pp-ol.on{background:var(--xg-fill)}
.pp[data-view="outline"] .pp-thumbs{width:170px}

/* notes bar + status */
.pp-notesbar{display:none;height:26px;border-top:1px solid #d4d4d4;background:#fff;padding:5px 12px;font-family:var(--xl-ui);font-size:11px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp.has-notes .pp-notesbar{display:block}
.pp-nb-ph{color:#8a8a8a}
.pp .xs-status span + span::before{content:"";display:inline-block;width:1px;height:12px;background:#ccc;margin:0 10px -2px -8px}
.pp .xs-status .xs-stats::before,.pp .xs-status .pp-stat-notes::before,.pp .xs-status .xs-views::before,.pp .xs-status .xs-zoom::before{display:none}
.pp .xs-status .pp-stat-notes{margin-left:auto;display:inline-flex;gap:4px;align-items:center}
.pp .xs-status .pp-stat-acc{display:inline-flex;gap:4px;align-items:center}
.pp .xs-status .xs-zoom{display:inline-flex;gap:4px;align-items:center}

/* right-hand task pane */
.pp-pane{display:none;flex:none;width:230px;background:#fff;border-left:1px solid #d4d4d4;font-family:var(--xl-ui);font-size:11.5px;color:#222;overflow:hidden;flex-direction:column}
.pp.has-pane .pp-pane{display:flex}
.pp-pane-h{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 6px;font-weight:600;font-size:13px;border-bottom:1px solid #e5e5e5}
.pp-pane-h span{color:#666;font-weight:400}
.pp-pane-b{padding:8px 12px;display:flex;flex-direction:column;gap:6px}
.pp-pane-note{color:#666;font-size:11px}
.pp-pane-tabs{display:flex;gap:12px;color:#555;border-bottom:1px solid #e5e5e5;padding-bottom:4px}
.pp-pane-tabs .on{color:var(--xg);font-weight:600;box-shadow:inset 0 -2px 0 var(--xg)}
.pp-pane-ico{display:flex;gap:10px;color:#555;padding:2px 0}
.pp-pane-sec{font-weight:600;margin-top:4px}
.pp-pane-row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pp-pane .xd-rad,.pp-pane .xd-chk{font-size:11.5px;margin:0}
.pp-sw{display:inline-block;width:40px;height:16px;background:#156082;border:1px solid #888}
.pp-pane .xd-btn{align-self:flex-start;height:24px;min-width:0;font-size:11.5px}
.pp-ap-row{display:grid;grid-template-columns:14px 14px 1fr 50px;align-items:center;gap:4px;padding:3px 4px;border-radius:3px}
.pp-ap-row i{font-style:normal;font-size:10px;color:#444} .pp-ap-row b{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-ap-row .xi{color:#4ea72e}
.pp-ap-bar{display:block;height:8px;width:var(--l,20px);background:#5aa65a;border-radius:2px;justify-self:end}
.pp-ap-row.on{background:var(--xg-fill);outline:1px solid var(--xg)}
.pp-di{border:1px solid #d4d4d4;padding:4px;border-radius:3px;background:#fafafa}
.pp-di .pp-th-s{width:196px;height:110px;border:none;box-shadow:none;margin:0 auto}
.pp-di .pp-th-s > .pp-s{zoom:.2042}
.pp-di:hover,.pp-di.on{outline:2px solid var(--xg)}
.pp-sp-row{display:flex;justify-content:space-between;padding:3px 6px;border-radius:3px} .pp-sp-row.on{background:var(--xg-fill)}
.pp-cm{background:#fff;border:1px solid #d9d9d9;border-left:3px solid var(--xg);border-radius:4px;padding:8px 10px;font-size:11.5px;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.pp-cm-by{display:flex;align-items:center;gap:6px;margin-bottom:4px}
.pp-cm-by i{width:20px;height:20px;border-radius:50%;background:var(--xg);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:10px}
.pp-cm-by b{font-weight:600} .pp-cm-by span{color:#777;font-size:10.5px;margin-left:auto}
.pp-cm-t{line-height:1.35;color:#222} .pp-cm-r{margin-top:6px;color:#777;font-size:10.5px;border-top:1px solid #eee;padding-top:4px}

/* ---------- views ---------- */
.pp[data-view="sorter"] .pp-canvas{flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;gap:14px 16px;padding:16px 20px;background:#e6e6e6}
.pp-sort{display:flex;flex-direction:column;align-items:center;gap:3px;font-family:var(--xl-ui);font-size:10px;color:#444}
.pp-sort .pp-th-s{width:var(--sw);height:var(--sh)} .pp-sort .pp-th-s > .pp-s{zoom:var(--sk)}
.pp-sort.on .pp-th-s{outline:2px solid var(--xg);outline-offset:1px}
.pp-sort.hid .pp-th-s{opacity:.45} .pp-sort.hid span{text-decoration:line-through}
.pp-sort-sec{width:100%;font-family:var(--xl-ui);font-size:11px;font-weight:600;color:#444;border-bottom:1px solid #c9c9c9;padding-bottom:2px}
.pp[data-view="reading"] .pp-canvas{background:#d9d9d9;padding:24px 20px}
.pp[data-view="show"] .pp-work,.pp[data-view="show"] .pp-canvas{background:#000}
.pp[data-view="show"] .pp-canvas{padding:0;align-items:center;justify-content:center}
.pp[data-view="show"] .pp-frame{box-shadow:none}
.pp-show-bar{position:absolute;left:10px;bottom:8px;display:flex;gap:8px;opacity:.35;color:#fff;background:rgba(255,255,255,.08);border-radius:14px;padding:3px 8px}
.pp-show-bar span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%}
.pp.pen .pp-show-bar span:nth-child(3){background:#fff;color:#000;opacity:1}
.pp[data-view="show"] .pp-canvas:hover .pp-show-bar{opacity:.9}
.pp-laser{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#ff1a1a;box-shadow:0 0 10px 4px rgba(255,40,40,.6);z-index:5;animation:pp-laser 1.2s ease-in-out infinite}
@keyframes pp-laser{50%{transform:scale(1.25)}}
/* presenter view */
.pp[data-view="presenter"] .pp-work,.pp[data-view="presenter"] .pp-canvas{background:#262626}
.pp[data-view="presenter"] .pp-canvas{padding:0}
.pp-pv{width:100%;display:flex;flex-direction:column;font-family:var(--xl-ui);color:#eee;font-size:11px}
.pp-pv-top{display:flex;justify-content:space-between;padding:6px 10px;background:#1b1b1b}
.pp-pv-top span{display:inline-flex;gap:4px;align-items:center}
.pp-pv-end{border:1px solid #666;padding:1px 8px;border-radius:3px}
.pp-pv-grid{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:12px 14px}
.pp-pv-cur .pp-frame{box-shadow:0 0 0 1px #555}
.pp-pv-side{display:flex;flex-direction:column;gap:8px;min-width:0}
.pp-pv-next .pp-th-s{width:140px;height:79px;border-color:#555} .pp-pv-next .pp-th-s > .pp-s{zoom:.1458}
.pp-pv-next small{display:block;color:#aaa;font-size:10px;margin-top:2px}
.pp-pv-notes{flex:1;background:#333;border-radius:3px;padding:8px;font-size:12px;line-height:1.4;color:#fff;overflow:hidden}
.pp-pv-notes i{color:#999}
.pp-pv-tools{display:flex;gap:8px;align-items:center;padding:6px 14px 10px}
.pp-pv-tools span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#3a3a3a}
.pp-pv-pg{margin-left:auto;width:auto!important;background:none!important;display:inline-flex!important;gap:6px;color:#ccc}
/* notes page view */
.pp[data-view="notes"] .pp-canvas{background:#e6e6e6}
.pp-notespage{width:var(--npw);background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3);padding:30px 30px 20px;display:flex;flex-direction:column;align-items:center;gap:18px}
.pp-np-slide .pp-frame{box-shadow:0 0 0 1px #999}
.pp-np-text{width:80%;min-height:70px;font-family:var(--pp-font);font-size:12px;line-height:1.4;color:#222;border:1px dashed #c0c0c0;padding:8px 10px}
.pp-np-text .ph-t{color:#888}
/* master view: dashed placeholders */
.pp[data-view="master"] .pp-frame .ph{border-style:dashed}

/* ========================================================
   THE SLIDE (960 × 540 design units, 1 pt = 1 px)
   ======================================================== */
.pp-s{--acc:#156082;--title:#0a0a0a;--text:#262626;--sub:#595959;--bul:var(--acc);--bg:#fff;
  position:relative;width:var(--dw,960px);height:var(--dh,540px);background:var(--bg);color:var(--text);font-family:var(--pp-font);font-weight:400;font-size:24px;line-height:1.2;overflow:hidden;
  display:flex;flex-direction:column;padding:30px 60px 48px;text-align:left}
.pp-s > *{position:relative;z-index:1;margin:0}
.pp-s::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
/* placeholders */
.pp-s .ph{border:1px dashed #a6a6a6;min-height:1.4em;position:relative}
.pp-s .ph:empty::before{content:attr(data-ph);color:#6f6f6f;font-weight:400;position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%)}
.pp-s h1.ph:empty::before,.pp-s .h1.ph:empty::before,.pp-s .sub.ph:empty::before{text-align:center}
.pp-s figure.pp-img.ph{background:#f2f2f2;border:1px dashed #a6a6a6}
.pp-s figure.pp-img.ph::before,.pp-s figure.pp-img.ph::after{display:none}
.pp-s figure.pp-img.ph:empty::before{display:block;content:attr(data-ph);background:none;position:absolute;left:12px;right:12px;top:50%;height:auto;transform:translateY(-50%);text-align:center;color:#6f6f6f;font-size:20px}
.pp-th-s .ph,.pp[data-view="show"] .ph,.pp[data-view="reading"] .ph,.pp[data-view="presenter"] .ph{visibility:hidden}
.pp-s .pp-hidden{display:none!important}
.pp-s [data-step]:not(.is-shown){display:none}
.slide .pp-s [data-step]{transition:none;transform:none;opacity:1}
.pp-canvas .pp-new{animation:pp-in .5s ease both}
@keyframes pp-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* typography */
.pp-s h1,.pp-s .h1{font-family:var(--pp-display);font-weight:400;font-size:54px;line-height:1.1;color:var(--title);text-align:center;letter-spacing:-.01em}
.pp-s h2{font-family:var(--pp-display);font-weight:400;font-size:40px;line-height:1.12;color:var(--title);letter-spacing:-.01em}
.pp-s h3{font-family:var(--pp-display);font-weight:400;font-size:28px;color:var(--title)}
.pp-s .sub{font-size:24px;color:var(--sub);text-align:center}
.pp-s p{font-size:24px;line-height:1.3;color:var(--text)}
.pp-s ul,.pp-s ol{list-style:none;padding:0;font-size:28px;line-height:1.2}
.pp-s li{position:relative;padding-left:1.05em;margin:0 0 .45em}
.pp-s ul > li::before{content:"•";position:absolute;left:0;top:0;color:var(--bul)}
.pp-s ol{counter-reset:pp}
.pp-s ol > li::before{counter-increment:pp;content:counter(pp) ".";position:absolute;left:0;top:0;color:var(--bul)}
.pp-s li.l2,.pp-s li li{font-size:24px;margin-left:1.2em;margin-top:.3em}
.pp-s li.l2::before{content:"–"}
.pp-s ul.nobullet > li{padding-left:0} .pp-s ul.nobullet > li::before{display:none}
.pp-s .b,.pp-s b,.pp-s strong{font-weight:700} .pp-s .i,.pp-s em{font-style:italic} .pp-s .u{text-decoration:underline} .pp-s .s{text-decoration:line-through}
.pp-s .sup{vertical-align:super;font-size:.7em} .pp-s .sub-s{vertical-align:sub;font-size:.7em}
.pp-s .hl{background:#ffff00;color:#111} .pp-s .shadow{text-shadow:2px 2px 2px rgba(0,0,0,.4)}
.pp-s .red{color:#c00000} .pp-s .blue{color:#0070c0} .pp-s .green{color:#00b050} .pp-s .orange{color:#ed7d31} .pp-s .grey{color:#7f7f7f} .pp-s .white{color:#fff} .pp-s .acc{color:var(--acc)}
.pp-s .center{text-align:center} .pp-s .right{text-align:right} .pp-s .justify{text-align:justify} .pp-s .left{text-align:left}
.pp-s .caps{text-transform:uppercase} .pp-s .big{font-size:1.4em} .pp-s .bigger{font-size:2em} .pp-s .small{font-size:.8em} .pp-s .tiny{font-size:.6em}
.pp-s .nospace{margin:0;line-height:1.1}
.pp-s .mono{font-family:Consolas,"Cascadia Code",monospace} .pp-s .serif{font-family:Georgia,"Times New Roman",serif} .pp-s .script{font-family:"Segoe Script","Brush Script MT",cursive}
.pp-s .pp-link{color:#0563c1;text-decoration:underline}
.pp-s .cols2{column-count:2;column-gap:40px}
.pp-s .pp-eq{font-family:"Cambria Math",Cambria,serif;font-size:36px;text-align:center}
.pp-s .wrong{background:#fde7e9;text-decoration:underline wavy #c00000}

/* ---------- layouts ---------- */
.pp-s[data-layout="title"],.pp-s[data-layout="section"],.pp-s[data-layout="big"]{justify-content:center;gap:24px;padding:60px 110px}
.pp-s[data-layout="title"] h1,.pp-s[data-layout="title"] .h1,.pp-s[data-layout="big"] h1,.pp-s[data-layout="big"] .h1{min-height:1.2em;display:flex;align-items:flex-end;justify-content:center}
.pp-s[data-layout="title"] h1.ph,.pp-s[data-layout="title"] .h1.ph,.pp-s[data-layout="title"] .sub.ph{min-height:130px} .pp-s[data-layout="title"] .sub.ph{min-height:80px}
.pp-s[data-layout="big"] h1,.pp-s[data-layout="big"] .h1{font-size:64px}
.pp-s[data-layout="section"]{justify-content:flex-end;padding-bottom:110px}
.pp-s[data-layout="section"] h1,.pp-s[data-layout="section"] .h1,.pp-s[data-layout="section"] .sub{text-align:left}
.pp-s[data-layout="section"] h1,.pp-s[data-layout="section"] .h1{font-size:54px;border-bottom:3px solid var(--acc);padding-bottom:14px;margin-bottom:8px}
.pp-s[data-layout="content"],.pp-s[data-layout="two"],.pp-s[data-layout="compare"],.pp-s[data-layout="title-only"],.pp-s[data-layout="content-pic"]{gap:22px}
.pp-s[data-layout="content"] h2,.pp-s[data-layout="two"] h2,.pp-s[data-layout="compare"] h2,.pp-s[data-layout="title-only"] h2,.pp-s[data-layout="content-pic"] h2{flex:none;min-height:88px;display:flex;align-items:flex-end;padding-bottom:6px}
.pp-s[data-layout="content"] h2.ph,.pp-s[data-layout="two"] h2.ph,.pp-s[data-layout="title-only"] h2.ph,.pp-s[data-layout="content-pic"] h2.ph,.pp-s[data-layout="compare"] h2.ph{align-items:center}
.pp-s .body{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}
.pp-s .body.ph,.pp-s .col.ph{min-height:300px}
.pp-s[data-layout="two"],.pp-s[data-layout="compare"]{flex-wrap:wrap;flex-direction:row;align-content:flex-start;column-gap:24px}
.pp-s[data-layout="two"] h2,.pp-s[data-layout="compare"] h2{width:100%}
.pp-s[data-layout="two"] .col,.pp-s[data-layout="compare"] .col{width:calc(50% - 12px);min-height:320px;display:flex;flex-direction:column;gap:10px}
.pp-s[data-layout="compare"] .ch{font-weight:700;font-size:24px;background:var(--acc);color:#fff;padding:6px 14px;margin-bottom:6px}
.pp-s[data-layout="compare"] .ch.ph{background:none;color:inherit;min-height:46px}
.pp-s[data-layout="content-pic"]{flex-wrap:wrap;flex-direction:row;align-content:flex-start;column-gap:30px}
.pp-s[data-layout="content-pic"] h2{width:100%}
.pp-s[data-layout="content-pic"] .body{width:calc(60% - 15px);flex:none}
.pp-s[data-layout="content-pic"] figure.pp-img{width:calc(40% - 15px);aspect-ratio:auto;height:330px}
.pp-s[data-layout="pic"]{padding:0}
.pp-s[data-layout="pic"] figure.pp-img{position:absolute;left:60px;top:36px;width:540px;height:410px;aspect-ratio:auto}
.pp-s[data-layout="pic"] h2{position:absolute;left:640px;top:150px;width:260px;font-size:32px}
.pp-s[data-layout="pic"] .cap{position:absolute;left:640px;top:270px;width:260px;font-size:18px;color:var(--sub)}
.pp-s[data-layout="blank"]{padding:0}
.pp-s[data-layout="blank"] > *{margin:30px 60px}
/* free placement */
.pp-s .abs{position:absolute!important;margin:0!important;z-index:2}
.pp-s .abs h2,.pp-s .abs p{margin:0}
/* footer, slide number */
.pp-foot{position:absolute!important;left:60px;right:60px;bottom:14px;display:flex;justify-content:space-between;font-size:14px;color:#7f7f7f;margin:0!important;z-index:1}
.pp-foot-n{margin-left:auto}

/* ---------- selection, caret, guides, animation badges ---------- */
.pp-s .pp-sel{outline:1.5px solid #8a8a8a;outline-offset:3px;z-index:3}
.pp-layer .pp-hd{position:absolute;box-sizing:content-box;padding:8px;margin:-8px 0 0 -8px;pointer-events:none;z-index:4;background-origin:border-box;background:
  radial-gradient(circle,#fff 40%,#777 45%,#777 58%,transparent 64%) 0 0/11px 11px no-repeat,
  radial-gradient(circle,#fff 40%,#777 45%,#777 58%,transparent 64%) 50% 0/11px 11px no-repeat,
  radial-gradient(circle,#fff 40%,#777 45%,#777 58%,transparent 64%) 100% 0/11px 11px no-repeat,
  radial-gradient(circle,#fff 40%,#777 45%,#777 58%,transparent 64%) 0 50%/11px 11px no-repeat,
  radial-gradient(circle,#fff 40%,#777 45%,#777 58%,transparent 64%) 100% 50%/11px 11px no-repeat,
  radial-gradient(circle,#fff 40%,#777 45%,#777 58%,transparent 64%) 0 100%/11px 11px no-repeat,
  radial-gradient(circle,#fff 40%,#777 45%,#777 58%,transparent 64%) 50% 100%/11px 11px no-repeat,
  radial-gradient(circle,#fff 40%,#777 45%,#777 58%,transparent 64%) 100% 100%/11px 11px no-repeat}
.pp-layer .pp-hd::before{content:"";position:absolute;left:50%;top:-22px;width:14px;height:14px;margin-left:-7px;border-radius:50%;border:2px solid #777;border-top-color:transparent;background:#fff}
.pp-s .pp-sel.cropsel{outline:2px solid #111}
.pp-layer .pp-hd.crop{background:
  linear-gradient(#111,#111) 0 0/22px 6px no-repeat,linear-gradient(#111,#111) 0 0/6px 22px no-repeat,
  linear-gradient(#111,#111) 100% 0/22px 6px no-repeat,linear-gradient(#111,#111) 100% 0/6px 22px no-repeat,
  linear-gradient(#111,#111) 0 100%/22px 6px no-repeat,linear-gradient(#111,#111) 0 100%/6px 22px no-repeat,
  linear-gradient(#111,#111) 100% 100%/22px 6px no-repeat,linear-gradient(#111,#111) 100% 100%/6px 22px no-repeat,
  linear-gradient(#111,#111) 50% 0/26px 6px no-repeat,linear-gradient(#111,#111) 50% 100%/26px 6px no-repeat,
  linear-gradient(#111,#111) 0 50%/6px 26px no-repeat,linear-gradient(#111,#111) 100% 50%/6px 26px no-repeat}
.pp-layer .pp-hd.crop::before{display:none}
.pp-s span.pp-sel{outline:none;background:#bbd6fb}
.pp-s .pp-selall :is(h1,h2,p,ul,ol,figure,.pp-shape),.pp-s .pp-selall :is(.h1,h2,p,ul,ol,figure,.pp-shape){outline:1.5px solid #8a8a8a;outline-offset:3px}
.pp-caret{display:inline-block;width:2px;height:1.05em;background:#111;vertical-align:text-bottom;margin-left:1px;animation:xs-caret 1s steps(2) infinite}
.pp-th-s .pp-caret{display:none}
.pp.guides .pp-frame .pp-s::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:
  linear-gradient(90deg,transparent calc(50% - 1px),#e97132 calc(50% - 1px),#e97132 calc(50% + 1px),transparent calc(50% + 1px)),
  linear-gradient(0deg,transparent calc(50% - 1px),#e97132 calc(50% - 1px),#e97132 calc(50% + 1px),transparent calc(50% + 1px));
  -webkit-mask:repeating-linear-gradient(90deg,#000 0 10px,transparent 10px 16px),repeating-linear-gradient(0deg,#000 0 10px,transparent 10px 16px);-webkit-mask-composite:source-over;mask-composite:add}
.pp.grid .pp-frame .pp-s{background-image:radial-gradient(#9e9e9e 1px,transparent 1.5px);background-size:48px 48px;background-position:24px 24px}
.pp-s .sguide-v{position:absolute;top:0;bottom:0;width:0;border-left:2px dashed #e0433a;z-index:5}
.pp-s .sguide-h{position:absolute;left:0;right:0;height:0;border-top:2px dashed #e0433a;z-index:5}
/* animation numbers (visible with the Animations tab or the Animation Pane) */
.pp-s .pp-an{display:none;position:absolute;left:-46px;top:2px;width:30px;height:24px;border-radius:3px;background:#fff;border:1px solid #8a8a8a;color:#222;font:600 16px/22px var(--xl-ui);text-align:center;z-index:6;font-style:normal}
.pp.tab-anim .pp-canvas .pp-an{display:block}
.pp-s .pp-sel > .pp-an{background:#e97132;color:#fff;border-color:#e97132}

/* ---------- entrance / exit animations (played when the step is reached) ---------- */
.pp-canvas .pp-play{animation-duration:.7s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-delay:calc(var(--ai,0) * .6s)}
.pp-canvas .pp-play.pp-a-fly{animation-name:pp-fly} .pp-canvas .pp-play.pp-a-fade{animation-name:pp-fade} .pp-canvas .pp-play.pp-a-zoom{animation-name:pp-zoom}
.pp-canvas .pp-play.pp-a-wipe{animation-name:pp-wipe} .pp-canvas .pp-play.pp-a-float{animation-name:pp-float} .pp-canvas .pp-play.pp-a-bounce{animation-name:pp-bounce;animation-timing-function:cubic-bezier(.3,1.6,.5,1)}
.pp-canvas .pp-play.pp-a-pulse{animation-name:pp-pulse} .pp-canvas .pp-play.pp-a-spin{animation-name:pp-spin} .pp-canvas .pp-play.pp-a-exit{animation-name:pp-exit;animation-fill-mode:forwards}
.pp-canvas .pp-play.pp-a-appear{animation-name:pp-appear;animation-duration:.01s} .pp-canvas .pp-play.pp-a-path{animation-name:pp-path;animation-duration:1.4s}
@keyframes pp-fly{from{opacity:0;transform:translateY(300px)}to{opacity:1;transform:none}}
@keyframes pp-fade{from{opacity:0}to{opacity:1}}
@keyframes pp-zoom{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}
@keyframes pp-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes pp-float{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes pp-bounce{from{opacity:0;transform:translateY(-200px)}to{opacity:1;transform:none}}
@keyframes pp-pulse{50%{transform:scale(1.12)}}
@keyframes pp-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes pp-exit{to{opacity:0;transform:translateX(400px)}}
@keyframes pp-appear{from{opacity:0}to{opacity:1}}
@keyframes pp-path{from{transform:translate(0,0)}50%{transform:translate(260px,-60px)}to{transform:translate(520px,0)}}
/* slide transitions (played on the frame when the step is reached) */
.pp-tr-fade{animation:pp-trfade .9s ease both} .pp-tr-push{animation:pp-trpush .8s cubic-bezier(.2,.8,.2,1) both}
.pp-tr-wipe{animation:pp-trwipe .9s ease both} .pp-tr-split{animation:pp-trsplit .9s ease both}
.pp-tr-morph{animation:pp-trmorph 1s ease both} .pp-tr-zoom{animation:pp-trzoom .8s ease both} .pp-tr-reveal{animation:pp-trfade 1.4s ease both}
@keyframes pp-trfade{from{opacity:0}to{opacity:1}}
@keyframes pp-trpush{from{transform:translateX(100%)}to{transform:none}}
@keyframes pp-trwipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes pp-trsplit{from{clip-path:inset(50% 0)}to{clip-path:inset(0)}}
@keyframes pp-trmorph{from{filter:blur(6px);transform:scale(.92)}to{filter:none;transform:none}}
@keyframes pp-trzoom{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}

/* ---------- pictures ---------- */
.pp-s figure.pp-img{position:relative;display:block;width:400px;aspect-ratio:4/3;background:linear-gradient(160deg,#9ad0ff,#2e8de8 55%,#1a5fa8);overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.25);flex:none}
.pp-s figure.pp-img::before{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(0deg,#1f8a3a,#58c267 60%,transparent)}
.pp-s figure.pp-img::after{content:"";position:absolute;right:16%;top:14%;width:16%;aspect-ratio:1;border-radius:50%;background:#ffe07a;box-shadow:0 0 24px #ffe07a}
.pp-s figure.pp-img.sunset{background:linear-gradient(160deg,#ffb36b,#f06a3f 55%,#7a2d6b)} .pp-s figure.pp-img.sunset::before{background:linear-gradient(0deg,#3b1f4e,#6a3d7a 60%,transparent)}
.pp-s figure.pp-img.city{background:linear-gradient(160deg,#c9d6e2,#7f93a8 60%,#43556b)} .pp-s figure.pp-img.city::before{background:repeating-linear-gradient(90deg,#2e3b4b 0 9%,transparent 9% 14%);height:55%} .pp-s figure.pp-img.city::after{background:#fff;box-shadow:none;width:10%;right:14%;top:10%}
.pp-s figure.pp-img.people{background:linear-gradient(160deg,#ffe3c2,#f7b267 60%,#d97a2b)} .pp-s figure.pp-img.people::before{background:radial-gradient(circle at 30% 70%,#6b4226 0 14%,transparent 15%),radial-gradient(circle at 50% 66%,#2f5d8a 0 16%,transparent 17%),radial-gradient(circle at 72% 72%,#b03a2e 0 14%,transparent 15%);height:100%} .pp-s figure.pp-img.people::after{display:none}
.pp-s figure.pp-img.mavi{background:#eaf5ff url("../images/mavi.svg") center/55% no-repeat} .pp-s figure.pp-img.mavi::before,.pp-s figure.pp-img.mavi::after{display:none}
.pp-s figure.pp-img.logo{background:#fff url("../images/mflogo.png") center/80% no-repeat;border:1px solid #ddd} .pp-s figure.pp-img.logo::before,.pp-s figure.pp-img.logo::after{display:none}
.pp-s figure.pp-img.chart{background:#fff;border:1px solid #d9d9d9} .pp-s figure.pp-img.chart::before{background:linear-gradient(90deg,transparent 10%,#156082 10% 22%,transparent 22% 34%,#e97132 34% 46%,transparent 46% 58%,#196b24 58% 70%,transparent 70% 82%,#0f9ed5 82% 94%,transparent 94%);height:60%;clip-path:polygon(0 100%,10% 100%,10% 40%,22% 40%,22% 100%,34% 100%,34% 10%,46% 10%,46% 100%,58% 100%,58% 55%,70% 55%,70% 100%,82% 100%,82% 25%,94% 25%,94% 100%,100% 100%)} .pp-s figure.pp-img.chart::after{display:none}
.pp-s figure.pp-img.wide{width:100%;aspect-ratio:21/9}
.pp-s figure.pp-img.full{position:absolute;inset:0;width:auto;aspect-ratio:auto;box-shadow:none;z-index:0}
.pp-s figure.pp-img.round{border-radius:50%;aspect-ratio:1}
.pp-s figure.pp-img.rounded{border-radius:24px}
.pp-s figure.pp-img.frame{border:8px solid #fff;outline:1px solid #bbb;box-shadow:0 6px 14px rgba(0,0,0,.3)}
.pp-s figure.pp-img.soft{border-radius:16px;box-shadow:0 0 0 10px rgba(255,255,255,.6),0 8px 18px rgba(0,0,0,.25)}
.pp-s figure.pp-img.shadow{box-shadow:10px 10px 0 rgba(0,0,0,.25)}
.pp-s figure.pp-img.reflect{-webkit-box-reflect:below 4px linear-gradient(transparent 60%,rgba(0,0,0,.25))}
.pp-s figure.pp-img.bw{filter:grayscale(1)} .pp-s figure.pp-img.sepia{filter:sepia(1)} .pp-s figure.pp-img.bright{filter:brightness(1.3)} .pp-s figure.pp-img.blur{filter:blur(3px)}
.pp-s figure.pp-img.fade{opacity:.4}
.pp-s figure.pp-img.crop{clip-path:inset(0 25% 0 0)}
.pp-s figure.pp-img.cropped{aspect-ratio:1}
.pp-s figure.pp-img.hex{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}
.pp-s figure.pp-img.sm{width:260px} .pp-s figure.pp-img.xs{width:180px}
.pp-s figure.pp-img .cap{position:absolute;left:0;right:0;bottom:0;padding:6px 12px;background:rgba(0,0,0,.55);color:#fff;font-size:18px;font-style:italic}
.pp-s figure.pp-img.nobg::before,.pp-s figure.pp-img.nobg::after{display:none}
.pp-s figure.pp-img.nobg{background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 0 0/24px 24px}
.pp-s figure.pp-img.nobg i{position:absolute;left:20%;right:20%;top:15%;bottom:15%;border-radius:50% 50% 40% 40%;background:#f7b267}
.pp-s figure.pp-img.magenta::before{background:#c800c8;opacity:.6;height:40%;inset:auto 0 0}
.pp-s .pp-imgs{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}

/* ---------- shapes, text boxes, WordArt, icons ---------- */
.pp-s .pp-shape{--c:var(--acc);display:inline-grid;place-items:center;width:220px;height:110px;background:var(--c);color:#fff;font-size:24px;text-align:center;padding:8px;vertical-align:top;box-shadow:0 3px 6px rgba(0,0,0,.25);flex:none}
.pp-s .pp-shape.rect{border-radius:0} .pp-s .pp-shape.round{border-radius:16px} .pp-s .pp-shape.oval{border-radius:50%}
.pp-s .pp-shape.arrow{clip-path:polygon(0 25%,70% 25%,70% 0,100% 50%,70% 100%,70% 75%,0 75%);box-shadow:none}
.pp-s .pp-shape.chev{clip-path:polygon(0 0,75% 0,100% 50%,75% 100%,0 100%,25% 50%);box-shadow:none}
.pp-s .pp-shape.star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:140px;height:140px;box-shadow:none}
.pp-s .pp-shape.tri{clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:none}
.pp-s .pp-shape.hex{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);box-shadow:none}
.pp-s .pp-shape.cloud{border-radius:50%;box-shadow:-40px 10px 0 -10px var(--c),40px 10px 0 -10px var(--c),0 -20px 0 -6px var(--c)}
.pp-s .pp-shape.callout{border-radius:14px;position:relative;overflow:visible}
.pp-s .pp-shape.callout::after{content:"";position:absolute;left:30px;bottom:-20px;border:12px solid transparent;border-top:20px solid var(--c);border-bottom:0}
.pp-s .pp-shape.line{height:4px;width:300px;display:block;box-shadow:none;padding:0}
.pp-s .pp-shape.outline{background:#fff;color:var(--c);border:3px solid var(--c)}
.pp-s .pp-shape.c-orange{--c:#e97132} .pp-s .pp-shape.c-mint{--c:#196b24} .pp-s .pp-shape.c-violet{--c:#a02b93} .pp-s .pp-shape.c-grey{--c:#7f7f7f} .pp-s .pp-shape.c-sun{--c:#ffc000;color:#111} .pp-s .pp-shape.c-blue{--c:#0f9ed5} .pp-s .pp-shape.c-red{--c:#c00000} .pp-s .pp-shape.c-mavi{--c:#009aff}
.pp-s .pp-shape.grad{background:linear-gradient(135deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c))}
.pp-s .pp-shape.glow{box-shadow:0 0 0 10px color-mix(in srgb,var(--c) 30%,transparent)}
.pp-s .pp-shape.bevel{box-shadow:inset 0 0 0 4px rgba(255,255,255,.4),inset 0 -10px 20px rgba(0,0,0,.25),0 3px 6px rgba(0,0,0,.25)}
.pp-s .pp-shape.sm{width:140px;height:70px;font-size:20px} .pp-s .pp-shape.lg{width:320px;height:160px;font-size:30px}
.pp-s .pp-shapes{display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.pp-s .pp-textbox{display:inline-block;width:auto;max-width:100%;padding:6px 10px;font-size:24px;color:var(--text);vertical-align:top}
.pp-s .pp-textbox.bdr{border:1.5px solid #111} .pp-s .pp-textbox.fill{background:color-mix(in srgb,var(--acc) 12%,#fff)}
.pp-s .pp-wordart{display:inline-block;font-family:var(--pp-display);font-weight:800;font-size:60px;line-height:1.1;color:var(--acc);text-shadow:3px 3px 0 color-mix(in srgb,var(--acc) 30%,#fff)}
.pp-s .pp-wordart.wa-blue{background:linear-gradient(180deg,#5aa9ff,#0b4ea2);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(3px 3px 0 #cfe2ff)}
.pp-s .pp-wordart.wa-fire{background:linear-gradient(180deg,#ffd166,#f3722c 55%,#c9184a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(3px 4px 0 #ffd9b3)}
.pp-s .pp-wordart.wa-outline{color:#fff;-webkit-text-stroke:2px var(--acc);text-shadow:none}
.pp-s .pp-wordart.wa-shadow{color:#e97132;text-shadow:5px 5px 0 #3a3a3a}
.pp-s .pp-wordart.wa-glow{color:#196b24;text-shadow:0 0 14px #8ee28c,0 0 2px #196b24}
.pp-s .pp-wordart.wa-white{color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,.6)}
.pp-s i.pp-icon{display:inline-grid;place-items:center;width:90px;height:90px;color:#111;vertical-align:middle;font-style:normal;flex:none}
.pp-s i.pp-icon svg{width:72px;height:72px;stroke-width:1.2}
.pp-s i.pp-icon.acc{color:var(--acc)} .pp-s i.pp-icon.orange{color:#e97132} .pp-s i.pp-icon.white{color:#fff}
.pp-s i.pp-icon.fill{background:color-mix(in srgb,var(--acc) 14%,#fff);border-radius:16px} .pp-s i.pp-icon.disc{background:var(--acc);color:#fff;border-radius:50%}
.pp-s i.pp-icon.sm{width:56px;height:56px} .pp-s i.pp-icon.sm svg{width:42px;height:42px}
.pp-s .pp-icons{display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.pp-s .pp-icons figure{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;font-size:20px;text-align:center}
.pp-s .pp-video{position:relative;width:480px;aspect-ratio:16/9;background:linear-gradient(135deg,#1c2b3a,#0a0f14);display:grid;place-items:center;box-shadow:0 3px 8px rgba(0,0,0,.35);flex:none}
.pp-s .pp-video .pp-play{width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.9);position:relative;animation:none}
.pp-s .pp-video .pp-play::after{content:"";position:absolute;left:30px;top:22px;border:18px solid transparent;border-left:28px solid #222;border-right:0}
.pp-s .pp-video .pp-vbar{position:absolute;left:0;right:0;bottom:0;height:34px;background:rgba(0,0,0,.6);display:flex;align-items:center;gap:10px;padding:0 12px;color:#fff;font-size:14px}
.pp-s .pp-video .pp-vbar i{flex:1;height:4px;background:#888;position:relative} .pp-s .pp-video .pp-vbar i::before{content:"";position:absolute;left:0;top:0;bottom:0;width:35%;background:#fff}
.pp-s .pp-video.sm{width:320px}
.pp-s .pp-audio{display:inline-grid;place-items:center;width:90px;height:90px;border-radius:50%;background:#7f7f7f;color:#fff;flex:none}
.pp-s .pp-audio::before{content:"🔊";font-size:40px}
.pp-s .pp-audio.on{background:var(--acc)}

/* ---------- tables ---------- */
.pp-s table.pp-t{border-collapse:collapse;width:100%;font-size:22px;line-height:1.25;color:#111;background:#fff}
.pp-s .pp-t td,.pp-s .pp-t th{padding:8px 16px;text-align:left;vertical-align:middle;border:1px solid #fff;font-weight:400}
.pp-s .pp-t tr:first-child th,.pp-s .pp-t tr:first-child td{background:var(--acc);color:#fff;font-weight:700}
.pp-s .pp-t tr:nth-child(even) td{background:color-mix(in srgb,var(--acc) 26%,#fff)}
.pp-s .pp-t tr:nth-child(odd):not(:first-child) td{background:color-mix(in srgb,var(--acc) 12%,#fff)}
.pp-s .pp-t.ts-plain td,.pp-s .pp-t.ts-plain th{background:#fff!important;color:#111;border:1px solid #111}
.pp-s .pp-t.ts-plain tr:first-child th,.pp-s .pp-t.ts-plain tr:first-child td{font-weight:700}
.pp-s .pp-t.ts-light td,.pp-s .pp-t.ts-light th{background:#fff!important;color:#111;border:none;border-bottom:1px solid var(--acc)}
.pp-s .pp-t.ts-light tr:first-child th,.pp-s .pp-t.ts-light tr:first-child td{font-weight:700;color:var(--acc);border-bottom:2px solid var(--acc)}
.pp-s .pp-t.ts-dark td,.pp-s .pp-t.ts-dark th{background:#262626!important;color:#fff;border-color:#262626}
.pp-s .pp-t.ts-dark tr:first-child th,.pp-s .pp-t.ts-dark tr:first-child td{background:var(--acc)!important}
.pp-s .pp-t.ts-dark tr:nth-child(even) td{background:#404040!important}
.pp-s .pp-t td.r,.pp-s .pp-t .num{text-align:right} .pp-s .pp-t td.c{text-align:center}
.pp-s .pp-t td.sel,.pp-s .pp-t tr.sel td{outline:2px solid #e97132;outline-offset:-2px}
.pp-s .pp-t .tot td{font-weight:700}
.pp-s .pp-t.sm{font-size:18px} .pp-s .pp-t.sm td,.pp-s .pp-t.sm th{padding:5px 12px}
.pp-s .pp-t.auto{width:auto}

/* ---------- SmartArt ---------- */
.pp-s .pp-sa{display:flex;align-items:center;gap:14px;font-size:22px;text-align:center;width:100%}
.pp-s .pp-sa > div{--c:var(--acc);background:var(--c);color:#fff;padding:22px 14px;min-width:120px;flex:1;border-radius:6px;box-shadow:0 3px 6px rgba(0,0,0,.2)}
.pp-s .pp-sa > i{font-style:normal;color:var(--acc);font-size:34px;flex:none}
.pp-s .pp-sa.v{flex-direction:column;align-items:stretch} .pp-s .pp-sa.v > i{transform:rotate(90deg);align-self:center}
.pp-s .pp-sa.chev > div{clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%,12% 50%);border-radius:0;box-shadow:none;padding-left:34px}
.pp-s .pp-sa.chev > div:first-child{clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%);padding-left:14px}
.pp-s .pp-sa.chev > i{display:none}
.pp-s .pp-sa.cycle{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:auto}
.pp-s .pp-sa.cycle > i{display:none}
.pp-s .pp-sa.cycle > div{border-radius:50%;aspect-ratio:1;display:grid;place-items:center;min-width:0;width:140px;padding:10px}
.pp-s .pp-sa .c2{--c:#e97132} .pp-s .pp-sa .c3{--c:#a5a5a5} .pp-s .pp-sa .c4{--c:#ffc000;color:#111} .pp-s .pp-sa .c5{--c:#0f9ed5} .pp-s .pp-sa .c6{--c:#4ea72e} .pp-s .pp-sa .c7{--c:#a02b93}
.pp-s .pp-sa.mono > div{--c:var(--acc)!important}
.pp-s .pp-sa.mono > div:nth-child(2n){filter:brightness(1.25)} .pp-s .pp-sa.mono > div:nth-child(3n){filter:brightness(1.5)}
.pp-s .pp-sa.hier{flex-direction:column;gap:26px}
.pp-s .pp-sa.hier .row{display:flex;gap:16px;justify-content:center;width:100%;position:relative}
.pp-s .pp-sa.hier .row + .row::before{content:"";position:absolute;left:18%;right:18%;top:-15px;border-top:3px solid var(--acc)}
.pp-s .pp-sa.hier > .row{--c:transparent;background:none;box-shadow:none;padding:0;border-radius:0;min-width:0;color:inherit}
.pp-s .pp-sa.hier .row > div{--c:var(--acc);flex:0 1 180px;position:relative;background:var(--c);color:#fff;padding:22px 14px;border-radius:6px;box-shadow:0 3px 6px rgba(0,0,0,.2)}
.pp-s .pp-sa.hier .row + .row > div::before{content:"";position:absolute;left:50%;top:-15px;height:15px;border-left:3px solid var(--acc)}
.pp-s .pp-sa.list > div{text-align:left;padding:14px 20px;border-radius:0}
.pp-s .pp-sa.list{flex-direction:column;align-items:stretch} .pp-s .pp-sa.list > i{display:none}
.pp-s .pp-sa.pic > div{display:flex;flex-direction:column;align-items:center;gap:8px}
.pp-s .pp-sa.pic > div::before{content:"";width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.35)}
.pp-s .pp-sa.sel{outline:1.5px solid #8a8a8a;outline-offset:6px}
.pp-s .pp-sa.sm{font-size:18px} .pp-s .pp-sa.sm > div{padding:14px 10px}
/* charts inside a slide */
.pp-s xl-chart{display:block;margin:0;box-shadow:none;border:none;background:transparent;zoom:1.7}
.pp-s xl-chart.sm{zoom:1.3}

/* ========================================================
   THEMES (design ideas): set theme="…" on <pp-deck> or data-pth on .pp-mini / .pp-di
   ======================================================== */
[data-pth="office"] .pp-s{--acc:#156082;--title:#0a0a0a;--text:#262626;--bg:#fff}
[data-pth="ion"] .pp-s{--acc:#f5b335;--title:#fff;--text:#e9f3f7;--sub:#cfe8f3;--bul:#f5b335;--bg:linear-gradient(135deg,#0b3d5c,#1b6a8a)}
[data-pth="ion"] .pp-s::before{background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.14),transparent 40%),radial-gradient(circle at 10% 90%,rgba(0,0,0,.25),transparent 40%)}
[data-pth="ion"] .pp-s .pp-shape{--c:#f5b335;color:#0b3d5c} [data-pth="ion"] .pp-s[data-layout="section"] h1, [data-pth="ion"] .pp-s[data-layout="section"] .h1{border-color:#f5b335}
[data-pth="facet"] .pp-s{--acc:#2e8b57;--title:#1f5f3b;--text:#262626;--bg:#fff}
[data-pth="facet"] .pp-s::before{background:linear-gradient(115deg,#2e8b57 0 42px,#55b37e 42px 60px,transparent 60px),linear-gradient(295deg,#8fd1a9 0 30px,transparent 30px)}
[data-pth="facet"] .pp-s{padding-left:110px}
[data-pth="facet"] .pp-s h1,[data-pth="facet"] .pp-s .h1,[data-pth="facet"] .pp-s h2{font-family:"Trebuchet MS",var(--pp-display);font-weight:700}
[data-pth="gallery"] .pp-s{--acc:#c0504d;--title:#1f1f1f;--text:#333;--bg:#f2f2f2}
[data-pth="gallery"] .pp-s::before{background:linear-gradient(180deg,#3b3b3b 0 60px,transparent 60px)}
[data-pth="gallery"] .pp-s{padding-top:90px}
[data-pth="gallery"] .pp-s h1,[data-pth="gallery"] .pp-s .h1,[data-pth="gallery"] .pp-s h2{font-family:Georgia,"Times New Roman",serif}
[data-pth="retro"] .pp-s{--acc:#e46c0a;--title:#111;--text:#333;--bg:#fff}
[data-pth="retro"] .pp-s::before{background:linear-gradient(0deg,#e46c0a 0 52px,#f2a35e 52px 60px,transparent 60px)}
[data-pth="retro"] .pp-s .pp-foot{color:#fff;bottom:16px}
[data-pth="dark"] .pp-s{--acc:#4fb3ff;--title:#fff;--text:#e6e6e6;--sub:#bdbdbd;--bg:#1a1a1a}
[data-pth="dark"] .pp-s::before{background:radial-gradient(circle at 80% 20%,rgba(79,179,255,.18),transparent 45%)}
[data-pth="dark"] .pp-s .pp-t.ts-plain td{color:#eee;border-color:#555}
[data-pth="wood"] .pp-s{--acc:#7a4f1d;--title:#3b2a14;--text:#3b2a14;--bg:linear-gradient(0deg,#f4e7cf,#e8d3ad)}
[data-pth="wood"] .pp-s h1,[data-pth="wood"] .pp-s .h1,[data-pth="wood"] .pp-s h2{font-family:Georgia,serif}
[data-pth="mavi"] .pp-s{--acc:#009aff;--title:#1d2742;--text:#46506c;--sub:#7e8aa3;--bul:#f47629;--bg:#eaf5ff}
[data-pth="mavi"] .pp-s::before{background:radial-gradient(circle at 90% 10%,rgba(255,194,60,.45),transparent 35%),linear-gradient(0deg,#f47629 0 14px,transparent 14px)}
[data-pth="mavi"] .pp-s h1,[data-pth="mavi"] .pp-s .h1,[data-pth="mavi"] .pp-s h2{font-family:"Baloo 2",var(--pp-display);font-weight:800}
[data-pth="badge"] .pp-s{--acc:#7030a0;--title:#fff;--text:#fff;--sub:#e9ddf5;--bg:linear-gradient(160deg,#5b2c8f,#8e44ad)}
/* variants: accent colour */
[data-variant="blue"] .pp-s{--acc:#156082;--bul:#156082} [data-variant="green"] .pp-s{--acc:#4ea72e;--bul:#4ea72e}
[data-variant="orange"] .pp-s{--acc:#e97132;--bul:#e97132} [data-variant="purple"] .pp-s{--acc:#a02b93;--bul:#a02b93} [data-variant="red"] .pp-s{--acc:#c00000;--bul:#c00000}
[data-pth="ion"][data-variant="green"] .pp-s{--bg:linear-gradient(135deg,#0d4a2c,#1f7a4a)} [data-pth="ion"][data-variant="purple"] .pp-s{--bg:linear-gradient(135deg,#3a1d5c,#6a3d9a)} [data-pth="ion"][data-variant="orange"] .pp-s{--bg:linear-gradient(135deg,#6a2d0b,#b85a1a)}
/* a slide-level override: <section class="pp-s" data-pth="dark"> */
.pp-s[data-pth="dark"]{--acc:#4fb3ff;--title:#fff;--text:#e6e6e6;--sub:#bdbdbd;--bg:#1a1a1a}
.pp-s[data-pth="ion"]{--acc:#f5b335;--title:#fff;--text:#e9f3f7;--sub:#cfe8f3;--bul:#f5b335;--bg:linear-gradient(135deg,#0b3d5c,#1b6a8a)}
.pp-s.bg-acc{--title:#fff;--text:#fff;--sub:rgba(255,255,255,.8);--bul:#fff;background:var(--acc)}
.pp-s.bg-pic{--title:#fff;--text:#fff;--sub:#eee;--bul:#fff;background:linear-gradient(160deg,#2e8de8,#1a5fa8 60%,#0c3d73)}
.pp-s.bg-pic::before{background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 60%)}
.pp-s.bg-grad{background:linear-gradient(135deg,#ff9a3c,#ff3c7e)} .pp-s.bg-grad{--title:#fff;--text:#fff;--sub:#ffe;--bul:#fff}
.pp-s.bg-grey{--bg:#f2f2f2} .pp-s.bg-black{--bg:#000;--title:#fff;--text:#eee}

/* ========================================================
   course bits: mini slides, galleries, layout thumbnails, demo grids
   ======================================================== */
/* a static scaled slide anywhere: <div class="pp-mini" style="--mk:.25" data-pth="ion"><section class="pp-s" data-layout="title">…</section></div> */
.pp-mini{--mk:.25;display:inline-block;width:calc(960px * var(--mk));height:calc(540px * var(--mk));overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.22);border:1px solid #c9c9c9;vertical-align:top;flex:none}
.pp-mini > .pp-s{zoom:var(--mk)}
.pp-mini .ph{visibility:hidden}
.pp-mini.show-ph .ph{visibility:visible}
.pp-mini.on{outline:3px solid var(--cta);outline-offset:2px}
.pp-mini.sel{outline:2px solid var(--po);outline-offset:2px}
.pp-mini.land43{width:calc(720px * var(--mk))} .pp-mini.land43 > .pp-s{--dw:720px}
.pp-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}
.pp-row figure{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;font-family:var(--display);font-weight:700;font-size:15px;text-align:center}
.pp-row figure small{font-family:var(--body);font-weight:600;font-size:12.5px;color:var(--muted)}
/* layout thumbnails for the layout gallery: <div class="ly [title|content|two|section|blank|pic|compare|title-only]"> */
.ly{position:relative;display:inline-block;width:96px;height:54px;background:#fff;border:1px solid #bdbdbd;box-shadow:0 1px 3px rgba(0,0,0,.15);vertical-align:top;flex:none}
.ly::before,.ly::after{content:"";position:absolute;border:1px dashed #8a8a8a}
.ly.title::before{left:12px;right:12px;top:14px;height:12px} .ly.title::after{left:12px;right:12px;top:30px;height:8px}
.ly.content::before{left:8px;right:8px;top:6px;height:9px} .ly.content::after{left:8px;right:8px;top:19px;bottom:8px}
.ly.two::before{left:8px;right:8px;top:6px;height:9px} .ly.two::after{left:8px;width:38px;top:19px;bottom:8px;box-shadow:42px 0 0 -1px #fff,43px 0 0 0 #8a8a8a}
.ly.section::before{left:10px;right:10px;top:24px;height:12px;border-color:#555} .ly.section::after{left:10px;right:10px;top:40px;height:6px}
.ly.title-only::before{left:8px;right:8px;top:6px;height:9px} .ly.title-only::after{display:none}
.ly.blank::before,.ly.blank::after{display:none}
.ly.pic::before{left:8px;width:50px;top:6px;bottom:8px;background:#e6e6e6} .ly.pic::after{left:64px;right:8px;top:16px;height:14px}
.ly.compare::before{left:8px;right:8px;top:6px;height:9px} .ly.compare::after{left:8px;width:38px;top:19px;bottom:8px;border-top:4px solid #8a8a8a;box-shadow:42px 0 0 -1px #fff,43px 0 0 0 #8a8a8a}
.ly.on{outline:2.5px solid var(--xg,#c43e1c);outline-offset:2px}
.ly-row{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start}
.ly-row figure{display:flex;flex-direction:column;align-items:center;gap:5px;margin:0;font-size:12.5px;font-weight:700;color:var(--ink-soft);text-align:center;width:96px;line-height:1.15}
/* a gallery of effect tiles (transitions / animations / themes): <div class="gal"><div class="gt on"><i>★</i>Fade</div>… */
.gal{display:flex;flex-wrap:wrap;gap:10px}
.gt{display:flex;flex-direction:column;align-items:center;gap:4px;width:78px;padding:8px 4px 6px;background:#fff;border:1px solid #d4d4d4;border-radius:4px;font-family:var(--xl-ui);font-size:10.5px;color:#222;font-weight:400}
.gt i{display:grid;place-items:center;width:34px;height:34px;font-style:normal;color:#4ea72e}
.gt i .xi{width:30px;height:30px}
.gt.on{outline:2px solid var(--po);outline-offset:1px;background:var(--po-fill)}
.gt.em i{color:#e3a008} .gt.ex i{color:#c00000} .gt.mp i{color:#0f9ed5}
/* demo layouts (same as .wd-demo) */
.pp-demo{flex:1;min-height:0;display:grid;grid-template-columns:1fr 400px;gap:26px;align-items:start;margin-top:14px}
.pp-demo.n{grid-template-columns:1fr 340px} .pp-demo.w{grid-template-columns:1fr 460px} .pp-demo.stack{grid-template-columns:1fr}
.pp-demo.rev{grid-template-columns:400px 1fr} .pp-demo.rev > :first-child{order:2}
.pp-demo > *{min-width:0}
/* title-slide art */
.title-art pp-deck{position:absolute;left:-10px;top:60px;transform:rotate(-5deg);z-index:2;box-shadow:var(--shadow-lg)}
.title-art .pp-mini{position:absolute;right:-20px;bottom:40px;transform:rotate(5deg);z-index:1;box-shadow:var(--shadow-lg)}
.title-art .mavi-xl{z-index:3}
/* the Backstage start screen tiles for PowerPoint */
.xb.pp .xb-tile i{background:#fff;aspect-ratio:16/9;height:auto}
.xb.pp .xb-tile i.blank{background:#fff}
.xb.pp .xb-tile i.th1{background:linear-gradient(135deg,#0b3d5c,#1b6a8a)} .xb.pp .xb-tile i.th1::after{content:"";position:absolute;left:14px;right:14px;top:26px;height:8px;background:#f5b335;box-shadow:0 14px 0 -2px rgba(255,255,255,.6)}
.xb.pp .xb-tile i.th2{background:#fff;border-left:16px solid #2e8b57} .xb.pp .xb-tile i.th2::after{content:"";position:absolute;left:12px;right:14px;top:26px;height:8px;background:#1f5f3b;box-shadow:0 14px 0 -2px #cfcfcf}
.xb.pp .xb-tile i.th3{background:#f2f2f2;border-top:12px solid #3b3b3b} .xb.pp .xb-tile i.th3::after{content:"";position:absolute;left:14px;right:14px;top:18px;height:8px;background:#c0504d;box-shadow:0 14px 0 -2px #cfcfcf}
.xb.pp .xb-tile i.th4{background:#fff;border-bottom:12px solid #e46c0a} .xb.pp .xb-tile i.th4::after{content:"";position:absolute;left:14px;right:14px;top:22px;height:8px;background:#111;box-shadow:0 14px 0 -2px #cfcfcf}
.xb.pp .xb-tile i.th5{background:#1a1a1a} .xb.pp .xb-tile i.th5::after{content:"";position:absolute;left:14px;right:14px;top:26px;height:8px;background:#4fb3ff;box-shadow:0 14px 0 -2px rgba(255,255,255,.5)}
.xb .xb-recent > div:first-child{display:flex;gap:18px;font-weight:600;color:#555}
.xb .xb-recent > div:first-child span.on{color:var(--xg);box-shadow:inset 0 -2px 0 var(--xg)}
.xd .xd-row.full{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}

@media (prefers-reduced-motion:reduce){
  .pp-canvas .pp-play,.pp-frame[class*="pp-tr-"],.pp-laser{animation:none!important}
}
/* a canvas-only deck in Slide Show view still gets a black backdrop */
.pp.canvas-only[data-view="show"] .pp-work{background:#000;overflow:hidden}
.pp.canvas-only[data-view="show"] .pp-canvas{background:#000;padding:14px 0}
/* the master view lists eight layouts: keep the pane no taller than the canvas */
.pp[data-view="master"] .pp-thumbs{max-height:calc(var(--ch) + 64px)}