/* Detail pages use document flow, independent of Blogger's floating preview title. */
html body #Header1#Header1#Header1 .header-image-wrapper {width:100%!important;max-width:900px!important;box-sizing:border-box!important}
html body #Header1#Header1#Header1 img {display:block;width:100%!important;max-width:900px!important;height:auto!important}
.mm-migration-footer img {display:block;max-width:160px;margin:0 auto 12px}
/* Homepage article previews share one reading surface and never float text. */
html body[data-mm-path="/"] #main#main#main#main#main#main {
  box-sizing:border-box!important;width:100%!important;max-width:1088px!important;
  margin:0 auto!important;padding:18px 16px 0!important;min-width:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
html body[data-mm-path="/"] #main#main#main#main#main#main :is(.main.section,.widget.Blog,.blog-posts,.post-outer-container,.post-outer) {
  display:block!important;float:none!important;width:100%!important;max-width:100%!important;
  min-width:0!important;padding:0!important;margin:0!important;box-sizing:border-box!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
html body[data-mm-path="/"] #main#main#main#main#main#main .post {
  display:flow-root!important;float:none!important;box-sizing:border-box!important;
  width:100%!important;min-width:0!important;margin:0 0 20px!important;padding:26px!important;
  border:2px solid #c4a24c!important;border-radius:10px!important;background:#fff!important;
  color:#142c4b!important;box-shadow:none!important;
}
html body[data-mm-path="/"] #main#main#main#main#main#main .post-title {
  float:none!important;clear:both!important;display:block!important;width:100%!important;
  max-width:100%!important;margin:0 0 16px!important;padding:0!important;
}
html body[data-mm-path="/"] #main#main#main#main#main#main :is(.post-title,.post-title a) {
  font:800 30px/1.25 Arial,Helvetica,sans-serif!important;letter-spacing:-.02em!important;
  word-break:normal!important;overflow-wrap:break-word!important;text-decoration:none!important;
}
html body[data-mm-path="/"] #main#main#main#main#main#main :is(.mm-teaser-date,.mm-teaser-summary) {
  display:block!important;float:none!important;clear:both!important;width:100%!important;
  margin:0 0 12px!important;padding:0!important;font:18px/1.5 Arial,Helvetica,sans-serif!important;
  color:#455264!important;word-break:normal!important;overflow-wrap:normal!important;
}
html body[data-mm-path="/"] #main#main#main#main#main#main .mm-teaser-summary {color:#142c4b!important;margin-bottom:20px!important}
html body[data-mm-path="/"] #main#main#main#main#main#main :is(.post-body,.post-body p,.post-snippet,.snippet-item,.post-timestamp,.post-timestamp a) {
  font:18px/1.5 Arial,Helvetica,sans-serif!important;word-break:normal!important;
}
html body[data-mm-path="/"] #main#main#main#main#main#main :is(.post-timestamp,.post-timestamp a) {color:#455264!important}
html body[data-mm-path="/"] #main#main#main#main#main#main .mm-article-link {
  box-sizing:border-box!important;max-width:100%!important;float:none!important;min-height:46px;
  text-align:center;font:700 18px/1.4 Arial,Helvetica,sans-serif!important;
}
@media(max-width:600px) {
  html body[data-mm-path="/"] #main#main#main#main#main#main {padding:14px 12px 0!important}
  html body[data-mm-path="/"] #main#main#main#main#main#main .post {padding:20px 18px!important;margin-bottom:16px!important}
  html body[data-mm-path="/"] #main#main#main#main#main#main :is(.post-title,.post-title a) {font-size:26px!important;line-height:1.3!important}
}
html body.mm-detail #main#main#main#main#main#main {
  box-sizing:border-box!important;width:100%!important;max-width:1120px!important;
  margin:0 auto!important;padding:0 16px!important;min-width:0!important;
}
html body.mm-detail #main#main#main#main#main#main :is(.main.section,.widget.Blog,.post-outer-container,.post-outer) {
  display:block!important;float:none!important;width:100%!important;max-width:100%!important;
  min-width:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important;
}
html body.mm-detail #main#main#main#main#main#main .post {
  display:block!important;float:none!important;width:100%!important;max-width:100%!important;
  box-sizing:border-box!important;margin:0 0 24px!important;padding:28px!important;
}
html body.mm-detail #main#main#main#main#main#main .post-title {
  display:block!important;float:none!important;clear:both!important;width:auto!important;
  max-width:none!important;margin:0 0 24px!important;padding:0 0 18px!important;
  line-height:1.25!important;overflow-wrap:break-word!important;
}
html body.mm-detail #main#main#main#main#main#main .post-body {
  display:flow-root!important;float:none!important;clear:both!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  box-sizing:border-box!important;margin:0!important;overflow:visible!important;
  word-break:normal!important;overflow-wrap:break-word!important;
}
html body.mm-detail #main#main#main#main#main#main .post-body > :is(article,section,div) {box-sizing:border-box;max-width:100%}
html body.mm-detail #main#main#main#main#main#main .mm-weekend-official {max-width:100%!important;padding:0!important}
html body.mm-detail #main#main#main#main#main#main .mm-migration-back {color:#e4c777!important;min-height:44px;line-height:44px;margin:0 0 8px}
html body.mm-detail #main#main#main#main#main#main .mm-site-search {box-sizing:border-box;max-width:1000px;background:#fff;padding:24px;border:2px solid #c4a24c;border-radius:10px;color:#142c4b}

