/* Resources layout: left topic menu, content, right "on this page" column.
   Markup is generated by tools/build_seo.py; behaviour lives in /js/resources-nav.js. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.cg-nav,.cg-toc{font-size:14px;line-height:1.45}
.cg-nav{border-bottom:1px solid var(--line);background:#fff}
.cg-nav-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;font:inherit;font-weight:600;color:var(--navy);background:#fff;border:0;padding:14px 24px;cursor:pointer}
.cg-nav-toggle::after{content:"▾";transition:transform .15s ease}
.cg-nav-toggle[aria-expanded="true"]::after{transform:rotate(180deg)}
.cg-nav-body{padding:4px 24px 20px}
.cg-collapsed .cg-nav-body{display:none}

.cg-search input{width:100%;font:inherit;font-size:14px;color:var(--navy);border:1px solid var(--line);border-radius:6px;padding:8px 10px;background:#fff}
.cg-search input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}

.cg-lang-switch{display:flex;margin:12px 0 4px;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.cg-lang-switch a{flex:1;text-align:center;padding:6px 8px;font-size:13px;font-weight:600;color:var(--slate);text-decoration:none}
.cg-lang-switch a+a{border-left:1px solid var(--line)}
.cg-lang-switch a[aria-current="true"],.cg-lang-switch a[aria-pressed="true"]{background:var(--navy);color:#fff}

.cg-nav-h{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--slate);margin:18px 0 6px}
.cg-nav ul{list-style:none;margin:0;padding:0}
.cg-nav li a{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:6px;color:var(--navy);text-decoration:none}
.cg-nav li a:hover{background:var(--warm)}
.cg-nav li a[aria-current="page"],.cg-nav li a.cg-active{background:var(--warm);color:var(--accent);font-weight:600}
.cg-count{color:var(--slate);font-weight:400;font-size:12px}
.cg-tag{color:var(--slate);font-weight:400;font-size:11px}

.cg-topic{margin:2px 0}
.cg-topic>summary{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;color:var(--navy);font-weight:600;list-style:none}
.cg-topic>summary::-webkit-details-marker{display:none}
.cg-topic>summary::before{content:"›";display:inline-block;width:12px;color:var(--slate);transition:transform .15s ease}
.cg-topic[open]>summary::before{transform:rotate(90deg)}
.cg-topic>summary span:first-child{flex:1}
.cg-topic>summary:hover{background:var(--warm)}
.cg-topic ul{margin:2px 0 6px 12px;border-left:1px solid var(--line);padding-left:6px}
.cg-topic ul a{font-size:13px}
.cg-nav li.cg-hidden,.cg-hidden{display:none !important}
.cg-empty{font-size:13px;color:var(--slate);margin:8px}

.cg-toc{display:none}
.cg-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.cg-toc a{display:block;padding:5px 0 5px 12px;margin-left:-1px;border-left:2px solid transparent;color:var(--slate);text-decoration:none;font-size:13px}
.cg-toc a:hover{color:var(--navy)}
.cg-toc a.cg-active{color:var(--accent);border-left-color:var(--accent);font-weight:600}

/* Hub page */
.cg-hub main{max-width:1000px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:8px}
.cards .card{margin:0;display:flex;flex-direction:column}
.cards .card .rt{margin-top:auto;padding-top:10px}
.cg-no-results{display:none;color:var(--slate);font-size:15px;margin:24px 0}
.cg-searching .cg-no-results.cg-show{display:block}
[data-lang][hidden]{display:none !important}
h2.group,h3.subgroup{scroll-margin-top:84px}
main h2[id]{scroll-margin-top:84px}

@media(min-width:900px){
  body.cg-res{display:grid;grid-template-columns:260px minmax(0,1fr)}
  body.cg-res>*{grid-column:1/-1}
  body.cg-res>.cg-nav{grid-column:1;grid-row:2;position:sticky;top:72px;align-self:start;max-height:calc(100vh - 72px);overflow-y:auto;border-bottom:0;border-right:1px solid var(--line);background:transparent}
  body.cg-res>main{grid-column:2;grid-row:2;width:100%}
  .cg-nav-toggle{display:none}
  .cg-nav-body{padding:28px 18px 32px 24px}
  .cg-collapsed .cg-nav-body{display:block}
}
@media(min-width:1240px){
  body.cg-res:not(.cg-no-toc){grid-template-columns:260px minmax(0,1fr) 240px}
  body.cg-res:not(.cg-no-toc)>.cg-toc{display:block;grid-column:3;grid-row:2;position:sticky;top:72px;align-self:start;max-height:calc(100vh - 72px);overflow-y:auto;padding:48px 24px 32px 8px}
}
@media print{
  .cg-nav,.cg-toc{display:none !important}
  body.cg-res{display:block}
}