/* Codex / Claude guides: readable chapters, field lookup and narrow-screen tables. */
.main .wrap{max-width:1080px;padding-left:48px;padding-right:48px}
.chapter-navigation{max-width:984px;margin-left:auto;margin-right:auto;width:calc(100% - 96px)}
.reader-location-outside{max-width:984px;margin-left:48px;margin-right:48px}
.wrap>section{padding-top:28px}
.wrap>section>.sec-tag{margin:0 0 8px;font-size:12px;letter-spacing:.04em}
.wrap>section>h2{margin:0 0 20px;font-size:28px;line-height:1.5}
.wrap>section>.chapter-intro{margin:0 0 24px;color:var(--text-2);font-size:16px}
.chapter-key{display:flex;align-items:flex-start;gap:12px;margin:0 0 26px;padding:14px 18px;border-left:3px solid var(--accent);border-radius:0 7px 7px 0;background:var(--reader-surface)}
.chapter-key>span{flex:none;font-size:12px;font-weight:700;color:var(--accent);line-height:28px}
.chapter-key>p{margin:0;font-size:15px;line-height:1.85;color:var(--reader-ink)}
.reading-points{padding-left:22px;margin:16px 0 24px}
.reading-points>li{padding-left:3px;margin:10px 0;line-height:1.85}
.reading-points>li>strong:first-child{color:var(--reader-ink);font-weight:650}
.callout .reading-points{margin-bottom:0}
.priority-layers{padding:0 0 0 28px;margin:16px 0 24px}
.priority-layers li{padding:5px 10px;margin:0;border-bottom:1px solid var(--border);font-size:15px}
.priority-layers li::marker{color:var(--accent);font-weight:700}
.chapter-jump{margin:18px 0 26px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}
.chapter-jump>summary{padding:12px 16px;cursor:pointer;color:var(--text-2);font-size:14px;font-weight:600}
.chapter-jump>nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:0 10px 10px}
.chapter-jump button{border:0;background:none;color:var(--accent);padding:8px;text-align:left;font:inherit;font-size:14px;line-height:1.65;cursor:pointer;overflow-wrap:anywhere}
.chapter-jump button:hover{background:var(--reader-surface);border-radius:6px}
.wrap .table-group-heading{margin-top:28px;margin-bottom:10px;font-size:18px;font-weight:650}
.wrap p,.wrap li{line-height:1.9}
.wrap h3,.wrap h4{scroll-margin-top:88px}
.wrap .guide-part{margin:34px 0 0;scroll-margin-top:88px}
.guide-part>h3{font-size:22px;margin:0 0 16px;padding-top:22px;border-top:1px solid var(--border)}
.guide-part h4{font-size:18px;margin-top:28px;line-height:1.6}
.chapter-toc{padding:16px 20px;background:var(--reader-surface);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:8px;font-size:14px}
.chapter-toc b{font-weight:600;color:var(--text-2);font-size:12px}
.chapter-toc a{text-decoration:none;padding:3px 0}
.chapter-toc a:hover{text-decoration:underline}
.sidebar .nav-group>.gt{margin-top:20px;margin-bottom:4px;color:var(--text-2);font-size:12px;letter-spacing:0}
.sidebar .nav-group a{align-items:flex-start;line-height:1.55;padding:9px 10px}
.sidebar .nav-group a .no{padding-top:2px;flex-shrink:0}
.wrap :not(pre)>code{box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:inherit}
.wrap .table-scroll table{font-size:14px;line-height:1.8}
.wrap .table-scroll td,.wrap .table-scroll th{padding:13px 16px}
.wrap .table-scroll th{white-space:normal;letter-spacing:0}
.wrap .table-scroll td:first-child{font-weight:550}
.wrap .table-scroll td:first-child code{font-weight:500}
@media(min-width:641px){
  .guide-table{table-layout:fixed}
  .guide-table[data-columns="2"] th:first-child{width:34%}
  .guide-table[data-columns="3"] th:first-child{width:26%}
  .guide-table[data-columns="4"] th:first-child{width:20%}
  .guide-table[data-columns="4"] th:nth-child(2){width:24%}
  .guide-table[data-columns="4"] th:nth-child(3){width:28%}
}
.wrap .src{margin-top:24px;line-height:1.85;color:var(--text-2)}
.wrap .src a{color:var(--text-2)}
.code-frame{border:1px solid #31425b;border-radius:10px;overflow:hidden;margin:20px 0 24px;background:#182235;color:#e1e9f6}
.code-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 14px;background:#202e43;border-bottom:1px solid #36465e}
.code-language{font-family:var(--mono);font-size:12px;color:#bdcbe0;text-transform:uppercase;letter-spacing:.06em}
.code-toolbar .copy-btn{position:static;opacity:1;flex:none;margin:0;min-height:32px;font-size:12px}
.code-frame pre{border:0;border-radius:0;margin:0;padding:18px 20px;box-shadow:none;background:transparent;line-height:1.85;overflow:auto;white-space:pre}
.code-frame pre code{display:block;min-width:0;padding:0;font-size:14px;line-height:inherit;word-break:normal;overflow-wrap:normal}
.reference-tools{padding:20px;background:var(--reader-surface);border:1px solid var(--border);border-radius:10px;margin:22px 0 14px}
.reference-tools label{display:block;margin-bottom:10px;font-weight:650;font-size:15px}
.reference-input{display:flex;gap:10px}
.reference-input input{min-width:0;flex:1;padding:12px;border:1px solid var(--border-2);border-radius:7px;background:var(--bg);color:var(--text);font:inherit;font-size:15px}
.reference-input button{padding:8px 13px;border:1px solid var(--border-2);border-radius:7px;background:var(--bg);color:var(--text-2);cursor:pointer;font:inherit;font-size:14px}
.reference-tools #configCount{font-size:13px;color:var(--text-2);margin:10px 0 0}
.reference-note{font-size:14px;color:var(--text-2)}
.reference-group,.schema-appendix,.schema-group{border:1px solid var(--border);border-radius:10px;margin:14px 0;scroll-margin-top:88px;background:var(--bg)}
.reference-group>summary,.schema-appendix>summary,.schema-group>summary{padding:16px 18px;cursor:pointer;font-size:16px;font-weight:600;line-height:1.7;color:var(--reader-ink);overflow-wrap:anywhere}
.reference-group>summary:hover,.schema-appendix>summary:hover,.schema-group>summary:hover{background:var(--reader-surface);border-radius:10px}
.reference-group[open]>summary,.schema-appendix[open]>summary,.schema-group[open]>summary{border-bottom:1px solid var(--border);background:var(--reader-surface);border-radius:10px 10px 0 0}
.group-count{font-family:var(--mono);font-size:12px;color:var(--text-2);font-weight:400;margin-left:12px}
.config-field{padding:22px 24px;scroll-margin-top:88px}
.config-field+.config-field{border-top:1px solid var(--border)}
.config-field h4{margin:0 0 12px;font-size:16px;font-weight:650}
.config-field h4 code{padding:0;border:0;background:none;color:var(--accent);font-size:15px;overflow-wrap:anywhere;line-height:1.7}
.field-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;font-size:13px;line-height:1.7;margin:0}
.field-meta>div{min-width:0}
.field-meta dt{color:var(--text-2);font-size:12px;margin-bottom:3px}
.field-meta dd{margin:0;overflow-wrap:anywhere;color:var(--text)}
.config-field .field-description{margin:14px 0 0;font-size:15px;line-height:1.85}
.schema-appendix{margin-top:36px;border-style:dashed}
.schema-appendix>p,.schema-appendix>.schema-group{margin:18px}
.schema-group>summary{font-size:14px;font-weight:550}
.schema-group>p,.schema-group>.callout,.schema-group>.table-scroll{margin:16px}
.schema-group .table-scroll{max-height:65vh}
[hidden]{display:none!important}
html.dark .code-frame{background:#0d1420;border-color:var(--border-2)}
html.dark .code-toolbar{background:#1c293c;border-color:var(--border-2)}
html.dark .wrap .tbl tr:hover td{background:var(--reader-surface)}
html.dark .callout.warn b.t{color:#f7c77d}
html.dark .callout.tip b.t{color:#83dfa8}
@media(min-width:1440px){.reader-location-outside{margin-left:auto;margin-right:auto}}
@media(max-width:1080px){.main .wrap{padding-left:28px;padding-right:28px}.reader-location-outside{margin:0 28px}}
@media(max-width:900px){.topbar .right>span{display:none}}
@media(max-width:640px){
  .topbar{height:104px;flex-wrap:wrap;align-content:center;row-gap:7px!important;padding:8px 16px!important}
  .topbar .logo{font-size:16px!important;overflow:visible;white-space:normal;line-height:1.3}
  .topbar .right{flex:1 0 100%;margin-left:0;justify-content:space-between;gap:10px!important}
  .topbar .right .lang-switcher{order:0}
  .topbar .right>a{order:1;margin-left:auto}
  .topbar .right .reader-theme{order:2}
  .menu-btn{width:32px;height:32px;flex:none}
  .sidebar{top:104px}.sb-backdrop{top:104px}.main{padding-top:104px}.progress{top:104px}
  .main .wrap{padding-left:20px;padding-right:20px}
  .reader-location-outside{margin:0 20px}
  .wrap>section{padding-top:22px}.wrap>section>h2{font-size:24px;line-height:1.5;margin-bottom:16px}
  .wrap>section>.chapter-intro{font-size:15px}
  .chapter-key{padding:12px 14px;gap:10px;margin-bottom:22px}
  .chapter-jump>nav{grid-template-columns:1fr}
  .reading-points>li{margin:12px 0}
  .reading-points>li>strong:first-child{display:block;margin-bottom:3px}
  .guide-part>h3{font-size:20px;line-height:1.6}.guide-part h4{font-size:17px}
  .wrap .guide-part,.wrap h3,.wrap h4,.reference-group,.schema-appendix,.schema-group,.config-field,[id]{scroll-margin-top:124px}
  .wrap .table-scroll:has(>.guide-table){border:0;border-radius:0;overflow:visible;margin:20px 0 24px}
  .wrap .table-scroll>.guide-table{display:block;min-width:0;width:100%;font-size:15px}
  .guide-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .guide-table tbody{display:block}
  .guide-table tr{display:block;margin:12px 0;border:1px solid var(--border);border-radius:9px;padding:4px 14px;background:var(--bg)}
  .wrap .guide-table td{display:block;width:100%;padding:8px 0;border:0;min-width:0;font-weight:400;overflow-wrap:anywhere}
  .wrap .guide-table td+td{border-top:1px solid var(--border)}
  .guide-table td::before{content:attr(data-label);display:block;font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:4px}
  .guide-table td:first-child::before{display:none}
  .wrap .guide-table td:first-child{font-weight:600;color:var(--reader-ink)}
  .wrap .guide-table tr:hover td{background:transparent}
  .wrap .schema-group .table-scroll{max-height:none}
  .reference-tools{padding:16px}.reference-input{gap:6px}.reference-input input{font-size:16px;padding:10px}
  .reference-input button{padding:8px;font-size:13px}
  .reference-group>summary,.schema-appendix>summary,.schema-group>summary{padding:14px;font-size:15px}
  .config-field{padding:18px 16px}.config-field h4 code{font-size:14px}
  .field-meta{grid-template-columns:1fr;gap:10px}.config-field .field-description{font-size:15px}
  .schema-appendix>.schema-group,.schema-appendix>p{margin:12px}
  .code-frame pre{padding:16px}.code-frame pre code{font-size:13px}.code-toolbar{padding:7px 12px}
  .pager{flex-direction:column}.pager a{max-width:100%;width:100%;padding:16px}.pager a[style*="hidden"]{display:none}
}
@media(max-width:1080px){.chapter-navigation{width:calc(100% - 64px)}}
@media(max-width:640px){.chapter-navigation{width:calc(100% - 40px)}}