/* Anders interlink module (Brian's HTML v7 design, 2026-10-28), as native
   <details> disclosures inside the site's own .shell so the module shares the
   gutters and width of the sections above it. Every rule is scoped under
   .anders-interlink so host heading, button and summary styles cannot leak in.
   Columns are server-rendered open; anders-interlink.js closes them below
   1024px. */
.anders-interlink{margin:0 0 40px}
/* Host rhythm: guides treat it as one more .section (and carry the Resources
   band's tint when it follows that section); search pages keep their own
   section spacing below it. */
.cxs-salary-guide .anders-interlink{margin:0;padding:64px 0}
.cxs-salary-guide .cxs-sg-resources + .anders-interlink{background:var(--panel,#f4f7f9)}
.anders-design .anders-interlink{margin:0;padding:0 0 var(--s-section,48px)}
.anders-interlink .ag-il-row:last-child{margin-bottom:0}
.anders-interlink .ag-il-row,.anders-interlink .ag-il-row *{box-sizing:border-box}
.anders-interlink .ag-il-row{display:grid;grid-template-columns:1fr;gap:12px;width:100%;margin:0 0 24px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;color:#33475B}
.anders-interlink .ag-il-col{min-width:0;margin:0;padding:0;background:#fff;border:1px solid #E3E9ED;border-radius:14px;overflow:hidden;transition:border-color .15s ease}
.anders-interlink .ag-il-col:has(>.ag-il-toggle:hover){border-color:#CBD6DD}
.anders-interlink .ag-il-row.dynamic .ag-il-col{background:#f8fafb}
.anders-interlink .ag-il-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:54px;margin:0;padding:16px 18px;list-style:none;color:#12212F;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;background:transparent;transition:background-color .15s ease}
.anders-interlink .ag-il-toggle::-webkit-details-marker{display:none}
.anders-interlink .ag-il-toggle::marker{content:""}
.anders-interlink .ag-il-toggle:hover{background:#EAF0F2}
.anders-interlink .ag-il-toggle:active{background:#DCE6EC}
.anders-interlink .ag-il-toggle:focus{outline:none}
.anders-interlink .ag-il-toggle:focus-visible{outline:3px solid #044F81;outline-offset:-3px;border-radius:14px}
.anders-interlink .ag-il-heading-text{min-width:0;margin:0;padding:0;font:700 15px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#12212F;letter-spacing:0;text-align:left;white-space:normal;overflow-wrap:anywhere}
.anders-interlink .ag-il-chevron{flex:0 0 15px;color:#044F81;transition:transform .18s ease}
.anders-interlink .ag-il-col[open]>.ag-il-toggle .ag-il-chevron{transform:rotate(180deg)}
.anders-interlink .ag-il-list{list-style:none;margin:0;padding:0 18px 16px}
.anders-interlink .ag-il-list li{margin:0;padding:0}
.anders-interlink .ag-il-list a{display:flex;align-items:center;min-height:35px;max-width:100%;padding:7px 0;color:#33475B;font:400 14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;text-decoration:none;white-space:normal;overflow-wrap:anywhere;touch-action:manipulation}
.anders-interlink .ag-il-anchor-text{min-width:0}
.anders-interlink .ag-il-list a:hover,.anders-interlink .ag-il-list a:focus-visible{color:#044F81;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.anders-interlink .ag-il-col[open]>.ag-il-list{animation:ag-il-reveal .18s cubic-bezier(.2,.7,.2,1)}
@keyframes ag-il-reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.anders-interlink .ag-il-list a:focus-visible{outline:3px solid #044F81;outline-offset:3px;border-radius:3px}
@media(min-width:1024px){.anders-interlink .ag-il-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}}
@media(max-width:1023px){.anders-interlink .ag-il-row{margin-bottom:12px}.anders-interlink .ag-il-toggle{min-height:56px;padding-left:12px;padding-right:12px}.anders-interlink .ag-il-list{padding-left:12px;padding-right:12px}.anders-interlink .ag-il-list a{min-height:44px;padding:10px 0}}
@media(prefers-reduced-motion:reduce){.anders-interlink .ag-il-chevron,.anders-interlink .ag-il-toggle,.anders-interlink .ag-il-col{transition:none}.anders-interlink .ag-il-col[open]>.ag-il-list{animation:none}}
@media print{.anders-interlink .ag-il-chevron{display:none}}
