.mt-ytmod {--red:#c00;--paper:#f2f2f2;color:#111;font:17px/1.45 system-ui,sans-serif}
.mt-ytmod * {box-sizing:border-box}
.mt-ytmod-wrap {width:min(calc(100% - 64px),1320px);margin-inline:auto}
.mt-ytmod section {padding:21px 0;scroll-margin-top:90px}
.mt-ytmod-hero {background:#111;color:white}
.mt-ytmod-studio {background:#232323;color:white}
.mt-ytmod-actions {background:#fff}
.mt-ytmod h1,.mt-ytmod h2 {color:inherit;text-transform:none;font:850 clamp(30px,4.35vw,65px)/1.02 system-ui,sans-serif;letter-spacing:-.045em;margin:0 0 9px;text-wrap:balance}
.mt-ytmod h2 {font-size:clamp(24px,3vw,43px)}
.mt-ytmod p {margin:0 0 12px}
.mt-ytmod-hero p {font-size:clamp(15px,1.65vw,24px)}
.mt-ytmod a.mt-ytmod-cta,.mt-ytmod-actions strong {display:inline-block;background:var(--red);color:white;border-radius:12px;padding:9px 20px;font-size:clamp(16px,1.8vw,25px);font-weight:800;text-align:center;text-decoration:none}
.mt-ytmod a.mt-ytmod-cta:hover,.mt-ytmod a.mt-ytmod-cta:focus-visible {background:#a90000;color:white}
.mt-ytmod a.mt-ytmod-cta:focus-visible {outline:3px solid white;outline-offset:3px}
.mt-ytmod-film {display:grid;grid-template-columns:42px minmax(0,1fr);gap:7px;margin:14px 0 9px;background:#000;border-radius:9px;padding:7px;overflow:hidden}
.mt-ytmod-film::before {content:"";display:block;background:repeating-linear-gradient(to bottom,#d9d9d9 0 13px,transparent 13px 37px);width:23px;justify-self:center;margin:10px 0}
.mt-ytmod-film img {width:100%;height:auto;display:block}
.mt-ytmod ul,.mt-ytmod ol {list-style:none;margin:0;padding:0}
.mt-ytmod-comments {display:grid;gap:5px;padding-inline:3% !important}
.mt-ytmod-comments li,.mt-ytmod-actions li {border-radius:11px;background:var(--paper);color:#111}
.mt-ytmod-comments li {display:flex;align-items:center;gap:16px;width:min(100%,43%);padding:7px 16px;font-size:clamp(15px,1.65vw,23px);font-weight:800}
.mt-ytmod-comments li:nth-child(2) {justify-self:center}
.mt-ytmod-comments li:nth-child(3) {justify-self:end}
.mt-ytmod li img {flex:none;filter:brightness(0) saturate(100%) invert(14%) sepia(98%) saturate(6398%) hue-rotate(353deg)}
.mt-ytmod-path {margin:10px 0 12px;display:flex;align-items:center;gap:24px}
.mt-ytmod-path figcaption,.mt-ytmod-path li {background:#fff;color:#111;border-radius:50px;padding:6px 14px;font-weight:800;text-align:center}
.mt-ytmod-path ol {display:flex;align-items:center;gap:38px;flex:1}
.mt-ytmod-path li {position:relative;flex:1;font-size:clamp(16px,1.8vw,24px)}
.mt-ytmod-path li + li::before {content:"→";position:absolute;left:-34px;color:#ff2549}
.mt-ytmod-actions .mt-ytmod-wrap {border-left:7px solid #e00023;padding-left:17px}
.mt-ytmod-actions li {display:grid;grid-template-columns:30px minmax(0,1fr) auto minmax(115px,22%);gap:3px 14px;align-items:center;padding:7px 13px;margin-top:7px}
.mt-ytmod-actions li strong {font-size:clamp(14px,1.55vw,22px);padding:4px 8px}
.mt-ytmod-actions li p {grid-column:2/-1;margin:0;font-size:.91em}
@media(max-width:680px) {
 .mt-ytmod-wrap {width:calc(100% - 24px)}
 .mt-ytmod section {padding:13px 0}
 .mt-ytmod h1 {font-size:clamp(23px,7.1vw,40px)}
 .mt-ytmod h2 {font-size:clamp(21px,5.7vw,31px)}
 .mt-ytmod-cta {width:100%;line-height:1.15}
 .mt-ytmod-film {grid-template-columns:16px minmax(0,1fr);gap:4px;padding:4px;margin:10px 0 8px}
 .mt-ytmod-film::before {width:10px;margin:4px 0;background:repeating-linear-gradient(to bottom,#d9d9d9 0 6px,transparent 6px 15px)}
 .mt-ytmod-comments {padding-inline:0 !important}
 .mt-ytmod-comments li {width:100%;gap:8px;padding:5px 9px}
 .mt-ytmod-path {display:block}
 .mt-ytmod-path figcaption {display:inline-block}
 .mt-ytmod-path ol {display:grid;gap:17px;width:80%;margin:6px auto 0}
 .mt-ytmod-path li + li::before {content:"↓";left:50%;top:-21px;transform:translateX(-50%)}
 .mt-ytmod-actions .mt-ytmod-wrap {border-width:4px;padding-left:8px}
 .mt-ytmod-actions li {grid-template-columns:22px minmax(0,1fr) auto auto;gap:4px 6px;padding:6px}
 .mt-ytmod-actions li img {width:22px;height:22px}
}
#ytmod-masquer .mt-ytmod-path li {display:flex;align-items:center;justify-content:center;gap:9px}
#ytmod-masquer .mt-ytmod-path img {filter:none}
.mt-ytmod-filters .mt-ytmod-wrap > p {margin:12px 0}
.mt-ytmod-filters li {grid-template-columns:30px minmax(0,.9fr) auto minmax(0,1.55fr)}
.mt-ytmod-example {background:white;border-radius:12px;padding:5px 10px;font-weight:800;overflow-wrap:anywhere}
.mt-ytmod-filter-note {display:block;margin-bottom:4px}
.mt-ytmod-offer {border:2px solid var(--red);border-radius:12px;padding:10px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.mt-ytmod-offer a.mt-ytmod-cta {font-size:16px}
.mt-ytmod-offer a.mt-ytmod-cta:focus-visible {outline-color:#111}
.mt-ytmod-offer-form {margin-top:16px;scroll-margin-top:90px}
.mt-ytmod-settings {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}
.mt-ytmod-settings .mt-ytmod-film {margin:0;grid-template-columns:24px minmax(0,1fr)}
.mt-ytmod-settings .mt-ytmod-film::before {width:13px;margin:3px 0;background:repeating-linear-gradient(to bottom,#ddd 0 7px,transparent 7px 16px)}
.mt-ytmod-settings article > div {display:flex;align-items:center;gap:12px;background:var(--paper);color:#111;padding:12px;border-radius:7px}
.mt-ytmod-settings .mt-ytmod-film img {width:36px;height:36px;flex:none}
.mt-ytmod-settings h3,.mt-ytmod-settings p {margin:0;color:inherit}
.mt-ytmod-settings h3 {font-size:clamp(18px,2vw,26px);font-weight:850}
.mt-ytmod-settings p {font-size:1em}
@media(max-width:680px) {
 .mt-ytmod-filters li {grid-template-columns:22px minmax(0,.9fr) auto minmax(0,1.25fr);font-size:14px}
 .mt-ytmod-settings {grid-template-columns:1fr;gap:8px}
 .mt-ytmod-settings .mt-ytmod-film {grid-template-columns:16px minmax(0,1fr)}
 .mt-ytmod-settings .mt-ytmod-film::before {width:9px}
}

.mt-ytmod section.mt-ytmod-faq {padding:0 0 21px;background:#fff}
.mt-ytmod-faq-heading {background:#171717;color:#fff;padding:21px 0}
.mt-ytmod-faq-heading h2,.mt-ytmod-related h2 {border-left:7px solid #d00000;padding-left:17px}
.mt-ytmod-faq-list {display:grid;gap:10px;padding-top:20px}
.mt-ytmod-faq details {background:#eee;border-radius:12px;color:#111}
.mt-ytmod-faq summary {display:grid;grid-template-columns:52px minmax(0,1fr) 24px;align-items:center;gap:16px;padding:16px 20px;cursor:pointer;list-style:none;font-size:clamp(17px,1.8vw,25px);font-weight:800;line-height:1.2}
.mt-ytmod-faq summary::-webkit-details-marker {display:none}
.mt-ytmod-faq summary .mt-ytmod-chevron {filter:brightness(0)}
.mt-ytmod-faq summary > img:first-child,.mt-ytmod-related a > img {filter:brightness(0) saturate(100%) invert(14%) sepia(98%) saturate(6398%) hue-rotate(353deg)}
.mt-ytmod-faq summary > img:first-child {box-sizing:content-box;border-right:1px solid #222;padding-right:16px}
.mt-ytmod-faq summary:focus-visible,.mt-ytmod-related a:focus-visible {outline:3px solid var(--red);outline-offset:3px}
.mt-ytmod-faq details[open] .mt-ytmod-chevron {transform:rotate(180deg)}
.mt-ytmod-faq details p {margin:0;padding:0 72px 18px 88px;font-size:17px;line-height:1.5}
.mt-ytmod-related-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.mt-ytmod-related-grid .mt-ytmod-film {grid-template-columns:24px minmax(0,1fr);margin:0}
.mt-ytmod-related-grid .mt-ytmod-film::before {width:13px;margin:3px 0;background:repeating-linear-gradient(to bottom,#ddd 0 7px,transparent 7px 16px)}
.mt-ytmod-related a {display:grid;grid-template-columns:52px minmax(0,1fr) 30px;align-items:center;gap:16px;background:#f2f2f2;color:#111;border-radius:7px;padding:16px;text-decoration:none;font-size:clamp(18px,2vw,26px);font-weight:850;line-height:1.14}
.mt-ytmod-related a:hover {background:#fff;color:#111}
.mt-ytmod-related a > img:first-child {width:36px;height:36px;box-sizing:content-box;border-right:1px solid #222;padding-right:16px}
.mt-ytmod-related a > img.mt-ytmod-related-arrow {width:30px;height:30px}
@media(max-width:680px) {
 .mt-ytmod section.mt-ytmod-faq {padding-bottom:13px}
 .mt-ytmod-faq-heading {padding:13px 0}
 .mt-ytmod-faq-heading h2,.mt-ytmod-related h2 {border-width:4px;padding-left:8px}
 .mt-ytmod-faq-list {gap:7px;padding-top:12px}
 .mt-ytmod-faq summary {grid-template-columns:36px minmax(0,1fr) 20px;gap:9px;padding:12px 10px;font-size:16px}
 .mt-ytmod-faq summary > img:first-child {width:25px;height:25px;padding-right:9px}
 .mt-ytmod-faq summary .mt-ytmod-chevron {width:20px;height:20px}
 .mt-ytmod-faq details p {padding:0 14px 14px 55px;font-size:15px}
 .mt-ytmod-related-grid {grid-template-columns:1fr;gap:8px;margin-top:10px}
 .mt-ytmod-related-grid .mt-ytmod-film {grid-template-columns:16px minmax(0,1fr)}
 .mt-ytmod-related-grid .mt-ytmod-film::before {width:9px}
 .mt-ytmod-related a {grid-template-columns:36px minmax(0,1fr) 24px;gap:9px;padding:12px 10px;font-size:18px}
 .mt-ytmod-related a > img:first-child {width:25px;height:25px;padding-right:9px}
 .mt-ytmod-related a > img.mt-ytmod-related-arrow {width:24px;height:24px}
}
