/* MediaMine — services detail page */
.svc-page{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.sidx{position:sticky;top:96px}
.sidx .lab{font-family:var(--mono);font-size:10.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--ink-3)}
.sidx ol{list-style:none;margin-top:16px;border-top:1px solid var(--line)}
.sidx li{border-bottom:1px solid var(--line-soft)}
.sidx a{display:block;padding:13px 0;font:500 15px/1.3 var(--sans);letter-spacing:-.01em;color:var(--ink-2);
  transition:color .25s,padding-left .25s}
.sidx a:hover{color:var(--amber-ink);padding-left:6px}
.entries{border-top:1px solid var(--line)}
.entry{padding:clamp(34px,4vw,56px) 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.entry .ehd{display:grid;grid-template-columns:64px minmax(0,1fr);gap:clamp(18px,2.4vw,34px);align-items:start}
.entry .ico{width:52px;height:52px;object-fit:contain;opacity:.9}
.entry h2{font:700 clamp(26px,3vw,40px)/1.05 var(--sans);letter-spacing:-.03em}
.entry .det{margin-top:12px;font-family:var(--serif);font-style:italic;font-size:19px;color:var(--ink-3)}
.entry .det i{font-style:normal;color:var(--amber-ink);padding:0 .45em;opacity:.8}
.entry .ebody{margin-top:clamp(20px,2.2vw,30px);padding-left:calc(64px + clamp(18px,2.4vw,34px));max-width:64ch}
.entry .ebody p{color:var(--ink-2);font-size:16.5px;text-wrap:pretty}
.entry .ebody p+p{margin-top:15px}
.entry .ebody h3{margin-top:28px;font:600 11.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.entry .ebody ul{list-style:none;margin-top:14px;border-top:1px solid var(--line-soft)}
.entry .ebody li{padding:11px 0 11px 22px;border-bottom:1px solid var(--line-soft);position:relative;
  color:var(--ink-2);font-size:15.5px}
.entry .ebody li::before{content:"";position:absolute;left:0;top:19px;width:9px;height:1px;background:var(--amber)}
.entry.more-ph{border-bottom:0}
.entry.more-ph .ehd{grid-template-columns:minmax(0,1fr)}
.entry.more-ph .ebody{padding-left:0}
.entry.more-ph h2{color:var(--ink-3)}
@media(max-width:900px){.svc-page{grid-template-columns:1fr}
  .sidx{position:static}
  .entry .ehd{grid-template-columns:minmax(0,1fr)}
  .entry .ico{display:none}
  .entry .ebody{padding-left:0}}
