html,body{margin:0;padding:0}
body.wide-root{font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#dceeef;color:#14363a;line-height:1.7}
.wide-root .ico{width:20px;height:20px}
.col-ruler{display:grid;grid-template-columns:repeat(12,1fr);max-width:1440px;margin:0 auto;padding:8px 20px 0;font-size:10px;color:#4d7c82;font-variant-numeric:tabular-nums}
.col-ruler span{border-left:1px solid #8fb8bc;padding-left:4px}
.wide-head{max-width:1440px;margin:0 auto;padding:10px 20px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.wide-head .brand{display:flex;gap:8px;align-items:center;font-weight:700;color:#1e787e}
.wide-head .nav-list{display:flex;flex-wrap:wrap;gap:8px 12px;list-style:none;margin:0;padding:0}
.wide-head .nav-list a{color:#1e787e;text-decoration:none;font-size:13px;border-bottom:2px solid #1e787e}
.wide-12{max-width:1440px;margin:0 auto;padding:0 20px 56px;display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.wide-hero{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,1fr);gap:14px;background:#f3fbfb;border:1px solid #b7d8db;padding:20px}
.wide-hero .copy{grid-column:1/8}
.wide-hero .split-viz{grid-column:8/-1;display:grid;grid-template-columns:1fr 1fr;min-height:160px;border:1px solid #1e787e}
.pane-doc,.pane-chat{padding:12px}
.pane-doc{background:#c5e4e6}
.pane-chat{background:#1e787e;color:#f3ffff}
.wide-hero h1{margin:0 0 10px;font-size:26px;color:#0f4c52}
.wide-hero p{margin:0 0 8px}
.wide-root .block{grid-column:1/-1;background:#f7fcfc;border:1px solid #b7d8db;padding:18px}
.wide-root .block.half{grid-column:span 6}
.wide-root .block h2{margin:0 0 10px;font-size:20px;color:#1e787e}
.icon-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.wide-root .card{background:#fff;border:1px solid #c5e0e2;padding:12px}
.wide-root .card h3,.wide-root .pair h3,.wide-root .step h3{margin:8px 0;font-size:15px}
.wide-root .step-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.wide-root .step{background:#fff;padding:10px;border-top:4px solid #1e787e}
.wide-root .step-n{display:inline-block;background:#1e787e;color:#fff;padding:2px 8px;font-weight:700;margin-bottom:6px}
.wide-root .table-wrap{overflow:auto;border:2px solid #1e787e;grid-column:1/-1}
.wide-root table{width:100%;border-collapse:collapse;font-size:14px}
.wide-root th{background:#1e787e;color:#fff;padding:10px;text-align:left}
.wide-root td{padding:10px;border-bottom:1px solid #c5e0e2;vertical-align:top;background:#fff}
.wide-root .pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wide-root .pair{background:#fff;padding:12px;border-bottom:4px solid #4d9aa0}
.wide-root .plain-list{margin:0;padding-left:1.2em;columns:2}
.wide-root .faq-list details{background:#fff;border:1px solid #b7d8db;padding:8px 12px;margin:0 0 8px}
.wide-root .faq-list summary{cursor:pointer;font-weight:650}
.wide-root .site-footer{grid-column:1/-1;padding:12px 4px;color:#3d5c60;font-size:13px}
@media (max-width:1000px){
.wide-12,.wide-hero,.icon-row,.wide-root .step-list,.wide-root .pair-grid{grid-template-columns:1fr}
.wide-hero .copy,.wide-hero .split-viz,.wide-root .block.half{grid-column:1/-1}
.col-ruler{display:none}
.wide-root .plain-list{columns:1}
}