/* Guestbook content; shared site shell is in site.css. */
.gb-content{overflow-wrap:anywhere}
.gbnav,.gb-sign,.gb-actions{font:15px/1.5 Arial,sans-serif}
.gbnav{margin:15px 0}
.gb-entry{padding:18px 0;border-top:1px solid #dededb;scroll-margin-top:12px}
.gb-details{display:grid;grid-template-columns:145px minmax(0,1fr);gap:5px 15px;margin:0;font:15px/1.5 Arial,sans-serif}
.gb-details dt{color:#adadad}
.gb-details dd{margin:0;min-width:0;overflow-wrap:anywhere}
.gb-author{font-weight:bold}
.gb-details .gb-message,.gb-details .gb-answer{font:18.75px/1.48 Georgia,serif}
.gb-actions{margin:12px 0 0}
.gb-fields{display:grid;grid-template-columns:145px minmax(0,1fr);gap:10px 15px;margin:16px 0;font:15px/1.5 Arial,sans-serif}
.gb-fields input,.gb-fields textarea{width:100%;min-width:0;padding:5px 7px;border:1px solid #aaa;border-radius:0;font:inherit;background:#fff;color:#292929}
.gb-fields textarea{resize:vertical}
.gb-content input[type=submit],.gb-retry input[type=submit]{font:15px/1.5 Arial,sans-serif;padding:4px 12px;border:1px solid #aaa;background:#f4e3a0;cursor:pointer}
.gb-content input[name=txt],.gb-retry input[name=txt]{width:60px;font:15px/1.5 Arial,sans-serif}
.gb-error{padding:10px;border-left:3px solid #b36b33;background:#fff7e8;font:15px/1.5 Arial,sans-serif}
.gb-retry{max-width:950px;margin:25px auto;padding:0 20px}
@media(max-width:875px){
.gbnav,.gb-sign,.gb-actions,.gb-fields,.gb-details{font-size:10px}
.gb-details{grid-template-columns:85px minmax(0,1fr);gap:4px 8px}
.gb-details .gb-message,.gb-details .gb-answer{font-size:12.5px}
.gb-entry{padding:12px 0}
.gb-fields{grid-template-columns:1fr;gap:4px;margin:12px 0}
.gb-fields input,.gb-fields textarea{margin-bottom:6px;font-size:12.5px}
.gb-content input[type=submit],.gb-retry input[type=submit],.gb-content input[name=txt],.gb-retry input[name=txt],.gb-error{font-size:12.5px}
}

/* Continuous label panel and right-aligned record tools. */
.gb-details{column-gap:0;row-gap:0;background:linear-gradient(to right,#efefed 145px,transparent 145px)}
.gb-details dt{text-align:right;padding:3px 12px 3px 8px;color:#666}
.gb-details dd{padding:3px 0 3px 15px}
.gb-actions{display:flex;justify-content:flex-end;gap:12px;align-items:center}
.gb-actions a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;text-decoration:none}
.gb-actions a:hover,.gb-actions a:focus-visible{background:#efefed}
.gb-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:875px){
.gb-details{background:linear-gradient(to right,#efefed 85px,transparent 85px)}
.gb-details dt{padding:2px 8px 2px 5px}
.gb-details dd{padding:2px 0 2px 8px}
.gb-actions{gap:8px}
.gb-actions svg{width:15px;height:15px}
}

/* Compact records; secondary details and host reply use service typography. */
.gb-details{grid-template-columns:170px minmax(0,1fr);background:linear-gradient(to right,#efefed 170px,transparent 170px)}
.gb-details dt{white-space:nowrap}
.gb-details dd:not(.gb-author):not(.gb-message),.gb-details dd:not(.gb-author):not(.gb-message) a{color:#adadad}
.gb-details .gb-answer{font:15px/1.5 Arial,sans-serif}
.gb-entry{padding:5px 0}
.gb-actions{margin-top:5px}
form[name=addform] input[type=submit]{margin-left:160px!important}
@media(max-width:875px){
.gb-details{grid-template-columns:115px minmax(0,1fr);background:linear-gradient(to right,#efefed 115px,transparent 115px)}
.gb-details .gb-answer{font-size:10px}
form[name=addform] input[type=submit]{margin-left:0!important}
}

/* Record controls follow the text column; compact view heading. */
.gb-content h1:has(+ .gb-sign){margin-bottom:7.5px}
.gb-actions{justify-content:flex-start;padding-left:177.79167px}
@media(max-width:875px){
.gb-content h1:has(+ .gb-sign){margin-bottom:4.66667px}
.gb-actions{padding-left:115.20833px}
}

/* Visitor names match the library author-name sizes. */
.gb-details .gb-author{font-size:18.75px}
@media(max-width:875px){.gb-details .gb-author{font-size:12.5px}}

/* Align each label with the first text baseline of its value. */
.gb-details{align-items:first baseline}
