/* Metadata stays available while compact screens reach the material sooner. */
.metadata-disclosure{min-width:0}.metadata-disclosure>summary{font:700 15px/1.6 var(--body);margin-bottom:15px}.metadata-disclosure[open]{margin-bottom:20px}.material-rail .metadata-disclosure{flex:1}.legacy-content #guestbook>h2{display:none}
.reading-body pre{background:#1f232a;color:#e6edf3;padding:18px;border:1px solid #424a55}.reading-body pre code{color:#e6edf3;font:14px/1.65 var(--mono)}
@media(max-width:820px){.material-rail .metadata-disclosure{min-width:130px}.metadata-disclosure:not([open])>summary{margin-bottom:0}}

/* Keep the legacy comment fields in one predictable column. */
#commentForm table{table-layout:fixed}
#commentForm td{text-align:left!important;vertical-align:middle}
#commentForm td:first-child{width:124px!important}
#commentForm input:not([type=hidden]):not([type=submit]),#commentForm textarea{display:block;width:100%;min-width:0}
#commentForm td>a{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin:2px 1px}
#commentForm #security_code{max-width:180px}
#commentForm tr:has(input[type=hidden]):not(:has(input:not([type=hidden]),textarea,strong)){display:none}
@media(max-width:600px){
    #commentForm table{table-layout:auto}
    #commentForm tr,#commentForm td{display:block}
    #commentForm td,#commentForm td:first-child{width:100%!important;padding:5px 0}
    #commentForm td:empty{display:none}
    #commentForm tr{margin-bottom:8px}
}