:root{--page-link-text: var(--text-primary);--page-link-text-hover: var(--primary-blue);--page-link-icon-color: currentColor;--page-link-gap: 12px;--page-link-icon-size: 26px;--page-link-transition: all .3s ease;--page-link-underline-offset: 4px;--page-link-underline-thickness: 2px;--badge-bg-default: rgba(100, 116, 139, .1);--badge-text-default: #64748b;--badge-border-default: rgba(100, 116, 139, .2)}.dark{--page-link-text: #e7e9dd;--page-link-text-hover: #c1cf9a;--badge-bg-default: rgba(168, 181, 138, .1);--badge-text-default: #c1cf9a;--badge-border-default: rgba(168, 181, 138, .25)}.section-page-content .link,.subsection-page-content .link{display:flex;align-items:center;gap:var(--page-link-gap);text-decoration:none;color:var(--page-link-text);font-weight:500;position:relative;padding:10px 14px;border-radius:var(--radius-sm);transition:var(--page-link-transition);overflow:hidden}.section-page-content .link:before,.subsection-page-content .link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:0;background:var(--gradient-accent);border-radius:inherit;transition:width var(--transition-elastic);z-index:-1}.section-page-content .link:hover:before,.subsection-page-content .link:hover:before{width:100%}.section-page-content .link:after,.subsection-page-content .link:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--gradient-vertical);border-radius:0 var(--radius-pill) var(--radius-pill) 0;transition:height var(--transition-fast);box-shadow:0 0 12px var(--primary-blue);z-index:1}.section-page-content .link:hover,.subsection-page-content .link:hover{color:var(--page-link-text-hover);text-decoration-thickness:var(--page-link-underline-thickness);text-underline-offset:var(--page-link-underline-offset)}.section-page-content .link:hover:after,.subsection-page-content .link:hover:after{height:70%}.section-page-content .page-icon,.subsection-page-content .page-icon{width:var(--page-link-icon-size);height:var(--page-link-icon-size);flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:transform var(--transition-smooth);filter:drop-shadow(0 2px 4px var(--shadow-base-color))}.section-page-content .page-icon svg,.subsection-page-content .page-icon svg{width:100%;height:100%;fill:var(--page-link-icon-color);transition:fill var(--transition-fast)}.section-page-content .page-title-wrapper,.subsection-page-content .page-title-wrapper{display:flex;align-items:center;gap:10px;flex:1;position:relative;z-index:2}.section-page-content .page-title,.subsection-page-content .page-title{flex:1}.section-page-content .page-type-badge,.subsection-page-content .page-type-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;letter-spacing:.025em;border-radius:var(--radius-pill);background:var(--badge-bg-default);color:var(--badge-text-default);border:1px solid var(--badge-border-default);text-transform:uppercase;white-space:nowrap;box-shadow:0 1px 3px #0000000d}.section-page-error,.subsection-page-error{padding:8px 12px;border-left:3px solid var(--danger);background:#dc35450d;border-radius:var(--radius-sm);font-size:.9rem}.section-page-content .link.link-simple,.subsection-page-content .link.link-simple{padding:0}.section-page-content .link.link-simple:before,.section-page-content .link.link-simple:after,.subsection-page-content .link.link-simple:before,.subsection-page-content .link.link-simple:after{display:none}.section-page-content .link.link-simple:hover,.subsection-page-content .link.link-simple:hover{transform:none}@media(max-width:768px){.section-page-content .page-type-badge,.subsection-page-content .page-type-badge{font-size:.7rem;padding:3px 8px}.section-page-content .page-title-wrapper,.subsection-page-content .page-title-wrapper{gap:8px}}