.tangle{max-width:72rem;margin:0 auto;padding:var(--mk-space-8) var(--mk-space-7);position:relative;z-index:1}.tangle__featured{display:block;text-decoration:none;color:inherit;padding:var(--mk-space-7);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--mk-primary);border-radius:var(--fs-radius-xl);margin-bottom:var(--mk-space-7);transition:all var(--transition-normal);position:relative;overflow:hidden}.tangle__featured:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--mk-primary),var(--fs-secondary))}.tangle__featured:hover{transform:translateY(-2px);box-shadow:var(--fs-shadow-lg)}.tangle__featured-label{display:inline-flex;align-items:center;gap:var(--mk-space-4);font-size:var(--fs-text-xs);font-weight:var(--font-weight-semibold);color:var(--mk-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--mk-space-5)}.tangle__featured h2{font-size:var(--fs-text-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--mk-space-4) 0;color:var(--mk-text)}.tangle__featured p{color:var(--mk-text-2);margin:0 0 var(--mk-space-5) 0;font-size:var(--fs-text-base);line-height:var(--line-height-relaxed)}.tangle__filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mk-space-5);margin-bottom:var(--mk-space-7);padding:var(--mk-space-6);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--fs-radius-xl)}.tangle__filter-tags{display:flex;flex-wrap:wrap;gap:var(--mk-space-4);flex:1}.tangle__filter-tag{display:inline-flex;align-items:center;padding:var(--mk-space-2) var(--mk-space-5);background:var(--mk-bg-3);color:var(--mk-text-2);border-radius:var(--mk-radius-full);font-size:var(--fs-text-sm);cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast)}.tangle__filter-tag:hover{background:var(--mk-bg-2);border-color:var(--mk-border-strong);color:var(--mk-text)}.tangle__filter-tag--active{background:var(--mk-primary);color:var(--mk-text-inverse);border-color:var(--mk-primary)}.tangle__filter-tag--active:hover{background:var(--mk-primary-hover);color:var(--mk-text-inverse)}.tangle__sort{display:inline-flex;background:var(--mk-bg-3);border-radius:var(--mk-radius-lg);padding:2px;border:1px solid var(--mk-border);flex-shrink:0}.tangle__sort-btn{display:inline-flex;align-items:center;gap:var(--mk-space-2);padding:var(--mk-space-4) var(--mk-space-5);border-radius:var(--mk-radius-md);font-size:var(--fs-text-sm);font-weight:var(--font-weight-medium);color:var(--mk-text-3);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tangle__sort-btn:hover{color:var(--mk-text)}.tangle__sort-btn--active{background:var(--mk-bg);color:var(--mk-text);box-shadow:var(--fs-shadow-sm)}.tangle__grid{display:grid;grid-template-columns:1fr;gap:var(--mk-space-6)}@media(min-width:640px){.tangle__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tangle__grid{grid-template-columns:repeat(3,1fr)}}.tangle__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;padding:var(--fs-space-5);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--fs-radius-xl);transition:all var(--transition-normal)}.tangle__card:hover{border-color:var(--mk-primary);transform:translateY(-2px);box-shadow:var(--fs-shadow-lg)}.tangle__card-title{display:flex;align-items:center;gap:var(--mk-space-4);font-size:var(--fs-text-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--mk-space-4) 0;color:var(--mk-text)}.tangle__card-excerpt{color:var(--mk-text-2);font-size:var(--fs-text-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--mk-space-5) 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1}.tangle__card-tags{display:flex;flex-wrap:wrap;gap:var(--mk-space-2);margin-bottom:var(--mk-space-5)}.tangle__card-tag{font-size:var(--fs-text-xs);padding:1px var(--mk-space-4);background:var(--mk-bg-3);border-radius:var(--mk-radius-full);color:var(--mk-text-3)}.tangle__card-meta{display:flex;align-items:center;gap:var(--mk-space-5);font-size:var(--fs-text-xs);color:var(--mk-text-3);margin-top:auto}.tangle__maturity{display:inline-flex;align-items:center;gap:var(--mk-space-2);font-size:var(--fs-text-xs);font-weight:var(--font-weight-medium)}.tangle__maturity--frayed{color:#84cc16}.tangle__maturity--twisted{color:#22c55e}.tangle__maturity--knotted{color:#059669}.tangle__connections{display:inline-flex;align-items:center;gap:2px}.tangle__touched,.tangle__tended{display:inline-flex;align-items:center;gap:var(--mk-space-2)}.tangle__empty{text-align:center;padding:var(--fs-space-16) var(--mk-space-6);color:var(--mk-text-3)}.tangle__empty i{font-size:3rem;display:block;margin-bottom:var(--mk-space-6);color:var(--mk-primary);opacity:.5}.tangle__empty p{font-size:var(--fs-text-lg);margin:0}.tangle-graph{margin-bottom:var(--mk-space-7);padding:var(--mk-space-6);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--fs-radius-xl)}.text-404__body{padding:var(--mk-space-8) 0;color:var(--mk-text-2);font-size:var(--fs-text-lg);line-height:var(--line-height-relaxed)}.text-404__body p{margin:0 0 var(--mk-space-6) 0}.text-404__body-icon{font-size:2rem;color:var(--mk-primary);opacity:.4;display:block;margin-bottom:var(--mk-space-6)}.post-maturity{display:inline-flex;align-items:center;gap:var(--mk-space-4);font-size:var(--fs-text-sm);font-weight:var(--font-weight-medium);padding:var(--mk-space-2) var(--mk-space-5);border-radius:var(--mk-radius-full);background:var(--mk-bg-3)}.post-maturity--frayed{color:#84cc16}.post-maturity--twisted{color:#22c55e}.post-maturity--knotted{color:#059669}.post-reading-time{display:inline-flex;align-items:center;gap:var(--mk-space-2);font-size:var(--fs-text-sm);color:var(--mk-text-3)}.post-layout{display:flex;gap:var(--mk-space-8);align-items:flex-start;position:relative;z-index:1}.post-layout__content{flex:1;min-width:0}.post-toc{display:none}@media(min-width:1100px){.post-toc{display:block;width:220px;flex-shrink:0;position:sticky;top:var(--mk-space-8);max-height:calc(100vh - 4rem);overflow-y:auto}}.post-toc__title{font-size:var(--fs-text-xs);font-weight:var(--font-weight-semibold);color:var(--mk-text-3);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--mk-space-5) 0}.post-toc__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--mk-space-2);border-left:2px solid var(--mk-border)}.post-toc__item{padding-left:var(--mk-space-5)}.post-toc__item--h3{padding-left:var(--mk-space-7)}.post-toc__link{display:block;font-size:var(--fs-text-sm);color:var(--mk-text-3);text-decoration:none;padding:var(--mk-space-2) 0;line-height:1.3;transition:color var(--transition-fast)}.post-toc__link:hover{color:var(--mk-primary)}.post-toc-mobile{margin-bottom:var(--mk-space-7);background:var(--mk-bg-3);border-radius:var(--mk-radius-lg);overflow:hidden}@media(min-width:1100px){.post-toc-mobile{display:none}}.post-toc-mobile__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--mk-space-5) var(--mk-space-6);background:transparent;border:none;color:var(--mk-text-2);font-size:var(--fs-text-sm);font-weight:var(--font-weight-medium);cursor:pointer}.post-toc-mobile__body{padding:0 var(--mk-space-6) var(--mk-space-5)}.post-toc-mobile__body .post-toc__list{border-left:2px solid var(--mk-border)}.post-related{margin-top:var(--mk-space-8);padding-top:var(--mk-space-7);border-top:1px solid var(--mk-border);position:relative;z-index:1}.post-related__title{font-size:var(--fs-text-sm);font-weight:var(--font-weight-semibold);color:var(--mk-text-3);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--mk-space-6) 0;display:flex;align-items:center;gap:var(--mk-space-4)}.post-related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--mk-space-5)}.post-related__card{display:block;text-decoration:none;color:inherit;padding:var(--mk-space-6);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--mk-radius-lg);transition:all var(--transition-fast)}.post-related__card:hover{border-color:var(--mk-primary);transform:translateY(-1px)}.post-related__card-title{font-size:var(--fs-text-sm);font-weight:var(--font-weight-semibold);color:var(--mk-text);margin:0 0 var(--mk-space-2) 0;display:flex;align-items:center;gap:var(--mk-space-2)}.post-related__card-excerpt{font-size:var(--fs-text-xs);color:var(--mk-text-3);line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.post-related__card-tags{display:flex;flex-wrap:wrap;gap:var(--mk-space-2);margin-top:var(--mk-space-4)}.post-related__card-tag{font-size:.65rem;padding:0 var(--mk-space-2);background:var(--mk-bg-3);border-radius:var(--mk-radius-sm);color:var(--mk-text-3)}.local-graph{margin-top:var(--mk-space-7);padding:var(--mk-space-6);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--fs-radius-xl);position:relative;z-index:1}.local-graph__title{font-size:var(--fs-text-xs);font-weight:var(--font-weight-semibold);color:var(--mk-text-3);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--mk-space-5) 0}.local-graph svg{width:100%;height:auto;display:block}.local-graph__node{cursor:pointer;transition:opacity .15s}.local-graph__node:hover{opacity:.8}.local-graph__node-label{font-size:11px;fill:var(--mk-text-2);pointer-events:none;font-family:var(--font-family-sans)}.local-graph__node-label--center{font-weight:600;fill:var(--mk-text)}.local-graph__link{stroke:var(--mk-border-strong);stroke-width:1.5;fill:none}.local-graph__link--forward{stroke:var(--mk-primary);opacity:.6}.local-graph__link--back{stroke:var(--fs-secondary);opacity:.6}.post-linked-projects{margin-top:var(--mk-space-8);padding-top:var(--mk-space-7);border-top:1px solid var(--mk-border)}.post-linked-projects__title{font-size:var(--fs-text-sm);font-weight:var(--font-weight-semibold);color:var(--mk-text-3);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--mk-space-6) 0;display:flex;align-items:center;gap:var(--mk-space-4)}.post-linked-projects__list{display:flex;flex-wrap:wrap;gap:var(--mk-space-5)}.post-linked-projects__item{display:inline-flex;align-items:center;gap:var(--mk-space-4);padding:var(--mk-space-4) var(--mk-space-6);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--mk-radius-lg);text-decoration:none;color:inherit;font-size:var(--fs-text-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.post-linked-projects__item:hover{border-color:var(--mk-primary);transform:translateY(-1px);box-shadow:var(--fs-shadow-sm)}.post-linked-projects__icon{font-size:var(--fs-text-base)}.post-linked-projects__name{color:var(--mk-text)}@media(max-width:640px){.tangle{padding:var(--mk-space-6) var(--mk-space-5)}.tangle__filters{flex-direction:column;align-items:stretch}.tangle__sort{align-self:flex-start}.tangle__featured{padding:var(--mk-space-6)}.post-related__grid{grid-template-columns:1fr}}