--- a/src/css/screen.css	Thu Nov 07 03:18:51 2013 -0800
+++ b/src/css/screen.css	Thu Nov 07 03:41:32 2013 -0800
@@ -15,7 +15,7 @@
 div.ednote, p.ednote{
 	padding-right: 150px;
 }
-div.ednote:before, p.ednote:before{
+div.ednote::before, p.ednote::before{
 	content: 'Editorial Note'; /* todo: localize as attr(data-label) */
 	position: absolute;
 	top: 0;
@@ -30,11 +30,17 @@
 	display: none;
 }
 
-.todo, .todo:before {
+
+p.todo, div.todo {
+	border-style: solid;
+	border-width: 1px;
+	padding: 0.25em 0.5em 0.3em;
+}
+.todo, .todo::before {
 	color: #c00 !important;
 	border-color: #c00 !important;
 }
-.todo[title]:before{
+.todo::before{
 	content: 'To-do'; /* todo: localize as attr(data-label) */
 	position: absolute;
 	top: 0;
@@ -56,7 +62,7 @@
 	background-color: inherit;
 	display: block;
 }
-.ex[title]:before{
+.ex[title]::before{
 	content: attr(title);
 	position: absolute;
 	top: 0;

--- a/src/indie-ui-context.html	Thu Nov 07 03:18:51 2013 -0800
+++ b/src/indie-ui-context.html	Thu Nov 07 03:41:32 2013 -0800
@@ -109,6 +109,15 @@
 		</section>
 		<!-- :::::::::::::::::::: END INTRO :::::::::::::::::::: -->
 		
+		<!-- :::::::::::::::::::: MediaQueryList :::::::::::::::::::: -->
+		<section>
+			<h2>The Privacy Model</h2>
+			<p class="todo">Todo: Spec partial interface for MediaQueryList and matchMedia.</p>
+			<p class="todo">Todo: Explain how the privacy model works: when user prompted, matchMedia returns false immediately, and only provides the updated match ansynchronously through matchMedia().addEventListener or subsequent requests to matchMedia().matches (e.g. on page reload) so there is never any detectable difference between "No" and "You don't need to know." @media never prompts unless bother @media block and an included selector matches.</p>
+			<p class="todo">Todo: Add justiffication interface on a per-cateory setting (possibly meta tag).</p> 
+		</section>
+		<!-- :::::::::::::::::::: END MediaQueryList :::::::::::::::::::: -->
+
 		<!-- :::::::::::::::::::: Media Features :::::::::::::::::::: -->
 		<section id="MediaFeatures">
 			<h2>Media Features</h2>
@@ -380,7 +389,7 @@
 					<p>Returns a boolean value indicating whether subtitles or captions are displayed (on) or not displayed (off) in native video players. Web authors using a native video player SHOULD allow subtitles to be displayed natively. Web authors using a custom subtitle view SHOULD display the custom-rendered subtitles based on this setting.</p>
 				</section>
 
-				<p class="todo">Need to determine how to expose list of preferred subtitle languages, which will likely require an object interface rather than a media feature. For example, a native Mexican Spanish speaker living in the United States may have a language preference of "es-mx es en-us en" indicating a preference order for Mexican Spanish, any Spanish, US English, and finally any English dialect. (Note: previously exposed in IndieUI UC draft as DOMString? subtitleLanguages)</p>
+				<p class="todo">Todo: Need to determine how to expose list of preferred subtitle languages, which will likely require an object interface rather than a media feature. For example, a native Mexican Spanish speaker living in the United States may have a language preference of "es-mx es en-us en" indicating a preference order for Mexican Spanish, any Spanish, US English, and finally any English dialect. (Note: previously exposed in IndieUI UC draft as DOMString? subtitleLanguages)</p>
 
 				<section id="subtitle-type">
 					<h4 class="media-feature"><code>subtitle-type</code></h4>