:root { color-scheme: dark; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; background:#000; color:#f2f2f2;
       font:17px/1.62 Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif; }
.site-wrap { max-width:66ch; margin:0 auto; padding:26px 22px 72px; }
.site-head { border-bottom:2px solid #333; padding-bottom:12px; margin-bottom:8px; }
.site-title { font-size:30px; font-weight:700; letter-spacing:-.01em; margin:0; }
.site-sub { font-family:-apple-system, system-ui, sans-serif; font-size:12.5px; color:#9a9a9a;
            letter-spacing:.03em; text-transform:uppercase; margin:6px 0 0; }
nav.crumbs { font-family:-apple-system, system-ui, sans-serif; font-size:13px; margin:0 0 16px; }
nav.crumbs a { color:#cdd7ff; text-decoration:none; }
nav.crumbs a:hover { text-decoration:underline; }

/* --- index cards --- */
.card { display:block; text-decoration:none; color:inherit;
        border:1px solid #262626; border-radius:8px; background:#0c0c0c;
        padding:15px 17px; margin:0 0 14px; transition:border-color .12s, box-shadow .12s; }
.card:hover { border-color:#3a4a7a; box-shadow:0 2px 10px rgba(0,0,0,.5); }
.card-case { font-size:19px; font-weight:700; line-height:1.28; margin-bottom:5px; }
.card-meta { font-family:-apple-system, system-ui, sans-serif; font-size:12px; color:#7c7c7c;
             text-transform:uppercase; letter-spacing:.03em; }
.card-vote { font-family:-apple-system, system-ui, sans-serif; font-size:12.5px; color:#cdd7ff;
             font-weight:600; margin:6px 0 4px; }
.card-teaser { font-size:15px; color:#dcdcdc; margin-top:4px; }

/* --- per-opinion page --- */
.op { }
.op .case { font-size:25px; font-weight:700; line-height:1.24; margin:2px 0 6px; }
.op .docket { font-family:-apple-system, system-ui, sans-serif; font-size:12.5px; color:#7c7c7c;
              text-transform:uppercase; letter-spacing:.03em; }
.op .standfirst { font-size:18px; line-height:1.5; color:#c9c9c9; font-style:italic;
                  margin:12px 0 4px; }
.op .meta { font-family:-apple-system, system-ui, sans-serif; font-size:13.5px; color:#b6b6b6;
            margin:7px 0; }
.op .meta b { color:#cdd7ff; }
.op .flag { font-family:-apple-system, system-ui, sans-serif; font-size:13px; color:#ffb4a2;
            background:#2a1512; border-radius:6px; padding:7px 10px; margin:8px 0; }
.op .vote { border-left:4px solid #3a4a7a; background:#0f1220; border-radius:6px;
            padding:10px 13px; margin:14px 0; font-family:-apple-system, system-ui, sans-serif;
            font-size:14px; color:#cdd7ff; }
.op .vote .vote-label { display:block; font-size:11.5px; font-weight:700; letter-spacing:.05em;
                        text-transform:uppercase; color:#8a94c8; margin-bottom:3px; }
.op .sec { font-family:-apple-system, system-ui, sans-serif; font-size:12.5px; font-weight:700;
           letter-spacing:.05em; text-transform:uppercase; color:#8a94c8;
           border-bottom:1px solid #262626; padding-bottom:3px; margin:22px 0 8px; }
.op .body { font-size:17px; color:#dcdcdc; }
.pdf-link { font-family:-apple-system, system-ui, sans-serif; font-size:14px; margin-top:26px;
            padding-top:16px; border-top:1px solid #262626; }
.pdf-link a { color:#cdd7ff; text-decoration:none; font-weight:600; }
.pdf-link a:hover { text-decoration:underline; }