/* Update 43 (07-10-2026): cross-links. Thoughts terracotta, tools teal, same as the Thoughts and Tools pills. */
:root{--xth:#b5563a;--xtl:#2f6b62}
[data-xl] a.xl-th,[data-xl] a.xl-tl{text-decoration:none;border-bottom:2px solid;transition:border-color .2s}
[data-xl] a.xl-th{color:var(--xth);border-color:color-mix(in srgb,var(--xth) 40%,transparent)}
[data-xl] a.xl-tl{color:var(--xtl);border-color:color-mix(in srgb,var(--xtl) 40%,transparent)}
[data-xl] a.xl-th:hover{border-color:var(--xth)}[data-xl] a.xl-tl:hover{border-color:var(--xtl)}
.xl-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 1px 2px 4px;vertical-align:middle;background:currentColor}
.xl-mp{position:relative}
[data-xl] .xl-mn{position:absolute;top:4px;left:calc(100% + var(--gap,72px));width:210px;margin:0;font-size:14px;line-height:1.4;font-family:var(--sans,inherit)}
[data-xl] .xl-mn a{display:block;text-decoration:none;color:inherit;border-left:3px solid var(--c);padding:2px 0 2px 12px}
[data-xl] .xl-mn .k{display:block;font-size:10.5px;font-weight:700;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--c);margin-bottom:5px}
[data-xl] .xl-mn .t{display:block;font-family:var(--serif,Georgia,serif);font-size:17px;line-height:1.25;color:var(--ink,#2b2521);margin-bottom:3px}
[data-xl] .xl-mn .d{display:block;font-size:13.5px;line-height:1.4;color:var(--muted,#6b625b)}
[data-xl] .xl-mn a:hover .t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.xl-sk{--terra:var(--c);--faint:oklch(0.68 0.012 60);display:block;overflow:visible}
[data-xl] .xl-mn .xl-sk{width:120px;height:62px;margin-top:6px}
.gw{margin:20px 0 4px;padding-top:26px;border-top:1px solid var(--rule,#e4ddd2)}
.gw-h{display:flex;align-items:baseline;gap:6px 14px;margin-bottom:16px;flex-wrap:wrap}
.gw-k{font-size:12px;font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--ink,#2b2521)}
.gw-hand{font-family:var(--hand,cursive);font-size:22px;line-height:1.1;color:var(--xth)}
.gw-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.gw-grid.gw-3{grid-template-columns:1fr 1fr 1fr}
[data-xl] .gw-c{display:flex;flex-direction:column;background:#fffdf9;border:1px solid var(--rule,#e4ddd2);border-top:4px solid var(--c);border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}
[data-xl] .gw-c:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(43,37,33,.08)}
.gw-sk{display:flex;align-items:center;justify-content:center;height:92px;background:#f5f1ea;padding:8px 24px;border-bottom:1px solid var(--rule,#e4ddd2)}
.gw-sk .xl-sk{width:100%;max-width:170px;height:76px}
.gw-word{font-family:var(--hand,cursive);font-size:26px;color:var(--c);white-space:nowrap}
.gw-3 .gw-word{font-size:21px;padding:8px 10px}
.gw-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}
.gw-cat{font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;color:var(--c)}
.gw-t{font-family:var(--serif,Georgia,serif);font-size:20px;line-height:1.2;color:var(--ink,#2b2521)}
.gw-d{font-size:15px;line-height:1.45;color:var(--muted,#6b625b)}
.gw-3 .gw-t{font-size:18px}.gw-3 .gw-d{font-size:14px}
[data-xl] .xl-mn.xl-static,[data-xl] .xl-mn.xl-narrow{position:static;display:block;width:auto;margin:14px 0 4px;background:#fffdf9;border:1px solid var(--rule,#e4ddd2);border-radius:10px;padding:12px}
[data-xl] .xl-static .xl-sk,[data-xl] .xl-narrow .xl-sk{display:none}
@media(max-width:1199px){
 [data-xl] .xl-mn{position:static;display:block;width:auto;margin:14px 0 4px;background:#fffdf9;border:1px solid var(--rule,#e4ddd2);border-radius:10px;padding:12px}
 [data-xl] .xl-mn .xl-sk{display:none}
 [data-xl] .xl-mn .t{font-size:16px}
}
@media(max-width:900px){.gw-grid.gw-3{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.gw-grid,.gw-grid.gw-3{grid-template-columns:1fr}.gw-sk{height:76px}.gw-word{height:52px}}
