/* Publishing & email (MKT-11, graphic-design): the homepage Publishing card grown into a week of content, a hands-on
   run from one idea to three scheduled pieces, the real social editor, and a newsletter you can rearrange. */

/* 01 Hero: headline beside the week board */
.pe-hero{position:relative;padding:54px 0 72px;overflow:hidden}
.pe-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.pe-hero h1{font-size:clamp(40px,4vw,58px);margin:22px 0 26px}
.pe-hero .sd-lead{margin-bottom:10px;max-width:28em}
.pe-hero-copy>p:not(.sd-lead){max-width:31em}
.pe-hero .hero-small{margin-top:18px!important}
.pe-hero .channels span{font-size:12.5px;font-weight:800;color:var(--sd-ink-faint)}

.pe-board{position:relative;padding:30px 6px 0}
.pe-note{position:absolute;z-index:4;top:-2px;right:-4px;width:172px;padding:13px 14px 12px;background:#f8e27a;border-radius:3px 3px 12px 3px;box-shadow:var(--sd-print);transform:rotate(4deg);font:800 14.5px/1.25 var(--sd-font);color:var(--sd-ink);letter-spacing:-.01em}
.pe-note::before{content:"";position:absolute;top:-9px;left:50%;width:56px;height:18px;margin-left:-28px;background:rgba(255,255,255,.55);transform:rotate(-4deg)}
.pe-desk{padding:22px 20px 18px;transform:rotate(-.8deg)}
.pe-desk-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;margin-bottom:14px;padding-right:120px}
.pe-desk-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px;align-items:start}
.pe-views{min-height:352px}
.pe-views .pub-view{min-height:0}
.pe-board-note{margin-top:26px!important;text-align:center;font-size:13px;font-weight:700;color:var(--sd-ink-faint)!important}

/* Facebook and LinkedIn previews (Instagram and email reuse the homepage frames) */
.pe-post-head{display:flex;align-items:center;gap:8px;padding:10px 12px 8px}
.pe-post-head i{width:26px;height:26px;border-radius:50%;background:var(--sd-ink);color:var(--sd-gold);display:grid;place-items:center;font:800 10px var(--sd-font);font-style:normal;flex:none}
.pe-post-head b{display:block;font-size:12.5px;line-height:1.15;color:var(--sd-ink)}
.pe-post-head span{display:block;font-size:11px;color:var(--sd-ink-faint);font-weight:700}
.sd-frame .pe-post-text{padding:0 12px 10px;font-size:12.5px;line-height:1.45;color:var(--sd-ink)}
.pe-post-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:#dfe6e1}
.pe-post-img img{width:100%;height:100%;object-fit:cover}
.pe-fb .pe-post-img img{object-position:28% 50%}
.pe-li .pe-post-img img{object-position:72% 40%}
.pe-post-img .sd-ai-tag{position:absolute;top:9px;right:9px}
.pe-post-foot{display:flex;flex-wrap:wrap;gap:6px 16px;padding:9px 12px;border-top:1.5px solid var(--sd-line-soft);font:800 11.5px var(--sd-font);color:var(--sd-ink-faint)}
.pe-li{border-top:4px solid #0a66c2}
.pe-fb{border-top:4px solid #1877f2}
.pe-mail{min-height:246px}

/* The week: each day is a button that shows its post */
.pe-cal button.cal-slot{width:100%;font:800 11.5px var(--sd-font);color:var(--sd-ink);text-align:left;cursor:pointer;transition:transform .15s var(--sd-ease),box-shadow .15s,background .15s}
.pe-cal button.cal-slot:hover{transform:translateX(2px)}
.pe-cal button.cal-slot[aria-pressed="true"]{background:var(--sd-gold);box-shadow:2px 2px 0 var(--sd-ink)}

/* Shared section head */
.pe-head{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:44px}
.pe-head>:last-child{max-width:46em}
.pe-head h2{margin-top:22px;font-size:clamp(32px,3.7vw,52px)}
.pe-head .sd-lead{margin-bottom:10px}
.pe-head .tag-row+h2{margin-top:22px}

/* 02 One idea: the run */
.pe-idea{padding:104px 0 96px}
.pe-run{padding:22px 24px 26px}
.pe-run-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:16px}
.pe-biz{display:inline-flex;align-items:center;gap:7px;font:800 13px var(--sd-font);color:var(--sd-ink)}
.pe-biz i{width:10px;height:10px;border-radius:50%;background:#b44d24;box-shadow:0 0 0 1.5px var(--sd-ink)}
.pe-demo-tag{margin-left:auto;font:800 11px var(--sd-font);letter-spacing:.06em;text-transform:uppercase;color:var(--sd-ink-faint);border:1.5px dashed var(--sd-line);border-radius:999px;padding:5px 10px}
.pe-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:24px}
.pe-steps button{display:flex;align-items:center;gap:10px;min-height:52px;padding:9px 12px;border:1.5px solid var(--sd-ink);border-radius:12px;background:var(--sd-paper);color:var(--sd-ink);font:800 14px/1.2 var(--sd-font);text-align:left;cursor:pointer;box-shadow:2px 2px 0 rgba(16,61,54,.2);transition:transform .15s var(--sd-ease),background .15s,box-shadow .15s}
.pe-steps button b{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--sd-ink);color:var(--sd-canvas);font-size:12px;flex:none}
.pe-steps button .icon{margin-left:auto;font-size:17px}
.pe-steps button:hover{transform:translateY(-1px)}
.pe-steps button[aria-selected="true"]{background:var(--sd-gold);box-shadow:3px 3px 0 var(--sd-ink)}
.pe-panel[hidden]{display:none}
.pe-step-h{font-size:clamp(22px,2vw,28px)!important;margin-bottom:18px!important}
.pe-step-h:focus{outline:none}
.pe-step-h:focus-visible{outline:3px solid var(--sd-ink);outline-offset:4px}

