/* Shared layout for reports and SMS tools; isolated from marketplace pages. */
.utility-page main{width:100%;padding:28px 24px 48px;overflow-wrap:anywhere}
.utility-page h1{font-size:36px;letter-spacing:-1.2px;line-height:1.2;margin:0 0 20px}
.utility-page h2{font-size:23px;line-height:1.3;letter-spacing:-.5px;overflow-wrap:anywhere}
.utility-page p{line-height:1.6;margin:12px 0}
.utility-page .panel{min-width:0;margin:20px 0;padding:24px}
.utility-page form.stack{grid-template-columns:minmax(0,1fr);gap:20px}
.utility-page label{font-size:14px;line-height:1.5;min-width:0}
.utility-page input,.utility-page select,.utility-page textarea{font-size:16px;max-width:100%}
.utility-page .contact,.utility-page .checkbox{flex-direction:row;align-items:flex-start;gap:12px;font-weight:400;line-height:1.6}
.utility-page .contact input[type=checkbox],.utility-page .checkbox input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;padding:0;margin:3px 0 0}
.utility-page .contact span,.utility-page .checkbox span{min-width:0;flex:1}
.utility-page pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;padding:16px;background:#eef4e5;border-radius:12px;margin:16px 0}
.utility-page .button{white-space:normal;overflow-wrap:anywhere;line-height:1.4;gap:8px;max-width:100%}
.utility-page #single-review .button{margin:4px 4px 4px 0}
.utility-page #reports-list{display:grid;gap:20px;margin:24px 0}
.utility-page #reports-list .card{gap:12px}
.utility-page #reports-list .card p{margin:0}
.utility-page #report-form{margin:24px 0}
.utility-page #messages{margin-top:18px}
.utility-page #messages table{border-collapse:collapse;table-layout:fixed}
.utility-page #messages td{vertical-align:top;overflow-wrap:anywhere}
.utility-page #sms-captcha{max-width:100%;overflow-x:auto}
@media(max-width:600px){
 .utility-page .site-header{min-height:72px;padding:14px 16px;gap:12px}
 .utility-page .site-header .brand{font-size:24px;letter-spacing:-1px}
 .utility-page main{padding:24px 16px 40px}
 .utility-page h1{font-size:29px;letter-spacing:-.8px;margin-bottom:16px}
 .utility-page h2{font-size:21px}
 .utility-page .panel,.utility-page #reports-list .card{padding:18px 16px;border-radius:14px;margin:16px 0}
 .utility-page #reports-list .card{margin:0}
 .utility-page .panel>h2{margin-bottom:14px}
 .utility-page .button{width:100%;min-height:48px;padding:13px 16px}
 .utility-page .inline-actions{display:grid;grid-template-columns:1fr 1fr}
 .utility-page .contact{padding:14px 12px}
 .utility-page #subscribers .contact{flex-wrap:wrap}
 .utility-page #subscribers .contact>span{flex-basis:100%}
 .utility-page #subscribers .contact button{margin:0}
 .utility-page #single-review .button{margin:4px 0}
 .utility-page #messages table,.utility-page #messages tbody{display:block;width:100%}
 .utility-page #messages thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
 .utility-page #messages tr{display:block;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px}
 .utility-page #messages td{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;padding:8px 0;border:0;text-align:left}
 .utility-page #messages td:before{content:attr(data-label);font-size:12px;font-weight:700;color:var(--muted)}
 .utility-page #messages td small{grid-column:2}
 .utility-page #messages td br{display:none}
}
