/* Shared navigation and information-page presentation. Transaction UI stays in styles.css. */
.shell-button { display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:6px 12px; border:1px solid #2f6f5d; border-radius:4px; color:#255a4c; background:#fff; font-size:13px; font-weight:700; text-decoration:none; white-space:nowrap; }
.shell-primary { background:#2f6f5d; color:#fff; }
.shell-button:hover { background:#255a4c; color:#fff; }
.mobile-page-nav { display:none; }
.site-nav a[aria-current="page"] { background:#e8eee7; color:#255a4c; }
.information-page main { max-width:1180px; margin:auto; }
.information-page .section { width:100%; margin:0 auto; padding:32px 28px; scroll-margin-top:120px; }
.information-page .about-hero { min-height:0; display:grid; grid-template-columns:1.25fr 1fr; gap:32px; align-items:center; padding-top:36px; padding-bottom:36px; }
.information-page .hero-copy { max-width:none; }
.information-page h1 { margin:0 0 16px; max-width:760px; font-size:clamp(28px,3.2vw,42px); line-height:1.25; letter-spacing:0; color:#17201c; }
.information-page .hero-lede { font-size:15px; line-height:1.9; color:#68746f; }
.information-page .section-heading h2,.information-page .identity-copy h2 { font-size:clamp(23px,2.4vw,30px); line-height:1.4; letter-spacing:0; }
.information-page .about-summary { padding:28px; border:1px solid #dde5e1; border-radius:6px; background:#eef5f1; }
.information-page .about-summary h2 { font-size:24px; line-height:1.4; margin:12px 0; }
.information-page .about-summary ol { margin:16px 0; padding-left:22px; line-height:2.3; color:#68746f; }
.information-page .about-summary a { color:#255a4c; font-weight:700; }
.information-page .about-identity,.information-page .band,.information-page .contact-section { background:transparent; border-top:1px solid #dde5e1; }
.information-page .about-rule-panel,.information-page .principle-card,.information-page .about-version-panel,.information-page .contact-card { border:1px solid #dde5e1; border-radius:6px; background:#fff; box-shadow:none; padding:24px; min-width:0; }
.information-page .contact-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.information-page .contact-card strong { overflow-wrap:anywhere; }
.information-page .trust-strip { flex-wrap:wrap; }
.policy-page { margin:0; background:#f7f8f6; color:#17201c; font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif; }
.policy-page .site-header { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:12px 24px; border-bottom:1px solid #dde5e1; background:#f7f8f4; }
.policy-page .brand { display:inline-flex; align-items:center; gap:12px; text-decoration:none; white-space:nowrap; }
.policy-page .brand-mark,.policy-page .brand-mark svg { width:30px; height:30px; }
.policy-page .brand-name { color:#17201c; font-size:17px; font-weight:800; }
.policy-page .logo-field { fill:#255a4c; }
.policy-page .logo-line { fill:none; stroke:#ffffff70; stroke-width:2.2; stroke-linecap:round; }
.policy-page .logo-core { fill:none; stroke:#fff; stroke-width:4.2; stroke-linecap:round; }
.policy-page .logo-dot { fill:#c99a3c; }
.policy-page .site-nav,.policy-page .header-user-actions { display:flex; align-items:center; gap:8px; }
.policy-page .site-nav a { color:#56665c; text-decoration:none; font-size:13px; font-weight:700; padding:6px 10px; }
.policy-page .legal-shell { max-width:1180px; }
.policy-page .legal-document { border-radius:6px; box-shadow:none; }
.policy-page .legal-footer { color:#68746f; padding:24px; text-align:center; }
@media(max-width:900px) {
 .information-page .about-hero { grid-template-columns:1fr; gap:20px; }
 .policy-page .header-user-actions { display:none; }
}
@media(max-width:760px) {
 .mobile-page-nav { display:flex; gap:8px; padding:10px 14px; background:#eef5f1; border-bottom:1px solid #dde5e1; }
 .mobile-page-nav a { flex:1; text-align:center; color:#255a4c; font-size:13px; font-weight:700; text-decoration:none; padding:5px 0; }
 .information-page .section { padding:24px 16px; scroll-margin-top:110px; }
 .information-page .about-hero { padding-top:24px; }
 .information-page .header-user-actions .shell-button { padding:5px 8px; font-size:12px; min-height:32px; }
 .information-page .header-user-actions .shell-button:first-child { display:none; }
 .information-page .contact-grid,.information-page .about-version-grid,.information-page .principle-grid,.information-page .identity-section,.information-page .flow-line { grid-template-columns:1fr; }
 .information-page .about-summary,.information-page .about-rule-panel,.information-page .principle-card,.information-page .about-version-panel,.information-page .contact-card { padding:20px; }
 .policy-page .site-header { padding:12px 16px; }
 .policy-page .site-nav { display:none; }
 .policy-page .brand-name { font-size:15px; }
}
.information-page .ad-track a { display:inline-flex; align-items:center; flex:0 0 auto; margin-right:36px; color:inherit; font-size:13px; text-decoration:none; white-space:nowrap; }