.pe-p1{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}
.pe-brief{background:#fff;border:1.5px solid var(--sd-ink);border-radius:14px;padding:22px 22px 20px;box-shadow:var(--sd-print)}
.pe-brief .pe-brief-h{margin:10px 0 12px;font-size:clamp(28px,2.8vw,40px);line-height:1.02;letter-spacing:-.035em;font-weight:800;color:var(--sd-ink);text-wrap:balance}
.pe-brief p{color:var(--sd-ink-soft)}
.pe-brief-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}
.pe-brief .channels{margin-top:0}
.pe-idea-shot{margin:0;padding:0 8px 8px}
.pe-idea-img{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;border:1.5px solid var(--sd-ink);box-shadow:var(--sd-print-lg);transform:rotate(1.2deg);background:#e9e3d8}
.pe-idea-img img{width:100%;height:100%;object-fit:cover;object-position:50% 32%}
.pe-idea-img .sd-ai-tag{position:absolute;top:10px;left:10px}
.pe-idea-shot figcaption{position:relative;display:flex;gap:8px;align-items:center;margin:-20px 16px 0;padding:10px 12px;background:#fff;border:1.5px solid var(--sd-ink);border-radius:10px;box-shadow:var(--sd-print);transform:rotate(-.8deg);font-size:13px;font-weight:800;color:var(--sd-ink)}

.pe-pieces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.pe-piece{display:grid;gap:10px;align-content:start;min-width:0}
.pe-article .bar{display:flex;align-items:center;gap:5px;padding:7px 10px;border-bottom:1.5px solid var(--sd-line);font:700 11px var(--sd-font);color:var(--sd-ink-faint)}
.pe-article .bar i{width:6px;height:6px;border-radius:50%;background:rgba(16,61,54,.22)}
.pe-article .bar em{font-style:normal;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pe-article-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:#e9e3d8}
.pe-article-img img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.pe-article-img .sd-ai-tag{position:absolute;right:8px;bottom:8px;font-size:10px}
.pe-article-body{padding:12px 14px 16px}
.pe-article-body b{font:800 10px var(--sd-font);letter-spacing:.12em;color:#9a4220}
.pe-article-body h4{margin:6px 0;font-size:17px;line-height:1.15;letter-spacing:-.02em;color:var(--sd-ink)}
.sd-frame .pe-article-body p{font-size:12.5px;line-height:1.5;color:var(--sd-ink-soft)}
.pe-reel{width:min(100%,200px);justify-self:center}
.pe-reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0b2420}
.pe-approve{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px 6px 7px;border:1.5px solid var(--sd-ink);border-radius:999px;background:var(--sd-paper);color:var(--sd-ink);font:800 13px var(--sd-font);cursor:pointer;box-shadow:2px 2px 0 rgba(16,61,54,.25);transition:background .2s,transform .15s var(--sd-ease)}
.pe-approve:hover{transform:translateY(-1px)}
.pe-approve .tick{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--sd-line);display:grid;place-items:center;background:#fff;transition:background .2s,border-color .2s}
.pe-approve .tick .icon{font-size:13px;opacity:0;transition:opacity .2s}
.pe-approve[aria-pressed="true"]{background:#e6efe8}
.pe-approve[aria-pressed="true"] .tick{background:var(--sd-gold);border-color:var(--sd-ink)}
.pe-approve[aria-pressed="true"] .tick .icon{opacity:1}
.pe-run-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;margin-top:22px;padding-top:16px;border-top:1.5px dashed var(--sd-line)}
.pe-run .pe-run-foot p{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--sd-ink)}
.pe-run-foot p .icon{color:#2b7a55;font-size:18px}

.pe-week{background:#fff;border:1.5px solid var(--sd-ink);border-radius:14px;padding:14px 14px 16px;box-shadow:var(--sd-print);background-image:linear-gradient(90deg,transparent calc(20% - .75px),var(--sd-line-soft) calc(20% - .75px),var(--sd-line-soft) calc(20% + .75px),transparent calc(20% + .75px),transparent calc(40% - .75px),var(--sd-line-soft) calc(40% - .75px),var(--sd-line-soft) calc(40% + .75px),transparent calc(40% + .75px),transparent calc(60% - .75px),var(--sd-line-soft) calc(60% - .75px),var(--sd-line-soft) calc(60% + .75px),transparent calc(60% + .75px),transparent calc(80% - .75px),var(--sd-line-soft) calc(80% - .75px),var(--sd-line-soft) calc(80% + .75px),transparent calc(80% + .75px));background-origin:content-box;background-clip:content-box}
.pe-week-days,.pe-week-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 10px}
.pe-week-days span{text-align:center;padding:4px 0 10px;border-bottom:1.5px dashed var(--sd-line);font:800 12px var(--sd-font);letter-spacing:.1em;text-transform:uppercase;color:var(--sd-ink-faint);background:#fff}
.pe-week-row{margin-top:12px}
.pe-chip{grid-column:var(--d,1)/span 1;display:grid;gap:6px;padding:10px 10px 11px;border:1.5px solid var(--sd-ink);border-radius:10px;box-shadow:2px 2px 0 rgba(16,61,54,.22);font-size:12.5px;font-weight:800;color:var(--sd-ink);background:#fff7cf}
.pe-chip.is-web{background:#e6efe8}
.pe-chip.is-mail{background:#f6e6dc}
.pe-chip-h{display:flex;align-items:center;gap:6px;line-height:1.2}
.pe-chip-h .icon{font-size:15px;color:#2b7a55}
.pe-chip select{width:100%;font:800 12.5px var(--sd-font);color:var(--sd-ink);border:1.5px solid var(--sd-ink);border-radius:7px;padding:4px 6px;background:#fff;cursor:pointer}
.pe-chip small{font-size:11.5px;font-weight:800;color:var(--sd-ink-soft)}
.pe-week-row.is-moved .pe-chip{animation:peDrop .5s var(--sd-settle)}
@keyframes peDrop{from{transform:translateY(-8px) rotate(-2deg)}to{transform:none}}

.pe-out{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pe-out li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;background:#fff;border:1.5px solid var(--sd-ink);border-radius:12px;box-shadow:var(--sd-print)}
.pe-out-ic{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--sd-gold);border:1.5px solid var(--sd-ink);color:var(--sd-ink);font-size:19px}
.pe-out b{display:block;font-size:15px;color:var(--sd-ink)}
.pe-out small{display:block;font-size:13px;font-weight:700;color:var(--sd-ink-soft)}
.pe-ok{padding:5px 11px;border-radius:999px;background:#e6efe8;border:1.5px solid #2b7a55;font:800 12px var(--sd-font);color:#1f5f41}

.pe-under{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;margin-top:26px}
.pe-under .pe-plan-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14.5px;font-weight:800;color:var(--sd-ink)}
.pe-under .pe-fine{font-size:13px;font-weight:700;color:var(--sd-ink-faint)}

/* 03 Social posts */
.pe-social{padding:104px 0;background:var(--sd-paper);border-top:1.5px solid var(--sd-line-soft);border-bottom:1.5px solid var(--sd-line-soft)}
.pe-social-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:center}
.pe-notes{display:grid;gap:18px}
.pe-note-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding:16px 18px;align-items:start}
.pe-num{width:34px;height:34px;border-radius:50%;background:var(--sd-gold);border:1.5px solid var(--sd-ink);display:grid;place-items:center;font:800 14px/1 var(--sd-font);color:var(--sd-ink);flex:none}
.pe-note-card h3{font-size:18px;margin-bottom:4px}
.pe-note-card p{font-size:14.5px;line-height:1.5}
.pe-shot{margin:0;padding:18px;border-radius:22px}
.pe-inside{box-shadow:var(--sd-print-lg)}
.pe-inside-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;border-bottom:1.5px solid var(--sd-line);background:var(--sd-paper);font:800 12px var(--sd-font);color:var(--sd-ink)}
.pe-inside-bar span{display:inline-flex;align-items:center;gap:7px}
.pe-inside-bar i{width:8px;height:8px;border-radius:50%;background:#2b7a55}
.pe-inside-bar em{font-style:normal;font-weight:700;color:var(--sd-ink-faint);text-align:right}
.pe-inside img{width:100%;height:auto}
.pe-shot figcaption,.pe-inside-card figcaption{margin-top:14px;text-align:center;font-size:13.5px;line-height:1.45;font-weight:700;color:var(--sd-ink-faint)}
.pe-shot figcaption b,.pe-inside-card figcaption b{display:block;color:var(--sd-ink);font-size:14.5px}

/* 04 Newsletters */
.pe-news{padding:104px 0 112px}
.pe-news-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);gap:44px;align-items:start}
.pe-builder{padding:22px 20px 18px}
.pe-builder-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.pe-device{display:inline-flex;border:1.5px solid var(--sd-ink);border-radius:999px;padding:3px;background:#fff;gap:2px;box-shadow:2px 2px 0 rgba(16,61,54,.2)}
.pe-device button{border:0;background:transparent;border-radius:999px;padding:6px 13px;font:800 12.5px var(--sd-font);color:var(--sd-ink);cursor:pointer}
.pe-device button[aria-pressed="true"]{background:var(--sd-gold)}
.pe-builder-body{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:14px;align-items:start}
.pe-sections{background:#fff;border:1.5px solid var(--sd-ink);border-radius:12px;padding:14px;box-shadow:var(--sd-print)}
.pe-sections .pe-sections-h{font-size:14px;font-weight:800;color:var(--sd-ink)}
.pe-sections ol{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.pe-sections li{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 7px 7px 9px;border:1.5px solid var(--sd-line);border-radius:10px;background:var(--sd-paper);font-size:13px;font-weight:800;color:var(--sd-ink);transition:background .3s,border-color .3s}
.pe-sections li.is-moved{background:#fff7cf;border-color:var(--sd-ink)}
.pe-sections .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grip{width:10px;height:16px;flex:none;background-image:radial-gradient(var(--sd-ink-faint) 1.3px,transparent 1.4px);background-size:5px 5px}
.mv{margin-left:auto;display:flex;gap:4px;flex:none}
.mv button{width:30px;height:30px;border-radius:8px;border:1.5px solid var(--sd-ink);background:#fff;font:800 14px/1 var(--sd-font);color:var(--sd-ink);cursor:pointer;display:grid;place-items:center}
.mv button:hover:not(:disabled){background:var(--sd-gold)}
.mv button:disabled{opacity:.3;cursor:default}
.pe-sections .pe-sections-hint{margin-top:10px;font-size:12px;line-height:1.45;font-weight:700;color:var(--sd-ink-faint)}
.pe-canvas{display:flex;justify-content:center;align-items:flex-start;padding:16px;background:#efe9dd;border:1.5px solid var(--sd-ink);border-radius:12px;box-shadow:var(--sd-print)}
.pe-email{width:100%;max-width:420px;display:flex;flex-direction:column;background:#fff;border-radius:8px;border-top:5px solid #b44d24;overflow:hidden;box-shadow:0 12px 26px -18px rgba(16,61,54,.55);transition:max-width .55s var(--sd-settle)}
.pe-builder[data-view="phone"] .pe-email{max-width:236px}
.pe-em-head{order:0;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;padding:14px 16px 12px}
.pe-em-head b{font-size:15px;color:#3a2a22}
.pe-em-head span{font-size:11px;font-weight:700;color:#7a6a5a}
.pe-em-block{padding:0 16px 14px;border-radius:6px}
.pe-em-img{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#e9e3d8;transition:aspect-ratio .4s}
.pe-builder[data-view="phone"] .pe-em-img{aspect-ratio:4/3}
.pe-em-img img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.pe-em-img .sd-ai-tag{position:absolute;left:7px;bottom:7px;font-size:10px}
.pe-em-block h4{margin:2px 0 6px;font-size:19px;line-height:1.15;letter-spacing:-.02em;color:#2b211c}
.pe-email .pe-em-block p{font-size:12.5px;line-height:1.5;color:#5a4d44}
.pe-em-offer{margin:0 16px 14px;padding:12px}
.pe-em-offer{background:#f6ece4}
.pe-em-offer .pill{display:inline-block;margin-top:9px;padding:7px 12px;border-radius:6px;background:#b44d24;color:#fff;font:800 12px var(--sd-font)}
.pe-em-sign{order:10;padding:10px 16px 16px;border-top:1px solid #eee7de}
.pe-em-sign small{font-size:11.5px;font-weight:700;color:#7a6a5a}
.pe-em-block.is-flash{animation:peFlash 1s var(--sd-ease)}
@keyframes peFlash{from{background:#fff1b0}to{background:transparent}}
.pe-em-offer.is-flash{animation:peFlashOffer 1s var(--sd-ease)}
@keyframes peFlashOffer{from{background:#fff1b0}to{background:#f6ece4}}
.pe-builder-foot{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 14px;margin-top:16px}
.pe-builder-foot label{display:grid;gap:5px;font:800 12px var(--sd-font);color:var(--sd-ink)}
.pe-builder-foot select{font:700 13.5px var(--sd-font);color:var(--sd-ink);border:1.5px solid var(--sd-ink);border-radius:9px;padding:8px 10px;background:#fff;cursor:pointer;max-width:100%}
.pe-builder .pe-sched{flex-basis:100%;font-size:13.5px;font-weight:800;color:#1f6b49}
.pe-sched:empty{display:none}

.pe-inside-card{margin:28px 0 0;padding:14px 14px 16px}
.pe-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:70px}
.pe-three-card{padding:30px 24px 24px}
.pe-three-card .pe-num{margin-bottom:14px}
.pe-three-card h3{font-size:20px;margin-bottom:8px}
.pe-three-card p{font-size:14.5px;line-height:1.55}
.pe-three-card .sd-link{margin-top:16px;font-size:14px}

/* Responsive */
@media (max-width:1100px){
  .pe-desk-top{padding-right:0}
  .pe-note{top:-18px}
}
@media (max-width:1024px){
  .pe-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .pe-hero h1{font-size:clamp(40px,6.4vw,62px)}
  .pe-board{max-width:720px;width:100%;margin:0 auto}
  .pe-desk-top{padding-right:150px}
  .pe-note{top:4px}
  .pe-head{gap:16px;margin-bottom:36px}
  .pe-social-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .pe-news-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .pe-inside-card{max-width:640px;width:100%;justify-self:center;margin-top:12px}
}
@media (max-width:860px){
  .pe-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pe-p1{grid-template-columns:minmax(0,1fr);gap:24px}
  .pe-pieces{grid-template-columns:minmax(0,1fr);max-width:440px;margin:0 auto}
  .pe-piece .pe-approve{justify-self:center}
  .pe-builder-body{grid-template-columns:minmax(0,1fr)}
  .pe-three{grid-template-columns:minmax(0,1fr);gap:26px;margin-top:52px}
}
@media (max-width:620px){
  .pe-hero{padding:34px 0 56px}
  .pe-hero h1{font-size:10.2vw;margin:18px 0 20px}
  .pe-hero .hero-actions .sd-btn{flex:1 1 auto}
  .pe-board{padding:34px 0 0}
  .pe-note{width:132px;padding:10px 10px 9px;font-size:12.5px;right:-2px;top:-6px}
  .pe-desk{padding:18px 12px 14px;transform:rotate(-.4deg)}
  .pe-desk-top{padding-right:0}
  .pe-desk .pub-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
  .pe-desk .pub-tabs button{padding:7px 2px;font-size:12px}
  .pe-desk-body{grid-template-columns:minmax(0,1fr)}
  .pe-views{min-height:0}
  .pe-idea,.pe-news{padding:76px 0 84px}
  .pe-social{padding:76px 0}
  .pe-run{padding:18px 14px 20px}
  .pe-demo-tag{margin-left:0}
  .pe-steps{gap:8px}
  .pe-steps button{padding:8px 9px;font-size:13px;gap:8px}
  .pe-steps button .icon{display:none}
  .pe-brief{padding:18px 16px}
  .pe-week{background-image:none;padding:12px}
  .pe-week-days{display:none}
  .pe-week-row{grid-template-columns:minmax(0,1fr);margin-top:10px}
  .pe-week-row:first-of-type{margin-top:0}
  .pe-chip{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .pe-chip-h{grid-column:1/-1}
  .pe-out li{grid-template-columns:38px minmax(0,1fr);padding:12px}
  .pe-out-ic{width:38px;height:38px;font-size:17px}
  .pe-ok{grid-column:2;justify-self:start}
  .pe-shot{padding:0}
  .pe-inside img{max-height:560px;object-fit:cover;object-position:top}
  .pe-builder{padding:18px 12px 14px}
  .pe-canvas{padding:12px}
  .pe-builder-foot label{flex:1 1 150px}
  .pe-builder-foot select{width:100%}
}
/* Phone tap targets (PHONE-TAPS, 27 Sep 2026): Move up/down get invisible hit areas, 44 px tall and as wide as the
   4 px gap between them allows. */
@media (max-width:620px){
  .mv button{position:relative}
  .mv button::before{content:"";position:absolute;top:50%;height:44px;transform:translateY(-50%);left:-8.5px;right:-3.5px}
  .mv button+button::before{left:-3.5px;right:-8.5px}
}
@media (max-width:360px){
  .pe-note{display:none}
  .pe-desk .pub-tabs{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:14px}
  /* Two rows of tabs: 14 px apart so each keeps a full 44 px tap area (PHONE-TAPS). */
  .pe-desk .pub-tabs{row-gap:14px}
  .pe-steps{grid-template-columns:minmax(0,1fr)}
  .pe-inside-bar{flex-direction:column;align-items:flex-start;gap:2px}
  .pe-inside-bar em{text-align:left}
}
@media (prefers-reduced-motion:reduce){
  .pe-desk{transform:rotate(-.8deg)}
  .pe-email,.pe-em-img{transition:none}
}

/* Look 2 ("studio lights"): the hero, the run, the social screen and the builder sit on night stages */
.opt2 .pe-hero{--spot-x:70%;--spot-y:46%}
.opt2 .sd-night .channels span{color:var(--sd-on-night-faint)}
.opt2 .sd-night .pe-board-note{color:var(--sd-on-night-faint)!important}
.opt2 .sd-night .sd-frame p,.opt2 .sd-night .sd-frame .pe-post-text{color:var(--sd-ink-soft)}
.opt2 .sd-night .sd-frame .ig p,.opt2 .sd-night .ig p{color:var(--sd-ink)}
.opt2 .pe-run.sd-night .label-sm,.opt2 .pe-builder.sd-night .label-sm{color:var(--sd-on-night-faint)}
.opt2 .pe-run.sd-night .pe-biz{color:var(--sd-on-night)}
.opt2 .pe-run.sd-night .pe-biz i{box-shadow:0 0 0 1.5px var(--sd-on-night)}
.opt2 .pe-run.sd-night .pe-demo-tag{color:var(--sd-on-night-faint);border-color:var(--sd-night-line)}
.opt2 .pe-run.sd-night .pe-steps button{border-color:rgba(255,253,247,.7);box-shadow:2px 2px 0 rgba(0,0,0,.35)}
.opt2 .pe-run.sd-night .pe-steps button[aria-selected="true"]{border-color:var(--sd-gold);box-shadow:3px 3px 0 rgba(255,253,247,.38)}
.opt2 .pe-brief p{color:var(--sd-ink-soft)}
.opt2 .pe-brief .pe-brief-h{color:var(--sd-ink)}
.opt2 .pe-run.sd-night .pe-run-foot{border-top-color:var(--sd-night-line)}
.opt2 .pe-run.sd-night .pe-run-foot p{color:var(--sd-on-night)}
.opt2 .pe-run.sd-night .pe-run-foot p .icon{color:#a6e3c4}
.opt2 .pe-run.sd-night .label-sm+.sd-frame,.opt2 .pe-run.sd-night .sd-frame{border-color:rgba(255,253,247,.65);box-shadow:3px 4px 0 rgba(0,0,0,.35)}
.opt2 .pe-run.sd-night .pe-approve{border-color:rgba(255,253,247,.7);box-shadow:2px 2px 0 rgba(0,0,0,.35)}
.opt2 .pe-run.sd-night .pe-week,.opt2 .pe-run.sd-night .pe-out li,.opt2 .pe-run.sd-night .pe-brief{border-color:rgba(255,253,247,.65);box-shadow:3px 4px 0 rgba(0,0,0,.35)}
.opt2 .pe-idea-shot figcaption{border-color:rgba(255,253,247,.65)}
.opt2 .pe-shot.sd-night{--spot-x:50%;--spot-y:38%}
.opt2 .pe-shot.sd-night figcaption{color:var(--sd-on-night-faint)}
.opt2 .pe-shot.sd-night figcaption b{color:var(--sd-on-night)}
.opt2 .pe-shot.sd-night .pe-inside{border-color:rgba(255,253,247,.6);box-shadow:0 30px 60px -30px rgba(0,0,0,.85)}
.opt2 .pe-builder.sd-night .pe-sections,.opt2 .pe-builder.sd-night .pe-canvas{border-color:rgba(255,253,247,.65);box-shadow:3px 4px 0 rgba(0,0,0,.35)}
.opt2 .pe-builder.sd-night .pe-sections .pe-sections-h{color:var(--sd-ink)}
.opt2 .pe-builder.sd-night .pe-sections .pe-sections-hint{color:var(--sd-ink-faint)}
.opt2 .pe-email .pe-em-block p{color:#5a4d44}
.opt2 .pe-email .pe-em-offer p{color:#5a4d44}
.opt2 .pe-builder.sd-night .pe-builder-foot label{color:var(--sd-on-night)}
.opt2 .pe-builder.sd-night .pe-sched{color:#a6e3c4}
.opt2 .pe-builder.sd-night .pe-device{box-shadow:2px 2px 0 rgba(0,0,0,.35)}
.opt2 .pe-run.sd-night .pe-brief .label-sm{color:var(--sd-ink-faint)}