/* Adapted from the Lobsters presentation layer (BSD-3-Clause); see THIRD_PARTY_NOTICES.md. */
:root { font-family: Arial, Helvetica, sans-serif; color-scheme: light; }
body { max-width: 1320px; margin: 0 auto; padding: 0 1.1rem 3rem; background: #fff; color: #333; font-size: 16px; line-height: 1.38; }
a { color: #2464c6; text-decoration: none; } a:hover { text-decoration: underline; }
header { font-weight: bold; line-height: 18px; } header#nav { box-sizing: border-box; display: flex; padding: .5rem .5rem 0; } #logo { display: grid; place-items: center; flex: 0 0 16px; width: 16px; height: 16px; padding: 1px; margin: 0 11px 0 4px; background: #ad1515; color: #fff; font: bold 16px Georgia, serif; text-decoration: none; } header#nav .navholder { display: flex; width: 100%; overflow-x: auto; } header#nav nav.links { display: flex; width: 100%; gap: .5rem; white-space: nowrap; } header#nav a { color: #777; text-decoration: none; } header#nav a:hover { color: #2464c6; text-decoration: underline; } header#nav .corner { margin-left: auto; } #inside { margin: .5rem 0; }
.intro, .community-heading { padding: 1.2rem 0 .55rem; }.intro h1, .community-heading h1 { font-size: 1.35rem; margin: 0; }.intro p, .community-heading p { margin: .35rem 0; color: #666; }.eyebrow, .meta, .domain { color: #888; font-size: .9rem; }.eyebrow { font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.posts { margin: .72rem 0 0; padding: 0; list-style: none; }.post { display: grid; grid-template-columns: 2rem 1fr; gap: .15rem; padding: .42rem 0; }.score { color: #888; text-align: center; font-size: .9rem; line-height: 1.05; }.score::first-line { color: #aaa; }.story-details h2 { display: inline; margin: 0; font-size: 1.08rem; font-weight: 700; }.story-details p { margin: .08rem 0 0; }.domain { margin-left: .25rem; font-style: italic; }.empty { color: #777; padding: .9rem 0; }
.inline { display: inline; }.inline button { border: 0; background: none; color: #2464c6; cursor: pointer; padding: 0; font: inherit; }.form-page { max-width: 42rem; margin: 1.5rem 4rem; }.form-page form { display: grid; gap: .8rem; }.form-page label { display: grid; gap: .25rem; font-weight: 700; }.form-page input, .form-page textarea, .form-page select, .comment-form textarea, .reply textarea { box-sizing: border-box; width: 100%; padding: .38rem; border: 1px solid #bbb; border-radius: 0; background: #fff; color: #333; font: inherit; resize: vertical; }.form-page button, .comment-form button, .reply button, .disabled-actions button { width: max-content; padding: .22rem .65rem; border: 1px solid #c9c9c9; border-radius: 0; background: #eee; color: #666; cursor: pointer; font: inherit; }.optional { color: #888; font-weight: 400; }.error { margin: .7rem 0; padding: .5rem .65rem; border-left: 3px solid #b11; background: #fff4f4; color: #661111; }
.vote-form button, .upvote-link { color: #888; font-size: 1.1rem; line-height: 1; vertical-align: -1px; }.vote-form button:hover, .upvote-link:hover { color: #2464c6; text-decoration: none; }
.post-detail { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); max-width: 1080px; padding: .9rem 0 .55rem; }.post-vote { display: flex; flex-direction: column; align-items: center; color: #888; line-height: 1.05; }.post-detail h1 { margin: .1rem 0 .25rem; font-size: 1.3rem; line-height: 1.25; }.post-detail .meta { margin: 0; }.post-detail p { margin: .25rem 0; }.post-body, .comment-body { white-space: pre-wrap; }.post-body { line-height: 1.48; }
.comments { max-width: 1080px; margin-left: 2.5rem; padding-top: .4rem; }.comments h2 { margin: .2rem 0 .35rem; font-size: 1rem; font-weight: normal; }.comment-form { margin: .55rem 0 1.4rem; }.comment-form label { display: none; }.comment-form textarea { height: 8rem; background: #f3f3f3; }.comment-form button { margin: .55rem .8rem 0 0; }.anonymous-comment textarea { color: #777; font-style: italic; }.anonymous-comment button { color: #888; cursor: not-allowed; }.comment-list { margin: 0; padding: 0; list-style: none; }.comment { margin-left: calc(var(--depth) * 2.15rem); padding: .4rem 0; }.comment.is-hidden-by-ancestor { display: none; }.comment article { display: grid; grid-template-columns: 2.15rem 1fr; column-gap: .15rem; }.comment-controls { grid-column: 1; grid-row: 1 / span 2; display: flex; flex-direction: column; align-items: center; color: #888; }.comment-collapse { width: max-content; padding: 0; border: 0; background: none; color: #888; font: inherit; cursor: pointer; }.comment-collapse:hover { color: #2464c6; }.comment-vote { display: flex; flex-direction: column; align-items: center; line-height: 1.05; }.comment .meta { grid-column: 2; margin: 0; }.comment-body { grid-column: 2; margin-top: .25rem; max-width: 1010px; line-height: 1.45; }.comment.is-collapsed .comment-body, .comment.is-collapsed .reply { display: none; }.reply { grid-column: 2; margin-top: .2rem; }.reply summary { color: #888; cursor: pointer; font-size: .82rem; }.reply form { margin-top: .4rem; }.reply textarea { min-height: 5rem; }.reply button { margin-top: .4rem; }
@media (max-width: 700px) { body { font-size: 15px; padding: 0 .75rem 2rem; } header#nav { padding-left: 0; } #logo { margin-right: .5rem; }.comments { margin-left: 0; }.comment { margin-left: calc(var(--depth) * 1rem); }.comment article { grid-template-columns: 1.55rem 1fr; } }

/* MacroCodex additions to the adapted Ignota layout. */
:root { accent-color: #a92929; }
body { max-width: 1120px; font-size: 14px; line-height: 1.5; padding: 0 1.5rem 2rem; }
a { color: #304b71; }
header#nav { padding: 1.15rem 0; border-bottom: 1px solid #e7e7e3; align-items: center; }
#logo { background: #a92929; width: 23px; height: 23px; flex-basis: 23px; font-family: Georgia,serif; margin-left: 0; margin-right: .7rem; }
header#nav nav.links { align-items: center; gap: 1.1rem; font-weight: normal; font-size: 13px; }
header#nav .wordmark { color: #252525; font-weight: 700; font-size: 15px; margin-right: 1.1rem; }
.wordmark span { font-weight: normal; color: #888; margin-left: .2rem; }
header#nav a[aria-current="page"] { color: #a92929; font-weight: bold; }
header#nav .inline button { color: #777; font-size: 13px; }
.intro { padding: 2.4rem 0 1.5rem; }.intro .eyebrow { margin: 0 0 .5rem; color: #9a5353; letter-spacing: .12em; font-size: 10px; font-weight: bold; }
.intro h1 { font-size: 25px; letter-spacing: -.6px; color: #292929; }.intro>p:last-child { font-size: 14px; }
.feed-tools { display:flex; flex-wrap:wrap; justify-content:space-between; gap: 1rem; align-items:center; padding: .7rem 0 1rem; }
.categories { display:flex; gap:.5rem; flex-wrap:wrap; }.categories a { padding:.3rem .6rem; font-size:12px; color:#72726d; border:1px solid transparent; }.categories a[aria-current="page"] { border-color:#dddcd7; color:#373733; background:#f6f6f3; border-radius:3px; }
.search { display:flex; gap:.4rem; }.search input { border:1px solid #ddd; padding:.4rem .5rem; font:inherit; font-size:12px; width:150px; }.search button { border:1px solid #ddd; background:#f8f8f6; color:#666; padding:.3rem .5rem; cursor:pointer; }
.feed-label { border-top:1px solid #e7e7e3; border-bottom:1px solid #e7e7e3; padding:.55rem .2rem; display:flex; justify-content:space-between; color:#888; font-size:11px; }.feed-label span:last-child { color:#a2a29b; }
.posts { margin:0; }.post { grid-template-columns: 2rem minmax(0,1fr) 2rem; gap:.6rem; padding:1.1rem .2rem; border-bottom:1px solid #efefec; align-items:center; }.story-details h2 { font-size:15px; font-weight:600; }.story-details h2 a { color:#343b43; }.story-details p { margin-top:.35rem; }.meta { font-size:11px; color:#94948c; }.tag { font-size:10px; border:1px solid #e5e5df; background:#f8f8f5; border-radius:3px; padding:.1rem .35rem; margin-right:.4rem; color:#77796e; }.comment-count { display:block; text-align:center; color:#94948c; border:1px solid #e5e5df; border-radius:4px; font-size:11px; padding:.12rem .3rem; }
.score { display:flex; flex-direction:column; align-items:center; gap:.25rem; font-size:12px; line-height:1; }.score::first-line { color:inherit; }.upvoted { color:#b26250; font-size:14px; }.vote-form button,.upvote-link { font-size:20px; color:#a4a49e; }
footer { margin-top:3rem; padding-top:1rem; border-top:1px solid #e7e7e3; color:#999; font-size:11px; }footer span { margin:0 .5rem; }
.form-page { margin:2.3rem auto; max-width:40rem; }.form-page h1 { font-size:24px; letter-spacing:-.5px; }.form-page>p { color:#777; }.form-page form { gap:1rem; }.form-page input,.form-page textarea,.form-page select,.comment-form textarea,.reply textarea { padding:.6rem; border-color:#d6d6d0; border-radius:3px; }.form-page label { font-size:13px; }.form-page .optional { font-size:11px; }
.form-page button,.comment-form button,.reply button { border:1px solid #8e2424; background:#a92929; color:white; padding:.5rem .9rem; border-radius:3px; font-size:12px; }.hint { color:#93938b; font-size:11px; margin:0; }.form-page .error,.error { color:#7c2828; }.success { background:#f2f7ee; padding:.65rem; color:#416031; border-left:3px solid #74975b; }.auth-page { max-width:26rem; }.captcha { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }.captcha img { border:1px solid #ddd; }.captcha a { font-size:12px; }
.back { font-size:12px; margin:1.5rem 0; }.post-detail { padding:0 0 1.5rem; border-bottom:1px solid #e7e7e3; }.post-detail h1 { font-size:24px; margin:.7rem 0 1rem; letter-spacing:-.5px; }.post-body { font-size:14px; overflow-wrap:anywhere; }.post-vote { padding-top:.2rem; gap:.3rem; font-size:12px; }.photos { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:.7rem; white-space:normal; }.photos:empty { display:none; }.photos img { max-width:100%; max-height:300px; border:1px solid #ddd; border-radius:3px; object-fit:contain; }.photos a { max-width:100%; }.comments { margin-top:1.5rem; }.comments h2 { font-weight:bold; font-size:14px; }.comment-form textarea { background:#fafaf8; height:7rem; }.comment-form label { display:block; }.compose-actions { display:flex; justify-content:space-between; gap:1rem; align-items:center; flex-wrap:wrap; }.compose-actions button { margin:0; }.upload { font-weight:normal; color:#888; font-size:11px; }.upload input { display:block; font-size:11px; max-width:100%; margin:.3rem 0; }.comment-form .hint { margin-top:.4rem; }.login-prompt { padding:1rem; background:#f7f7f4; color:#888; font-size:12px; margin:1rem 0 1.5rem; }.comment { padding:.8rem 0; }.comment-body { overflow-wrap:anywhere; font-size:14px; }.comment .meta { font-size:11px; }.reply textarea { display:block; width:100%; }.reply summary { font-size:11px; }.comment:target { background:#fffcf0; }.empty { padding:2.7rem 1rem; text-align:center; }.empty h2 { font-size:17px; color:#53534c; }.empty p { font-size:13px; }.empty>a { font-size:13px; }.more { display:inline-block; padding:1.5rem 0; font-size:12px; }
.depth-0 { --depth:0; }.depth-1 { --depth:1; }.depth-2 { --depth:2; }.depth-3 { --depth:3; }.depth-4 { --depth:4; }.depth-5 { --depth:5; }.depth-6 { --depth:6; }.depth-7 { --depth:7; }.depth-8 { --depth:8; }
:focus-visible { outline:2px solid #a92929; outline-offset:3px; }
@media(max-width:700px) { body { padding:0 .8rem 1rem; }header#nav nav.links { gap:.7rem; }.wordmark span { display:none; }header#nav .wordmark { font-size:13px; margin-right:.2rem; }.intro { padding-top:1.5rem; }.intro h1 { font-size:23px; }.feed-tools { gap:.6rem; }.search { width:100%; }.search input { flex:1; }.categories { gap:.1rem; }.categories a { padding:.25rem .4rem; }.feed-label span:last-child { display:none; }.post { gap:.4rem; padding:.9rem 0; }.story-details h2 { font-size:14px; }.story-details .meta span { line-height:1.8; }.post-detail h1 { font-size:21px; }.form-page { margin:1.5rem 0; }.comment { margin-left:calc(var(--depth)*.55rem); }.photos img { max-height:240px; } }
header#nav #logo { color: #fff; }