/* ---------- Merik marketing pages (body.ed), second edition: "the red line" ----------
   Loaded by the landing page and the nine core marketing pages, after site.css.
   Everything is scoped to body.ed, so the blog, glossary and legal pages that
   share site.css are untouched.

   Brand colours only: Merik red, its dark and coral, ink, the near-black of the
   app's sidebar, the warm cloud and blush grounds, white. The motif is the
   logo's own stroke: one thick, round-ended red line. Type is set large in a
   display grotesque; whole sections are flat fields of colour; the product is
   shown big, the way a fashion page shows a garment. */
body.ed{
  --ground:#F0EEE9; --paper:#fff; --ink:#15161A; --night:#110101; --text:#2A2C31; --muted:#5E626B;
  --red:#CA3934; --red-d:#B0302C; --coral:#F2724A; --blush:#FCEEEC;
  --display:'Bricolage Grotesque','Inter',system-ui,sans-serif;
  --m:clamp(20px,3vw,48px);
  --s-hero:clamp(46px,7.6vw,138px); --s-display:clamp(44px,6.4vw,112px); --s-h2:clamp(34px,4.4vw,72px);
  --s-h3:clamp(22px,1.8vw,28px); --s-lead:clamp(19px,1.45vw,23px); --s-body:17px; --s-small:15px;
  --ease:cubic-bezier(.2,.7,.2,1);
  background:var(--ground);color:var(--text);font-size:var(--s-body);line-height:1.55
}
body.ed .wrap{max-width:none;padding:0 var(--m)}
body.ed h1,body.ed h2,body.ed h3{color:var(--ink);font-family:var(--display);font-variation-settings:'opsz' 96;font-weight:800;text-wrap:balance;margin:0}
body.ed h1{font-size:var(--s-display);line-height:.92;letter-spacing:-.045em;max-width:none}
body.ed h2{font-size:var(--s-h2);line-height:.98;letter-spacing:-.04em}
body.ed h3{font-size:var(--s-h3);line-height:1.15;letter-spacing:-.02em;font-weight:700}
body.ed p+p{margin-top:14px}
body.ed main a:not(.btn):not([data-ui] *),body.ed .ed-link{color:inherit;font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
body.ed main a:not(.btn):not([data-ui] *):hover{color:var(--red);text-decoration-color:var(--red)}
body.ed .f-red a:not(.btn):hover,body.ed .f-ink a:not(.btn):hover,body.ed .f-night a:not(.btn):hover,body.ed .f-wine a:not(.btn):hover{color:#fff;text-decoration-thickness:4px}
body.ed a:focus-visible,body.ed button:focus-visible,body.ed summary:focus-visible,body.ed input:focus-visible,body.ed textarea:focus-visible{outline:3px solid var(--red);outline-offset:3px}
body.ed .f-red a:focus-visible,body.ed .f-red button:focus-visible,body.ed .f-wine a:focus-visible{outline-color:#fff}

/* buttons: the logo's round ends */
body.ed .btn{border-radius:999px;font-size:var(--s-body);font-weight:700;padding:18px 32px;box-shadow:none;transition:transform .18s var(--ease),background-color .18s ease,color .18s ease}
body.ed .btn:hover{transform:translateY(-2px);box-shadow:none}
body.ed .btn:active{transform:translateY(0) scale(.97)}
body.ed .btn-primary{background:var(--red);color:#fff}
body.ed .btn-primary:hover{background:var(--red-d)}
body.ed .btn-ink{background:var(--ink);color:#fff}
body.ed .btn-ink:hover{background:#000}
body.ed .f-red .btn-primary,body.ed .f-wine .btn-primary{background:var(--ink)}
body.ed .f-red .btn-primary:hover,body.ed .f-wine .btn-primary:hover{background:#000}

/* ---------- header ---------- */
body.ed header{background:var(--ground);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0;padding:0;position:sticky;top:0} /* taste-skill-ignore: removes the shared blur */
body.ed header .wrap.nav{height:72px;padding:0 var(--m);gap:40px;display:flex;align-items:center}
body.ed header .brand{display:flex;align-items:center}
body.ed .nav-links{flex:1;gap:30px;justify-content:flex-start;align-items:center;padding:0}
body.ed .nav-links a.link{color:var(--ink);font-size:var(--s-small);font-weight:600}
body.ed .nav-links a.link:hover{color:var(--red)}
body.ed .nav-links a.link[aria-current="page"]{color:var(--red-d)}
body.ed .nav-cta{margin-left:auto;gap:10px;align-items:center}
body.ed .nav-cta .btn{padding:12px 22px;font-size:var(--s-small)}
body.ed .nav-cta .btn-outline{background:transparent;border:2px solid var(--ink);color:var(--ink);padding:10px 20px}
body.ed .nav-cta .btn-outline:hover{background:var(--ink);color:#fff}
body.ed .nav-cta .btn-primary{background:var(--red)}
body.ed .progress{background:var(--red);height:4px}
body.ed .to-top{box-shadow:none;border:0;background:var(--red);color:#fff;border-radius:999px}

/* ---------- fields: whole sections in one brand colour ---------- */
.f-red{background:var(--red);color:#fff}
.f-wine{background:var(--red-d);color:#FBE3E1}
.f-coral{background:var(--coral);color:var(--ink)}
.f-ink{background:var(--ink);color:#D6D7DB}
.f-night{background:var(--night);color:#D9CFCD}
.f-blush{background:var(--blush);color:var(--ink)}
.f-paper{background:var(--paper)}
body.ed .f-red :is(h1,h2,h3,.num,.big),body.ed .f-wine :is(h1,h2,h3,.num,.big),body.ed .f-ink :is(h1,h2,h3,.num,.big),body.ed .f-night :is(h1,h2,h3,.num,.big){color:#fff}
body.ed .f-coral :is(h1,h2,h3,.num,.big){color:var(--ink)}

/* ---------- inner-page masthead: a gutterless mosaic; photographs in red duotone ---------- */
.ed-mast{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"a b c" "a d e";height:clamp(380px,52svh,580px);margin:0 var(--m);overflow:hidden;border-radius:28px}
.ed-mast>.ta{grid-area:a}.ed-mast>.tb{grid-area:b}.ed-mast>.tc{grid-area:c}.ed-mast>.td{grid-area:d}.ed-mast>.te{grid-area:e}
.ed-tile{position:relative;overflow:hidden;min-width:0;min-height:0}
.ed-photo{background:var(--red)}
.ed-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.25) brightness(1.08);mix-blend-mode:multiply}
.ed-ui{background:var(--blush)}
.ed-ui>[data-ui]{position:absolute;left:24px;top:24px}
.ed-ui.from-right>[data-ui]{left:-206px;top:-196px}
.ed-ui.from-bottom>[data-ui]{top:auto;bottom:-40px}
.ed-stat{padding:28px;display:flex;flex-direction:column;justify-content:space-between}
.ed-stat .num{font-family:var(--display);font-size:var(--s-display);font-weight:800;letter-spacing:-.05em;line-height:.9;font-variant-numeric:tabular-nums}
.ed-stat p{margin-top:12px;font-size:var(--s-small);max-width:24ch;line-height:1.45}
.ed-mast .ed-stat .num{font-size:clamp(48px,5.6vw,96px)}

/* the masthead opens like a shutter; the tiles follow */
@keyframes ed-shutter{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@keyframes ed-settle{from{transform:scale(1.14)}to{transform:none}}
@keyframes ed-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.js .ed-mast .ta.ed-photo{animation:ed-shutter 1.1s cubic-bezier(.7,0,.2,1) both}
.js .ed-mast .ta.ed-photo img{animation:ed-settle 1.5s var(--ease) both}
.js .ed-mast>.ed-tile:not(.ta){animation:ed-rise .8s var(--ease) both}
.js .ed-mast>.tb{animation-delay:.35s}.js .ed-mast>.tc{animation-delay:.45s}
.js .ed-mast>.td{animation-delay:.55s}.js .ed-mast>.te{animation-delay:.65s}

/* the column line: titles and text hang from 42% */
.ax{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr)}
.ax>.side{padding-right:48px}
.ax>.main{min-width:0}
.ed-title{padding:64px var(--m) 128px;position:relative}
.ed-title h1{font-size:var(--s-display)}
.ed-title .deck{font-size:var(--s-lead);line-height:1.4;color:var(--ink);max-width:28ch;padding-top:12px;font-weight:500}
.ed-title .cta{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:40px}
.ed-title .note{margin-top:20px;font-size:var(--s-small);color:var(--muted);max-width:58ch}
.ed-title .note a{color:var(--red)}
/* the stroke under every inner title: the logo's line, drawn once */
.ed-title::after{content:"";position:absolute;left:calc(42% + var(--m) * .58);bottom:64px;width:min(320px,30vw);height:18px;border-radius:99px;background:var(--red);transform-origin:left;animation:mk-grow 1s .5s var(--ease) both}
@keyframes mk-grow{from{transform:scaleX(0)}to{transform:none}}
.side .note,.ed-note{font-size:var(--s-body);color:#3F424A;line-height:1.5}
.f-blush .ed-note{color:#33363C}

/* text pages */
.ed-sec{padding:136px var(--m)}
.ed-sec.tight{padding-top:0}
.ed-sec .main>h2+*{margin-top:28px}
.ed-sec .main>p,.ed-sec .main>ul,.ed-sec .main>ol,.ed-sec .main>blockquote{max-width:62ch}
.ed-sec .main ul,.ed-sec .main ol{padding-left:20px;display:grid;gap:10px}
.ed-sec .main ul+p,.ed-sec .main p+ul,.ed-sec .main p+ol,.ed-sec .main ol+p{margin-top:16px}
.ed-sec .main blockquote{margin-top:28px;font-family:var(--display);font-size:clamp(24px,2.2vw,34px);line-height:1.2;letter-spacing:-.02em;color:var(--ink);font-weight:700;padding-left:28px;border-left:8px solid var(--red)}
.ed-lead{font-size:var(--s-lead);line-height:1.45;color:var(--ink);max-width:52ch}
.ed-sec code{font-size:.92em;background:var(--blush);padding:1px 6px;border-radius:4px}
.ed-chapter-text+.ed-chapter-text{margin-top:72px}
.ed-sec .ax+.ax{margin-top:96px}
.ed-prose-row{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);padding:0 0 80px}
.ed-prose-row:last-child{padding-bottom:0}
.ed-prose-row .side h2{font-size:clamp(26px,2.4vw,38px);line-height:1.08;letter-spacing:-.03em;padding-right:48px}

/* an index: a big name on the left, the description hanging from the line */
.ed-index{list-style:none;display:grid;gap:8px;margin-top:72px}
.ed-index>li{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);padding:36px var(--m);margin:0 calc(var(--m) * -1);transition:background-color .25s ease}
.ed-index>li:nth-child(odd){background:var(--paper)}
.f-paper .ed-index>li:nth-child(odd){background:var(--ground)}
.f-blush .ed-index>li:nth-child(odd){background:#F8DEDA}
.ed-index>li:hover{background:var(--blush)}
body.ed .ed-index h3{padding-right:48px;font-size:clamp(26px,2.6vw,42px);letter-spacing:-.035em;line-height:1.02;font-weight:800}
.ed-index h3 a{font:inherit;letter-spacing:inherit;text-decoration:none!important}
.ed-index p{max-width:56ch}
.ed-index ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding:0;font-size:var(--s-small);color:var(--ink)}
.ed-index ul li{background:var(--ground);border-radius:99px;padding:6px 14px}
.ed-index>li:nth-child(odd) ul li{background:var(--blush)}

/* a band: one flat field, a large figure, the title on the line */
.ed-band{padding:128px var(--m)}
.ed-band .big{font-family:var(--display);font-size:clamp(120px,16vw,280px);font-weight:800;letter-spacing:-.06em;line-height:.8}
.ed-band .big+p{margin-top:18px;font-size:var(--s-lead)}
.ed-band .main>p{max-width:56ch;margin-top:24px;font-size:var(--s-lead)}
.ed-band .main>p.ed-lead{color:inherit}
.ed-band .cols{display:grid;grid-template-columns:1fr 1fr;gap:48px 56px;margin-top:64px;list-style:none;padding:0}
.ed-band .cols h3{margin-bottom:10px}

/* chapters: one screen each */
.ed-chapter{position:relative;min-height:max(100svh,720px);display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr auto;padding:48px var(--m);gap:24px}
.ed-chapter h2{grid-column:1;grid-row:1;max-width:12ch}
.ed-chapter .pic{grid-column:2;grid-row:1/4;align-self:center;width:min(506px,40vw);aspect-ratio:3/4;position:relative;overflow:hidden;border-radius:24px}
.ed-chapter .pic>img{width:100%;height:100%;object-fit:cover;display:block}
.ed-chapter .pic.ui{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07)}
.ed-chapter .say{grid-column:1;grid-row:3;align-self:end;max-width:34ch}
.ed-chapter .say .date{display:block;font-family:var(--display);font-size:var(--s-h2);font-weight:800;letter-spacing:-.04em;color:#fff;line-height:1;margin-bottom:16px}
.ed-chapter .go{grid-column:3;grid-row:3;align-self:end;justify-self:end;color:#fff}
.ed-chapter .pic [data-ui]{max-width:calc(100% - 32px)}

/* mosaic: a picture two thirds wide, two flat figure tiles beside it */
.ed-mosaic{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;min-height:640px;margin-top:72px;border-radius:28px;overflow:hidden}
.ed-mosaic>.wide{grid-row:1/3;position:relative;overflow:hidden;background:var(--blush)}
.ed-mosaic>.wide>[data-ui]{position:absolute;left:48px;top:48px}
.ed-mosaic>.wide.center{display:flex;align-items:center;justify-content:center}
.ed-mosaic>.wide.center>[data-ui]{position:static}
.ed-mosaic .ed-stat{padding:36px}

/* many into one: scattered days pulled into one record, then paid in order */
.ed-diagram{margin-top:72px}
.ed-diagram svg{display:block;width:100%;height:auto}
.ed-diagram .thirds{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px;list-style:none;padding:0}
.ed-diagram .thirds h3{font-size:clamp(28px,2.6vw,40px);margin-bottom:10px}
.ed-diagram .sq{transition:transform .9s var(--ease),opacity .9s ease}
.js .ed-diagram:not(.in) .sq{opacity:0}

/* pricing: two plans, two fields */
.ed-plans,.ed-faq,.ed-strip{padding:0}
.ed-plans{display:grid;grid-template-columns:5fr 7fr;min-height:min(92svh,780px)}
.ed-plan{display:grid;grid-template-rows:auto auto 1fr auto;padding:48px var(--m)}
.ed-plan h2{font-size:var(--s-h2)}
.ed-plan .who{font-size:var(--s-lead);max-width:26ch;margin-top:16px}
.ed-plan .inc{margin-top:40px;max-width:52ch}
.ed-plan .foot{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:40px}
.ed-plan .price{background:none;border:0;box-shadow:none;padding:0;border-radius:0;color:inherit;font-family:var(--display);font-size:clamp(72px,10vw,180px);font-weight:800;letter-spacing:-.06em;line-height:.8}
.ed-plan.f-ink .price{font-size:clamp(48px,5.6vw,96px);color:#fff}
.ed-plan .price small{color:inherit;font-family:'Inter',sans-serif;font-size:var(--s-small);font-weight:600;letter-spacing:0;margin-left:10px}

/* faq: the title holds still on the left while the answers pass on the right.
   The <details> stay as the FAQPage source (scripts/sync_faq.py). */
.ed-faq{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);background:var(--paper)}
.ed-faq-head{grid-column:1;grid-row:1/span 40;align-self:start;position:sticky;top:72px;height:calc(100svh - 72px);min-height:420px;display:flex;align-items:flex-end;padding:48px var(--m)}
body.ed .ed-faq-head h2{font-size:clamp(56px,7vw,128px);letter-spacing:-.055em;line-height:.88}
.ed-faq details{grid-column:2;padding:44px var(--m) 44px 56px;background:var(--paper)}
.ed-faq details+details{border-top:2px solid var(--ground)}
.ed-faq summary{list-style:none;cursor:default;font-family:var(--display);font-size:clamp(22px,2vw,32px);font-weight:700;letter-spacing:-.025em;line-height:1.12;color:var(--ink);margin-bottom:14px}
.ed-faq summary::-webkit-details-marker{display:none}
.ed-faq summary::after{content:none}
.ed-faq details p{font-size:var(--s-body);line-height:1.55;max-width:62ch;color:var(--text)}

/* the close: three duotone pictures butted together, then one field with the action */
.ed-strip{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:minmax(0,1fr);height:44svh;min-height:300px;overflow:hidden;background:var(--red)}
.ed-strip img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;filter:grayscale(1) contrast(1.25) brightness(1.08);mix-blend-mode:multiply}
.ed-cta{min-height:52svh;padding:96px var(--m);display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:0;align-items:start}
body.ed .ed-cta>h2{grid-column:1/-1;max-width:20ch;margin-bottom:56px;font-size:var(--s-display)}
.ed-cta>div{grid-column:2}
.ed-cta h2{color:#fff}
.ed-cta .act{font-family:var(--display);font-size:clamp(26px,2.4vw,38px);font-weight:800;letter-spacing:-.02em;margin-top:0}
.ed-cta .act a{color:#fff;text-decoration:underline;text-decoration-thickness:5px;text-underline-offset:8px}
.ed-cta .act a:hover{text-decoration-color:var(--ink)}
.ed-cta .small{margin-top:20px;max-width:46ch}

/* contact as the headline, then the shared footer on the same field */
.ed-close{background:var(--night);color:#B9AEAC;padding:56px var(--m) 24px;min-height:78svh;display:grid;grid-template-rows:auto 1fr auto}
.ed-close .top{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:24px;font-size:var(--s-small)}
.ed-close .top p{max-width:44ch}
.ed-close .top a{color:#fff}
.ed-close .mail{align-self:end;display:block;font-family:var(--display);font-size:clamp(44px,10vw,184px);font-weight:800;letter-spacing:-.06em;line-height:.86;color:#fff;text-decoration:none!important;margin:96px 0 48px;word-break:break-word;transition:color .2s ease}
.ed-close .mail span{display:block}
.ed-close .mail span+span{color:var(--red)}
.ed-close .mail:hover span{color:var(--coral)}
.ed-close .credits{font-size:var(--s-small);color:#9E9391;max-width:80ch}
.ed-close .credits a{color:#D9CFCD}
.ed-close .credits .up{display:inline-block;margin-left:12px;color:#fff}
body.ed footer{background:var(--night);color:#9E9391;border-top:0;padding:24px 0 32px}
body.ed footer .foot{grid-template-columns:1.6fr repeat(4,1fr)}
body.ed footer .foot h5{color:#fff;font-size:var(--s-small)}
body.ed footer .foot a,body.ed footer .foot p.desc{color:#B9AEAC;font-size:var(--s-small)}
body.ed footer .foot a:hover{color:#fff}
body.ed footer .foot-social a{color:#D9CFCD;font-size:var(--s-small)}
body.ed footer .foot-bottom{border-top:0;color:#9E9391;font-size:var(--s-small)}
body.ed footer .brand img{filter:brightness(0) invert(1)}

/* forms */
body.ed .lead-form{max-width:none;margin:0;background:var(--paper);border:0;box-shadow:none;border-radius:24px;padding:40px}
body.ed .lead-form label{font-size:var(--s-small);color:var(--ink)}
body.ed .lead-form input,body.ed .lead-form textarea{border-radius:12px;background:var(--ground);border-color:transparent}
body.ed .lead-form input:focus,body.ed .lead-form textarea:focus{background:#fff;border-color:var(--red)}
body.ed .lead-form .btn{width:100%}

/* tables of facts (real tables keep their rules) */
body.ed table.facts{width:100%;max-width:none;border-collapse:collapse;margin:0;font-size:var(--s-body);background:transparent;border:0;border-radius:0;box-shadow:none}
body.ed table.facts th{width:30%;text-align:left;vertical-align:top;padding:18px 24px 18px 0;color:var(--ink);font-weight:700;background:transparent;border-top:2px solid #E2DED6;font-size:var(--s-body)}
body.ed table.facts td{padding:18px 0;border-top:2px solid #E2DED6;color:var(--text);font-size:var(--s-body)}

/* the plate: one tall panel of the product with notes in both margins */
.ed-plate{display:grid;grid-template-columns:minmax(0,1fr) 400px minmax(0,1fr);gap:56px}
.ed-plate .notes{display:flex;flex-direction:column;justify-content:space-between;padding:24px 0;list-style:none;gap:32px}
.ed-plate .notes.l{text-align:right;align-items:flex-end}
.ed-plate .notes li{max-width:28ch}
.ed-plate .notes h3{margin-bottom:6px}
.ed-plate .notes p{color:#3F424A;line-height:1.5}
.ed-plate .notes li:hover h3{color:var(--red)}
.ed-plate .panel{display:flex;justify-content:center;background:none;border:0;box-shadow:none;padding:0;border-radius:0}
.ed-plate-head{display:grid;grid-template-columns:minmax(0,1fr) 400px minmax(0,1fr);gap:56px;margin-bottom:48px}
.ed-plate-head h2{text-align:right}
.ed-plate-head p{grid-column:3}

/* the calculator */
.ed-calc{display:grid;grid-template-columns:2fr 1fr;margin-top:64px;border-radius:28px;overflow:hidden}
.ed-calc .inputs{background:var(--paper);padding:48px}
.ed-calc .calc-field{margin-bottom:36px}
.ed-calc .calc-field label{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:var(--s-body);font-weight:600;color:var(--ink);margin-bottom:14px}
.ed-calc .calc-field label output{font-family:var(--display);font-size:clamp(24px,2vw,32px);font-weight:800;color:var(--red);font-variant-numeric:tabular-nums}
.ed-calc input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:10px;border-radius:99px;background:var(--blush);outline:none}
.ed-calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:var(--red);cursor:pointer;border:0;transition:transform .15s ease}
.ed-calc input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}
.ed-calc input[type=range]::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:var(--red);cursor:pointer;border:0}
.ed-calc .outs{display:grid;grid-template-rows:auto 1fr}
.ed-calc .ed-stat{padding:36px}
.ed-calc .ed-stat .num{font-size:clamp(48px,5vw,88px)}
.ed-calc dl{display:grid;gap:18px;margin:24px 0 0}
.ed-calc dt{font-size:var(--s-small)}
.ed-calc dd{margin:0;color:#fff;font-family:var(--display);font-size:clamp(24px,2vw,32px);font-weight:800;font-variant-numeric:tabular-nums}
.ed-calc .f-red .btn{background:var(--ink);width:100%;margin-top:auto}
.ed-calc .f-red p{font-size:var(--s-small);margin:0 0 24px}
.ed-calc .f-red a:not(.btn){color:#fff}

/* the newsletter sits on the closing field */
body.ed .news-sec{display:block;background:var(--night);padding:0 var(--m) 24px}
body.ed .news-sec .wrap{padding:0}
body.ed .news{background:#1E0F0E;border:0;border-radius:24px;padding:32px 36px;margin:0}
body.ed .news h5{color:#fff;font-family:var(--display);font-size:clamp(24px,2vw,30px);font-weight:800;letter-spacing:-.02em}
body.ed .news p{color:#B9AEAC;font-size:var(--s-small)}
body.ed .news-form input{border-radius:999px;border-color:#3A2523;background:var(--night);color:#fff;font-size:var(--s-small)}
body.ed .news-msg.ok{color:#fff}
body.ed .news-msg.err{color:#FFC9BD}

/* ======================================================================
   The landing page (body.ed.home)
   ====================================================================== */

/* the hero: a headline set like a magazine cover, the product photographed
   big beneath it, and the red line drawn through both */
.mk-hero{position:relative;padding:48px var(--m) 0;overflow:hidden;min-height:calc(100svh - 72px);display:grid;grid-template-rows:auto 1fr}
.mk-hero h1,body.ed .mk-hero h1{font-size:var(--s-hero);line-height:.88;letter-spacing:-.055em;position:relative;z-index:2}
.mk-hero h1 .ln{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.mk-hero h1 .ln>span{display:inline-block}
.mk-hero h1 .ln:nth-child(2){padding-left:12vw;color:var(--red)}
.js .mk-hero h1 .ln>span{animation:mk-line 1s var(--ease) both}
.js .mk-hero h1 .ln:nth-child(2)>span{animation-delay:.12s}
@keyframes mk-line{from{transform:translateY(105%)}to{transform:none}}
.mk-hero-row{display:grid;grid-template-columns:minmax(0,34fr) minmax(0,66fr);gap:48px;align-items:start;margin-top:48px;position:relative;z-index:2}
.mk-hero-copy{padding-bottom:64px}
.mk-hero-copy .lead{margin:0;font-size:var(--s-lead);line-height:1.42;color:var(--ink);max-width:30ch;font-weight:500}
.mk-hero-copy .cta{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px}
.mk-hero-copy .note{margin-top:24px;font-size:var(--s-small);color:var(--muted);max-width:40ch}
.mk-hero-copy .note a{color:var(--red)}
.mk-shot{position:relative;height:100%;min-height:520px;margin-top:40px}
.mk-shot .lp-app{position:absolute;left:0;top:0;width:900px;transform:none;font-size:13px;border-radius:20px;border:0}
.mk-shot .chip{position:absolute;z-index:3;font-family:'Inter',sans-serif}
.mk-shot .chip.a{left:-56px;top:248px}
.mk-shot .chip.b{left:560px;top:-76px}
.js .mk-shot{animation:ed-rise 1.1s .25s var(--ease) both}
.js .mk-shot .chip{animation:mk-pop .6s var(--ease) both}
.js .mk-shot .chip.a{animation-delay:1s}.js .mk-shot .chip.b{animation-delay:1.2s}
@keyframes mk-pop{from{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:none}}
[data-ui].m-chip{display:flex;align-items:center;gap:12px;background:var(--ink);color:#fff;border-radius:999px;padding:12px 20px 12px 12px;font-size:14px;font-weight:600;white-space:nowrap}
[data-ui].m-chip i{width:36px;height:36px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:13px}
[data-ui].m-chip.red{background:var(--red)}
[data-ui].m-chip.red i{background:#fff;color:var(--red)}
[data-ui].m-chip small{display:block;font-weight:500;color:rgba(255,255,255,.72);font-size:12px}
.mk-line{position:absolute;inset:0;z-index:1;pointer-events:none;width:100%;height:100%}
.mk-line path{fill:none;stroke:var(--red);stroke-width:64;stroke-linecap:round;stroke-linejoin:round}
.js .mk-line path{stroke-dasharray:1;stroke-dashoffset:1;animation:mk-draw 2.2s .35s cubic-bezier(.65,0,.25,1) forwards}
@keyframes mk-draw{to{stroke-dashoffset:0}}

/* the day's check-ins, running past */
.mk-ticker{overflow:hidden;padding:26px 0;white-space:nowrap}
.mk-ticker .track{display:inline-flex;gap:56px;padding-left:56px;animation:mk-run 48s linear infinite}
.mk-ticker:hover .track{animation-play-state:paused}
.mk-ticker span{font-family:var(--display);font-size:clamp(26px,2.6vw,42px);font-weight:700;letter-spacing:-.025em;display:inline-flex;align-items:center;gap:20px}
.mk-ticker span b{font-weight:800}
.mk-ticker span::after{content:"";width:18px;height:18px;border-radius:50%;background:var(--ink);margin-left:36px}
@keyframes mk-run{to{transform:translateX(-50%)}}

/* the month: the scroll is June. The stage holds still, the date runs from
   1 to 30, the screen beside it changes, the days fill in. */
.mk-month{position:relative}
.mk-month .stage{padding:112px var(--m);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.mk-month .intro{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap}
.mk-month .intro h2{max-width:14ch}
.mk-month .intro p{max-width:40ch;font-size:var(--s-lead)}
.mk-beat .date{font-family:var(--display);font-size:clamp(96px,13vw,232px);font-weight:800;letter-spacing:-.065em;line-height:.8;color:var(--red);white-space:nowrap}
body.ed .mk-beat h3{color:#fff;font-size:clamp(28px,2.8vw,46px);letter-spacing:-.035em;margin-top:28px;font-weight:800}
.mk-beat p{margin-top:16px;max-width:38ch;font-size:var(--s-lead);line-height:1.45}
.mk-beat .go{display:inline-block;margin-top:24px;color:#fff}
.mk-shot-f{display:flex;align-items:center;justify-content:center;width:100%;border-radius:28px;background:rgba(255,255,255,.06);padding:56px 24px}
.mk-days{list-style:none;display:grid;grid-template-columns:repeat(30,1fr);gap:6px;padding:0;margin:0;grid-column:1/-1}
.mk-days li{height:44px;border-radius:99px;background:rgba(255,255,255,.08);position:relative;overflow:hidden;transition:background-color .25s ease,transform .25s var(--ease)}
.mk-days li.h::after{content:"";position:absolute;inset:0 0 0 50%;background:var(--red);opacity:0;transition:opacity .25s ease}
.mk-days li.on.h::after,.mk-month:not(.live) .mk-days li.h::after{opacity:1}
.mk-days li.off{background:transparent;outline:2px solid rgba(255,255,255,.12);outline-offset:-2px}
.mk-days li.now{transform:scaleY(1.35)}
.mk-days li.on,.mk-month:not(.live) .mk-days li{background:#fff}
.mk-days li.on.l,.mk-month:not(.live) .mk-days li.l{background:var(--coral)}
.mk-days li.on.a,.mk-month:not(.live) .mk-days li.a{background:var(--red)}
.mk-days li.on.off,.mk-month:not(.live) .mk-days li.off{background:transparent;outline-color:rgba(255,255,255,.3)}
.mk-key{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 28px;font-size:var(--s-small);margin-top:-24px}
.mk-key span{display:inline-flex;align-items:center;gap:10px}
.mk-key span::before{content:"";width:22px;height:12px;border-radius:99px;background:var(--c);border:2px solid var(--b,var(--c));border-right-color:var(--r,var(--b,var(--c)));border-right-width:var(--rw,2px);box-sizing:border-box}
/* rest composition (no script, reduced motion, phones): the three days in a row */
.mk-beats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.mk-beats .mk-beat{display:flex;flex-direction:column}
.mk-beats .mk-beat .date{font-size:clamp(64px,7vw,120px)}
.mk-beats .mk-shot-f{margin-top:32px;padding:32px 16px}
.mk-beats .mk-shot-f [data-ui]{max-width:100%}
/* live: one beat on the stage at a time */
.mk-month.live{height:400svh}
.mk-month.live .stage{position:sticky;top:0;height:100svh;padding:96px var(--m) 40px;grid-template-rows:minmax(0,1fr) auto auto;row-gap:28px}
.mk-month.live .intro{display:none}
.mk-month.live .mk-beats{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);min-height:0}
.mk-month.live .mk-beat{grid-column:1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;min-height:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s .45s}
.mk-month.live .mk-beat .date{font-size:clamp(96px,12vw,220px)}
.mk-month.live .mk-beat .txt{transform:translateY(40px);transition:transform .7s var(--ease)}
.mk-month.live .mk-beat .mk-shot-f{margin:0;height:100%;max-height:60svh;transform:translateY(60px) scale(.94);transition:transform .8s var(--ease)}
.mk-month.live .mk-beat.on{opacity:1;visibility:visible;transition:opacity .45s ease}
.mk-month.live .mk-beat.on .txt,.mk-month.live .mk-beat.on .mk-shot-f{transform:none}
.mk-month.live .mk-key{margin-top:0}

/* the modules, as a line-up that pans sideways */
.mk-rail{position:relative;background:var(--paper)}
.mk-rail{padding:128px 0 96px}
.mk-rail .stage{overflow:hidden}
.mk-rail .head{display:flex;justify-content:space-between;align-items:end;gap:32px;padding:0 var(--m);margin-bottom:56px;flex-wrap:wrap}
.mk-window{margin:0 var(--m);border-radius:32px;overflow:hidden}
.mk-rail .head h2{max-width:13ch}
.mk-rail .head p{max-width:38ch;font-size:var(--s-lead)}
.mk-track{display:flex;gap:16px;width:max-content}
.mk-card{width:min(64vw,900px);height:min(74svh,640px);min-height:500px;border-radius:32px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);overflow:hidden;flex:none}
.mk-card .txt{padding:44px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
body.ed .mk-card h3{font-size:clamp(40px,4.6vw,76px);line-height:.9;letter-spacing:-.05em;font-weight:800}
.mk-card p{font-size:var(--s-lead);line-height:1.42;max-width:30ch}
.mk-card .fig{font-family:var(--display);font-size:clamp(56px,6vw,104px);font-weight:800;letter-spacing:-.06em;line-height:.85}
.mk-card .cap{font-size:var(--s-small);font-weight:600;margin-top:12px;line-height:1.4;max-width:34ch}
.mk-card .pic{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;padding-left:8px}
.mk-card .pic>[data-ui]{flex:none}
.mk-card .pic.crop>[data-ui]{position:absolute;left:24px;top:56px}
.mk-card a.more{color:inherit}
.mk-rail .after{padding:0 var(--m);margin-top:40px;font-size:var(--s-lead)}
.mk-card .pic.crop{min-width:0}
/* live: the page scrolls down, the line-up slides left */
.mk-rail.live .stage{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:72px}
.mk-rail.live{padding-bottom:0}
.mk-rail.live .mk-rail-run{height:var(--run)}
.mk-rail.live .mk-track{will-change:transform}
.mk-rail.live .after{display:none}

/* how it works: three words, set as large as the page allows */
.mk-steps{padding:128px var(--m)}
.mk-steps .top{display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap;margin-bottom:56px}
.mk-steps .top p{max-width:40ch;font-size:var(--s-lead)}
.mk-steps ol{list-style:none;padding:0;margin:0;display:grid}
.mk-steps li{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);align-items:end;gap:48px;padding:28px 0;border-top:3px solid rgba(255,255,255,.3)}
.mk-steps li:last-child{border-bottom:3px solid rgba(255,255,255,.3)}
.mk-steps .word{font-family:var(--display);font-size:clamp(84px,13vw,236px);font-weight:800;letter-spacing:-.065em;line-height:.8;color:#fff}
.mk-steps li p{font-size:var(--s-lead);line-height:1.42;max-width:36ch;padding-bottom:12px}
.mk-steps .more{margin-top:40px;font-size:var(--s-lead)}
.mk-steps .more a{color:#fff}

/* the live register on the home page */
.mk-register{padding:136px var(--m)}
.mk-register .top{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:48px;align-items:end}
.mk-register .top p{font-size:var(--s-lead);max-width:42ch}

/* the request: the form on a red field */
.mk-request{padding:128px var(--m);display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:64px;align-items:start}
.mk-request h2{font-size:var(--s-display)}
.mk-request .ed-lead{color:#fff;margin-top:28px}
.mk-request .ed-note{color:#FBE3E1;margin-top:16px}
.mk-request .ed-note a{color:#fff}
body.ed .mk-request .lead-form .btn-primary{background:var(--red)}
body.ed .mk-request .lead-form .btn-primary:hover{background:var(--red-d)}

/* ======================================================================
   Inner pages: the same cover, then one move of their own each
   ====================================================================== */

/* the cover: the home hero's headline and copy, with a duotone photograph
   and the page's own screen laid over it */
.pg-hero{min-height:0;padding-bottom:96px}
.pg-shot{position:relative;min-height:540px;margin-top:8px}
.pg-photo{position:absolute;right:0;top:0;width:74%;height:100%;border-radius:28px;overflow:hidden;background:var(--red)}
.pg-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.25) brightness(1.08);mix-blend-mode:multiply}
.pg-frag{position:absolute;left:0;top:56px;z-index:2}
.pg-frag>.lp-app{width:860px;font-size:13px;border-radius:20px}
.pg-chip{position:absolute;right:24px;bottom:24px;z-index:3}
[data-ui].m-chip i{min-width:36px;width:auto;padding:0 8px;border-radius:99px}
.js .pg-shot .pg-photo{animation:ed-shutter 1.1s cubic-bezier(.7,0,.2,1) both}
.js .pg-shot .pg-photo img{animation:ed-settle 1.5s var(--ease) both}
.js .pg-shot .pg-frag{animation:ed-rise 1s .45s var(--ease) both}
.js .pg-shot .pg-chip{animation:mk-pop .6s 1.1s var(--ease) both}
.pg-hero .mk-line{opacity:.9}
/* contact: the address is the picture */
.pg-mail{position:absolute;left:0;top:44px;bottom:44px;width:72%;z-index:2;border-radius:28px;padding:44px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.pg-mail .to{font-size:var(--s-lead);font-weight:600}
body.ed main .pg-mail a.addr{font-family:var(--display);font-size:clamp(44px,5.6vw,104px);font-weight:800;letter-spacing:-.055em;line-height:.88;color:#fff;text-decoration:none;word-break:break-word}
body.ed main .pg-mail a.addr span{display:block}
body.ed main .pg-mail a.addr span+span{color:var(--red)}
body.ed main .pg-mail a.addr:hover span{color:var(--coral)}
.pg-mail p{max-width:40ch}
body.ed .pg-mail p a{color:#fff}
/* request access: the form is the picture */
.pg-form{position:relative;z-index:2;background:var(--red);border-radius:28px;padding:28px}
body.ed .pg-form .lead-form{padding:32px}

/* features: a stack of screens; each holds still while its text passes */
.pg-stack{list-style:none;padding:0;margin:72px 0 0;display:grid;gap:24px}
.pg-stack>li{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:0;border-radius:32px;overflow:hidden;background:var(--paper);min-height:min(88svh,760px)}
.pg-stack .txt{padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}
body.ed .pg-stack h3{font-size:clamp(40px,4.4vw,72px);line-height:.9;letter-spacing:-.05em;font-weight:800}
.pg-stack .txt p{font-size:var(--s-lead);line-height:1.42;max-width:32ch}
.pg-stack .txt ul{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px;font-size:var(--s-small);color:var(--ink)}
.pg-stack .txt ul li{background:var(--ground);border-radius:99px;padding:6px 14px}
.pg-stack .pic{position:relative;display:flex;align-items:center;justify-content:center;padding:48px 32px;overflow:hidden}
.pg-stack .pic>[data-ui]{position:sticky;top:30svh}
.pg-stack>li:nth-child(6n+1) .pic{background:var(--red)}
.pg-stack>li:nth-child(6n+2) .pic{background:var(--ink)}
.pg-stack>li:nth-child(6n+3) .pic{background:var(--blush)}
.pg-stack>li:nth-child(6n+4) .pic{background:var(--night)}
.pg-stack>li:nth-child(6n+5) .pic{background:var(--coral)}
.pg-stack>li:nth-child(6n+6) .pic{background:var(--red-d)}
.f-paper .pg-stack>li{background:var(--ground)}
.f-paper .pg-stack .txt ul li{background:var(--paper)}

/* how it works: the steps as cards that stack on each other as you scroll */
.pg-steps{list-style:none;padding:0;margin:72px 0 0;display:grid;gap:32px}
.pg-steps>li{position:sticky;top:96px;min-height:min(78svh,700px);border-radius:32px;padding:48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:32px 48px;overflow:hidden}
.pg-steps>li:nth-child(2){top:120px}
.pg-steps>li:nth-child(3){top:144px}
.pg-steps .word{grid-column:1/-1;font-family:var(--display);font-size:clamp(80px,11vw,200px);font-weight:800;letter-spacing:-.065em;line-height:.8}
body.ed .pg-steps h3{font-size:clamp(28px,2.6vw,42px);letter-spacing:-.035em;font-weight:800;margin-bottom:16px}
.pg-steps .txt p{font-size:var(--s-lead);line-height:1.45;max-width:36ch}
.pg-steps .pic{display:flex;align-items:flex-start;justify-content:flex-end;min-width:0}
.pg-steps .pic>[data-ui]{max-width:100%}
.pg-steps .f-red .word,.pg-steps .f-night .word,.pg-steps .f-ink .word,.pg-steps .f-wine .word{color:#fff}
.pg-steps .f-blush .word{color:var(--red)}
body.ed .pg-steps .f-red a:not(.btn),body.ed .pg-steps .f-night a:not(.btn){color:#fff}

/* modules: a wall of colour, one block per module */
body.ed ul.ed-index.pg-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:72px}
body.ed .pg-wall>li{display:flex;flex-direction:column;justify-content:space-between;gap:40px;margin:0;padding:40px;min-height:440px;border-radius:32px;background:var(--paper)}
body.ed .pg-wall>li:nth-child(odd){background:var(--paper)}
body.ed .pg-wall h3{font-size:clamp(34px,3.2vw,54px);line-height:.92;letter-spacing:-.05em;padding:0}
body.ed .pg-wall p{font-size:var(--s-body);max-width:none}
body.ed .pg-wall ul li,body.ed .pg-wall>li:nth-child(odd) ul li{background:rgba(255,255,255,.18)}
body.ed .pg-wall>li:nth-child(6n+1){background:var(--red);color:#fff}
body.ed .pg-wall>li:nth-child(6n+2){background:var(--ink);color:#D6D7DB}
body.ed .pg-wall>li:nth-child(6n+3){background:var(--paper)}
body.ed .pg-wall>li:nth-child(6n+4){background:var(--coral);color:var(--ink)}
body.ed .pg-wall>li:nth-child(6n+5){background:var(--night);color:#D9CFCD}
body.ed .pg-wall>li:nth-child(6n+6){background:var(--red-d);color:#FBE3E1}
body.ed .pg-wall>li:nth-child(6n+1) :is(h3,ul),body.ed .pg-wall>li:nth-child(6n+2) :is(h3,ul),body.ed .pg-wall>li:nth-child(6n+5) :is(h3,ul),body.ed .pg-wall>li:nth-child(6n+6) :is(h3,ul){color:#fff}
body.ed .pg-wall>li:nth-child(6n+3) ul li,body.ed .pg-wall>li:nth-child(6n+4) ul li{background:var(--ground)}
body.ed .pg-wall>li:nth-child(6n+4) ul li{background:rgba(255,255,255,.4)}
body.ed .pg-wall>li:nth-child(4n+1),body.ed .pg-wall>li:nth-child(4n+4){grid-column:span 2}
body.ed .pg-wall>li:last-child:is(:nth-child(4n+1),:nth-child(4n+3)){grid-column:1/-1}
body.ed .pg-wall>li:hover{transform:translateY(-6px)}
body.ed .pg-wall>li{transition:transform .35s var(--ease)}

/* security and about: the contents hold still while the text passes */
.pg-doc{display:grid;grid-template-columns:minmax(0,30fr) minmax(0,70fr);gap:48px;align-items:start}
.pg-toc{position:sticky;top:104px}
.pg-toc p{font-family:var(--display);font-size:clamp(26px,2.2vw,36px);font-weight:800;letter-spacing:-.035em;color:var(--ink);margin-bottom:20px}
.pg-toc ol{list-style:none;padding:0;margin:0;display:grid;gap:2px}
body.ed main .pg-toc a:not(.btn){display:block;padding:9px 16px;border-radius:99px;text-decoration:none!important;font-weight:600;font-size:var(--s-small);color:var(--muted);}
body.ed main .pg-toc a:not(.btn):hover{color:var(--ink);background:var(--ground)}
body.ed main .pg-toc a.on:not(.btn){background:var(--red);color:#fff}
.pg-body .ed-prose-row{grid-template-columns:1fr;padding:0 0 88px;scroll-margin-top:96px}
.pg-body .ed-prose-row .side h2{font-size:clamp(30px,3vw,50px);line-height:.98;letter-spacing:-.04em;padding:0;margin-bottom:24px}
.pg-body .ed-prose-row .main{font-size:var(--s-lead);line-height:1.5}
.pg-body .ed-prose-row .main p,.pg-body .ed-prose-row .main ul{max-width:60ch}

/* contact: the other places as large rows */
body.ed .pg-links{list-style:none;padding:0;margin:56px 0 0;display:grid;gap:12px}
body.ed .pg-links a{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 36px;border-radius:24px;background:var(--ground);font-family:var(--display);font-size:clamp(32px,3.6vw,60px);font-weight:800;letter-spacing:-.045em;text-decoration:none!important;transition:background-color .25s ease,color .25s ease}
body.ed .pg-links a span{font-family:'Inter',sans-serif;font-size:var(--s-body);font-weight:500;letter-spacing:0;color:var(--muted)}
body.ed .pg-links a:hover{background:var(--red);color:#fff}
body.ed .pg-links a:hover span{color:#FBE3E1}

/* a security fragment: who can read what */
[data-ui].m-policy{width:420px;background:#fff;border:1px solid #E2DED6;border-radius:20px;overflow:hidden;font-size:13px;color:#41454E}
[data-ui].m-policy .h{display:flex;justify-content:space-between;align-items:baseline;padding:16px 20px;border-bottom:1px solid #EFECE6}
[data-ui].m-policy .h b{font-size:16px;color:#15161A}
[data-ui].m-policy .h em{font-style:normal;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:#15161A;color:#fff}
[data-ui].m-policy ul{list-style:none;margin:0;padding:0}
[data-ui].m-policy li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;border-top:1px solid #F0EEE9}
[data-ui].m-policy li:first-child{border-top:0}
[data-ui].m-policy li b{color:#15161A;font-weight:600}
[data-ui].m-policy li span{font-size:12px;font-weight:600;color:#B0302C;background:#FCEEEC;padding:3px 10px;border-radius:999px}
[data-ui].m-policy .f{padding:14px 20px;background:#F7F5F1;font-size:12px;color:#15161A;font-weight:600}
/* a request, as the Merik team receives it */
[data-ui].m-req{width:400px;background:#fff;border:1px solid #E2DED6;border-radius:20px;padding:24px;font-size:13px;color:#41454E}
[data-ui].m-req .h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}
[data-ui].m-req .h b{font-size:16px;color:#15161A}
[data-ui].m-req .h em{font-style:normal;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:#F2724A;color:#15161A}
[data-ui].m-req dl{display:grid;grid-template-columns:auto 1fr;gap:9px 16px;margin:0}
[data-ui].m-req dt{color:#5E626B}
[data-ui].m-req dd{margin:0;color:#15161A;font-weight:600;text-align:right}
[data-ui].m-req .go{margin-top:18px;background:#CA3934;color:#fff;border-radius:999px;padding:10px;text-align:center;font-weight:600}

/* ---------- interface fragments: the app's conventions, in brand colours ----------
   good = ink, attention = coral, problem = red, away = blush */
[data-ui]{font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;text-align:left;line-height:1.4}
body.ed .lp-app{transform:none;box-shadow:none;border:0;background:var(--ground);width:760px}
body.ed .lp-tile .kicon{display:none}
body.ed .lp-ch span{color:var(--red-d);background:var(--blush)}
body.ed .lp-card em.g{background:var(--ink);color:#fff}
body.ed .lp-card em.o{background:var(--coral);color:var(--ink)}
body.ed .lp-card em.b{background:var(--blush);color:var(--red-d)}

[data-ui].h-slip{background:#fff;border:1px solid #E2DED6;border-radius:16px;padding:26px 28px;font-size:14px;color:#41454E;width:380px}
[data-ui].h-slip .ts-h{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #15161A;padding-bottom:12px;margin-bottom:12px}
[data-ui].h-slip .ts-h b{color:#15161A;font-size:16px}
[data-ui].h-slip .ts-h span{font-size:12px;color:#5E626B}
[data-ui].h-slip .ts-emp{display:flex;justify-content:space-between;font-size:13px;color:#5E626B;margin-bottom:12px}
[data-ui].h-slip .ts-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #EFECE6;font-variant-numeric:tabular-nums}
[data-ui].h-slip .ts-row.ded span:last-child{color:#B0302C}
[data-ui].h-slip .ts-net{display:flex;justify-content:space-between;align-items:baseline;background:#CA3934;color:#fff;border-radius:10px;padding:12px 16px;margin-top:14px}
[data-ui].h-slip .ts-net b{font-size:20px;font-variant-numeric:tabular-nums}
[data-ui].h-slip .ts-foot{margin-top:12px;font-size:12px;color:#5E626B}

[data-ui].h-tasklog{background:#fff;border:1px solid #E2DED6;border-radius:16px;overflow:hidden;font-size:13px;color:#41454E;width:620px}
[data-ui].h-tasklog .tl-h{display:flex;justify-content:space-between;align-items:baseline;padding:16px 20px;border-bottom:1px solid #EFECE6}
[data-ui].h-tasklog .tl-h b{font-size:16px;color:#15161A}
[data-ui].h-tasklog .tl-h span{font-size:12px;color:#5E626B}
[data-ui].h-tasklog table{width:100%;border-collapse:collapse}
[data-ui].h-tasklog th{font-size:11px;font-weight:600;color:#5E626B;text-align:left;padding:10px 20px;background:#F7F5F1}
[data-ui].h-tasklog td{padding:12px 20px;border-top:1px solid #F0EEE9;vertical-align:top;font-variant-numeric:tabular-nums}
[data-ui].h-tasklog td b{display:block;color:#15161A;font-weight:600}
[data-ui].h-tasklog td small{color:#5E626B;font-size:12px}
[data-ui].h-tasklog td.n{text-align:right;white-space:nowrap}
[data-ui].h-tasklog em{font-style:normal;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}
[data-ui].h-tasklog em.g{background:#15161A;color:#fff}[data-ui].h-tasklog em.o{background:#F2724A;color:#15161A}[data-ui].h-tasklog em.r{background:#CA3934;color:#fff}
[data-ui].h-tasklog tr.sel td{background:#FCEEEC}
[data-ui].h-tasklog .tl-f{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;background:#F7F5F1;font-size:13px}
[data-ui].h-tasklog .tl-f>span:first-child{white-space:nowrap}
[data-ui].h-tasklog .tl-f b{color:#15161A}
[data-ui].h-tasklog .bar{flex:1;height:8px;border-radius:99px;background:#F0EEE9;overflow:hidden;max-width:160px}
[data-ui].h-tasklog .bar i{display:block;height:100%;width:81%;background:#CA3934;border-radius:99px}

[data-ui].h-import{background:#fff;border:1px solid #E2DED6;border-radius:16px;overflow:hidden;font-size:13px;color:#41454E;width:600px}
[data-ui].h-import .im-h{padding:16px 20px;border-bottom:1px solid #EFECE6}
[data-ui].h-import .im-h b{display:block;font-size:16px;color:#15161A}
[data-ui].h-import .im-h span{font-size:12px;color:#5E626B}
[data-ui].h-import table{width:100%;border-collapse:collapse}
[data-ui].h-import th{font-size:11px;font-weight:600;color:#5E626B;text-align:left;padding:10px 16px;background:#F7F5F1;white-space:nowrap}
[data-ui].h-import td{padding:11px 16px;border-top:1px solid #F0EEE9;white-space:nowrap;font-variant-numeric:tabular-nums}
[data-ui].h-import td:first-child{color:#15161A;font-weight:600}
[data-ui].h-import td.n{text-align:right}
[data-ui].h-import .im-f{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#F7F5F1}
[data-ui].h-import .im-f span{font-size:12px;color:#15161A;font-weight:600}
[data-ui].h-import .im-f i{font-style:normal;background:#CA3934;color:#fff;font-weight:600;font-size:13px;padding:8px 16px;border-radius:999px}

/* an employee's own dashboard, phone width */
[data-ui].u-day{width:380px;background:#F0EEE9;border:1px solid #E2DED6;border-radius:20px;padding:16px;font-size:13px;color:#41454E;display:grid;gap:10px}
[data-ui].u-day .card{background:#fff;border:1px solid #EFECE6;border-radius:12px;padding:14px;transition:box-shadow .2s ease,border-color .2s ease}
[data-ui].u-day .card.hl{border-color:#CA3934;box-shadow:0 0 0 3px rgba(202,57,52,.2)}
[data-ui].u-day .who{display:flex;align-items:center;gap:10px;background:transparent;border:0;padding:4px 2px}
[data-ui].u-day .av{width:34px;height:34px;border-radius:50%;background:#CA3934;color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}
[data-ui].u-day .who b{display:block;color:#15161A;font-size:15px}
[data-ui].u-day .who small{color:#5E626B;font-size:12px}
[data-ui].u-day .k{font-size:11px;font-weight:600;color:#5E626B;margin-bottom:6px}
[data-ui].u-day .row{display:flex;justify-content:space-between;align-items:center;gap:10px}
[data-ui].u-day .row+.row{margin-top:8px}
[data-ui].u-day .v{color:#15161A;font-weight:600}
[data-ui].u-day em{font-style:normal;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}
[data-ui].u-day em.o{background:#F2724A;color:#15161A}[data-ui].u-day em.g{background:#15161A;color:#fff}
[data-ui].u-day .btnu{display:block;text-align:center;background:#CA3934;color:#fff;border-radius:999px;padding:10px;font-weight:600;margin-top:10px}
[data-ui].u-day .nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:left}
[data-ui].u-day .nums b{display:block;font-size:20px;color:#15161A;font-variant-numeric:tabular-nums}
[data-ui].u-day .nums span{font-size:11px;color:#5E626B}

/* a leave approval, as the admin sees it */
[data-ui].u-leave{width:340px;background:#fff;border:1px solid #E2DED6;border-radius:20px;padding:22px;font-size:13px;color:#41454E}
[data-ui].u-leave .h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
[data-ui].u-leave .h b{font-size:16px;color:#15161A}
[data-ui].u-leave .h em{font-style:normal;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:#15161A;color:#fff}
[data-ui].u-leave dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0}
[data-ui].u-leave dt{color:#5E626B}
[data-ui].u-leave dd{margin:0;color:#15161A;font-weight:600;text-align:right}
[data-ui].u-leave .mini{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:18px}
[data-ui].u-leave .mini span{aspect-ratio:1;border-radius:8px;background:#F0EEE9;color:#41454E;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}
[data-ui].u-leave .mini .p{background:#F0EEE9;color:#15161A}
[data-ui].u-leave .mini .l{background:#CA3934;color:#fff}
[data-ui].u-leave .mini .off{background:#fff;color:#5E626B;box-shadow:inset 0 0 0 1px #E2DED6}
[data-ui].u-leave .foot{margin-top:16px;font-size:12px;color:#5E626B}

/* an invoice, an uptime board and today's attendance, for the line-up */
[data-ui].m-inv{width:400px;background:#fff;border:1px solid #E2DED6;border-radius:20px;padding:24px;font-size:13px;color:#41454E}
[data-ui].m-inv .h{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #15161A;padding-bottom:12px;margin-bottom:12px}
[data-ui].m-inv .h b{font-size:16px;color:#15161A}
[data-ui].m-inv .h em{font-style:normal;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:#15161A;color:#fff}
[data-ui].m-inv .r{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #EFECE6;font-variant-numeric:tabular-nums}
[data-ui].m-inv .r span:last-child{color:#15161A;font-weight:600}
[data-ui].m-inv .t{display:flex;justify-content:space-between;align-items:baseline;background:#F0EEE9;border-radius:10px;padding:12px 14px;margin-top:14px;color:#15161A}
[data-ui].m-inv .t b{font-size:20px;font-variant-numeric:tabular-nums}
[data-ui].m-inv .from{margin-top:12px;font-size:12px;color:#5E626B}
[data-ui].m-up,[data-ui].m-att{width:440px;background:#fff;border:1px solid #E2DED6;border-radius:20px;overflow:hidden;font-size:13px;color:#41454E}
[data-ui].m-up .h,[data-ui].m-att .h{display:flex;justify-content:space-between;align-items:baseline;padding:16px 20px;border-bottom:1px solid #EFECE6}
[data-ui].m-up .h b,[data-ui].m-att .h b{font-size:16px;color:#15161A}
[data-ui].m-up .h span{font-size:12px;color:#5E626B}
[data-ui].m-att .h span{font-size:11px;font-weight:700;color:#B0302C;background:#FCEEEC;padding:2px 8px;border-radius:999px}
[data-ui].m-up ul,[data-ui].m-att ul{list-style:none;margin:0;padding:0}
[data-ui].m-up li{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:12px 20px;border-top:1px solid #F0EEE9;font-variant-numeric:tabular-nums}
[data-ui].m-att li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:11px 20px;border-top:1px solid #F0EEE9;font-variant-numeric:tabular-nums}
[data-ui].m-up li:first-child,[data-ui].m-att li:first-child{border-top:0}
[data-ui].m-up li b,[data-ui].m-att li b{display:block;color:#15161A;font-weight:600}
[data-ui].m-up li small,[data-ui].m-att li small{display:block;color:#5E626B;font-size:12px}
[data-ui].m-up em,[data-ui].m-att em{font-style:normal;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:#15161A;color:#fff;white-space:nowrap}
[data-ui].m-up em.o,[data-ui].m-att em.o{background:#F2724A;color:#15161A}
[data-ui].m-att em.b{background:#FCEEEC;color:#B0302C}
[data-ui].m-up .spark{display:flex;gap:2px;align-items:end;height:22px}
[data-ui].m-up .spark i{width:4px;border-radius:2px;background:#E2DED6}
[data-ui].m-up .spark i.hi{background:#CA3934}
[data-ui].m-att .av{width:30px;height:30px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}

/* the live thing: Ravi's June, as the register the app keeps */
.ed-live{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start;margin-top:64px}
[data-ui].u-cal{background:#fff;border:1px solid #E2DED6;border-radius:24px;padding:26px;color:#41454E;font-size:13px}
[data-ui].u-cal .h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;gap:12px;flex-wrap:wrap}
[data-ui].u-cal .h b{font-size:16px;color:#15161A}
[data-ui].u-cal .h span{font-size:12px;color:#5E626B}
[data-ui].u-cal .dow,[data-ui].u-cal .days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
[data-ui].u-cal .dow span{font-size:11px;font-weight:600;color:#5E626B;text-align:center;padding-bottom:4px}
[data-ui].u-cal .days button{appearance:none;border:1px solid transparent;border-radius:12px;background:#F0EEE9;min-height:56px;padding:6px 4px;font:inherit;color:#15161A;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .14s ease,background-color .14s ease}
[data-ui].u-cal .days button:hover{transform:translateY(-2px)}
[data-ui].u-cal .days button:active{transform:scale(.94)}
[data-ui].u-cal .days button b{font-size:12px;font-weight:600;color:inherit;opacity:.7}
[data-ui].u-cal .days button i{font-style:normal;font-size:13px;font-weight:800}
[data-ui].u-cal .days button[data-s="P"]{background:#F0EEE9;color:#15161A}
[data-ui].u-cal .days button[data-s="A"]{background:#CA3934;color:#fff}
[data-ui].u-cal .days button[data-s="H"]{background:#F2724A;color:#15161A}
[data-ui].u-cal .days button[data-s="L"]{background:#15161A;color:#fff}
[data-ui].u-cal .days button[data-s="O"]{background:#fff;color:#5E626B;border-color:#E2DED6;cursor:default}
[data-ui].u-cal .days button[data-s="O"]:hover{transform:none}
[data-ui].u-cal .days .pad{visibility:hidden}
[data-ui].u-cal .key{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:12px;color:#5E626B}
.ed-live .h-slip{width:100%}

/* ---------- motion: entrances for each part ---------- */
.js body.ed .reveal{opacity:0;transform:translateY(32px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js body.ed .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .js body.ed .reveal{opacity:1;transform:none;transition:none}
  .js .ed-mast .ed-tile,.js .ed-mast .ed-tile img,.js .mk-hero h1 .ln>span,.js .mk-shot,.js .mk-shot .chip,.ed-title::after{animation:none}
  .js .mk-line path{animation:none;stroke-dashoffset:0}
  .mk-ticker .track{animation:none}
  .js .ed-diagram:not(.in) .sq{opacity:1}
}

/* ---------- responsive ---------- */
@media(max-width:1180px){
  body.ed .nav-links{gap:20px}
  .mk-hero-row{grid-template-columns:minmax(0,40fr) minmax(0,60fr)}
  .mk-shot .chip.a{left:-24px}
}
@media(max-width:900px){
  body.ed header .wrap.nav{height:64px;justify-content:space-between}
  body.ed .menu-btn{background:var(--ink);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0}
  body.ed .nav-links{padding:16px var(--m);background:var(--paper);inset:64px 0 auto 0}
  body.ed .nav-links.open{gap:4px}
  body.ed .nav-cta .btn{padding:14px 18px}
  .ax,.ed-index>li,.ed-prose-row,.ed-close .top{grid-template-columns:1fr}
  body.ed footer .foot{grid-template-columns:1fr 1fr}
  .ax>.side{padding-right:0;margin:24px 0 0;order:2}
  .ax>.main{order:1}
  .ed-prose-row .side h2{padding-right:0;margin-bottom:12px}
  body.ed .ed-index h3{padding-right:0;margin-bottom:10px}
  .ed-mast{grid-template-columns:1fr 1fr;grid-template-rows:150px 120px;grid-template-areas:"a a" "b c";height:auto;border-radius:22px}
  .ed-mast>.td,.ed-mast>.te{display:none}
  .ed-ui>[data-ui]{left:16px;top:16px}
  .ed-stat{padding:20px}
  .ed-mast .ed-stat .num{font-size:44px}
  .ed-mast .ed-stat p{font-size:14px}
  .ed-title{padding:28px var(--m) 104px;display:flex;flex-direction:column}
  .ed-title .main{display:contents}
  .ed-title h1{order:1}
  .ed-title .deck{order:2;margin:20px 0 0;padding:0}
  .ed-title .main>:not(h1){order:3}
  .ed-title::after{left:var(--m);bottom:56px;width:160px;height:14px}
  .ed-sec{padding:96px var(--m)}
  .ed-band{padding:88px var(--m)}
  .ed-band .cols{grid-template-columns:1fr;gap:28px}
  .ed-chapter{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;min-height:auto;padding:56px var(--m);gap:28px}
  .ed-chapter h2,.ed-chapter .pic,.ed-chapter .say,.ed-chapter .go{grid-column:1;grid-row:auto;justify-self:start}
  .ed-chapter .pic{width:80vw;max-width:420px;justify-self:center}
  .ed-mosaic{grid-template-columns:1fr;grid-template-rows:auto;min-height:0}
  .ed-mosaic>.wide{grid-row:auto;min-height:420px}
  .ed-mosaic>.wide>[data-ui]{left:20px;top:20px}
  .ed-diagram .thirds{grid-template-columns:1fr;gap:24px}
  .ed-plans{grid-template-columns:1fr;min-height:0}
  .ed-plan{min-height:70svh;padding:40px var(--m)}
  .ed-plan .foot .btn{width:100%}
  .ed-faq{grid-template-columns:1fr}
  .ed-faq-head{grid-row:auto;position:static;height:auto;min-height:36svh}
  .ed-faq details{grid-column:1;padding:32px var(--m)}
  .ed-faq summary{font-size:20px}
  .ed-strip{grid-template-columns:1fr 1fr;grid-template-rows:auto 160px;height:auto}
  .ed-strip>:first-child{grid-column:1/3;aspect-ratio:4/3}
  .ed-cta{grid-template-columns:1fr;padding:64px var(--m);gap:24px}
  .ed-cta>h2{margin-bottom:0}
  .ed-cta>div{grid-column:1}
  .ed-live{grid-template-columns:1fr;gap:32px}
  .ed-plate,.ed-plate-head{grid-template-columns:1fr;gap:24px}
  .ed-plate-head h2{text-align:left}
  .ed-plate-head p{grid-column:1}
  .ed-plate .notes,.ed-plate .notes.l{text-align:left;align-items:stretch;display:grid;grid-template-columns:1fr;gap:20px;padding:0}
  .ed-plate .notes li{max-width:none}
  .ed-plate .panel{order:-1}
  .ed-calc{grid-template-columns:1fr}
  .ed-calc .inputs{padding:28px 20px}
  body.ed .lead-form{padding:24px 20px}
  body.ed .to-top{display:none}

  .mk-hero{min-height:0;padding-top:32px}
  .mk-hero h1 .ln:nth-child(2){padding-left:0}
  .mk-hero-row{grid-template-columns:1fr;gap:40px;margin-top:28px}
  .mk-hero-copy{padding-bottom:0}
  .mk-shot{min-height:440px;margin:0 calc(var(--m) * -1);overflow:hidden}
  .mk-shot .lp-app{left:var(--m);top:40px;width:760px}
  .mk-shot .chip.a{left:var(--m);top:auto;bottom:28px}
  .mk-shot .chip.b{left:auto;right:var(--m);top:0}
  .mk-line path{stroke-width:44}
  .mk-month .stage{grid-template-columns:1fr;padding:88px var(--m)}
  .mk-beats{grid-template-columns:1fr;gap:72px}
  .mk-beats .mk-beat{min-width:0}
  .mk-beats .mk-shot-f{padding:20px 10px}
  .mk-days{grid-template-columns:repeat(15,1fr);gap:5px}
  .mk-days li{height:28px}
  .mk-key{margin-top:0}
  .mk-card{width:calc(100vw - var(--m) * 2 - 40px);height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:auto 340px}
  .mk-card .txt{padding:28px}
  .mk-card .pic{padding:0 0 0 20px}
  .mk-card .pic.crop>[data-ui]{left:20px;top:24px}
  .mk-rail{padding:88px 0 72px}
  .mk-window{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:24px}
  .mk-window::-webkit-scrollbar{display:none}
  .mk-card{scroll-snap-align:start}
  .mk-steps{padding:96px var(--m)}
  .mk-steps li{grid-template-columns:1fr;gap:16px}
  .mk-register{padding:96px var(--m)}
  .mk-register .top{grid-template-columns:1fr;gap:20px}
  .mk-request{grid-template-columns:1fr;gap:40px;padding:96px var(--m)}
  .pg-hero{padding-bottom:64px}
  .pg-shot{min-height:460px;margin:0 calc(var(--m) * -1);overflow:hidden}
  .pg-photo{width:auto;left:var(--m);right:var(--m);border-radius:24px}
  .pg-frag{left:var(--m);top:32px}
  .pg-chip{right:calc(var(--m) + 16px);bottom:16px}
  .pg-mail{left:var(--m);right:calc(var(--m) + 32px);width:auto;top:24px;bottom:24px;padding:28px}
  .pg-form{padding:12px;margin:0}
  body.ed .pg-form .lead-form{padding:24px 20px}
  .pg-stack>li{grid-template-columns:1fr;min-height:0}
  .pg-stack .txt{padding:32px 28px}
  .pg-stack .pic{min-height:380px;padding:28px 16px;justify-content:flex-start}
  .pg-stack .pic>[data-ui]{position:static}
  .pg-steps>li,.pg-steps>li:nth-child(2),.pg-steps>li:nth-child(3){position:static;grid-template-columns:1fr;min-height:0;padding:32px 24px}
  .pg-steps .pic{justify-content:flex-start;overflow:hidden}
  body.ed ul.ed-index.pg-wall{grid-template-columns:1fr}
  body.ed .pg-wall>li,body.ed .pg-wall>li:nth-child(4n+1),body.ed .pg-wall>li:nth-child(4n+4),body.ed .pg-wall>li:last-child:is(:nth-child(4n+1),:nth-child(4n+3)){grid-column:auto;min-height:0;padding:32px 28px}
  .pg-doc{grid-template-columns:1fr;gap:0}
  .pg-toc{position:static;margin-bottom:56px}
  .pg-body .ed-prose-row .side h2{font-size:26px}
  body.ed .pg-links a{padding:22px 24px;flex-wrap:wrap}
}
@media(max-width:700px){
  .ed-ui.from-right>[data-ui]{left:-24px;top:-150px}
}
@media(max-width:560px){
  body.ed{--s-hero:clamp(34px,9.4vw,56px)}
  body.ed .ed-cta>h2{font-size:36px}
  body.ed h1{font-size:40px}
  body.ed .mk-hero h1{font-size:var(--s-hero)}
  .mk-shot{min-height:400px}
  .mk-shot .lp-app{width:680px}
  .mk-shot .chip.b{display:none}
  [data-ui].u-cal{padding:14px}
  [data-ui].u-cal .dow,[data-ui].u-cal .days{gap:4px}
  [data-ui].u-cal .days button{min-height:46px}
  [data-ui].h-tasklog{width:520px}
  [data-ui].u-day{width:330px}
  [data-ui].m-up,[data-ui].m-att{width:380px}
  [data-ui].m-inv{width:330px}
  .ed-mosaic>.wide{min-height:520px}
}