+ .row2 {margin-left: 3.5em} /* 7em / Δtd(6em : 3em) */
+ .row3 {margin-left: 4em} /* 8em / Δtd */
+ .row4 {margin-left: 5em} /* 10em / Δtd */
+ }
+
+ @media (max-width: 42em) {
+ /* flatten right legend column on mobile */
+ .help > * {
+ display: table-row;
+ width: auto;
+ }
+ ul.legend-set {
+ clear: left;
+ }
+ .right dl.legend {
+ margin-right: 0;
+ margin-left: 6.4em;
+ }
+ .right dl.legend dt {
+ margin-right: 0;
+ margin-left: -6.4em;
+ float: left;
+ clear: left;
+ }
+ .right dl.legend dd {
+ float: left;
+ }