/* Movie.Guru — "a place for film friends"
   Classic 2006 MySpace look: Verdana 11px, #003399 links, #ff6600 headers,
   #b1d0f0 / #d5e8fb table cells, #6699cc right-column bars. */

body{margin:0;background:#fff;color:#000;font:11px Verdana,Arial,Helvetica,sans-serif}
a{color:#003399;text-decoration:none}
a:hover{text-decoration:underline}
img{border:0}
#wrap{width:100%;max-width:800px;margin:0 auto;background:#fff;box-sizing:border-box}

/* header */
#header{min-height:58px;flex-wrap:wrap;gap:6px;padding:6px 12px;box-sizing:border-box;background:#0b2a7c;background:linear-gradient(#3163c4,#0b2a7c);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px}
#header .logo{white-space:nowrap;font:bold 27px Arial,Helvetica,sans-serif;letter-spacing:-1px;color:#fff}
#header .logo small{font:12px Arial;color:#cfdcff;margin-left:8px;letter-spacing:0}
#header .logo a{color:#fff}
#header .search{display:flex;align-items:center;gap:4px;font-size:10px}
#header .search input[type=text]{width:140px;font:11px Verdana;padding:1px 2px}
#header .search button{font:10px Verdana}
#header .helplinks{font-size:10px}
#header .helplinks a{color:#fff}

/* nav */
#nav{background:#e7eefb;border-top:1px solid #6b8ed6;border-bottom:1px solid #6b8ed6;padding:5px 8px;text-align:center;font-size:10px;font-weight:bold;line-height:1.7}
#nav a{padding:0 3px;white-space:nowrap}
#nav span{color:#7f9ad6;font-weight:normal}

/* layout */
#page{display:flex;gap:12px;padding:12px 10px}
.leftcol{width:300px;flex:none}
.rightcol{flex:1;min-width:0}

/* text styles (real MySpace class names, kept for nostalgia) */
.nametext{font:bold 15px Arial,Helvetica,sans-serif;color:#000;margin:0 0 4px}
.orangetext15{color:#ff6600;font:bold 15px Arial,Helvetica,sans-serif}
.lightbluetext8{color:#ff6600;font:bold 10px Verdana,Arial,sans-serif}
.whitetext12{color:#fff;font:bold 12px Arial,Helvetica,sans-serif}
.blacktext10{color:#000;font-size:10px}
.blacktext12{color:#000;font:bold 12px Arial}
.btext{font-weight:bold}
.redbtext{color:#f00;font-weight:bold}
.text{font-size:11px}
.small{font-size:9px;color:#333}

/* left column tables */
table.box{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 10px}
table.box td{padding:3px 4px;vertical-align:top;font-size:11px}
table.box td.hdr{background:#b1d0f0;padding:4px}
table.box td.lbl{background:#b1d0f0;width:85px;color:#ff6600;font-weight:bold;font-size:10px}
table.box td.val{background:#d5e8fb}
table.box td.val a{color:#003399}

/* right column bars */
.bluehdr{background:#6699cc;padding:4px 6px;margin:0}
.bluehdr .orangetext15{color:#ff6600}
.section{margin:0 0 12px}
.section .body{padding:6px 4px}
.extnet{border:2px solid #6699cc;padding:11px;text-align:center;font:bold 13px Arial,Helvetica,sans-serif;margin:0 0 12px}

/* profile pic + placeholders */
.profpic{width:180px}
.ph{background:#e3eaf5;border:1px solid #9db3d6;color:#4d5f80;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;line-height:1.3;padding:4px;box-sizing:border-box}
.ph.poster{width:180px;height:267px;font:bold 13px Arial;color:#2c3e66}
.ph.thumb{width:90px;height:90px;margin:0 auto}
.ph.wide{width:100%;height:220px;font:bold 12px Arial;flex-direction:column;gap:6px}
.ph.tile{width:80px;height:110px;margin:0 auto;font-size:9px}

/* contacting box */
.contact{border:2px solid #6699cc;margin:10px 0}
.contact .chdr{background:#6699cc;color:#fff;font:bold 12px Arial;padding:3px 6px}
.contact table{width:100%;border-collapse:collapse}
.contact td{width:50%;padding:3px 6px;font-size:10px}
.contact .ico{display:inline-block;width:14px;height:14px;background:#6699cc;color:#fff;font-size:9px;line-height:14px;text-align:center;margin-right:4px;border-radius:2px;vertical-align:middle}

/* url box */
.urlbox{border:2px solid #6699cc;padding:4px 6px;margin:0 0 10px;font-size:10px}
.urlbox .t{font-weight:bold;color:#ff6600;display:block;font-size:11px}

/* friend space */
.friends{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px 6px;text-align:center;padding:6px 0}
.friends .f a{font-weight:bold;display:block;margin-bottom:3px}
.friends .f .role{color:#555;font-size:9px;display:block;margin-top:2px}

/* comments */
table.comments{width:100%;border-collapse:separate;border-spacing:0 6px}
table.comments td{vertical-align:top;padding:6px;font-size:11px}
table.comments td.who{background:#d5e8fb;width:110px;text-align:center}
table.comments td.who a{font-weight:bold;display:block;margin-bottom:4px}
table.comments td.who .ph{width:60px;height:60px;margin:0 auto}
table.comments td.what{background:#f3f7fc}
table.comments .date{color:#555;font-size:9px;display:block;margin-bottom:4px}

/* rating widgets */
.scale{width:100%;border-collapse:collapse;margin:4px 0 8px}
.scale td{padding:2px 4px;font-size:10px;vertical-align:middle}
.scale td.k{width:120px;font-weight:bold}
.scale .bar{height:10px;background:#ff6600;display:inline-block;vertical-align:middle}
.scale .bar.blue{background:#6699cc}
.scale .n{color:#555;font-size:9px;margin-left:4px}
.pick{background:#fff3e0;border:1px solid #ff6600;padding:4px 6px;font-weight:bold;color:#ff6600;display:inline-block}
.critics{display:flex;gap:8px;margin:6px 0}
.critics .c{flex:1;border:1px solid #9db3d6;background:#f3f7fc;padding:6px;text-align:center}
.critics .c b{display:block;font:bold 18px Arial;color:#003399}
.critics .c small{display:block;color:#555;font-size:9px}

/* cast table */
table.cast{width:100%;border-collapse:collapse}
table.cast td{padding:2px 4px;border-bottom:1px solid #e1e8f2;font-size:10px}
table.cast td.a{width:45%;font-weight:bold}
table.cast td.r{color:#333}

/* home page bits */
.login{border:1px solid #6699cc;margin:0 0 10px}
.login .chdr{background:#6699cc;color:#fff;font:bold 12px Arial;padding:3px 6px}
.login .body{padding:6px}
.login label{display:block;font-size:10px;margin:4px 0 2px}
.login input[type=text],.login input[type=password]{width:95%;font:11px Verdana;padding:1px 2px}
.btn{font:bold 10px Verdana;padding:2px 8px;background:#efefef;border:1px solid #888;border-top-color:#fff;border-left-color:#fff;cursor:pointer}
.btn.orange{background:#ff6600;color:#fff;border-color:#c24e00}
.lb-more{text-align:center;padding:12px 10px 14px;border-top:1px solid #d5dfef}
.lb-more .btn{font-size:12px;padding:6px 16px}
.banner{border:1px solid #9db3d6;background:#fff;padding:12px;text-align:center;margin:0 0 12px;background:linear-gradient(#fff,#eef3fb)}
.banner .big{font:bold 22px Arial;color:#003399;letter-spacing:-1px}
.banner .big em{color:#ff6600;font-style:normal}
.banner p{margin:6px 0 8px;font-size:11px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;text-align:center}
.tiles .t a{font-weight:bold;display:block;margin-top:4px}
.tiles .t small{display:block;color:#555;font-size:9px}
.feature{display:flex;gap:10px;padding:6px 2px}
.feature .meta{flex:1}
.feature .meta p{margin:4px 0}
.chart{width:100%;border-collapse:collapse}
.chart td{padding:3px 4px;border-bottom:1px solid #e1e8f2;font-size:10px;vertical-align:top}
.chart td.rank{width:18px;font:bold 12px Arial;color:#ff6600}
.chart td.mv{color:#555;font-size:9px;width:40px;text-align:right}
ul.plain{list-style:none;margin:0;padding:0}
ul.plain li{padding:3px 0;border-bottom:1px solid #e1e8f2;font-size:10px}
ul.plain li b{display:block;font-size:11px}
ul.plain li .date{color:#555;font-size:9px}
.legend td{padding:2px 4px;font-size:10px}
.legend td.k{font-weight:bold;color:#ff6600;width:110px}

/* footer */
#footer{border-top:1px solid #6b8ed6;margin-top:10px;padding:14px 16px 26px;text-align:center;font-size:10px;line-height:1.6;color:#555}
#footer p{margin:0 0 8px}
#footer p:first-child{font-size:11px;line-height:1.9;margin-bottom:4px;color:#999}
#footer p:first-child a{padding:0 7px;white-space:nowrap}
#footer p:nth-child(2){color:#333;margin-bottom:12px}
#footer p:last-child{margin-bottom:0}

/* small poster placeholder (featured card) */
.ph.poster.sm{width:120px;height:178px;font-size:11px}
/* profile pic sizing when the real poster is present */
.profpic{width:180px;height:auto;border:1px solid #9db3d6}
.feature > a > img{width:120px;border:1px solid #9db3d6}
/* narrow screens: stack columns like a 2006 phone would never have */
@media (max-width:640px){#page{flex-direction:column}.leftcol{width:auto}}

/* ===== legibility pass: no orange text on blue ===== */
:root{--navy:#0b2a7c;--bar:#4a78b5;--orange-dk:#b84a00}
.orangetext15{color:var(--navy)}
.lightbluetext8{color:var(--navy)}
table.box td.lbl{color:var(--navy)}
table.box td.hdr .orangetext15{color:var(--navy)}
.bluehdr{background:var(--bar)}
.bluehdr .orangetext15{color:#fff}
.contact .chdr,.login .chdr{background:var(--bar);color:#fff}
.contact,.login,.urlbox,.extnet{border-color:var(--bar)}
.contact .ico{background:var(--bar)}
.urlbox .t{color:var(--navy)}
.legend td.k{color:var(--navy)}
.pick{color:var(--orange-dk);border-color:var(--orange-dk);background:#fff7ee}
.chart td.rank{color:var(--orange-dk)}
.redbtext{color:#c00}
.banner .big em{color:#ff6600}

/* ===== TLDR headline: the personality slot, first and biggest ===== */
.tldr{margin:12px 10px 0;border:1px solid #9db3d6;border-left:6px solid #ff6600;background:#fff;padding:12px 14px}
.tldr h1{font:bold 22px Arial,Helvetica,sans-serif;margin:0 0 2px;letter-spacing:-.5px}
.tldr h1 small{font:11px Verdana;color:#555;letter-spacing:0;margin-left:6px}
.tldr .by{font:bold 10px Verdana;color:var(--orange-dk);text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}
.tldr .by span{color:#555;font-weight:normal;text-transform:none;letter-spacing:0;margin-left:6px}
.tldr p{font:16px/1.55 Verdana,Arial,sans-serif;margin:0 0 10px;color:#000}
.tldr .verdict{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tldr .verdict .k{font:bold 10px Verdana;color:#555;margin-right:2px}
.tldr .pick{font-size:12px;padding:5px 8px}
.rightcol .section .body .blacktext12 a{color:var(--navy)}
.feature .meta .tldr-text{font:13px/1.5 Verdana,Arial,sans-serif}

/* ===== Guru Score (1-10, 5 is average) ===== */
.tldr .row{display:flex;gap:16px;align-items:flex-start}
.tldr .row .txt{flex:1;min-width:0}
.score{flex:none;width:170px;border:2px solid var(--navy);background:#f3f7fc;text-align:center;padding:8px 8px 10px;box-sizing:border-box}
.score .n{font:bold 44px/1 Arial,Helvetica,sans-serif;color:var(--navy);letter-spacing:-2px}
.score .n small{font:bold 14px Arial;color:#555;letter-spacing:0}
.score .band{display:inline-block;margin:6px 0 4px;font:bold 11px Verdana;color:#fff;background:var(--navy);padding:3px 8px;text-transform:uppercase;letter-spacing:.5px}
.score .band.hi{background:#b84a00}
.score .band.lo{background:#7a1f1f}
.score .why{font-size:9px;color:#555;margin:2px 0 6px}
.ruler{display:flex;gap:1px;margin:4px 0 2px}
.ruler span{flex:1;height:10px;background:#d5e8fb;border:1px solid #9db3d6}
.ruler span.on{background:var(--navy);border-color:var(--navy)}
.ruler span.avg{box-shadow:inset 0 0 0 2px #ff6600}
.ruler-k{display:flex;justify-content:space-between;font-size:8px;color:#555}
.score a{font-size:9px}
@media (max-width:560px){.tldr .row{flex-direction:column}.score{width:100%}}

/* ===== scale page ===== */
.psa{margin:12px 10px 0;border:1px solid #9db3d6;border-left:6px solid var(--navy);background:#fff;padding:14px 16px}
.psa .kicker{font:bold 10px Verdana;color:var(--orange-dk);text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}
.psa h1{font:bold 26px/1.15 Arial,Helvetica,sans-serif;margin:0 0 8px;letter-spacing:-.5px}
.psa h1 em{color:#ff6600;font-style:normal}
.psa p{font:13px/1.55 Verdana,Arial,sans-serif;margin:0 0 8px}
.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:0 10px}
.three .c{border:1px solid #9db3d6;background:#f3f7fc;padding:10px}
.three .c .num{font:bold 10px Verdana;color:var(--orange-dk);margin:0 0 2px}
.three .c b{display:block;font:bold 14px Arial;margin:0 0 4px}
.three .c p{margin:0;font-size:11px;line-height:1.5}
table.bands{width:100%;border-collapse:collapse}
table.bands td{padding:6px 8px;border-bottom:1px solid #e1e8f2;vertical-align:top;font-size:11px}
table.bands td.s{width:60px;font:bold 16px Arial;color:var(--navy);white-space:nowrap}
table.bands td.b{width:120px;font-weight:bold;text-transform:uppercase;font-size:10px;letter-spacing:.4px}
table.bands tr.mid td{background:#fff7ee}
table.bands tr.mid td.b{color:var(--orange-dk)}
table.bands td.t{font-size:9px;color:#555;width:130px}

/* ===== leaderboards ===== */
table.lb{width:100%;border-collapse:collapse}
table.lb td,table.lb th{padding:5px 6px;border-bottom:1px solid #e1e8f2;font-size:11px;vertical-align:top;text-align:left}
table.lb th{background:#d5e8fb;color:var(--navy);font-size:10px;text-transform:uppercase;letter-spacing:.4px}
table.lb td.rank{width:22px;font:bold 14px Arial;color:var(--orange-dk)}
table.lb td.sc{width:44px;font:bold 16px Arial;color:var(--navy);text-align:center}
table.lb td.sc small{display:block;font:9px Verdana;color:#555;text-transform:uppercase}
table.lb td .hook{display:block;color:#333;font-size:10px;font-style:italic}
table.lb tr.empty td{color:#888;font-style:italic}
table.lb th .np-sort{all:unset;cursor:pointer;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;white-space:nowrap}
table.lb th .np-sort:hover,table.lb th .np-sort:focus-visible{text-decoration:underline}
table.lb th .np-sort.on{color:var(--orange-dk)}
table.lb th .np-sort .arr{opacity:.35}
table.lb th .np-sort.on .arr,table.lb th .np-sort:hover .arr{opacity:1}
/* home page lists: a small Sort dropdown on the right of the header bar */
.hsort{float:right;font:bold 10px Verdana,Arial,sans-serif;white-space:nowrap}
.bluehdr .hsort{color:#fff}
td.hdr .hsort{color:var(--navy);margin-top:2px}
.hsort select{font:11px Arial,Helvetica,sans-serif;padding:0 1px;margin-left:3px;border:1px solid #7f9db9;background:#fff;color:#222;max-width:110px}
/* a half-width header bar (a flex row) wraps the Sort menu onto its own line, so the title stays on one line */
@media (max-width:560px){.bluehdr:has(.hsort){flex-wrap:wrap}.bluehdr .hsort{flex-basis:100%;margin-top:3px}}
.twocol{display:flex;gap:12px;flex-wrap:wrap}
.twocol > .section{flex:1 1 320px;min-width:0}

/* ===== profile page grid: TLDR first on desktop, poster first on mobile ===== */
#wrap.profile{display:grid;grid-template-columns:300px minmax(0,1fr);column-gap:12px;align-items:start}
#wrap.profile > #header,#wrap.profile > #nav,#wrap.profile > .tldr,#wrap.profile > #footer{grid-column:1/-1}
#wrap.profile > .tldr{order:1}
#wrap.profile > .profcard{order:2;grid-column:1;margin:12px 0 0 10px}
#wrap.profile > .rightcol{order:3;grid-column:2;grid-row:span 2;margin:12px 10px 0 0}
#wrap.profile > .leftcol{order:4;grid-column:1;margin:8px 0 0 10px}
#wrap.profile > #footer{order:9}
#wrap.profile > .profcard table{margin-bottom:6px}
@media (max-width:640px){
  #wrap.profile{grid-template-columns:minmax(0,1fr)}
  #wrap.profile > .profcard,#wrap.profile > .rightcol,#wrap.profile > .leftcol{grid-column:1;grid-row:auto;margin:12px 10px 0}
  #wrap.profile > .profcard{order:1}
  #wrap.profile > .tldr{order:2}
  #wrap.profile > .leftcol{order:3}
  #wrap.profile > .rightcol{order:4}
  #wrap.profile > .profcard table{width:100%}
  #wrap.profile > .leftcol{width:auto}
}

/* ===== TLDR spacing polish: tighter, proportional to the rest of the page ===== */
.tldr{padding:10px 12px 10px 14px;margin-top:10px}
.tldr h1{font-size:20px;margin:0 0 1px}
.tldr h1 small{font-size:10px;margin-left:5px}
.tldr .by{margin:0 0 5px;font-size:9px}
.tldr .by span{margin-left:5px}
.tldr .row{gap:14px;align-items:flex-start}
.tldr p{font-size:14px;line-height:1.4;margin:0 0 7px}
.tldr .verdict{gap:5px}
.tldr .verdict .k{font-size:9px;margin-right:1px}
.tldr .pick{font-size:11px;padding:3px 7px}
.tldr .verdict a{font-size:9px}
.score{width:150px;padding:6px 8px 7px}
.score .n{font-size:36px}
.score .n small{font-size:12px}
.score .band{margin:4px 0 3px;font-size:10px;padding:2px 7px}
.score .why{margin:0 0 4px;line-height:1.3}
.ruler{margin:2px 0 1px}
.ruler span{height:8px}
.score a{font-size:9px}
@media (max-width:560px){.score{width:100%}}

/* ===== performance charts ===== */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:0 0 10px}
.tile{border:1px solid #9db3d6;background:#f3f7fc;padding:8px 10px}
.tile .tl{font-size:9px;color:#52514e;text-transform:uppercase;letter-spacing:.4px}
.tile .tvl{font:600 22px/1.15 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#0b2a7c;margin:2px 0}
.tile .tn{font-size:9px;color:#52514e;line-height:1.3}
.chart{border:1px solid #e1e0d9;background:#fff;padding:10px 12px;margin:0 0 10px}
.chart .ct{font:bold 12px Arial,Helvetica,sans-serif;color:#0b0b0b}
.chart .cs{font-size:10px;color:#52514e;margin:2px 0 8px;line-height:1.4}
.chart .cb svg{display:block;font-family:Verdana,Arial,sans-serif}
.chart .src{font-size:9px;color:#898781;margin-top:6px}
.legend{display:flex;gap:14px;font-size:10px;color:#52514e;margin:4px 0 0}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.tv{margin-top:6px;font-size:10px}
.tv summary{cursor:pointer;color:#003399}
.tvt{border-collapse:collapse;margin-top:4px;width:100%}
.tvt th,.tvt td{border-bottom:1px solid #e1e0d9;padding:2px 6px;text-align:left;font-size:10px;font-variant-numeric:tabular-nums}
.tvt th{color:#52514e;font-weight:bold}

/* ===== wikipedia-style edit history ===== */
ul.hist{list-style:none;margin:0;padding:0}
ul.hist li{padding:4px 0;border-bottom:1px solid #e1e8f2;font-size:10px;line-height:1.5}
ul.hist .hl{color:#555}
ul.hist .hd{color:#000}
ul.hist .hu{font-weight:bold}
ul.hist .hb{font-family:Menlo,Consolas,monospace;font-size:9px;padding:0 3px;border-radius:2px}
ul.hist .hb.pos{color:#006300;background:#eaf6ea}
ul.hist .hb.neg{color:#8b0000;background:#f9e8e8}
ul.hist .hs{color:#333;font-style:italic}

/* ===== trailer embeds ===== */
.vid{position:relative;width:100%;aspect-ratio:16/9;background:#000;border:1px solid #9db3d6;margin:0 0 4px}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vcap{font-size:10px;color:#52514e;margin:0 0 10px}

/* ===== TLDR hero, polished 2006 edition ===== */
.tldr{padding:0;margin:12px 10px 0;border:1px solid #8fa9d3;border-left:1px solid #8fa9d3;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(11,42,124,.14)}
.tldr .thead{display:flex;align-items:baseline;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;padding:9px 14px 8px;background:linear-gradient(#f6f9fe,#dbe8fa);border-bottom:1px solid #b1d0f0;box-shadow:inset 0 1px 0 #fff}
.tldr h1{margin:0;font:bold 21px/1.2 Arial,Helvetica,sans-serif;color:#0b2a7c;letter-spacing:-.4px}
.tldr h1 .yr{font:11px Verdana,Arial,sans-serif;color:#52514e;margin-left:4px;letter-spacing:0}
.tldr .meta{display:flex;flex-wrap:wrap;font-size:10px;color:#52514e;line-height:1.4}
.tldr .meta span{padding:0 8px;border-left:1px solid #b1d0f0}
.tldr .meta span:first-child{border-left:0;padding-left:0}
.tldr .row{padding:12px 14px 11px;gap:16px;align-items:stretch}
.tldr .txt{display:flex;flex-direction:column}
.tldr .tag{display:inline-flex;align-items:center;gap:6px;font:bold 9px Verdana,Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase;color:#b84a00;margin:0 0 7px}
.tldr .tag .av{width:18px;height:18px;border-radius:3px;background:linear-gradient(#ff8a3d,#e05a00);color:#fff;font:bold 11px/18px Arial;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 1px rgba(0,0,0,.15)}
.tldr p{font:14px/1.45 Verdana,Arial,sans-serif;margin:0 0 10px;color:#111;flex:1}
.tldr .byline{font-size:9px;color:#52514e;border-top:1px solid #e6edf7;padding-top:7px;margin-top:auto}
.tldr .byline a{font-weight:bold}
.score{width:164px;padding:9px 10px 8px;border:1px solid #6b8ed6;border-radius:6px;background:linear-gradient(#ffffff 0%,#eaf2fc 100%);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(11,42,124,.10);text-align:center}
.score .lbl{font:bold 8px Verdana,Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#52514e}
.score .n{font:bold 40px/1 Arial,Helvetica,sans-serif;color:#0b2a7c;letter-spacing:-2px;margin:3px 0 5px}
.score .n small{font:bold 12px Arial;color:#52514e;letter-spacing:0;margin-left:1px}
.score .band{display:inline-block;margin:0;padding:3px 9px;border-radius:3px;background:linear-gradient(#2f57aa,#0b2a7c);color:#fff;font:bold 9px Verdana,Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.score .ruler{margin:9px 0 2px;gap:2px}
.score .ruler span{height:9px;border-radius:2px;border-color:#b1d0f0;background:#e6eef9}
.score .ruler span.on{background:linear-gradient(#3b63b5,#0b2a7c);border-color:#0b2a7c}
.score .ruler span.avg{box-shadow:inset 0 0 0 2px #ff6600;background:#fff3e8}
.score .ruler-k{font-size:8px;color:#52514e}
.score .links{margin-top:7px;padding-top:6px;border-top:1px solid #d5e2f3;font-size:9px}
@media (max-width:560px){.tldr .row{flex-direction:column}.score{width:100%}}
.section > .chart{border-top:0;margin:0}
.chart .cs{margin-top:0}
.chart{width:auto;box-sizing:border-box;min-width:0}
.chart .cb{min-width:0}
table.chart{width:100%}

/* ===== TLDR box: back to the square, orange-rule style (score card keeps the new look) ===== */
.tldr{border:1px solid #9db3d6;border-left:6px solid #ff6600;border-radius:0;box-shadow:none;background:#fff;padding:10px 12px 10px 14px;overflow:visible}
.tldr .thead{padding:0 0 6px;background:none;border-bottom:1px solid #e6edf7;box-shadow:none;margin:0 0 8px}
.tldr h1{font:bold 21px/1.2 Arial,Helvetica,sans-serif;color:#000;letter-spacing:-.4px}
.tldr h1 .yr{color:#555}
.tldr .meta{color:#555}
.tldr .meta span{border-left-color:#c9d6ea}
.tldr .row{padding:0;gap:16px}
.tldr .txt{padding-top:2px}
.tldr p{margin:0 0 10px}
.tldr .sig{margin-top:auto;font:italic 12px Georgia,"Times New Roman",serif;color:#333;text-align:right;padding-top:4px}
.tldr .sig span{color:#666;font-size:11px}
.score{border-radius:5px}
.tldr .sig{font:11px Verdana,Arial,sans-serif;font-style:normal;text-align:left;color:#333}
.tldr .sig span{font-size:11px;color:#666}
/* brand is always lowercase: no CSS uppercasing where the name appears */
.tldr .tag{text-transform:none;letter-spacing:.3px;font-size:10px}
.score .lbl{text-transform:none;letter-spacing:.3px;font-size:9px}
.tldr .sig b{color:#0b2a7c}
.tldr .sig span{color:#333}

/* profile grid: keep the poster row tight; the tall right column's extra height goes to the flexible row below */
#wrap.profile{grid-template-rows:auto auto auto auto minmax(0,1fr) auto}
@media (max-width:640px){#wrap.profile{grid-template-rows:none}}
/* a little more air between the profile column and the main column */
#wrap.profile{column-gap:22px}
#page{gap:22px}
#wrap.profile > .leftcol{width:auto}

/* ===== sticky left column (profile pages) ===== */
#wrap.profile{grid-template-rows:none}
#wrap.profile > .rightcol{grid-row:auto}
#wrap.profile > .leftcol{position:sticky;align-self:start;margin-top:12px}
#wrap.profile > .leftcol > .profcard{margin:0 0 8px}
@media (max-width:640px){
  #wrap.profile > .leftcol{position:static;align-self:auto;margin-top:12px}
}
/* place the left column before the right one so both land in the same grid row (sticky needs that) */
#wrap.profile > .leftcol{order:3}
#wrap.profile > .rightcol{order:4}

/* facts beside the poster */
.facts div{margin:0 0 6px;font-size:10px;line-height:1.35;color:#000}
.facts b{display:block;font-size:9px;color:#0b2a7c;text-transform:uppercase;letter-spacing:.4px}
.tldr .thead{justify-content:flex-start}

/* footer outside the profile grid so the sticky column can never travel over it */
#wrap-foot{width:100%;max-width:800px;margin:0 auto;background:#fff;box-sizing:border-box}
#wrap.profile{padding-bottom:12px}

/* ===== de-polish: flat 2006 treatment for the TLDR block and score box ===== */
.tldr .thead{border-bottom:0;padding:0;margin:0 0 6px}
.tldr h1{font-size:20px}
.tldr .tag{font:bold 10px Verdana,Arial,sans-serif;letter-spacing:0;text-transform:none;color:#b84a00;margin:0 0 4px}
.tldr .sig{padding-top:2px}
.score{width:160px;padding:8px;border:1px solid #6b8ed6;border-radius:0;background:#d5e8fb;box-shadow:none}
.score .lbl{font:bold 9px Verdana,Arial,sans-serif;letter-spacing:0;text-transform:none;color:#0b2a7c}
.score .n{font:bold 34px/1 Arial,Helvetica,sans-serif;letter-spacing:-1px;margin:3px 0 4px;color:#0b2a7c}
.score .n small{font:bold 11px Arial;color:#333}
.score .band{border-radius:0;background:#0b2a7c;box-shadow:none;letter-spacing:0;font:bold 9px Verdana,Arial,sans-serif;text-transform:uppercase;padding:2px 7px}
.score .ruler{margin:8px 0 2px;gap:1px}
.score .ruler span{height:8px;border-radius:0;background:#fff;border:1px solid #9db3d6}
.score .ruler span.on{background:#0b2a7c;border-color:#0b2a7c}
.score .ruler span.avg{background:#fff;box-shadow:inset 0 0 0 2px #ff6600;border-color:#ff6600}
.score .ruler-k{font-size:8px;color:#333}
.score .links{margin-top:6px;padding-top:5px;border-top:1px solid #b1d0f0;font-size:9px}

/* tighter vertical rhythm in the TLDR block */
.tldr{padding:8px 12px 8px 14px}
.tldr .thead{margin:0 0 4px}
.tldr .row{align-items:flex-start;gap:14px}
.tldr .txt{display:block;padding-top:0}
.tldr .tag{margin:0 0 3px}
.tldr p{margin:0 0 6px;line-height:1.4}
.tldr .sig{margin-top:0;padding-top:0}
.score{padding:6px 8px 7px}
.score .n{margin:2px 0 3px}
.score .ruler{margin:6px 0 1px}
.score .links{margin-top:5px;padding-top:4px}

/* TLDR block: score box top-aligned with the title, byline anchored to the bottom */
.tldr{display:flex;gap:14px;align-items:stretch}
.tldr .tmain{flex:1;min-width:0;display:flex;flex-direction:column}
.tldr .txt{flex:1;display:flex;flex-direction:column}
.tldr .sig{margin-top:auto;padding-top:6px}
.tldr > .score{flex:none;align-self:flex-start}
@media (max-width:560px){.tldr{flex-direction:column}.tldr > .score{width:100%}}

/* image credits */
.credit{display:block;font-size:8px;line-height:1.3;color:#666;margin-top:3px;text-align:left}
.friends .f a.credit{font-weight:normal;color:#666;margin:2px 0 0;font-size:8px}
.profcard .credit{max-width:180px}
/* cast thumbnails: crop to square instead of stretching */
.friends .f img{width:90px;height:90px;object-fit:cover;object-position:50% 20%;border:1px solid #9db3d6;display:block;margin:0 auto}
.profpic{display:block}

/* ===== score strip: full width under the TLDR, one slim row ===== */
.tldr{flex-direction:column;gap:8px}
.tldr .txt{display:block}
.tldr .sig{margin-top:0;padding-top:6px}
.tldr .score{align-self:stretch;width:auto;display:grid;grid-template-columns:auto auto auto minmax(140px,1fr) auto;grid-template-areas:"lbl n band ruler links" "lbl n band rk links";align-items:center;column-gap:14px;row-gap:2px;padding:6px 10px;text-align:left}
.score .lbl{grid-area:lbl;font:bold 9px/1.25 Verdana,Arial,sans-serif;color:#0b2a7c;width:52px;text-transform:none}
.score .n{grid-area:n;font:bold 26px/1 Arial,Helvetica,sans-serif;margin:0;letter-spacing:-1px}
.score .n small{font-size:10px}
.score .band{grid-area:band;margin:0;white-space:nowrap}
.score .ruler{grid-area:ruler;margin:0;align-self:end}
.score .ruler-k{grid-area:rk;align-self:start}
.score .links{grid-area:links;margin:0;padding:0 0 0 14px;border-top:0;border-left:1px solid #9db3d6;white-space:nowrap;line-height:1.6}
@media (max-width:560px){
  .tldr .score{grid-template-columns:auto auto 1fr;grid-template-areas:"lbl n band" "ruler ruler ruler" "rk rk rk" "links links links";row-gap:4px}
  .score .links{border-left:0;padding:4px 0 0;border-top:1px solid #b1d0f0;white-space:normal}
}
.score .lbl{width:64px}
.psa .creditline{font-size:10px;color:#52514e;margin:0;padding-top:6px;border-top:1px solid #e1e8f2}

/* main nav: flex row with fixed spacing so markup whitespace never changes it */
#nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 0;padding:5px 8px}
#nav a{padding:0 7px;white-space:nowrap;line-height:1.7}
#nav span{padding:0;color:#7f9ad6;font-weight:normal}

/* home banner: compact box office chart under the title */
.banner .homebo{margin-top:8px;text-align:left;border:1px solid #9db3d6;background:#fff}
.banner .homebo .bluehdr{display:flex;align-items:center;justify-content:space-between;gap:8px}
.banner .homebo .bluehdr .more{color:#fff;font-size:10px;font-weight:bold;white-space:nowrap}
.banner .homebo table.lb td,.banner .homebo table.lb th{padding:3px 6px;font-size:10px;line-height:1.3}
.banner .homebo table.lb td.rank{width:18px;font-size:12px}
.banner .homebo table.lb td .small{display:none}
.banner .homebo .src{padding:4px 6px;color:#555;border-top:1px solid #e1e8f2}

/* review page score ruler: exact fill, orange marker at the average of all reviews */
.score .ruler.exact{display:block;gap:0}
.score .ruler.exact .track{position:relative;height:10px;border:1px solid #9db3d6;background:#fff;
  background-image:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#c9d6e8 calc(10% - 1px) 10%)}
.score .ruler.exact .fill{position:absolute;left:0;top:0;bottom:0;background:#0b2a7c}
.score .ruler.exact .mk{position:absolute;top:-3px;bottom:-3px;width:3px;margin-left:-1.5px}
.score .ruler.exact .mk.avg{background:#ff6600;box-shadow:0 0 0 1px #fff}
.score .ruler.exact .mk.me{width:0;border-left:1px solid #fff;margin-left:-.5px;top:0;bottom:0}
.score .ruler-k .avgk{display:inline-flex;align-items:center;gap:3px;color:#b84a00;font-weight:bold}
.score .ruler-k .sw{display:inline-block;width:8px;height:8px;background:#ff6600;border:1px solid #fff;box-shadow:0 0 0 1px #b84a00}
.score .links .rankk{font-weight:bold;color:#0b2a7c}

/* performance tiles: verdict colors */
.kpis .tvl.pos{color:#0b2a7c}
.kpis .tvl.neg{color:#8b0000}
.kpis .tvl.mid{color:#52514e}


/* ===== Spoiler Blocker (opt-in from the nav, see js/spoiler.js) ===== */
#nav a.sp-toggle{border:1px solid #9db3d6;border-radius:10px;padding:0 8px;margin-left:4px;background:#fff;font-weight:normal}
#nav a.sp-toggle b{color:#52514e}
#nav a.sp-toggle.on{background:#111;border-color:#111;color:#fff}
#nav a.sp-toggle.on b{color:#fff}
html.spoiler-shield:not(.sp-ready) #take .txt p,html.spoiler-shield:not(.sp-ready) #take .sig,html.spoiler-shield:not(.sp-ready) #take .gtake,html.spoiler-shield:not(.sp-ready) #home-featured .tldr-text{visibility:hidden}
html.spoiler-shield #home-featured .nametext .pick{display:none}
/* review page: the covered group keeps the TLDR's own spacing */
.tldr .spoiler-box{margin:0}
.tldr .tldr-secret{display:flex;flex-direction:column;gap:8px}
.tldr .tldr-secret p{margin:0}
.tldr .tldr-secret .sig{padding-top:0}
.tldr .spoiler-box .spoiler-body > *{margin-bottom:0}
.tldr .spoiler-hide{margin-top:2px}
/* ===== spoiler cover: a movie screen with a projected card about movie guru (see js/site.js) ===== */
.spoiler-box{position:relative;margin:0 0 10px;container-type:inline-size}
.spoiler-box .spoiler-body{box-sizing:border-box;filter:blur(5px);opacity:1;transition:filter .6s ease .25s,opacity .6s ease .25s;user-select:none;pointer-events:none}
.spoiler-box .spoiler-body > *{margin-bottom:0}
.spoiler-box.open .spoiler-body{filter:blur(0);opacity:1;user-select:auto;pointer-events:auto}
.spoiler-cover{position:absolute;inset:0;overflow:hidden;box-sizing:border-box;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse 75% 85% at 50% 42%,rgba(242,242,242,.4) 0%,rgba(217,217,217,.46) 55%,rgba(185,185,185,.56) 100%);border:3px solid #111;box-shadow:inset 0 0 0 1px #8a8a8a,0 2px 6px rgba(0,0,0,.35);
  transition:opacity .55s ease .15s,filter .55s ease}
.spoiler-cover .bar{position:absolute;left:0;right:0;height:10px;background:#000;z-index:3}
.spoiler-cover .bar.top{top:0}.spoiler-cover .bar.bottom{bottom:0}
.spoiler-cover:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(0,0,0,0) 45%,rgba(0,0,0,.28) 100%)}
.spoiler-cover:after{content:"";position:absolute;inset:-50%;z-index:1;pointer-events:none;opacity:.22;mix-blend-mode:multiply;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  animation:mg-grain 1.2s steps(6) infinite}
@keyframes mg-grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,1%)}100%{transform:translate(0,0)}}
@media (prefers-reduced-motion:reduce){.spoiler-cover:after{animation:none}}
.spoiler-box.open .spoiler-cover{opacity:0;filter:brightness(1.8) contrast(.5);visibility:hidden;transition:filter .3s ease,opacity .5s ease .2s,visibility 0s linear .7s}
.spoiler-cover .plaque{position:relative;z-index:2;width:100%;box-sizing:border-box;padding:22px 18px 20px;display:flex;flex-direction:column;align-items:center;gap:0;color:#111;font:11px Verdana,Arial,sans-serif;text-align:center}
.spoiler-cover .grid{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:center;width:100%;max-width:640px;padding:0 6px;box-sizing:border-box;text-align:left}
.spoiler-cover .gauge{display:flex;flex-direction:column;align-items:center}
.spoiler-cover .gauge svg{width:200px;height:auto;display:block}
.spoiler-cover .needle{transform-origin:60px 62px;transform:rotate(-90deg)}
.spoiler-cover .needle.go{transition:transform 1.7s cubic-bezier(.25,1.45,.45,1)}
.spoiler-cover .gval{font:bold 36px/1 'Arial Black',Impact,Arial,sans-serif;color:#111;margin-top:-2px;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.spoiler-cover.settled .gval{animation:mg-pop .35s ease}
@keyframes mg-pop{0%{transform:scale(1)}40%{transform:scale(1.14)}100%{transform:scale(1)}}
.spoiler-cover .gread{font:bold 9px Verdana,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#333;margin-top:3px;opacity:0;transition:opacity .4s ease}
.spoiler-cover.settled .gread{opacity:1}
.spoiler-cover .rant{min-width:0}
.spoiler-cover .rhead{display:block;font:bold 20px/1.05 'Arial Black',Impact,Arial,sans-serif;letter-spacing:-.3px;text-transform:uppercase;color:#111;margin-bottom:6px}
.spoiler-cover .rant p{margin:0 0 12px;font-size:13px;line-height:1.5;color:#222}
.spoiler-cover .act{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.spoiler-btn{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:0;background:#111;color:#fff;border:2px solid #111;border-radius:3px;padding:9px 20px;box-shadow:0 3px 0 #000,0 6px 12px rgba(0,0,0,.35);transition:transform .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease}
.spoiler-btn b{font:bold 13px 'Arial Black',Impact,Arial,sans-serif;letter-spacing:2.5px;text-transform:uppercase}
.spoiler-btn span{font:10px Verdana,Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#d8d8d8;margin-top:3px}
.spoiler-btn:hover,.spoiler-btn:focus-visible{background:#333;transform:translateY(-1px);box-shadow:0 4px 0 #000,0 8px 14px rgba(0,0,0,.4)}
.spoiler-btn:hover span,.spoiler-btn:focus-visible span{color:#fff}
.spoiler-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #000}
.spoiler-btn:focus-visible{outline:2px solid #111;outline-offset:3px}
@container (max-width:480px){
  .spoiler-cover .grid{grid-template-columns:1fr;gap:8px;text-align:center}
  .spoiler-cover .act{justify-content:center}
    .spoiler-cover .plaque{padding:20px 12px 12px}
  .spoiler-btn{width:100%}
}
.spoiler-hide{display:none;align-items:center;gap:5px;margin-top:6px;cursor:pointer;font:bold 9px Verdana,Arial,sans-serif;color:#0b2a7c;background:#f3f7fc;border:1px solid #9db3d6;border-radius:3px;padding:3px 8px 3px 6px;opacity:0;transform:translateY(-3px);transition:opacity .3s ease .5s,transform .3s ease .5s,background .15s}
.spoiler-hide:hover,.spoiler-hide:focus-visible{background:#e7eefb;border-color:#0b2a7c}
.spoiler-hide .i{width:10px;height:10px;border:1.5px solid #0b2a7c;border-radius:50% 0;transform:rotate(45deg);position:relative;box-sizing:border-box}
.spoiler-hide .i:after{content:"";position:absolute;left:50%;top:-4px;width:1.5px;height:14px;background:#0b2a7c;transform:translateX(-50%) rotate(-45deg)}
.spoiler-box.open .spoiler-hide{display:inline-flex;opacity:1;transform:none}
.spoiler-box.open{display:flex;flex-direction:column;align-items:flex-end}
.spoiler-box.open .spoiler-body{width:100%;align-self:stretch}
.spoiler-box.instant,.spoiler-box.instant *{transition:none!important}
@media (prefers-reduced-motion:reduce){.spoiler-box,.spoiler-box *{transition-duration:.01s!important;transition-delay:0s!important}}
.feature .feat-score{margin:6px 0 0}

/* a profile that movie guru has not reviewed yet */
.score.pending .n{font:bold 18px/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.3px;color:#52514e}
.score.pending .band{background:#9db3d6}
.tldr .score.pending{grid-template-columns:auto 1fr auto auto;grid-template-areas:"lbl n band links"}
@media (max-width:560px){.tldr .score.pending{grid-template-columns:auto 1fr auto;grid-template-areas:"lbl n band" "links links links"}}
.tiles .t small.pend{display:inline-block;margin:3px 0 2px;padding:2px 7px;border:1px solid #9db3d6;border-radius:8px;font:bold 8px/1.2 Verdana,Arial,sans-serif;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;color:#52514e;background:#f3f7fc}
.tiles .t small.pend + small{line-height:1.3}
table.lb .pendtag{display:inline-block;margin-top:3px;padding:1px 6px;border:1px solid #9db3d6;border-radius:8px;font:bold 8px/1.2 Verdana,Arial,sans-serif;letter-spacing:.4px;text-transform:uppercase;color:#52514e;background:#f3f7fc}
table.lb td.rt{font-weight:bold}
table.lb td.rt.fresh{color:#0b2a7c}
table.lb td.rt.rotten{color:#8b0000}
.kpis .tvl a{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}
.kpis .tvl a:hover{border-bottom-style:solid}
table.lb td.rt a{color:inherit}

/* Weekly Roundup signup box (replaces the old member login) */
.signup .pitch{margin:0 0 6px;font-size:10px;line-height:1.45;color:#333}
.signup input[type=email]{width:95%;font:12px Verdana;padding:3px 4px;box-sizing:border-box;border:1px solid #9db3d6}
.signup .btn.orange{margin-top:6px;font-weight:bold}
.signup .fine{margin-top:4px;font-size:9px;color:#52514e}
.signup .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.signup .msg{margin-top:5px;font-size:10px;font-weight:bold}
.signup .msg.ok{color:#0b2a7c}
.signup .msg.err{color:#8b0000}
.signup form.done input[type=email],.signup form.done .btn,.signup form.done label,.signup form.done .fine{display:none}
#page > .signup{margin:12px 0}

/* score board on review pages: big numbers, a 10-block meter like the movie guru ruler, a verdict */
table.scoreboard{width:100%;border-collapse:collapse}
table.scoreboard td{padding:8px 6px;border-bottom:1px solid #e1e8f2;vertical-align:middle}
table.scoreboard tr:last-child td{border-bottom:0}
table.scoreboard td.who{width:30%;font-size:11px;line-height:1.3}
table.scoreboard td.who b{display:block;font:bold 13px Arial,Helvetica,sans-serif;color:#0b2a7c}
table.scoreboard td.who a{text-decoration:none}
table.scoreboard td.who a b{border-bottom:1px dotted #0b2a7c}
table.scoreboard td.who small{display:block;font-size:9px;color:#52514e;margin-top:1px}
table.scoreboard td.num{width:84px;font:bold 26px/1 Arial,Helvetica,sans-serif;color:#0b2a7c;letter-spacing:-1px;white-space:nowrap}
table.scoreboard td.num small{font:bold 11px Arial;color:#52514e;letter-spacing:0;margin-left:1px}
table.scoreboard .blocks{display:flex;gap:2px}
table.scoreboard .blocks span{position:relative;flex:1;height:14px;background:#fff;border:1px solid #9db3d6;overflow:hidden}
table.scoreboard .blocks span.mid{box-shadow:inset 0 0 0 1px #ff6600}
table.scoreboard .blocks i{position:absolute;left:0;top:0;bottom:0;background:#0b2a7c}
table.scoreboard td.verdict{width:88px;text-align:right}
table.scoreboard .tag{display:inline-block;padding:3px 8px;font:bold 9px Verdana,Arial,sans-serif;letter-spacing:.5px;text-transform:uppercase;color:#fff;white-space:nowrap}
table.scoreboard .tag.good{background:#0b2a7c}
table.scoreboard .tag.mid{background:#7b8794}
table.scoreboard .tag.bad{background:#8b0000}
table.scoreboard .tag.mg{background:#ff6600}
table.scoreboard tr.mg td{background:#fff7ee}
table.scoreboard tr.mg td.who b,table.scoreboard tr.mg td.num{color:#b84a00}
table.scoreboard tr.mg .blocks i{background:#ff6600}
table.scoreboard tr.mg .blocks span{border-color:#f0b37f}
@media (max-width:560px){
  table.scoreboard td.who{width:auto}
  table.scoreboard td.num{width:64px;font-size:22px}
  table.scoreboard td.meter{display:none}
}

/* release timeline on review pages: MySpace "Upcoming Shows" list, one calendar block per date */
table.shows{width:100%;border-collapse:collapse}
table.shows td{padding:6px;border-bottom:1px solid #e1e8f2;vertical-align:middle}
table.shows tr:last-child td{border-bottom:0}
table.shows td.cal{width:54px}
table.shows .calblk{width:50px;border:1px solid #9db3d6;background:#fff;text-align:center;font-family:Arial,Helvetica,sans-serif;line-height:1}
table.shows .calblk .mo{display:block;background:#0b2a7c;color:#fff;font:bold 10px Verdana,Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;padding:2px 0}
table.shows .calblk .dy{display:block;font:bold 22px Arial,Helvetica,sans-serif;color:#0b2a7c;padding:3px 0 1px}
table.shows .calblk .yr{display:block;font-size:9px;color:#52514e;padding-bottom:3px}
table.shows td.what b{display:block;font:bold 13px Arial,Helvetica,sans-serif;color:#0b2a7c}
table.shows td.what small{display:block;font-size:10px;color:#52514e;margin-top:2px}
table.shows td.st{width:84px;text-align:right}
table.shows .tag{display:inline-block;padding:3px 8px;font:bold 9px Verdana,Arial,sans-serif;letter-spacing:.5px;text-transform:uppercase;color:#fff;white-space:nowrap}
table.shows .tag.soon{background:#0b2a7c}
table.shows .tag.now{background:#ff6600}
table.shows tr.us td{background:#fff7ee}
table.shows tr.us .calblk{border-color:#f0b37f}
table.shows tr.us .calblk .mo{background:#ff6600}
table.shows tr.us .calblk .dy,table.shows tr.us td.what b{color:#b84a00}

/* Where to Watch box on review pages */
table.wtw{width:100%;border-collapse:collapse}
table.wtw td{padding:7px 6px;border-bottom:1px solid #e1e8f2;vertical-align:middle}
table.wtw tr:last-child td{border-bottom:0}
table.wtw td.lbl{width:96px;background:#e8f1fb;border-right:1px solid #c9d9ee}
table.wtw td.lbl b{display:block;font:bold 12px Arial,Helvetica,sans-serif;color:#0b2a7c}
table.wtw td.lbl small{display:block;font-size:9px;color:#52514e;margin-top:1px}
table.wtw .tix{font-size:11px;color:#333}
table.wtw .tix .btn{display:inline-block;padding:5px 12px;font-size:11px;text-decoration:none;text-transform:uppercase;letter-spacing:.5px}
table.wtw .logos{display:flex;flex-wrap:wrap;gap:8px}
table.wtw a.prov{display:flex;flex-direction:column;align-items:center;width:56px;text-decoration:none;font-size:9px;line-height:1.15;color:#0b2a7c;text-align:center}
table.wtw a.prov img{width:40px;height:40px;border:1px solid #9db3d6;border-radius:6px;margin-bottom:2px;background:#fff}
table.wtw a.prov:hover img{border-color:#ff6600}
table.wtw .none{font-size:11px;color:#333}
#watch .src{font-size:9px;color:#52514e;margin-top:6px}

/* scoreboard: who's voting, critics or audience */
table.scoreboard td.who small span{display:inline-block;margin:2px 5px 0 0;padding:1px 5px;font:bold 9px Verdana,Arial,sans-serif;letter-spacing:.5px;text-transform:uppercase;color:#fff;vertical-align:1px}
table.scoreboard td.who small .who-critics{background:#0b2a7c}
table.scoreboard td.who small .who-audience{background:#138a8a}
table.scoreboard td.who{width:40%}
/* source lines ("Popcornmeter, 1,000+ verified ratings, counts 16%") wrap, so a long one never pushes the table past its column */
table.scoreboard td.who small{white-space:normal}

/* score card: the movie.guru score (algorithm) on top, The Guru's Take (movie guru alone) underneath */
.score.mg .lbl{color:#b84a00}
.score .read{margin-top:5px;font:bold 9px Verdana,Arial,sans-serif;color:#0b2a7c;text-transform:uppercase;letter-spacing:.4px}
.score .take{margin-top:7px;padding:5px 4px;background:#fff7ee;border:1px solid #f0b37f;font:bold 10px Verdana,Arial,sans-serif;color:#b84a00}
.score .take b{font:bold 15px Arial,Helvetica,sans-serif;letter-spacing:-.5px}
.score .take span{font-weight:normal;color:#52514e}
.tldr .tldr-secret .take{align-self:flex-start;padding:4px 8px;background:#fff7ee;border:1px solid #f0b37f;font:bold 11px Verdana,Arial,sans-serif;color:#b84a00}
.tldr .tldr-secret .take b{font-size:14px}
/* movie.guru score bar under the title: band and read stack, The Guru's Take sits before the links */
.tldr .score.mg{grid-template-columns:auto auto auto minmax(140px,1fr) auto auto;grid-template-areas:"lbl n band ruler take links" "lbl n read rk take links"}
.tldr .score.mg.pending{grid-template-columns:auto auto auto minmax(140px,1fr) auto;grid-template-areas:"lbl n band ruler links" "lbl n read rk links"}
.tldr .score.mg.nodata{grid-template-columns:auto 1fr auto auto;grid-template-areas:"lbl n band links"}
.tldr .score .read{grid-area:read;margin:0;white-space:nowrap}
.tldr .score .take{grid-area:take;margin:0;white-space:nowrap;align-self:center}
@media (max-width:560px){
  .tldr .score.mg{grid-template-columns:auto auto 1fr;grid-template-areas:"lbl n band" "read read read" "ruler ruler ruler" "rk rk rk" "take take take" "links links links"}
  .tldr .score.mg.pending{grid-template-columns:auto auto 1fr;grid-template-areas:"lbl n band" "read read read" "ruler ruler ruler" "rk rk rk" "links links links"}
  .tldr .score.mg.nodata{grid-template-columns:auto 1fr auto;grid-template-areas:"lbl n band" "links links links"}
  .tldr .score .take{white-space:normal}
}
.score.mg.nodata .n{font:bold 18px/1.1 Arial,Helvetica,sans-serif;color:#52514e}
.score.mg.nodata .band{background:#9db3d6}
/* not reviewed yet: no TLDR placeholder, just the title and the movie.guru score */
.tldr:has(.score.pending) .txt{display:none}
.score.mg.pending .n{font:bold 26px/1 Arial,Helvetica,sans-serif;letter-spacing:-1px;color:#0b2a7c}
.score.mg.pending .band{background:linear-gradient(#2f57aa,#0b2a7c)}

/* scoreboard: the blended movie.guru score, the critics/audience split, The Guru's Take (never counts) */
table.scoreboard tr.mgs td{background:#fff7ee}
table.scoreboard tr.mgs td.who b,table.scoreboard tr.mgs td.num{color:#b84a00}
table.scoreboard tr.mgs td.num{font-size:30px}
/* a long band name ("Rarefied Air (the other one)") wraps inside its badge instead of pushing the table past the column */
@media (min-width:900px){table.scoreboard tr.mgs td.verdict{width:126px}}
table.scoreboard tr.mgs td.verdict .tag{white-space:normal;max-width:100%;line-height:1.35;text-align:center}
table.scoreboard tr.mgs .blocks i{background:#ff6600}
table.scoreboard tr.mgs .blocks span{border-color:#f0b37f}
table.scoreboard tr.mgs td.who small{white-space:normal;font-weight:bold;color:#b84a00;text-transform:uppercase;letter-spacing:.3px}
table.scoreboard tr.split td{background:#fffbf6;padding:6px 6px 10px;border-bottom:2px solid #f0b37f}
table.scoreboard .sides{display:flex;flex-direction:column;gap:4px}
table.scoreboard .side{display:flex;align-items:center;gap:8px;font-size:10px;color:#333}
table.scoreboard .side span{width:64px;text-align:center;padding:1px 0;font:bold 9px Verdana,Arial,sans-serif;letter-spacing:.5px;text-transform:uppercase;color:#fff}
table.scoreboard .side .bar{flex:1;height:8px;background:#fff;border:1px solid #9db3d6;position:relative}
table.scoreboard .side .bar i{position:absolute;left:0;top:0;bottom:0}
table.scoreboard .side.critics .bar i,table.scoreboard .side .who-critics{background:#0b2a7c}
table.scoreboard .side.audience .bar i,table.scoreboard .side .who-audience{background:#138a8a}
table.scoreboard .side b{width:62px;text-align:right;white-space:nowrap}
table.scoreboard .divide{display:inline-block;margin-top:6px;padding:2px 8px;border:1px solid #b84a00;color:#b84a00;font:bold 9px Verdana,Arial,sans-serif;letter-spacing:.5px;text-transform:uppercase;background:#fff}
table.scoreboard tr.take td{background:#fafafa;border-top:2px dashed #f0b37f;border-bottom:0}
table.scoreboard tr.take td.who b,table.scoreboard tr.take td.num{color:#b84a00}
table.scoreboard tr.take .blocks i{background:repeating-linear-gradient(45deg,#ff6600 0 3px,#ffb27a 3px 6px)}
table.scoreboard tr.take .blocks span{border-color:#f0b37f}
table.scoreboard .tag.take{background:#fff;color:#b84a00;border:1px solid #b84a00}
table.lb td.sc.hot{color:#b84a00}
/* not reviewed yet: the top box is just the title; the movie.guru score lives in its own section under the trailer */
.tldr .score.pending{display:none}
table.scoreboard td.verdict{width:112px}
table.scoreboard .beat{position:relative;height:18px;border:1px solid #9db3d6;background:#fff;overflow:hidden}
table.scoreboard .beat i{position:absolute;left:0;top:0;bottom:0}
table.scoreboard .beat.good i{background:#0b2a7c}
table.scoreboard .beat.mid i{background:#7b8794}
table.scoreboard .beat.bad i{background:#8b0000}
table.scoreboard .beat span{position:relative;display:block;padding:0 6px;font:bold 9px/18px Verdana,Arial,sans-serif;letter-spacing:.4px;text-transform:uppercase;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.6),0 1px 1px rgba(0,0,0,.5);white-space:nowrap}
table.scoreboard td.who{width:auto}
/* reviewed pages: links sit under The Guru's Take so the bar never overflows */
.tldr .score.mg:not(.pending):not(.nodata){grid-template-columns:auto auto auto minmax(120px,1fr) auto;grid-template-areas:"lbl n band ruler take" "lbl n read rk links"}
.tldr .score.mg:not(.pending):not(.nodata) .links{border-left:0;padding:0;justify-self:end;line-height:1.3}
.tldr .score .band{justify-self:start}
@media (max-width:560px){
  .tldr .score.mg:not(.pending):not(.nodata){grid-template-columns:auto auto 1fr;grid-template-areas:"lbl n band" "read read read" "ruler ruler ruler" "rk rk rk" "take take take" "links links links"}
  .tldr .score.mg:not(.pending):not(.nodata) .links{justify-self:start}
}
table.scoreboard .beat.good i{background:#a9c3ee}
table.scoreboard .beat.mid i{background:#d3d8de}
table.scoreboard .beat.bad i{background:#efc1c1}
table.scoreboard .beat span{text-shadow:none;color:#0b2a7c}
table.scoreboard .beat.mid span{color:#3d4650}
table.scoreboard .beat.bad span{color:#8b0000}
/* home: movie.guru score next to The Guru's Take, and in Most Viewed */
.mgpick{display:inline-block;padding:1px 6px;background:#ff6600;color:#fff;font:bold 11px Verdana,Arial,sans-serif}
td.mv.mvs{font:bold 14px Arial,Helvetica,sans-serif;color:#b84a00;text-align:center}
table.lb td.mgc{text-align:right;font:bold 13px Arial,Helvetica,sans-serif;color:#b84a00;font-variant-numeric:tabular-nums}
/* scale page: how the movie.guru score works */
ol.steps{margin:0 0 10px 18px;padding:0;font-size:11px;line-height:1.5}
ol.steps li{margin-bottom:6px}
table.bands.weights th{background:#0b2a7c;color:#fff;font:bold 10px Verdana,Arial,sans-serif;padding:4px 6px;text-align:left}
table.bands.weights td{font-size:11px;padding:4px 6px}
/* header search: suggestions dropdown and the results page */
form.search{position:relative}
.sbox{position:absolute;top:100%;left:auto;right:0;margin-top:3px;width:340px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #0b2a7c;box-shadow:0 4px 12px rgba(11,42,124,.25);z-index:50;text-align:left}
.sbox .sr,.sresults .sr{display:flex;align-items:center;gap:8px;padding:5px 8px;border-bottom:1px solid #e1e8f2;text-decoration:none;color:#333}
.sbox .sr img,.sresults .sr img{width:28px;height:40px;object-fit:cover;border:1px solid #9db3d6;flex:none;background:#e8f1fb}
.sbox .sr .m,.sresults .sr .m{flex:1;min-width:0;font:11px Verdana,Arial,sans-serif;color:#52514e}
.sbox .sr b,.sresults .sr b{font:bold 12px Arial,Helvetica,sans-serif;color:#0b2a7c}
.sbox .sr small,.sresults .sr small{display:block;font-size:10px;color:#52514e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbox .sr em,.sresults .sr em{font:bold 13px Arial,Helvetica,sans-serif;font-style:normal;color:#b84a00}
.sbox .sr.on,.sbox .sr:hover,.sresults .sr:hover{background:#e8f1fb}
.sbox .all{display:block;padding:6px 8px;font:bold 10px Verdana,Arial,sans-serif;color:#0b2a7c;background:#f3f7fc;text-decoration:none}
.sbox .none,.sresults .none{padding:8px;font-size:11px;color:#52514e}
.sresults .sr.big{padding:8px 4px}
.sresults .sr.big img{width:40px;height:58px}
.sresults .sr.big small{white-space:normal}
@media (max-width:560px){.sbox{left:auto;right:0}}

/* movie pages: the top box is just the title; movie guru's TLDR and The Guru's Take sit below the release timeline */
.tldr .tmain{gap:0}
#take .take-body{display:flex;gap:14px;align-items:flex-start}
#take .txt{flex:1;min-width:0}
#take .txt .tag{font:bold 11px Verdana,Arial,sans-serif;color:#b84a00;margin-bottom:4px}
#take .txt p{margin:0 0 8px;font-size:13px;line-height:1.55}
#take .txt .sig{font-size:11px;color:#52514e}
#take .gtake{flex:none;width:150px;box-sizing:border-box;border:1px solid #f0b37f;background:#fff7ee;text-align:center;padding:8px}
#take .gtake .lbl{font:bold 9px Verdana,Arial,sans-serif;color:#b84a00;text-transform:uppercase;letter-spacing:.4px}
#take .gtake .n{font:bold 36px/1 Arial,Helvetica,sans-serif;color:#b84a00;letter-spacing:-1px;margin:4px 0}
#take .gtake .n small{font:bold 12px Arial;color:#52514e;letter-spacing:0}
#take .gtake .band{display:inline-block;padding:2px 8px;background:#ff6600;color:#fff;font:bold 9px Verdana,Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px}
#take .gtake .ruler{display:flex;gap:2px;margin:8px 0 6px}
#take .gtake .ruler span{flex:1;height:8px;border:1px solid #f0b37f;background:#fff}
#take .gtake .ruler span.on{background:#ff6600;border-color:#d9570a}
#take .gtake .ruler span.avg{box-shadow:inset 0 0 0 1px #0b2a7c}
#take .gtake .vs{font-size:9px;line-height:1.4;color:#52514e;border-top:1px solid #f0b37f;padding-top:5px}
#take .gtake .vs b{color:#b84a00;font-size:11px}
#take .tldr-secret{display:flex;gap:14px;align-items:flex-start;width:100%}
#take .spoiler-box{flex:1;margin:0;width:100%}
#take .take-body > .txt:empty{display:none}
@media (max-width:560px){#take .take-body,#take .tldr-secret{flex-direction:column}#take .gtake{width:100%}}
#take .take-body:has(.tldr-secret){flex-direction:column;gap:6px}
/* The Guru's Take as a horizontal bar, like the movie.guru score row; the TLDR runs full width under it */
#take .take-body,#take .tldr-secret{flex-direction:column;align-items:stretch;gap:10px}
#take .gtake{order:-1;width:auto;display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"lbl n band" "vs n band";align-items:center;column-gap:14px;row-gap:2px;text-align:left;padding:10px 12px;border:0;border-bottom:2px solid #f0b37f;background:#fff7ee}
#take .gtake .lbl{grid-area:lbl;align-self:end;font:bold 15px Arial,Helvetica,sans-serif;color:#b84a00;text-transform:none;letter-spacing:0}
#take .gtake .n{grid-area:n;margin:0;font-size:36px}
#take .gtake .band{grid-area:band;justify-self:end;padding:4px 12px;font-size:11px}
#take .gtake .ruler{display:none}
#take .gtake .vs{grid-area:vs;align-self:start;border-top:0;padding:0;font-size:10px}
#take .txt .tag{margin-top:2px}
@media (max-width:560px){
  #take .gtake{grid-template-columns:1fr auto;grid-template-areas:"lbl n" "vs n" "band band"}
  #take .gtake .band{justify-self:start;margin-top:4px}
}

/* readability pass: profile tables (Details, Interests, Crew) and the Blurbs */
table.box{table-layout:fixed;border:1px solid #9db3d6;border-spacing:0;margin:0 0 12px;background:#fff}
table.box td{padding:6px 8px;font-size:12px;line-height:1.45;border-top:1px solid #fff}
table.box tr:first-child td{border-top:0}
table.box td.hdr{padding:7px 8px;border-bottom:1px solid #9db3d6}
table.box td.hdr .orangetext15{font-size:15px}
table.box td.lbl{width:36%;font:bold 11px/1.5 Arial,Helvetica,sans-serif;color:var(--navy);padding-right:6px;overflow-wrap:anywhere}
table.box td.val{color:#1f1f1f}
#blurbs .body{padding:10px 12px 4px}
#blurbs .blacktext12{font:bold 13px Arial,Helvetica,sans-serif;color:var(--navy);margin:0 0 4px}
#blurbs p{margin:0 0 14px;font-size:13px;line-height:1.6;color:#1f1f1f}
table.box td.lbl{width:32%;padding:6px 4px 6px 8px}
table.box td{padding-top:5px;padding-bottom:5px}
table.box{table-layout:auto}
table.box td.lbl{width:30%;overflow-wrap:normal;hyphens:auto;-webkit-hyphens:auto}
table.box td.lbl{width:34%}

/* All Movies: A to Z in columns */
.az-body{padding:10px 12px}
.az-bar{display:flex;flex-wrap:wrap;gap:3px;margin:0 0 6px}
.az-bar a,.az-bar span{display:inline-block;min-width:22px;padding:3px 0;text-align:center;font:bold 12px Verdana,Arial,sans-serif;border:1px solid #9db3d6;background:#e8f1fb;color:#0b2a7c;text-decoration:none}
.az-bar a:hover{background:#ff6600;border-color:#ff6600;color:#fff}
.az-bar span{color:#b9c6d6;background:#f6f8fb;border-color:#e1e8f2}
.az-n{margin:0 0 10px;font-size:11px;color:#52514e}
.az{column-count:3;column-gap:28px;column-rule:1px solid #e1e8f2}
.az-group{break-inside:avoid;margin:0 0 14px}
.az-group h2{margin:0 0 6px;padding:2px 8px;font:bold 15px Arial,Helvetica,sans-serif;color:#fff;background:#4a78b5;border-left:4px solid #ff6600}
.az-group ul{list-style:none;margin:0;padding:0}
.az-group li{padding:3px 0 3px 2px;font-size:13px;line-height:1.4;border-bottom:1px dotted #d5e2f3}
.az-group li a{font-weight:bold;color:#0b2a7c;text-decoration:none}
.az-group li a:hover{text-decoration:underline}
.az-group .yr{color:#52514e}
.az-group .g{color:#b84a00;font-size:12px}
@media (max-width:860px){.az{column-count:2}}
@media (max-width:520px){.az{column-count:1}}
/* Spoiler Blocker switch: lives in the header of what it covers, not the main nav */
.bluehdr{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bluehdr a.sp-toggle{flex:none;padding:1px 9px;border:1px solid #fff;border-radius:10px;background:rgba(255,255,255,.15);color:#fff;font:normal 10px Verdana,Arial,sans-serif;text-decoration:none;white-space:nowrap}
.bluehdr a.sp-toggle b{color:#fff}
.bluehdr a.sp-toggle:hover{background:rgba(255,255,255,.3)}
.bluehdr a.sp-toggle.on{background:#111;border-color:#111}
/* movie pages: every right-column section is the same card (header bar + bordered box), 14px apart */
#wrap.profile .rightcol > .section{margin:0 0 14px}
#wrap.profile .rightcol > .section > .body,#wrap.profile .rightcol > .section > .chart{border:1px solid #e1e0d9;border-top:0;background:#fff;padding:10px 12px;margin:0;box-sizing:border-box}
#wrap.profile .rightcol > .section > .body > :last-child{margin-bottom:0}
#wrap.profile .rightcol .vcap{margin:4px 0 0}
#wrap.profile .rightcol .kpis{margin:0}
/* movie.guru score badge in the title box: phones only, so the score is above the fold */
.tldr .thead .tscore{display:none}
@media (max-width:640px){
  .tldr .thead{flex-wrap:nowrap;align-items:center}
  .tldr .thead h1{flex:1;min-width:0}
  .tldr .thead .tscore{display:flex;flex-direction:column;align-items:center;flex:none;padding:5px 9px 6px;background:#fff7ee;border:1px solid #f0b37f;text-decoration:none;line-height:1}
  .tldr .thead .tscore small{font:bold 8px Verdana,Arial,sans-serif;color:#b84a00;text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;white-space:nowrap}
  .tldr .thead .tscore b{font:bold 28px/1 Arial,Helvetica,sans-serif;color:#b84a00;letter-spacing:-1px}
  .tldr .thead .tscore i{font:bold 11px Arial,Helvetica,sans-serif;font-style:normal;color:#52514e;letter-spacing:0;margin-left:1px}
  .tldr .thead .tscore span{margin-top:4px;padding:2px 6px;background:#ff6600;color:#fff;font:bold 8px Verdana,Arial,sans-serif;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}
}
/* phones: logo and search on one row, no tagline */
@media (max-width:640px){
  #header{flex-wrap:nowrap;gap:10px;padding:8px 16px;min-height:0}
  #header .logo{flex:none;font-size:24px}
  #header .logo small{display:none}
  #header .search{flex:1;min-width:0;justify-content:flex-end;gap:5px}
  #header .search input[type=text]{flex:1;min-width:0;width:auto;font:16px Arial,Helvetica,sans-serif;padding:4px 6px;box-sizing:border-box}
  #header .search button{flex:none;font:bold 13px Arial,Helvetica,sans-serif;padding:4px 9px}
}

/* The Front Page: Reddit-style feed in MySpace dress */
.feed-body{padding:0 0 8px}
.ftabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid #4a78b5;background:#e8f1fb;padding:6px 8px 0}
.ftabs a{padding:5px 10px;margin-right:3px;font:bold 11px Verdana,Arial,sans-serif;color:#0b2a7c;text-decoration:none;border:1px solid #b1d0f0;border-bottom:0;background:#f6f9fe;border-radius:3px 3px 0 0}
.ftabs a:hover{background:#fff}
.ftabs a.on{background:#4a78b5;border-color:#4a78b5;color:#fff}
ol.feed{list-style:none;margin:0;padding:0}
.feed .post{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border-bottom:1px solid #e1e8f2}
.feed .post:nth-child(even){background:#fafcff}
.feed .post.empty{color:#52514e;font-size:12px}
.feed .rk{flex:none;width:18px;padding-top:9px;text-align:right;font:bold 14px Arial,Helvetica,sans-serif;color:#9db3d6}
.feed .vote{flex:none;width:42px;display:flex;flex-direction:column;align-items:center;padding:5px 0 4px;background:#fff7ee;border:1px solid #f0b37f;text-decoration:none;line-height:1}
.feed .vote b{font:bold 17px Arial,Helvetica,sans-serif;color:#b84a00;letter-spacing:-.5px}
.feed .vote small{font:bold 7px Verdana,Arial,sans-serif;color:#b84a00;text-transform:uppercase;letter-spacing:.4px;margin-top:2px}
.feed .vote.icon{height:34px;justify-content:center;font:bold 15px Arial,Helvetica,sans-serif;color:#4a78b5;background:#e8f1fb;border-color:#b1d0f0}
.feed .thumb{flex:none}
.feed .thumb img{display:block;width:40px;height:58px;object-fit:cover;border:1px solid #9db3d6}
.feed .pbody{flex:1;min-width:0}
.feed .ptitle{font:bold 14px/1.3 Arial,Helvetica,sans-serif}
.feed .ptitle a{color:#0b2a7c;text-decoration:none}
.feed .ptitle a:hover{text-decoration:underline}
.feed .post a.vote:hover{background:#ffe9d4}
.feed .dom{font:normal 10px Verdana,Arial,sans-serif;color:#898781}
.feed .ptext{margin-top:3px;font-size:12px;line-height:1.45;color:#333}
.feed .spoil{font-style:italic}
.feed .spoil-note{display:none;color:#898781;font-size:11px}
html.spoiler-shield .feed .spoil{display:none}
html.spoiler-shield .feed .spoil-note{display:inline}
.feed .pmeta{margin-top:4px;font-size:10px;color:#6b6a66}
.feed .pmeta a{color:#0b2a7c}
.feed .pmeta b{color:#333}
.feed .pmeta b.by-guru{color:#b84a00}
.feed .flair{display:inline-block;padding:1px 6px;margin-right:2px;border-radius:8px;font:bold 9px Verdana,Arial,sans-serif;color:#fff;background:#4a78b5;vertical-align:1px}
.feed .flair.f-box-office{background:#0b6b3a}
.feed .flair.f-milestone{background:#7a5a00}
.feed .flair.f-record{background:#b84a00}
.feed .flair.f-scores{background:#0b2a7c}
.feed .flair.f-review{background:#ff6600}
.feed .flair.f-in-theaters{background:#8b0000}
.feed .flair.f-streaming{background:#111}
.feed .flair.f-site-update,.feed .flair.f-site-news{background:#6a3fa0}
.feed-body .more{display:block;margin:8px auto 0}
.feed-body .fnote{padding:8px 10px 0;font-size:9px;color:#898781}
@media (max-width:520px){.feed .thumb{display:none}.feed .rk{display:none}}

/* All Movies: the movie.guru score next to each title */
.az-group li .mgs{display:inline-block;min-width:28px;margin-right:6px;padding:1px 4px;text-align:center;font:bold 12px Arial,Helvetica,sans-serif;color:#fff;background:#ff6600;vertical-align:1px}
.az-group li .mgs.lo{background:#9db3d6}

/* chart tables: header labels stay on one line */
table.lb th{white-space:nowrap}
table.lb td .mgs{display:inline-block;min-width:26px;margin-right:6px;padding:1px 4px;text-align:center;font:bold 11px Arial,Helvetica,sans-serif;color:#fff;background:#ff6600;vertical-align:1px}
table.lb td .mgs.lo{background:#9db3d6}
/* Box Office: Opening This Weekend strip under the chart */
.bo-op-note{font:normal 10px Verdana,Arial,sans-serif;color:#dbe8fa}
.opstrip{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.opcard{display:flex;gap:8px;align-items:center;padding:6px;border:1px solid #d5e2f3;background:#fafcff;text-decoration:none;color:#333}
.opcard:hover{border-color:#ff6600;background:#fff7ee}
.opcard img{flex:none;width:56px;height:82px;object-fit:cover;border:1px solid #9db3d6}
.opinfo{display:flex;flex-direction:column;gap:4px;min-width:0}
.opinfo b{font:bold 13px Arial,Helvetica,sans-serif;color:#0b2a7c}
.opinfo .opsc{display:flex;gap:5px;align-items:center}
.opinfo .mgs{display:inline-block;min-width:26px;padding:1px 4px;text-align:center;font:bold 11px Arial,Helvetica,sans-serif;color:#fff;background:#ff6600}
.opinfo .mgs.lo{background:#9db3d6}
.opinfo .oprt{font:bold 10px Verdana,Arial,sans-serif}
.opinfo .oprt.fresh{color:#0b6b3a}.opinfo .oprt.rotten{color:#8b0000}
.opinfo small{font-size:10px;color:#52514e}
@media (max-width:560px){.bo-op-note{display:none}}

/* movie.guru News: blog post pages and the index */
.psa .kicker a{color:inherit;text-decoration:none}
.blogpost .body{padding:14px 16px}
.blogpost .body p{font-size:14px;line-height:1.65;color:#1f1f1f;margin:0 0 12px}
.blogpost .body h2{font:bold 17px Arial,Helvetica,sans-serif;color:#0b2a7c;margin:18px 0 6px}
.blogpost .body h2 .mgs,.blogpost .body td .mgs,.newsindex .mgs{display:inline-block;min-width:26px;margin-right:6px;padding:1px 4px;text-align:center;font:bold 12px Arial,Helvetica,sans-serif;color:#fff;background:#ff6600;vertical-align:2px}
.blogpost .body .mgs.lo{background:#9db3d6}
.blogpost .body ol{font-size:14px;line-height:1.6;padding-left:22px;margin:0 0 12px}
.blogpost .body ol li{margin-bottom:6px}
.blogpost .body p.small{font-size:11px;color:#52514e}
.blogpost .body .plinks{font-size:12px}
.blogpost .body table.lb{margin:4px 0 8px}
.blogpost .body table.lb td.r{text-align:right;font-variant-numeric:tabular-nums}
.blogpost .body .mgnum{color:#b84a00}
.blogpost .mood{margin-top:16px!important;padding-top:10px;border-top:1px dotted #9db3d6;font-size:12px!important;color:#52514e!important}
.newslist li{padding:4px 0}
ul.newsindex{list-style:none;margin:0;padding:0}
.newsindex .newsitem{display:flex;gap:10px;padding:10px 4px;border-bottom:1px solid #e1e8f2}
.newsindex .newsitem img{flex:none;width:48px;height:70px;object-fit:cover;border:1px solid #9db3d6}
.newsindex .nt{font:bold 15px Arial,Helvetica,sans-serif;color:#0b2a7c;text-decoration:none}
.newsindex .nt:hover{text-decoration:underline}
.newsindex .nm{margin:3px 0;font-size:10px;color:#6b6a66}
.newsindex .nm .flair{display:inline-block;padding:1px 6px;border-radius:8px;font:bold 9px Verdana,Arial,sans-serif;color:#fff;background:#4a78b5}
.newsindex .nm .flair.f-box-office{background:#0b6b3a}.newsindex .nm .flair.f-in-theaters{background:#8b0000}.newsindex .nm .flair.f-site-update,.newsindex .nm .flair.f-site-news{background:#6a3fa0}
.newsindex p{margin:2px 0 0;font-size:12px;line-height:1.45;color:#333}
/* phones: the nav is one row you swipe sideways, with a fade on the right hinting there's more */
#nav a.here{color:#b84a00;text-decoration:none}
@media (max-width:640px){
  #nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:7px 4px;
       -webkit-mask-image:linear-gradient(to right,#000 85%,transparent);mask-image:linear-gradient(to right,#000 85%,transparent)}
  #nav::-webkit-scrollbar{display:none}
  #nav a{flex:none;padding:2px 10px}
  #nav span{flex:none}
  #nav.at-end{-webkit-mask-image:none;mask-image:none}
}

/* Review Scale page: readable cards and a phone-friendly scale table */
.three .c > b{display:block;font:bold 15px Arial,Helvetica,sans-serif;margin:0 0 6px}
.three .c p b{display:inline;font:inherit;font-weight:bold;margin:0;color:#0b2a7c}
.three .c{padding:12px 14px}
.three .c p{font-size:12px;line-height:1.6}
table.bands td{padding:8px 10px;font-size:12px;line-height:1.45;vertical-align:baseline}
table.bands td.s{font-size:17px}
table.bands td.b{font-size:10px;line-height:1.3}
table.bands td.t{font-size:10px;line-height:1.3}
@media (max-width:560px){
  .three{gap:10px;margin:0 6px}
  table.bands:not(.weights),table.bands:not(.weights) tbody{display:block}
  table.bands:not(.weights) tr{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"s b t" "d d d";column-gap:10px;row-gap:4px;align-items:baseline;padding:10px 12px;border-bottom:1px solid #e1e8f2}
  table.bands:not(.weights) td{display:block;padding:0;border:0;width:auto}
  table.bands:not(.weights) td.s{grid-area:s;font-size:18px}
  table.bands:not(.weights) td.b{grid-area:b;font-size:11px}
  table.bands:not(.weights) td:nth-child(3){grid-area:d;font-size:13px;line-height:1.5}
  table.bands:not(.weights) td.t{grid-area:t;text-align:right;white-space:nowrap}
  table.bands.weights td,table.bands.weights th{padding:5px 6px;font-size:11px}
}
@media (max-width:560px){
  table.bands:not(.weights) tr.mid{background:#fff7ee}
  table.bands:not(.weights) tr.mid td{background:transparent}
}
.wsplit{display:flex;gap:12px;align-items:flex-start}
.wsplit table.bands.weights{flex:1;width:auto;border:1px solid #d5e2f3}
table.bands.weights td.t{width:56px;text-align:right;font:bold 12px Arial,Helvetica,sans-serif;color:#0b2a7c}
table.bands.weights th:last-child{text-align:right}
#algorithm ul.plain li,.twocol .section .body ul.plain li{font-size:12px;line-height:1.55;margin-bottom:8px}
#algorithm ul.plain li b,.twocol .section .body ul.plain li b{font-size:13px}
#algorithm ol.steps{font-size:13px;line-height:1.6}
@media (max-width:560px){.wsplit{flex-direction:column;gap:10px}.wsplit table.bands.weights{width:100%}}

/* movie pages: In the News */
ul.mnews{list-style:none;margin:0;padding:0}
ul.mnews li{padding:8px 0;border-bottom:1px solid #e1e8f2}
ul.mnews li:first-child{padding-top:0}
ul.mnews .mn-top{display:flex;align-items:center;gap:6px;margin-bottom:2px}
ul.mnews .flair{display:inline-block;padding:1px 6px;border-radius:8px;font:bold 9px Verdana,Arial,sans-serif;color:#fff;background:#4a78b5}
ul.mnews .flair.f-box-office{background:#0b6b3a}ul.mnews .flair.f-milestone{background:#7a5a00}ul.mnews .flair.f-record{background:#b84a00}
ul.mnews .flair.f-scores{background:#0b2a7c}ul.mnews .flair.f-in-theaters{background:#8b0000}ul.mnews .flair.f-site-update,ul.mnews .flair.f-site-news,ul.mnews .flair.f-news{background:#6a3fa0}ul.mnews .flair.f-streaming{background:#111}
ul.mnews .mn-date{font-size:10px;color:#6b6a66}
ul.mnews .mn-title{font:bold 14px/1.35 Arial,Helvetica,sans-serif;color:#0b2a7c}
ul.mnews .mn-title a{color:#0b2a7c;text-decoration:none}
ul.mnews .mn-title a:hover{text-decoration:underline}
ul.mnews .mn-text{margin-top:2px;font-size:12px;line-height:1.45;color:#333}
ul.mnews .mn-text a{font-size:11px}
.mn-all{margin:8px 0 0;font-size:11px}

/* chart and list pages (Streaming, Box Office, Leaderboards, In Theaters, Feed): more room between sections and in rows */
#wrap:not(.profile) #page > .section,#wrap:not(.profile) #page > .twocol{margin-bottom:22px}
#wrap:not(.profile) #page .twocol{gap:22px}
#wrap:not(.profile) #page .twocol > .section{margin-bottom:0}
#wrap:not(.profile) #page table.lb td,#wrap:not(.profile) #page table.lb th{padding:8px 10px;font-size:12px;line-height:1.35}
#wrap:not(.profile) #page table.lb th{padding-top:7px;padding-bottom:7px;font-size:10px}
#wrap:not(.profile) #page table.lb td:first-child,#wrap:not(.profile) #page table.lb th:first-child{padding-left:12px}
#wrap:not(.profile) #page table.lb td:last-child,#wrap:not(.profile) #page table.lb th:last-child{padding-right:12px}
@media (max-width:560px){#wrap:not(.profile) #page .twocol{gap:16px}#wrap:not(.profile) #page table.lb td,#wrap:not(.profile) #page table.lb th{padding:7px 6px}}
#wrap:not(.profile) #page table.lb td.rank{font-size:15px;line-height:1.2}
#wrap:not(.profile) #page table.lb td.sc{font-size:16px}
#wrap:not(.profile) #page table.lb td.sc small{font-size:9px}
#wrap:not(.profile) #page table.lb td.mgc{font-size:13px}
/* In Theaters table: room for titles, short meta, score badges, compact numbers */
table.lb.np td{vertical-align:middle}
table.lb.np td.np-movie{min-width:150px}
/* nine columns: tighter sides so Worldwide and Wk fit without a side scroll */
#wrap:not(.profile) #page table.lb.np td,#wrap:not(.profile) #page table.lb.np th{padding-left:6px;padding-right:6px}
#wrap:not(.profile) #page table.lb.np th{letter-spacing:.1px}
table.lb.np td.np-movie a b{font-size:13px}
table.lb.np .np-meta{display:block;margin-top:2px;font-size:11px;color:#6b6a66}
table.lb.np td.np-score{text-align:center}
table.lb.np .mgs{display:inline-block;min-width:28px;padding:2px 5px;text-align:center;font:bold 12px Arial,Helvetica,sans-serif;color:#fff;background:#ff6600}
table.lb.np .mgs.lo{background:#9db3d6}
table.lb.np td:not(.np-movie){white-space:nowrap}
table.lb.np td img{width:36px!important}
/* All Movies: every entry is the same two-line block, badge on the left, year and genre under the title */
.az-group li{display:grid;grid-template-columns:34px 1fr;column-gap:9px;align-items:start;padding:7px 2px;line-height:1.3}
.az-group li .mgs{margin:1px 0 0;min-width:0;width:34px;box-sizing:border-box;padding:2px 0;font-size:12px}
.az-group li .mgs.none{background:#e1e8f2;color:#898781}
.az-group li .az-t{min-width:0}
.az-group li .az-t a{font-size:14px}
.az-group li .az-sub{display:block;margin-top:2px;font-size:11px;color:#6b6a66}
.az-group h2{margin-bottom:4px}
.az-group{margin-bottom:18px}
/* the title box is just the title now: no leftover TLDR spacing, and a snug phone layout with the score badge */
.tldr .thead{margin:0;border-bottom:0;padding-bottom:0}
@media (max-width:640px){
  .tldr{padding:10px 10px 10px 12px;margin-top:10px}
  .tldr .thead{gap:10px;align-items:center}
  .tldr h1{font-size:19px;line-height:1.2;letter-spacing:-.3px}
  .tldr h1 .yr{white-space:nowrap;font-size:11px}
  .tldr .thead .tscore{padding:4px 8px 5px}
  .tldr .thead .tscore small{font-size:7px;margin-bottom:2px}
  .tldr .thead .tscore b{font-size:24px}
  .tldr .thead .tscore i{font-size:10px}
  .tldr .thead .tscore span{margin-top:3px;padding:1px 5px;font-size:7.5px}
}
@media (max-width:640px){.tldr h1 .yr{display:block;margin:3px 0 0;line-height:1}}
/* Review Scale page lists: even space above and below every divider, readable notes */
#algorithm ul.plain li,.twocol .section .body ul.plain li{margin:0;padding:12px 0;font-size:13px;line-height:1.55;color:#222}
#algorithm ul.plain li:first-child,.twocol .section .body ul.plain li:first-child{padding-top:2px}
#algorithm ul.plain li:last-child,.twocol .section .body ul.plain li:last-child{border-bottom:0;padding-bottom:2px}
#algorithm ul.plain li b,.twocol .section .body ul.plain li b{font-size:14px;margin:0 0 3px;color:#111}
.twocol .section .body:has(> ul.plain){padding:14px 16px}
#algorithm .body{padding:14px 16px}
#algorithm .body > .small{font-size:12px!important;line-height:1.55;color:#52514e;padding:10px 0 0!important}
#algorithm ul.plain{margin:14px 0 4px!important;padding:12px 0 0;border-top:1px solid #e1e8f2}
/* trailers inside News posts */
.blogpost .body .vid{margin:4px 0 2px;border-color:#9db3d6}
.blogpost .body .vcap{margin:4px 0 12px;font-size:11px;color:#52514e}
.blogpost .body h2{margin-top:26px}
/* News posts: one card per topic, like the sections on movie pages */
.blogpost{margin:0 0 14px}
.blogpost .bluehdr .orangetext15 a{color:#fff;text-decoration:none}
.blogpost .bluehdr .orangetext15 a:hover{text-decoration:underline}
.blogpost .bluehdr .mgs{display:inline-block;min-width:26px;margin-right:8px;padding:1px 5px;text-align:center;font:bold 12px Arial,Helvetica,sans-serif;color:#fff;background:#ff6600;vertical-align:2px;border:1px solid rgba(255,255,255,.6)}
.blogpost .bluehdr .mgs.lo{background:#9db3d6}
.blogpost .body > :first-child{margin-top:0}
.blogpost .body > p.small:first-child{margin-bottom:10px}
.blogpost .body > .vid:nth-child(2){margin-top:0}
#wrap:not(.profile) #page > .section.blogpost{margin-bottom:14px}
.blogpost .body{border:1px solid #e1e0d9;border-top:0;background:#fff;padding:12px 16px 14px}
.blogpost .body > :last-child{margin-bottom:0}
.blogpost .bluehdr .hscore{flex:none;font:bold 11px Verdana,Arial,sans-serif;color:#fff;white-space:nowrap}
.blogpost .bluehdr .hscore .mgs{margin:0 0 0 6px;font-size:13px;padding:2px 7px}
/* chart tables: badge and title side by side; long titles wrap next to the badge */
table.lb td .tcell{display:flex;align-items:baseline;gap:7px}
table.lb td .tcell .mgs{flex:none;margin:0}
/* home page Weekend Top 10: compact rows */
#wrap:not(.profile) #page .banner .homebo table.lb td,#wrap:not(.profile) #page .banner .homebo table.lb th{padding:6px 8px;font-size:12px;line-height:1.3;vertical-align:middle}
#wrap:not(.profile) #page .banner .homebo table.lb th{font-size:10px;padding-top:5px;padding-bottom:5px}
#wrap:not(.profile) #page .banner .homebo table.lb td.rank{width:20px;font-size:14px}
#wrap:not(.profile) #page .banner .homebo table.lb td:not(:nth-child(2)){white-space:nowrap}
.banner .homebo{margin-top:0}
@media (max-width:560px){
  #wrap:not(.profile) #page .banner .homebo table.lb td,#wrap:not(.profile) #page .banner .homebo table.lb th{padding:6px 5px}
  #wrap:not(.profile) #page .banner .homebo table.lb td:nth-child(5),#wrap:not(.profile) #page .banner .homebo table.lb th:nth-child(5){display:none}
  #wrap:not(.profile) #page .banner .homebo table.lb td.rank{width:16px}
}
/* home tiles: the movie.guru score under every title */
.tiles .t small.tmg{display:block;margin:3px 0 2px;font-size:10px;color:#52514e}
.tiles .t small.tmg .mgs{display:inline-block;min-width:24px;padding:1px 4px;text-align:center;font:bold 11px Arial,Helvetica,sans-serif;color:#fff;background:#ff6600}
.tiles .t small.tmg .mgs.lo{background:#9db3d6}
/* posts about movie.guru itself use the site's logo */
.feed .vote.logo{width:42px;height:42px;padding:0;background:none;border:0;align-items:center;justify-content:center}
.feed .vote.logo img{display:block;width:38px;height:38px;border-radius:8px}
.newsindex .newsitem img.logo{width:48px;height:48px;border:0;border-radius:9px;object-fit:contain}
/* Today in Movies: cleaner post rhythm */
.feed .post{gap:10px;padding:12px 12px 13px}
.feed .rk{padding-top:11px}
.feed .thumb img{width:42px;height:61px}
.feed .ptitle{font:bold 15px/1.3 Arial,Helvetica,sans-serif}
.feed .ptext{margin-top:4px;font-size:13px;line-height:1.5;color:#333}
.feed .pmeta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;margin-top:7px;font-size:11px;color:#6b6a66}
.feed .pmeta > span{white-space:nowrap}
.feed .pmeta .flair{margin:0;vertical-align:0}
.feed .pmeta .m-links{display:inline-flex;flex-wrap:wrap;gap:4px 10px;white-space:normal}
.feed .pmeta .m-links a{white-space:nowrap}
.feed .pmeta .m-links a + a::before{content:"\2022";color:#9db3d6;margin-right:10px;text-decoration:none;display:inline-block}
.feed .pmeta .m-links{flex-basis:100%;margin-top:1px;font-size:12px}
/* home Top 8: title left, movie.guru score badge right, line underneath */
#home-top8 li.t8{padding:6px 0}
#home-top8 .t8-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
#home-top8 .t8-row b{font-size:12px;line-height:1.3}
#home-top8 .t8-row .mgs{flex:none;min-width:28px;padding:1px 5px;text-align:center;font:bold 12px Arial,Helvetica,sans-serif;color:#fff;background:#ff6600}
#home-top8 .t8-row .mgs.lo{background:#9db3d6}
#home-top8 .t8-sub{display:block;margin-top:2px;font-size:11px;color:#52514e}
/* profile card facts beside the poster: clear label/value pairs with even rhythm */
.facts div{margin:0 0 10px;font-size:11px;line-height:1.4;color:#1f1f1f}
.facts div:last-child{margin-bottom:0}
.facts b{margin:0 0 2px;font-size:9px;line-height:1.2;letter-spacing:.6px}
/* "Jump to:" links under the poster */
.jump{margin:0 0 10px;font-size:11px;line-height:1.7}
.jump b{color:#0b2a7c}
.jump a{white-space:nowrap}
.jump b{display:block;margin-bottom:3px;font-size:10px;text-transform:uppercase;letter-spacing:.5px}
.jump a{display:inline-block;margin:0 3px 4px 0;padding:2px 7px;border:1px solid #9db3d6;border-radius:3px;background:#e8f1fb;color:#0b2a7c;text-decoration:none;font-size:11px}
.jump a:hover{background:#ff6600;border-color:#ff6600;color:#fff}
/* "Jump to:" back to plain MySpace text links */
.jump{margin:0 0 10px;font-size:12px;line-height:1.6}
.jump b{display:inline;margin:0;font-size:12px;text-transform:none;letter-spacing:0;color:#000}
.jump a{display:inline;margin:0;padding:0;border:0;border-radius:0;background:none;color:#003399;font-size:12px;text-decoration:none}
.jump a:hover{background:none;color:#003399;text-decoration:underline}
/* home: Trending in the Feed */
#home-blog li{padding:9px 0;border-bottom:1px solid #c9d9ee}
#home-blog li:first-child{padding-top:2px}
#home-blog li b{font-size:13px;line-height:1.35}
#home-blog li b a{text-decoration:none}
#home-blog li b a:hover{text-decoration:underline}
#home-blog li .date{display:block;margin-top:3px;font-size:11px;color:#52514e}
#home-blog + div{margin-top:9px!important;font-size:12px}
/* home: Faces in Theaters */
.bluehdr .more{color:#fff;font:bold 10px Verdana,Arial,sans-serif;text-decoration:none;white-space:nowrap}
.faces .f{display:flex;flex-direction:column;align-items:center;gap:3px}
.faces .f .fname{font:bold 12px Arial,Helvetica,sans-serif;text-align:center;line-height:1.2}
.faces .f .role{font-size:10px;line-height:1.3;color:#52514e;text-align:center;font-style:italic}
.faces .f .fmovie{display:flex;align-items:center;gap:4px;font:bold 10px Arial,Helvetica,sans-serif;color:#0b2a7c;text-decoration:none;text-align:center;line-height:1.2}
.faces .f .fmovie:hover{text-decoration:underline}
.faces .f .fmovie .mgs{flex:none;padding:0 4px;font:bold 10px Arial,Helvetica,sans-serif;color:#fff;background:#ff6600}
.faces .f .fmovie .mgs.lo{background:#9db3d6}
.fnote{margin-top:6px;color:#6b6a66}
/* KPI tiles: the same figure in today's dollars for older movies */
.kpis .tile .tn-cpi{margin-top:4px}

/* All Movies: the Browse box, after MySpace's "Browse Users" form (js/movies.js) */
.browse{margin:0 0 12px;border:1px solid #9db3d6;background:#e8f1fb}
.browse .br-hdr{padding:4px 10px;font:bold 12px Verdana,Arial,sans-serif;color:#fff;background:#6698cb}
.browse label{font:bold 11px Verdana,Arial,sans-serif;color:#0b2a7c}
.browse .br-q{display:flex;align-items:center;gap:10px;padding:10px 10px 4px}
.browse .br-q input{flex:1;min-width:0;font:14px Arial,Helvetica,sans-serif;padding:6px 8px;border:1px solid #7f9db9;border-radius:0;background:#fff}
.browse .br-sel{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 14px;padding:6px 10px 10px}
.browse .br-sel label{display:flex;flex-direction:column;gap:3px}
.browse select{font:12px Arial,Helvetica,sans-serif;padding:3px 2px;border:1px solid #7f9db9;background:#fff;color:#222}
.browse .br-sel .btn{margin-left:auto;font-size:11px;padding:4px 12px}
.br-note{font-size:12px!important}
.br-note a{color:#0b2a7c;font-weight:bold}
.az-results .az-group{break-inside:auto}
.az-body [hidden],#couch[hidden]{display:none!important}
@media (max-width:560px){
  .browse .br-q{padding:10px 10px 6px}
  .browse .br-sel{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
  .browse select{width:100%;font-size:14px;padding:5px 2px}
  .browse .br-sel .btn{margin:0;justify-self:end;font-size:12px;padding:6px 12px}
}

/* Contact page form */
.cform{max-width:560px}
.cform .cf-row{margin:0 0 12px}
.cform label{display:block;margin:0 0 4px;font:bold 11px Verdana,Arial,sans-serif;color:#0b2a7c}
.cform label small{font-weight:normal;color:#6b6a66}
.cform input[type=text],.cform input[type=email],.cform select,.cform textarea{width:100%;box-sizing:border-box;font:14px Arial,Helvetica,sans-serif;padding:6px 8px;border:1px solid #7f9db9;border-radius:0;background:#fff;color:#222}
.cform select{width:auto;min-width:220px;padding:4px}
.cform textarea{resize:vertical;line-height:1.45}
.cform .cf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cform .cf-send{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 10px}
.cform .cf-send .btn{font-size:12px;padding:6px 16px}
.cform .cf-status{font-size:12px;color:#52514e}
.cform .cf-status.ok{color:#1f7a3a;font-weight:bold}
.cform .cf-status.err{color:#b3261e;font-weight:bold}
.cform .cf-fine{margin:0;font-size:11px;line-height:1.5;color:#6b6a66}
@media (max-width:560px){.cform select{width:100%;min-width:0}}

/* scoreboard numbers: no squeeze in "8.4", a little air before "/10" */
table.scoreboard td.num{letter-spacing:0}
table.scoreboard td.num small{margin-left:2px;font:bold 12px Arial,Helvetica,sans-serif;color:#77746f;letter-spacing:.3px}
table.scoreboard tr.mgs td.num small{margin-left:3px;font-size:14px;color:#c08a5c}

/* Top 8 page: "Build Your Own Chart" picker, its own section above the Top 8 */
#chart-pick{margin:0 0 6px}
.browse.lb-pick{margin:0}
.browse.lb-pick .br-sel{padding-top:10px}
.browse [hidden]{display:none!important}
.browse input[type=number]{width:86px;box-sizing:border-box;font:14px Arial,Helvetica,sans-serif;padding:4px 6px;border:1px solid #7f9db9;border-radius:0;background:#fff;color:#222}
@media (max-width:560px){.browse input[type=number]{width:100%;font-size:16px}}

/* poster tiles (Just Added, The Guru's Latest Takes): even posters, titles that line up, badges on one line */
.tiles{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:16px 12px;align-items:start;padding:4px 2px}
.tiles .t{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;justify-items:center;align-content:start;min-width:0}  /* subgrid: titles and scores in a row line up */
.tiles .t > a:first-child{display:block;width:100%;max-width:108px;margin:0 auto}
.tiles .t img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border:1px solid #9db3d6;background:#fff}
.tiles .t > a + a{width:100%;margin-top:7px;font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;align-self:start}
.tiles .t small.tmg{margin:4px 0 0;max-width:100%;font-size:11px;line-height:1.45;align-self:start}  /* a long band ("Rarefied Air (the other one)") wraps under the score instead of pushing the tile out of its column */
.tiles .t small.tmg .mgs{white-space:nowrap}

/* Daily lists in the Feed (build-news.py list_cards): a countdown of compact poster cards, about four thumb scrolls */
.listpost .body{padding:12px 14px 14px}
.lp-intro{margin:0 0 6px;font-size:14px;line-height:1.5;color:#222}
.lp-tease{margin:0 0 12px;font-size:13px;font-style:italic;color:#b84a00}
.listpost ol.lp{list-style:none;margin:0;padding:0}
.lp-item{display:grid;grid-template-columns:30px 64px 1fr;column-gap:12px;align-items:start;padding:10px 0;border-top:1px solid #d5e2f3}
.lp-item:first-child{border-top:0}
.lp-n{font:bold 26px/1 Arial,Helvetica,sans-serif;color:#ff6600;text-align:right;padding-top:2px}
.lp-item:last-child .lp-n{color:#b3261e}
.lp-poster img{display:block;width:64px;height:96px;object-fit:cover;border:1px solid #9db3d6;background:#fff}
.lp-head{font-size:14px;line-height:1.3}
.lp-head a{color:#0b2a7c;text-decoration:none}.lp-head a:hover{text-decoration:underline}
.lp-head .yr{color:#6b6a66;font-size:12px}
.lp-head .mgs{display:inline-block;margin-left:6px;padding:1px 5px;font:bold 11px Arial,Helvetica,sans-serif;color:#fff;background:#ff6600;vertical-align:1px}
.lp-head .mgs.lo{background:#9db3d6}
.lp-claim{margin:4px 0 2px;font:bold 14px/1.35 Arial,Helvetica,sans-serif;color:#222}
.lp-why{font-size:13px;line-height:1.45;color:#3d3c3a}
.lp-cmm{margin:14px 0 6px;padding:9px 12px;background:#fff7ee;border-left:4px solid #ff6600;font-size:14px;line-height:1.45}
.lp-bet{margin:0 0 10px;font-size:14px;font-weight:bold;color:#0b2a7c}
.lp-share{margin:0 0 6px;font-size:12px;color:#52514e}
.lp-share a{font-weight:bold;color:#0b2a7c}
.flair.f-hot-take{background:#b3261e;color:#fff}
@media (max-width:560px){.lp-item{grid-template-columns:24px 56px 1fr;column-gap:10px}.lp-poster img{width:56px;height:84px}.lp-n{font-size:22px}}

/* Guru TLDR breakdown under the TLDR (publish-review.py): what works, what doesn't, who it's for, spoilers */
.take-body .txt p.bk{margin:6px 0 0;font-size:13px;line-height:1.5}
.take-body .txt p.bk b{color:#b84a00}
.take-body details.spoil-more{margin:8px 0 0;font-size:13px}
.take-body details.spoil-more summary{cursor:pointer;font-weight:bold;color:#0b2a7c}
.take-body details.spoil-more p{margin:6px 0 0;line-height:1.5}

/* Guru's Take box: one row now that the score line is gone, label and number on the same center line */
#take .gtake{grid-template-areas:"lbl n band";row-gap:0;padding:12px 14px}
#take .gtake .lbl{align-self:center}
#take .gtake .n{align-self:center;letter-spacing:0}
#take .gtake .n small{margin-left:3px;font:bold 14px Arial,Helvetica,sans-serif;color:#c08a5c;letter-spacing:.3px}
#take .gtake .band{align-self:center}
@media (max-width:560px){#take .gtake{grid-template-areas:"lbl n" "band band";row-gap:6px}}

/* Feed lists (2026-10-18): list flairs, the News index filter tabs and its Show 25 More */
.feed .flair.f-hot-take,.newsindex .nm .flair.f-hot-take,ul.mnews .flair.f-hot-take{background:#c4302b}
.feed .flair.f-ranked,.newsindex .nm .flair.f-ranked,ul.mnews .flair.f-ranked{background:#0b2a7c}
.feed .flair.f-by-the-numbers,.newsindex .nm .flair.f-by-the-numbers,ul.mnews .flair.f-by-the-numbers{background:#1f6f7a}
.feed .flair.f-watch-list,.newsindex .nm .flair.f-watch-list,ul.mnews .flair.f-watch-list{background:#9b2d86}
.newstabs{margin:-4px -4px 4px}
.newsindex .newsitem[hidden]{display:none}
#news-more{display:block;margin:12px auto 2px}
#news-more[hidden]{display:none}

/* Phones (2026-10-18): the page never scrolls sideways into white space. The footer's link row wraps (its links
   sit flush against the | separators, so as plain text it could never break), and the viewport itself clips any
   stray overflow and won't bounce sideways. Set on html, so it applies to the viewport and the sticky column still
   works; anything meant to swipe (the nav row, wide tables) scrolls inside its own box. */
#footer p:first-child{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline}
html{overflow-x:clip;overscroll-behavior-x:none}
@supports not (overflow-x:clip){html{overflow-x:hidden}}

/* search: Feed articles suggested for a person or a list title, above the movies */
.sbox .shead,.sresults .shead{padding:4px 8px;font:bold 9px Verdana,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#b84a00;background:#fff7f0;border-bottom:1px solid #e1e8f2}
.sbox .sr.art small,.sresults .sr.art small{color:#b84a00;font-weight:bold}
.sbox .sr.art b,.sresults .sr.art b{display:block;white-space:normal;line-height:1.25}

/* curated news briefs on the Feed: the outlet link and the movie.guru pages the story is about */
.newsindex .newsitem p a.readat{white-space:nowrap;font-weight:bold;color:#0b2a7c}
.newsindex .newsitem p a.readat::after{content:" \2197";font-weight:normal}
.newsindex .newsitem p a.onmg{white-space:nowrap;color:#b84a00;margin-left:6px}
.newsindex .flair.f-news,.feed .flair.f-news{background:#6a3fa0}