/* Preview-only brand colors. Original dimensions, typography and content stay intact. */
:root{--preview-brand:#8b3846;--preview-accent:#9a752f;--preview-paper:#f7f3f1}
html:not([data-preview-theme=original]) :is(#top-image,#splogo){background-color:var(--preview-brand)!important;border-color:var(--preview-brand)!important;background-blend-mode:luminosity}
/* Keep heading backgrounds inside the full frame; the old left margin was only for text. */
html:not([data-preview-theme=original]) #left-box :is(#left-nav,#site-ranking,#check,#access,#mobile,#tagcloud,#site-line,#site-line2){background-image:none!important;border-color:var(--preview-brand)!important}
html:not([data-preview-theme=original]) #left-box :is(#left-nav,#site-ranking,#check,#access,#mobile,#tagcloud,#site-line,#site-line2)>h2{
 background-color:var(--preview-brand)!important;background-image:none!important;color:white!important;
 box-sizing:border-box;width:auto;height:auto;min-height:46px;
 margin:2px 2px 8px;padding:10px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;overflow:visible;
}
html:not([data-preview-theme=original]) :is(#osusume,#osusume5,#osusume-midashi,#loopitem,#newkuchikomi,#kuchikomi){background-image:none!important;border-color:var(--preview-brand)!important}
html:not([data-preview-theme=original]) :is(#osusume,#osusume5,#osusume-midashi,#loopitem,#newkuchikomi,#kuchikomi)>:is(h2,h3){background-color:var(--preview-brand)!important;color:white!important}
html:not([data-preview-theme=original]) body{background-color:var(--preview-paper)!important}
html:not([data-preview-theme=original]) :is(#midashi,#midashi2,#midashi3,#midashi4,#midashi5,#midashi6,#left1,#left2,#left3,#left4,#left5,#left6,#left7,#left8,#left9,#left10,#right-box>h2,#review-body h2,.uwx-sec>h3,.uw-allhead,.uw-bhead){background-color:var(--preview-brand)!important;background-image:none!important;color:white!important}
html:not([data-preview-theme=original]) :is(#midashi,#midashi2,#midashi3,#midashi4,#midashi5,#midashi6) :is(h1,h2,h3,a){color:white!important}
html:not([data-preview-theme=original]) :is(.uwx-sec,.uwt-today,.uwt-box,.uw-ctx){border-color:var(--preview-brand)!important}
html:not([data-preview-theme=original]) :is(.column-body h3,#review-body h3){border-left-color:var(--preview-brand)!important}
html:not([data-preview-theme=original]) :is(.column-body th,#review-body th){background:color-mix(in srgb,var(--preview-brand) 10%,white)!important;color:var(--preview-brand)!important}
html:not([data-preview-theme=original]) :is(.column-body h4:before,#review-body .merit h4){color:var(--preview-brand)!important}
html:not([data-preview-theme=original]) :is(#review-body .hook,.uwt-today-title){border-color:var(--preview-accent)!important;color:var(--preview-accent)!important}

/* Keep the existing composition; compare the new bitmap and previous versions. */
.m85-classic-logo{display:none}
html:is([data-preview-logo=classic],[data-preview-logo=soft],[data-preview-logo=current]) #top-image{
 background-color:var(--preview-brand)!important;
 background-image:repeating-linear-gradient(45deg,var(--preview-brand) 0 4px,color-mix(in srgb,var(--preview-brand) 82%,#000) 4px 6px)!important;
 background-blend-mode:normal;
}
html:is([data-preview-logo=classic],[data-preview-logo=soft],[data-preview-logo=current]) #top-image>a{left:10px;top:10px;width:519px;height:73px;overflow:hidden}
html:is([data-preview-logo=classic],[data-preview-logo=soft],[data-preview-logo=current]) .m85-classic-logo{display:block;width:519px;height:73px;border:1px solid #626262;box-sizing:border-box}
html:is([data-preview-logo=classic],[data-preview-logo=soft],[data-preview-logo=current]) #top-image>a:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:480px){
 html:is([data-preview-logo=classic],[data-preview-logo=soft],[data-preview-logo=current]) #splogo{
  background:repeating-linear-gradient(#969696 0 3px,#888 3px 6px)!important;
  box-sizing:border-box;min-height:58px;padding:7px 49px 7px 8px;margin-bottom:0;
 }
 html:is([data-preview-logo=classic],[data-preview-logo=soft],[data-preview-logo=current]) #splogo>img{display:block;width:100%;height:auto}
}

/* Display the central banner of the generated masters without modifying their pixels. */
html:is([data-preview-logo=soft],[data-preview-logo=current]) .m85-classic-logo{object-fit:cover;object-position:center}
.m85-soft-mobile{display:none}
@media(max-width:480px){
 html:is([data-preview-logo=soft],[data-preview-logo=current]) #splogo>img{display:none}
 html:is([data-preview-logo=soft],[data-preview-logo=current]) .m85-soft-mobile{display:block;position:relative;aspect-ratio:519/73;overflow:hidden}
 html:is([data-preview-logo=soft],[data-preview-logo=current]) .m85-soft-mobile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
}

/* v4 master: visible grey panel is y=207..499 in the 2108x746 image.
   Use a proportional display window, keeping the generated original intact. */
html[data-preview-logo=current] #top-image>a{border:1px solid #929292;box-sizing:border-box}
html[data-preview-logo=current] #top-image .m85-classic-logo,
html[data-preview-logo=current] #splogo .m85-soft-mobile>img{position:absolute;left:0;right:auto;top:-70.890411%;bottom:auto;width:100%;height:255.479452%;max-height:none;object-fit:fill;border:0}
@media(max-width:480px){
 html[data-preview-logo=current] #splogo{background:repeating-linear-gradient(45deg,var(--preview-brand) 0 4px,color-mix(in srgb,var(--preview-brand) 82%,#000) 4px 6px)!important}
 html[data-preview-logo=classic] #splogo .m85-soft-mobile{display:block;aspect-ratio:519/73}
 html[data-preview-logo=classic] #splogo .m85-soft-mobile>img{display:block;position:static;width:100%;height:100%;object-fit:fill}
}

/* ------------------------------------------------------------
   星評価（WP-PostRatings 2.0系のSVG星）の見切れ対策 2026-10-07
   U85が2026-08-13に管理画面の「追加CSS」で入れた対応をM85へ移植。
   テーマは旧 stars_crystal GIF（16x16px・隙間なし）前提で、詳細ページの
   #shosai-gaiyou dl dd.hoshirank を 55x17px・overflow:hidden にしている。
   2.0系の星は既定 20px + 隙間 2px（3個で 64x20px）なので3個目が切れて
   見えていた。星の寸法を旧GIFに合わせて箱に収める。
   ------------------------------------------------------------ */
.wp-postratings,
.wp-postratings-strip {
  --wp-postratings-size: 16px;
  --wp-postratings-gap: 0px;
}

/* トップ・サイドのカード枠（loop-access-up の dd.hoshirank9）は旧GIF前提で
   星の箱を 15px 引き上げていた（style.css: margin:-15px 0 5px 0）。
   新しい星は箱の上端に描かれるため、引き上げをやめて整列させる（U85と同じ）。 */
dl dd.hoshirank9 {
  margin-top: 0;
}