/* Kompass glossary and explainers. Uses the colors and fonts from styles.css. */
.learn{padding-block:clamp(2.5rem,6vw,4.5rem) clamp(3rem,7vw,5.5rem)}
.crumbs{font-size:.85rem;color:var(--stone)}
.crumbs a{color:var(--stone)}
.learn-body{max-width:72ch;display:flex;flex-direction:column;gap:1.1rem}
.learn-body h2{font-size:clamp(1.6rem,2.6vw,2.1rem);margin-top:1.6rem}
.learn-body h3{font-size:1.3rem;margin-top:.4rem}
.learn-body p+h3,.learn-body ul+h3{margin-top:1.6rem}
.learn-body p,.learn-body li{max-width:none}
.learn-body ul,.learn-body ol{margin:0;padding-left:1.2rem;display:grid;gap:.45rem}
.learn-body a{text-underline-offset:3px}
.sources{list-style:none;padding:0!important;display:grid;gap:.6rem!important}
.sources li{font-size:.92rem;color:var(--stone);padding:.6rem .8rem;background:var(--card)}
.chips{list-style:none;padding:0!important;display:flex!important;flex-wrap:wrap;gap:.5rem!important}
.chips a{display:inline-block;font-size:.88rem;text-decoration:none;padding:.35rem .75rem;border:1px solid var(--rule);border-radius:2px}
.chips a:hover{border-color:var(--ink)}
.learn-cta{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:1.5rem;align-items:center;background:var(--band);color:var(--band-fg);padding:1.6rem 1.8rem;margin-top:2rem}
.learn-cta p{color:var(--band-muted);font-size:.95rem}
.learn-cta h3{color:var(--band-fg);margin:0}
.learn-cta .eyebrow{color:var(--band-muted)}
.learn-cta .btn{border-color:var(--band-fg);color:var(--band-fg)}
.learn-cta .btn.solid{background:var(--band-fg);color:var(--band)}
@media (max-width:760px){.learn-cta{grid-template-columns:1fr}}
.learn-meta{font-size:.82rem;color:var(--stone);margin-top:1.2rem;max-width:72ch}
.cmp{width:100%;border-collapse:collapse;font-size:.92rem}
.cmp th,.cmp td{text-align:left;vertical-align:top;padding:.7rem .8rem;border-bottom:1px solid var(--rule)}
.cmp thead th{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--stone);border-bottom:1px solid var(--ink)}
.cmp tbody th{font-family:var(--display);font-size:1.1rem;font-weight:500;width:22%}
@media (max-width:640px){.cmp,.cmp tbody,.cmp tr,.cmp th,.cmp td{display:block;width:100%}.cmp thead{display:none}.cmp tr{padding:.6rem 0;border-bottom:1px solid var(--ink)}.cmp td,.cmp th{border:0;padding:.25rem 0}.cmp tbody th{width:100%}}
.qa{counter-reset:q;list-style:none;padding:0!important;display:grid;gap:1.4rem!important}
.qa li{counter-increment:q;border-top:1px solid var(--ink);padding-top:1rem}
.qa h3{font-size:1.35rem;margin:0 0 .4rem}
.qa h3::before{content:counter(q) ". ";color:var(--stone)}

/* hubs */
.gl-tools{display:grid;gap:1rem;margin-bottom:1.6rem;max-width:760px}
.gl-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.gl-chip{font:inherit;font-size:.85rem;background:none;color:var(--ink);border:1px solid var(--rule);padding:.35rem .8rem;border-radius:2px;cursor:pointer}
.gl-chip[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.gl-count{font-size:.85rem;color:var(--stone)}
.gl-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3rem;border-top:1px solid var(--ink)}
.gl-item{display:flex;flex-direction:column;gap:.3rem;padding:1rem 0;border-bottom:1px solid var(--rule);min-width:0}
.gl-item a{text-decoration:none;display:flex;flex-direction:column;gap:.2rem}
.gl-item b{font-family:var(--display);font-size:1.4rem;font-weight:500;line-height:1.2}
.gl-item i{font-style:normal;font-size:.9rem;color:var(--stone);font-family:var(--body)}
.gl-item span{font-size:.9rem;color:var(--stone)}
.gl-item a:hover b{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.gl-item em{font-style:normal;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}
.gl-empty{margin-block:1rem}
@media (max-width:760px){.gl-list{grid-template-columns:1fr}}
.ex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule)}
.ex-card{background:var(--paper);padding:1.7rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem}
.ex-card h2{font-size:1.6rem;line-height:1.2}
.ex-card h2 a{text-decoration:none}
.ex-card h2 a:hover{text-decoration:underline;text-underline-offset:4px}
.ex-card p{font-size:.95rem;color:var(--stone)}
.ex-card .chip{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid var(--rule);color:var(--stone);border-radius:2px;align-self:flex-start}
.ex-meta{font-size:.82rem!important}
@media (max-width:760px){.ex-grid{grid-template-columns:1fr}}

/* timeline */
.tl-asof{font-size:.85rem;color:var(--stone)}
.learn-body .timeline{list-style:none;margin:.4rem 0 0 .45rem;padding:0!important;gap:0!important;border-left:1px solid var(--rule)}
.tl{position:relative;display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1rem;padding:0 0 1.9rem 1.7rem}
.tl::before{content:"";position:absolute;left:-.42rem;top:.5rem;width:.75rem;height:.75rem;border-radius:50%;background:var(--paper);border:1.5px solid var(--stone)}
.tl.done::before{background:var(--ink);border-color:var(--ink)}
.tl.next::before{background:var(--accent);border-color:var(--accent)}
.tl-date{font-family:var(--display);font-size:1.25rem;line-height:1.3}
.tl-body h3{font-size:1.3rem;margin:0 0 .3rem}
.tl-body p{font-size:.95rem}
.tl-note{color:var(--stone);font-size:.88rem!important;margin-top:.3rem}
.tl-state{display:inline-block;margin-left:.6rem;font-family:var(--body);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--stone);vertical-align:middle}
.tl.next .tl-state{color:var(--accent)}
@media (max-width:640px){.tl{grid-template-columns:1fr;gap:.2rem}}

/* insights articles */
.learn-body blockquote{margin:.4rem 0;padding:1rem 1.4rem;background:var(--card);border-left:2px solid var(--accent);font-family:var(--display);font-size:1.35rem;line-height:1.4}
.learn-body blockquote p{margin:0}
.learn-body .questions{background:var(--card);padding:1.2rem 1.4rem}
.learn-body .questions ul{gap:.6rem}

/* Site search */
.sr-form{display:grid;gap:1rem;max-width:760px;margin-top:.5rem}
.sr-form input[type=search]{font-size:1.1rem;padding:.85rem 1rem}
.sr-list{grid-template-columns:1fr;max-width:860px}
.sr-list .gl-item a{gap:.4rem}
.sr-list span{line-height:1.6}
.sr-list mark{background:transparent;color:var(--accent);font-weight:500}
.sr-list b mark{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:var(--accent)}

/* Legal pages */
.legal-table{width:100%;border-collapse:collapse;font-size:.88rem;margin:1rem 0 1.4rem;line-height:1.45}
.legal-table th,.legal-table td{text-align:left;vertical-align:top;padding:.6rem .6rem .6rem 0;border-bottom:1px solid var(--rule)}
.legal-table th{font-weight:500;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}
.legal-table td:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;word-break:break-word}
@media (max-width:640px){.legal-table thead{display:none}.legal-table tr{display:block;padding:.6rem 0;border-bottom:1px solid var(--rule)}.legal-table td{display:block;border:0;padding:.15rem 0}}