/* Tables scroll locally instead of squeezing values or clipping the entire article. */
html body :is(#main#main#main#main#main#main,#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation) .mm-table-scroll {
  display:block;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;
  margin:16px 0;scrollbar-width:thin;scrollbar-color:#8c7844 #edf0f4;
}
html body :is(#main#main#main#main#main#main,#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation) .mm-table-scroll table {
  width:100%!important;max-width:none!important;min-width:420px;table-layout:auto!important;margin:0!important;
}
html body :is(#main#main#main#main#main#main,#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation) .mm-table-scroll :is(th,td) {word-break:normal!important;overflow-wrap:normal!important;padding:10px!important}
html body .mm-table-scroll:focus-visible {outline:3px solid #c4a24c;outline-offset:3px}

/* Keep navigation panels within their grid and support native details consistently. */
html body #mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation > details:not([open]) > .mm-menu {display:none!important}
html body #mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation > details > .mm-menu {min-width:0!important;box-sizing:border-box!important}
html body :is(#main#main#main#main#main#main,#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation) :is(.mm-record-stat,.mm-record-bankroll,.mm-record-week,.mm-result-grade) {min-width:0;box-sizing:border-box;overflow-wrap:break-word}

@media(max-width:600px) {
  html body.mm-detail #main#main#main#main#main#main {padding:0 12px!important}
  html body.mm-detail #main#main#main#main#main#main .post {padding:18px!important}
  html body.mm-detail #main#main#main#main#main#main .post-title {font-size:30px!important;margin-bottom:20px!important}
  html body.mm-detail #main#main#main#main#main#main .mm-site-search {padding:18px}
  html body :is(#main#main#main#main#main#main,#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation) .mm-result-headline {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body :is(#main#main#main#main#main#main,#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation) .mm-result-headline > :nth-child(n+3) {
    grid-column:1/-1!important;border-left:0!important;border-top:2px solid #fff8!important;
  }
  html body :is(#main#main#main#main#main#main,#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation) .mm-result-headline .mm-result-grade {padding:14px 8px!important}
  html body :is(#main#main#main#main#main#main,#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation) .mm-result-headline .mm-result-grade strong {font-size:30px!important}
  html body :is(#main#main#main#main#main#main,#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation#mm-navigation) .mm-record-stat strong {font-size:clamp(24px,7.5vw,32px)!important}
}
