/* The survey is a distinct section inside articles, games and code pages. */
.mn-weekly{
  margin:48px 0;padding:0;border:2px solid #7561dd;border-radius:16px;
  background:#fff;color:var(--ink,#171920);overflow-wrap:anywhere;
  scroll-margin-top:100px;box-sizing:border-box;
}
.mn-weekly *, .mn-weekly *::before, .mn-weekly *::after{box-sizing:border-box}
.mn-weekly>header{
  margin:0;padding:22px 28px 24px;border:0;border-radius:13px 13px 0 0;
  background:#6853ce;color:#fff;
}
.mn-weekly header .mn-weekly-eyebrow{
  display:inline-block;margin:0 0 10px;padding:4px 10px;border:1px solid #b8aaf4;
  border-radius:5px;background:#7965d7;color:#fff;
  font-family:inherit;font-size:12px;font-weight:700;line-height:1.6;letter-spacing:.02em;
}
.mn-weekly header h2,.article .mn-weekly h2{
  display:block;margin:0;padding:0;border:0;background:none;color:#fff;
  font-size:clamp(21px,2.3vw,28px);font-weight:800;line-height:1.5;letter-spacing:normal;
}
.mn-weekly h2::before,.mn-weekly h2::after,.article .mn-weekly h2::before,.article .mn-weekly h2::after,
.mn-weekly h3::before,.mn-weekly h3::after,.article .mn-weekly h3::before,.article .mn-weekly h3::after,
.mn-weekly h4::before,.mn-weekly h4::after,.article .mn-weekly h4::before,.article .mn-weekly h4::after{display:none}
.mn-weekly-content{margin:0;padding:26px 28px 28px;background:#fff;border-radius:0 0 13px 13px;min-width:0}
.mn-weekly p,.article .mn-weekly p{margin:12px 0;font-size:14px;line-height:1.8;color:var(--ink,#171920)}
.mn-weekly .mn-weekly-intro,.article .mn-weekly .mn-weekly-intro{margin:0 0 28px;font-size:14px;line-height:1.8}
.mn-weekly form[data-weekly-form]{display:block;margin:0;padding:0;border:0;min-width:0}
/* Reset document-level form rules. The wrapper below the legend owns the gap. */
.mn-weekly fieldset.mn-weekly-question{
  display:block;float:none;clear:both;position:static;
  width:100%;min-width:0;max-width:100%;margin:0;padding:0;
  border:0;background:none;border-radius:0;
}
.mn-weekly fieldset.mn-weekly-question+.mn-weekly-question{margin-top:32px}
.mn-weekly fieldset.mn-weekly-question>legend{
  display:block;float:none;position:static;width:100%;max-width:100%;
  margin:0;padding:0;border:0;background:none;color:var(--ink,#171920);
  font-family:inherit;font-size:16px;font-weight:700;line-height:1.7;white-space:normal;
}
.mn-weekly legend small{display:inline-block;white-space:nowrap;font-size:11px;color:#747180;font-weight:400}
.mn-weekly .mn-weekly-q-number{color:#6550c9;font-weight:800;font-variant-numeric:tabular-nums}
.mn-weekly .mn-weekly-question-body{display:block;clear:both;margin:0;padding:10px 0 0;min-width:0}
.mn-weekly .mn-weekly-hint,.article .mn-weekly .mn-weekly-hint{margin:0 0 8px;padding:0;color:#736d83;font-size:12px;line-height:1.6}
.mn-weekly-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;min-width:0}
.mn-weekly-options label{
  display:flex;align-items:flex-start;gap:9px;min-width:0;margin:0;padding:12px;
  border:1px solid #d7d0eb;border-radius:8px;background:#f7f5fd;
  color:var(--ink,#171920);font-family:inherit;font-size:14px;font-weight:400;line-height:1.6;cursor:pointer;
}
.mn-weekly-options label:has(input:checked){border-color:#7a64df;background:#eee9ff}
.mn-weekly-options label>span{display:block;min-width:0}
.mn-weekly input{accent-color:#6853ce;flex-shrink:0}
.mn-weekly-options input{width:17px;height:17px;margin:3px 0 0;padding:0}
.mn-weekly .mn-weekly-submit{margin:30px 0 0;padding:22px 0 0;border-top:1px solid #e1dbef}
.mn-weekly .mn-weekly-consent{
  display:flex;align-items:flex-start;gap:10px;margin:0;padding:0;border:0;
  background:none;color:#494550;font-size:13px;font-weight:400;line-height:1.8;
}
.mn-weekly-consent input{width:19px;height:19px;margin:2px 0 0;padding:0}
.mn-weekly .mn-weekly-error,.article .mn-weekly .mn-weekly-error{margin:10px 0 0;color:#a32a35;font-size:13px;line-height:1.7}
.mn-weekly .mn-weekly-error:empty{display:none}
.mn-weekly .mn-weekly-btn{
  display:block;width:100%;max-width:420px;min-height:50px;margin:20px auto 4px;padding:13px 20px;
  border:1px solid #171920;border-radius:10px;background:#fff;color:#171920;box-shadow:0 3px 0 #171920;
  text-align:center;font-family:inherit;font-size:15px;font-weight:700;line-height:1.5;text-decoration:none;cursor:pointer;
}
.mn-weekly .mn-weekly-btn:disabled{opacity:.6;cursor:wait}
.mn-weekly :focus-visible{outline:3px solid #8c77ef;outline-offset:3px}
.mn-weekly .mn-weekly-footnotes{display:block;margin:14px 0 0;padding:10px 0 0;border-top:1px solid #e7e1ef;background:none;color:#746f7c}
.mn-weekly .mn-weekly-footnotes p,.mn-weekly .mn-weekly-footnotes small,.article .mn-weekly .mn-weekly-footnotes p,.article .mn-weekly .mn-weekly-footnotes small{margin:3px 0 0;color:#746f7c;font-size:10px;font-weight:400;line-height:1.45}
.mn-weekly .mn-weekly-footnotes p:first-child,.article .mn-weekly .mn-weekly-footnotes p:first-child{margin-top:0}
.mn-weekly .mn-weekly-footnotes strong{color:#655f71;font-size:10px;font-weight:600}
.mn-weekly .mn-weekly-preview-note,.article .mn-weekly .mn-weekly-preview-note{margin:12px 0;padding:0;border:0;border-radius:0;background:none;color:#746f7c;font-size:11px;font-weight:400;line-height:1.8}
.mn-weekly small{font-size:12px;color:#746f7c;font-weight:400}
/* Preserve directory, monthly reports and completed-survey results. */
.mn-weekly details>summary{cursor:pointer;font-weight:700;color:#6550c9;padding:10px 0}
.mn-weekly .mn-weekly-method,.article .mn-weekly .mn-weekly-method{background:#f3f0fb;padding:14px 16px;border-radius:8px;font-size:12px;line-height:1.8}
.mn-weekly-list{display:block;list-style:none;margin:0;padding:0}
.mn-weekly .mn-weekly-list li{display:block;position:static;list-style:none;margin:0;padding:18px 0;border-bottom:1px solid #e5dfed;font-size:14px;line-height:1.8}
.mn-weekly .mn-weekly-list li::before{display:none}
.mn-weekly-list a{font-weight:700}
.mn-weekly .mn-weekly-results h3,.mn-weekly .mn-weekly-month-survey h3,.article .mn-weekly .mn-weekly-results h3,.article .mn-weekly .mn-weekly-month-survey h3{margin:28px 0 12px;padding:0;border:0;background:none;color:var(--ink,#171920);font-size:18px;font-weight:700;line-height:1.6}
.mn-weekly .mn-weekly-results h4,.article .mn-weekly .mn-weekly-results h4{margin:24px 0 10px;padding:0;border:0;background:none;color:var(--ink,#171920);font-size:16px;font-weight:700;line-height:1.6}
.mn-weekly-result-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(90px,1fr) auto;gap:12px;align-items:center;margin:12px 0;font-size:14px}
.mn-weekly-result-bar{height:8px;background:#eeebf9;border-radius:5px;overflow:hidden}
.mn-weekly-result-bar i{display:block;height:100%;background:#705ce2}
.mn-weekly-result-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}
.mn-weekly-month{display:flex;gap:10px;align-items:center;margin:18px 0;flex-wrap:wrap}
.mn-weekly-month input{padding:9px;border:1px solid #d8d3c6;border-radius:6px;max-width:100%}
.mn-weekly-preview-nav{border-top:1px solid #e5dfed;margin-top:22px;padding-top:16px;font-size:13px}
.mn-weekly-preview-nav>span{display:block;font-weight:700;margin-bottom:8px}
.mn-weekly-preview-nav>div{display:flex;flex-wrap:wrap;gap:8px}
.mn-weekly-preview-nav a{display:inline-block;border:1px solid #d7d0eb;border-radius:6px;padding:7px 11px;color:#6550c9;text-decoration:none}
.mn-weekly-preview-nav [aria-current]{background:#eee9ff;border-color:#7a64df}
.mn-weekly-preview-languages{margin-top:12px}
.mn-weekly-preview-answers dt{font-weight:700;margin-top:16px}
.mn-weekly-preview-answers dd{margin:4px 0 0;padding-bottom:12px;border-bottom:1px solid #e5dfed}
@media(max-width:600px){
  .mn-weekly{margin:36px 0;border-radius:13px}
  .mn-weekly>header{padding:18px 18px 20px;border-radius:10px 10px 0 0}
  .mn-weekly header .mn-weekly-eyebrow{font-size:11px;margin-bottom:9px;padding:3px 8px}
  .mn-weekly header h2,.article .mn-weekly h2{font-size:21px;line-height:1.55}
  .mn-weekly-content{padding:22px 18px 24px;border-radius:0 0 10px 10px}
  .mn-weekly .mn-weekly-intro,.article .mn-weekly .mn-weekly-intro{font-size:13px;margin-bottom:24px}
  .mn-weekly fieldset.mn-weekly-question+.mn-weekly-question{margin-top:28px}
  .mn-weekly fieldset.mn-weekly-question>legend{font-size:15px;line-height:1.7}
  .mn-weekly-options{grid-template-columns:minmax(0,1fr);gap:8px}
  .mn-weekly-options label{padding:11px 10px;font-size:13px}
  .mn-weekly .mn-weekly-submit{margin-top:26px;padding-top:20px}
  .mn-weekly .mn-weekly-consent{font-size:12px}
  .mn-weekly .mn-weekly-btn{font-size:14px;padding:13px 16px}
  .mn-weekly .mn-weekly-footnotes{margin-top:12px;padding-top:8px}
  .mn-weekly-result-row{grid-template-columns:minmax(70px,1fr) minmax(40px,.7fr) auto;gap:7px}
  .mn-weekly-result-value{white-space:normal;font-size:11px}
}
@media(max-width:360px){
  .mn-weekly>header{padding-right:15px;padding-left:15px}
  .mn-weekly-content{padding-right:14px;padding-left:14px}
  .mn-weekly header h2,.article .mn-weekly h2{font-size:20px}
}
