/* =========================================================
   FULL SITE SHELL FIX — derived from confirmed 659060061
   ========================================================= */
.page.comparison-page{
  width:min(820px,calc(100% - 40px))!important;
  max-width:820px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.comparison-head{
  width:100%!important;
  max-width:820px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.comparison-head .eyebrow,
.comparison-head h1,
.comparison-head .meaning{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.comparison-head h1{
  max-width:820px!important;
}
.comparison-head .meaning{
  max-width:760px!important;
}
.comparison-head .article-tools{
  width:100%!important;
  max-width:820px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.comparison-reading-index,
.comparison-page > .section,
.comparison-page > .related{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
.comparison-page > .section{
  border-radius:0!important;
  box-shadow:none!important;
}
.comparison-page > .related{
  padding-left:0!important;
  padding-right:0!important;
}
/* The section internals may choose narrower widths, but may never exceed the main reading axis. */
.comparison-page > .section > *,
.comparison-page > .section [class*="layout"],
.comparison-page > .section [class*="grid"],
.comparison-page > .section [class*="list"],
.comparison-page > .section [class*="rail"],
.comparison-page > .section [class*="flow"]{
  max-width:100%;
}
/* H1 stays neutral even when comparison terms use accent colors elsewhere. */
.comparison-head h1,
.comparison-head h1 *{
  color:var(--ink,#17211f)!important;
}
html[data-theme="dark"] .comparison-head h1,
html[data-theme="dark"] .comparison-head h1 *{
  color:#eef4f1!important;
}
/* Ruby in main title is secondary. */
.comparison-head h1 rt{
  font-size:.28em!important;
  color:#7f8b86!important;
  font-weight:500!important;
  line-height:1!important;
}
html[data-theme="dark"] .comparison-head h1 rt{color:#98a7a1!important}
/* Semantic Japanese chunks: wrap between chunks, not by shrinking. */
.comparison-page .jp-semantic-chunk{
  display:inline-block!important;
  white-space:nowrap!important;
  max-width:100%!important;
  font-size:inherit!important;
  line-height:inherit!important;
  font-family:inherit!important;
}
/* Related articles follow the same 820px left/right line. */
.comparison-page > .related,
.comparison-page > .related *{
  box-sizing:border-box;
}
@media(max-width:900px){
  .page.comparison-page{
    width:min(100% - 24px,820px)!important;
  }
}
@media(max-width:600px){
  .page.comparison-page{
    width:100%!important;
    max-width:none!important;
  }
  .comparison-head{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .comparison-reading-index{
    padding-left:0!important;
    padding-right:0!important;
  }
  .comparison-page > .section,
  .comparison-page > .related{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}