/* 协议页样式。沿用公告页的正文视觉语言（宋体正文、羊皮纸底、同一套断点），
   区别在于协议正文更长、层级更多，需要更强的标题区分度与更宽松的行距。 */

.legal-main{max-width:1000px;min-height:calc(100vh - 210px);margin:0 auto;padding:48px 0 80px}
.legal-heading{padding:0 12px 30px;color:#8b775a;font-size:14px}
.legal-heading .eyebrow{margin:40px 0 8px}
.legal-heading h1{font-family:'Songti SC',WenKai,serif;color:#2d251a;font-size:48px;line-height:1.35;margin:0 0 12px;letter-spacing:4px}

.legal-surface{
  font-family:'Songti SC','Noto Serif CJK SC',serif;
  font-size:17px;line-height:2;color:#3d3427;
  border-top:1px solid #b69764;border-bottom:1px solid #c5b08b;
  padding:34px 12px 40px;overflow-wrap:anywhere;
}
.legal-surface p{margin:0 0 18px}
.legal-surface h2{font-family:'Songti SC',serif;font-size:25px;font-weight:600;line-height:1.6;color:#31271a;margin:40px 0 16px;padding-bottom:10px;border-bottom:1px solid #cfbd9d77}
.legal-surface h2:first-child{margin-top:0}
.legal-surface h3{font-family:'Songti SC',serif;font-size:20px;font-weight:600;line-height:1.6;color:#3a2f20;margin:30px 0 12px}
.legal-surface h4{font-size:18px;font-weight:600;color:#433725;margin:24px 0 10px}
.legal-surface strong{color:#2f2415;font-weight:600}
.legal-surface a{color:#8c591e;text-decoration:underline;text-underline-offset:4px}

/* 协议正文里的表格列多且字长，窄屏必须能横向滚动，
   否则会把整页撑出横向滚动条。容器可聚焦，键盘也能滚。 */
.legal-table-wrap{overflow-x:auto;margin:22px 0;max-width:100%;scrollbar-width:thin}
.legal-table-wrap:focus-visible{outline:2px solid #846036;outline-offset:3px}
.legal-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.75}
.legal-table th,.legal-table td{border:1px solid #c3ad86;padding:10px 14px;text-align:left;vertical-align:top;min-width:120px}
.legal-table th{background:#e5d5b8;font-weight:600;white-space:nowrap}
.legal-table tr:nth-child(even){background:#ecdfc744}

.legal-sibling{margin:26px 12px 0;font-size:15px;color:#8b775a}

@media(max-width:1250px){.legal-main{max-width:calc(100% - 100px)}}
@media(max-width:760px){
  .legal-main{max-width:calc(100% - 36px);padding:25px 0 45px}
  .legal-heading{padding:0 0 22px}
  .legal-heading .eyebrow{margin-top:28px}
  .legal-heading h1{font-size:34px;letter-spacing:2px}
  .legal-surface{padding:26px 0 32px;font-size:16px;line-height:1.95}
  .legal-surface h2{font-size:21px;margin:32px 0 14px}
  .legal-surface h3{font-size:18px}
  .legal-table{font-size:14px}
  .legal-table th,.legal-table td{padding:9px 10px;min-width:110px}
  .legal-sibling{margin-left:0;margin-right:0}
}