/* DT360 mail case: unified section layout */
@media (max-width: 820px) {

.dt360-home-focus-stage:has(> .dt360-mail-case[data-mc-layout="unified-v1"]) {
  width:100%; max-width:1160px; margin-inline:auto;
}
.dt360-home-focus-stage:has(> .dt360-mail-case[data-mc-layout="unified-v1"]) > .dt360-home-focus-head {
  max-width:none; padding-inline:var(--mc-header-inset,0px);
}
.dt360-home-focus-stage:has(> .dt360-mail-case[data-mc-layout="unified-v1"]) > .dt360-home-focus-head .dt360-home-focus-copy {
  max-width:1000px;
}
.dt360-mail-case { grid-column:1 / -1; width:100%; min-width:0; margin-top:28px; }
.dt360-mail-case .mc-figure {
  box-sizing:border-box; width:100%; margin:0 auto; padding:var(--mc-frame-pad);
  max-width:var(--mc-frame-max); border:1px solid rgba(173,148,224,.55);
  border-radius:20px; background:linear-gradient(140deg,rgba(48,19,83,.15),rgba(15,5,32,.2));
}
.dt360-mail-case .mc-label {
  display:flex; align-items:center; gap:10px; margin:0 0 16px;
  color:var(--dt360-ds-lime,#caff00); font:750 var(--mc-label-size)/1.5 var(--dt360-ds-font-head,sans-serif);
  letter-spacing:.07em; text-align:left;
}
.dt360-mail-case .mc-label-icon {
  display:grid; place-items:center; flex:0 0 22px; width:22px; height:22px;
  border-radius:50%; background:var(--dt360-ds-lime,#caff00); color:#150928;
  font:700 11px/1 sans-serif; letter-spacing:0;
}
.dt360-mail-case .mc-duration { color:#eee7fa; white-space:nowrap; }
.dt360-mail-case .mc-player {
  position:relative; box-sizing:border-box; width:100%; min-width:0; margin:0 auto;
  --mc-controls-ready:1; background:#110b1e; border:1px solid rgba(173,148,224,.3);
  border-radius:12px; overflow:hidden;
}
.dt360-mail-case .mc-player[data-format="mobile"] { max-width:440px; }
.dt360-mail-case video { display:block; width:100%; height:100%; object-fit:contain; background:#F8FAFC; }
.dt360-mail-case .mc-start {
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  display:flex; align-items:center; justify-content:center; gap:10px; box-sizing:border-box;
  width:max-content; max-width:90%; min-height:48px; border:1px solid rgba(255,255,255,.75);
  border-radius:999px; padding:var(--mc-start-pad); background:#2e1c72; color:#fff;
  font:700 var(--mc-start-size)/1.4 var(--dt360-ds-font-body,sans-serif);
  box-shadow:0 8px 26px rgba(26,13,68,.28); cursor:pointer;
}
.dt360-mail-case .mc-start span { flex:0 0 auto; font-size:18px; }
.dt360-mail-case [hidden] { display:none; }
.dt360-mail-case button:focus-visible, .dt360-mail-case summary:focus-visible, .dt360-mail-case a:focus-visible {
  outline:2px solid var(--dt360-ds-lime,#caff00); outline-offset:4px;
}
.dt360-mail-case .mc-message { color:#ffbc8a; font-size:13px; line-height:1.5; margin:0; padding:8px 12px; background:#21112c; }
.dt360-mail-case .mc-message:empty { display:none; }
.dt360-mail-case .mc-benefit { margin:26px 0 18px; }
.dt360-mail-case .mc-transcript {
  border-top:1px solid rgba(177,143,235,.35); border-bottom:1px solid rgba(177,143,235,.35);
}
.dt360-mail-case summary { padding:16px 0; color:#f4edff; cursor:pointer; font-weight:650; line-height:1.5; }
.dt360-mail-case .mc-transcript > div { padding:2px 0 18px; max-width:80ch; }
.dt360-mail-case .mc-transcript h3 { margin:24px 0 10px; }
.dt360-mail-case .mc-transcript p { margin:0 0 15px; }
.dt360-mail-case .mc-note { margin:16px 0 0; color:#c2b5d6; font-size:12px; line-height:1.6; }
.dt360-mail-case .mc-direct { color:#c2b5d6; font-size:12px; line-height:1.6; }
.dt360-mail-case .mc-direct a { color:#ddd1ef; text-decoration:underline; text-underline-offset:3px; }

.dt360-mail-case {
  --mc-frame-pad:12px; --mc-frame-max:466px; --mc-label-size:10px;
  --mc-start-pad:12px 16px; --mc-start-size:13px; --mc-nav-size:12px;
}
.dt360-mail-case .mc-player[data-format="auto"] { max-width:440px; }
.dt360-mail-case .mc-player[data-format="auto"] .mc-viewport { aspect-ratio:9/16; }

.dt360-mail-case .mc-viewport { position:relative; min-width:0; aspect-ratio:16/9; background:#F8FAFC; }
.dt360-mail-case .mc-player[data-format="mobile"] .mc-viewport { aspect-ratio:9/16; }
.dt360-mail-case .mc-controls { padding:2px 10px 7px; background:#110b1e; color:#fff; }
.dt360-mail-case .mc-timeline { position:relative; height:28px; display:flex; align-items:center; }
.dt360-mail-case .mc-timeline-line { position:absolute; left:0; right:0; height:4px; border-radius:2px; background:linear-gradient(to right,#caff00 var(--mc-progress,0%),#756d83 var(--mc-progress,0%)); pointer-events:none; }
.dt360-mail-case .mc-timeline-line span { position:absolute; top:-2px; width:3px; height:8px; background:#110b1e; border-inline:1px solid #b3a7c3; transform:translateX(-50%); }
.dt360-mail-case .mc-seek { appearance:none; -webkit-appearance:none; position:relative; display:block; width:100%; height:28px; margin:0; padding:0; background:transparent; color:#fff; cursor:pointer; }
.dt360-mail-case .mc-seek::-webkit-slider-runnable-track { height:4px; background:transparent; border:0; }
.dt360-mail-case .mc-seek::-moz-range-track { height:4px; background:transparent; border:0; }
.dt360-mail-case .mc-seek::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:14px; height:14px; margin-top:-5px; border:2px solid #fff; border-radius:50%; background:#caff00; }
.dt360-mail-case .mc-seek::-moz-range-thumb { width:11px; height:11px; border:2px solid #fff; border-radius:50%; background:#caff00; }
.dt360-mail-case .mc-control-row { display:flex; align-items:center; gap:4px; min-height:44px; }
.dt360-mail-case .mc-tool { display:inline-flex; align-items:center; justify-content:center; gap:6px; flex:0 0 auto; width:44px; min-width:44px; height:44px; margin:0; padding:5px; border:0; border-radius:4px; box-shadow:none; background:transparent; color:#fff; font:600 13px/1.4 var(--dt360-ds-font-body,sans-serif); letter-spacing:normal; cursor:pointer; }
.dt360-mail-case .mc-tool:hover, .dt360-mail-case .mc-tool[aria-expanded="true"] { background:#30213f; }
.dt360-mail-case .mc-tool svg { display:block; width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.dt360-mail-case .mc-play svg { fill:currentColor; stroke:none; }
.dt360-mail-case .mc-play .mc-icon-pause, .dt360-mail-case .mc-playing .mc-icon-play { display:none; }
.dt360-mail-case .mc-playing .mc-icon-pause { display:block; }
.dt360-mail-case .mc-time { flex:0 0 auto; color:#f4eefc; font:500 12px/1.4 var(--dt360-ds-font-body,sans-serif); font-variant-numeric:tabular-nums; white-space:nowrap; }
.dt360-mail-case .mc-silent { color:#c6bbd4; margin-inline:10px; font:400 12px/1.4 var(--dt360-ds-font-body,sans-serif); }
.dt360-mail-case .mc-chapter-button { width:auto; margin-left:auto; padding-inline:9px; }
.dt360-mail-case .mc-chapter-menu { position:absolute; z-index:5; right:10px; bottom:10px; box-sizing:border-box; width:340px; max-width:calc(100% - 20px); max-height:calc(100% - 20px); overflow:auto; padding:8px 0; border:1px solid #69537d; border-radius:7px; color:#fff; background:rgba(22,13,35,.98); box-shadow:0 10px 32px #07020b77; }
.dt360-mail-case .mc-menu-heading { padding:5px 14px 9px; color:#c8bcd7; font:650 12px/1.4 var(--dt360-ds-font-body,sans-serif); border-bottom:1px solid #493456; }
.dt360-mail-case .mc-chapter-menu button { box-sizing:border-box; display:grid; grid-template-columns:38px minmax(0,1fr) 14px; align-items:center; gap:9px; width:100%; min-height:48px; margin:0; padding:10px 12px; border:0; border-left:3px solid transparent; border-radius:0; box-shadow:none; background:transparent; color:#f9f4ff; text-align:left; font:500 13px/1.5 var(--dt360-ds-font-body,sans-serif); cursor:pointer; }
.dt360-mail-case .mc-chapter-menu button:hover, .dt360-mail-case .mc-chapter-menu button:focus { background:#342241; }
.dt360-mail-case .mc-chapter-menu button[aria-checked="true"] { border-left-color:#caff00; background:#2a2135; }
.dt360-mail-case .mc-menu-time { color:#c9bfd6; font-variant-numeric:tabular-nums; }
.dt360-mail-case .mc-menu-check { color:#caff00; visibility:hidden; }
.dt360-mail-case .mc-chapter-menu button[aria-checked="true"] .mc-menu-check { visibility:visible; }
.dt360-mail-case .mc-seek:focus-visible { outline:2px solid #caff00; outline-offset:2px; }
.dt360-mail-case .mc-chapter-menu button:focus-visible { outline:2px solid #caff00; outline-offset:-3px; }
.dt360-mail-case .mc-screen-dialog { box-sizing:border-box; width:100%; max-width:none; height:100vh; height:100dvh; max-height:none; margin:0; padding:0; border:0; background:#08050e; color:#fff; }
.dt360-mail-case .mc-screen-dialog::backdrop { background:#08050e; }
.dt360-mail-case .mc-player.mc-expanded { width:100%; max-width:none; height:100vh; height:100dvh; margin:0; border:0; border-radius:0; display:flex; flex-direction:column; background:#08050e; }
.dt360-mail-case .mc-player.mc-expanded .mc-viewport { flex:1 1 auto; width:100%; min-height:0; aspect-ratio:auto; background:#08050e; }
.dt360-mail-case .mc-player.mc-expanded video { background:#08050e; object-fit:contain; }
.dt360-mail-case .mc-player.mc-expanded .mc-controls { flex:0 0 auto; padding-bottom:max(7px,env(safe-area-inset-bottom)); padding-left:max(10px,env(safe-area-inset-left)); padding-right:max(10px,env(safe-area-inset-right)); }
.dt360-mail-case .mc-player.mc-expanded .mc-message { flex:0 0 auto; }

.dt360-mail-case .mc-silent { display:none; }
@media (max-width:360px) { .dt360-mail-case .mc-chapter-button>span { display:none; } }

/* DT360 VIDEO DESCRIPTION MODAL V1 START — layout only, global typography */
.dt360-mail-case .mc-description-launcher {
  border-block: 1px solid var(--dt360-ds-border-lavender);
}
.dt360-mail-case .mc-description-open {
  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px;
  margin: 0; padding: 16px 0; border: 0; background: transparent;
  color: var(--dt360-ds-white); text-align: left; cursor: pointer;
}
.dt360-mail-case .mc-description-open:hover { color: var(--dt360-ds-lime); }
.dt360-mail-case .mc-description-open svg {
  flex: 0 0 22px; width: 22px; height: 22px; fill: none;
  stroke: var(--dt360-ds-lavender); stroke-width: 1.5; stroke-linecap: round;
}
.dt360-mail-case .mc-description-dialog {
  width: 100%; max-width: none; height: 100vh; height: 100dvh;
  max-height: 100vh; max-height: 100dvh;
  margin: 0; border: 0; border-radius: 0;
  --mc-description-ready: 1;
  position: fixed; inset: 0; box-sizing: border-box;
  padding: 0; overflow: hidden; overscroll-behavior: none;
  background: var(--dt360-ds-bg); color: var(--dt360-ds-text);
  box-shadow: var(--dt360-ds-shadow-card);
}
.dt360-mail-case .mc-description-dialog:not([open]) { display: none; }
.dt360-mail-case .mc-description-dialog[open] {
  display: grid; grid-template-rows: auto minmax(0, 1fr) auto;
}
.dt360-mail-case .mc-description-dialog::backdrop { background: rgba(7, 3, 18, .72); }
.dt360-mail-case .mc-description-header { border-bottom: 1px solid var(--dt360-ds-border-lavender); padding: max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left)); }
.dt360-mail-case .mc-description-heading-row { display: flex; align-items: center; gap: 12px; }
.dt360-mail-case .mc-description-heading-row h3 { flex: 1 1 auto; min-width: 0; margin: 0; }
.dt360-mail-case .mc-description-title-icon { flex: 0 0 24px; width: 24px; height: 24px; }
.dt360-mail-case .mc-description-title-icon circle { fill: var(--dt360-ds-lime); }
.dt360-mail-case .mc-description-title-icon path { fill: var(--dt360-ds-bg); }
.dt360-mail-case .mc-description-header > p { margin: 12px 0 0; color: var(--dt360-ds-muted); }
.dt360-mail-case .mc-description-x {
  display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px;
  border: 0; border-radius: var(--dt360-ds-radius-sm); padding: 0;
  color: var(--dt360-ds-white); background: transparent; cursor: pointer;
}
.dt360-mail-case .mc-description-x:hover { background: var(--dt360-ds-border-soft); }
.dt360-mail-case .mc-description-x svg {
  width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round;
}
.dt360-mail-case .mc-description-scroll {
  min-width: 0; min-height: 0; overflow-y: auto; overflow-x: hidden;
  overscroll-behavior: contain; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch;
  scrollbar-color: var(--dt360-ds-lavender) var(--dt360-ds-sec);
padding: 20px max(16px, env(safe-area-inset-right)) 20px max(16px, env(safe-area-inset-left)); }
.dt360-mail-case .mc-description-scroll h3 { margin: 0 0 10px; }
.dt360-mail-case .mc-description-scroll p { margin: 0 0 20px; }
.dt360-mail-case .mc-description-scroll p + h3 {
  border-top: 1px solid var(--dt360-ds-border-lavender); padding-top: 20px;
}
.dt360-mail-case .mc-description-scroll p:last-child { margin-bottom: 0; }
.dt360-mail-case .mc-description-footer {
  display: flex; justify-content: flex-end; border-top: 1px solid var(--dt360-ds-border-lavender);
padding: 12px max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
.dt360-mail-case .mc-description-footer button { cursor: pointer; }
.dt360-mail-case .mc-description-scroll:focus-visible {
  outline: 2px solid var(--dt360-ds-lime); outline-offset: -3px;
}
/* DT360 VIDEO DESCRIPTION MODAL V1 END */
}