astro-island,astro-slot,astro-static-slot{display:contents}
#fern-toc,#fern-sidebar[data-state="sticky"],#fern-sidebar[data-state="fixed"],#fern-sidebar-spacer{visibility:hidden;width:0;overflow:hidden;display:none;}.fern-main:has(>#fern-sidebar[data-viewport="desktop"][data-state="sticky"]){min-height:0!important;}

        .adsk-doc-browser {
          width: 100%;
          padding: 1rem 0;
        }

        .adsk-doc-layout {
          display: flex;
          gap: 2rem;
        }

        /* ===== FILTERS ===== */
        .adsk-filters {
          width: 280px;
          flex-shrink: 0;
        }

        /* Search — rounded gray bg like APS */
        .adsk-search-wrap {
          position: relative;
          margin-bottom: 1.5rem;
          background: light-dark(#f1f1f1, #222);
          border-radius: 4px;
        }

        .adsk-search-wrap svg {
          position: absolute;
          left: 4px;
          top: 50%;
          transform: translateY(-50%);
          color: var(--grayscale-a8);
          pointer-events: none;
        }

        .adsk-search-input {
          width: 100%;
          padding: 8px 8px 8px 28px;
          background: transparent;
          border: none;
          font-size: 16px;
          color: var(--grayscale-12);
          outline: none;
          box-sizing: border-box;
        }

        .adsk-search-input::placeholder {
          color: var(--grayscale-a8);
        }

        /* Clear filters — always visible, gray bg with reset icon */
        .adsk-clear-btn {
          display: flex;
          align-items: center;
          gap: 0.25rem;
          padding: 4px 12px;
          margin-bottom: 1.5rem;
          background: light-dark(#e5e5e5, #333);
          border: none;
          border-radius: 4px;
          font-size: 16px;
          color: var(--grayscale-12);
          cursor: pointer;
          transition: background 0.15s;
        }

        .adsk-clear-btn:hover {
          background: light-dark(#d5d5d5, #444);
        }

        /* Filter groups */
        .adsk-filter-group {
          margin-bottom: 1.5rem;
        }

        /* Checkboxes — custom square, black border */
        .adsk-filter-checks {
          display: flex;
          justify-content: space-between;
          max-width: 240px;
        }

        .adsk-checkbox {
          display: flex;
          align-items: center;
          gap: 0.375rem;
          font-size: 16px;
          color: var(--grayscale-12);
          cursor: pointer;
        }

        .adsk-checkbox input {
          appearance: none;
          -webkit-appearance: none;
          width: 20px;
          height: 20px;
          border: 1px solid var(--grayscale-12);
          border-radius: 2px;
          cursor: pointer;
          position: relative;
          background: transparent;
          flex-shrink: 0;
        }

        .adsk-checkbox input:checked {
          background: var(--grayscale-12);
        }

        .adsk-checkbox input:checked::after {
          content: "";
          position: absolute;
          left: 6px;
          top: 2px;
          width: 5px;
          height: 10px;
          border: solid light-dark(#fff, #000);
          border-width: 0 2px 2px 0;
          transform: rotate(45deg);
        }

        /* Filter heading */
        .adsk-filter-heading {
          font-size: 18px;
          font-weight: 700;
          margin: 0 0 1rem;
          color: var(--grayscale-12);
        }

        /* Filter pills — black border like APS */
        .adsk-pill-group {
          display: flex;
          flex-wrap: wrap;
          gap: 0.5rem;
        }

        .adsk-pill {
          padding: 4px 8px;
          background: transparent;
          border: 1px solid var(--grayscale-12);
          border-radius: 4px;
          font-size: 14px;
          color: var(--grayscale-12);
          cursor: pointer;
          transition: all 0.15s;
        }

        .adsk-pill:hover {
          background: light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.1));
        }

        .adsk-pill.active {
          background: var(--grayscale-12);
          border-color: var(--grayscale-12);
          color: var(--grayscale-1);
        }

        /* ===== CARDS GRID ===== */
        .adsk-cards-grid {
          flex: 1;
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 1rem;
          align-content: start;
        }

        @media (max-width: 1024px) {
          .adsk-doc-layout {
            flex-direction: column;
          }
          .adsk-filters {
            width: 100%;
          }
          .adsk-cards-grid {
            grid-template-columns: 1fr;
          }
        }

        /* ===== CARD ===== */
        .adsk-card {
          display: block;
          text-decoration: none;
          color: var(--grayscale-12);
          border-radius: 8px;
          background: light-dark(#fff, #1a1a1a);
          cursor: pointer;
          transition: all 0.2s;
        }

        .adsk-card-inner {
          position: relative;
          overflow: hidden;
          border-radius: 4px;
          padding: 1px;
          background: light-dark(#e5e5e5, #333);
          height: 100%;
        }

        /* Border gradient via ::before pseudo-element */
        .adsk-card-inner::before {
          content: "";
          position: absolute;
          inset: 0;
          border-radius: 4px;
          background: linear-gradient(218deg, rgb(128, 128, 255), rgba(128, 128, 255, 0) 50%);
          opacity: 0;
          transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
          pointer-events: none;
          z-index: 1;
        }

        .adsk-card:hover .adsk-card-inner::before {
          opacity: 1;
        }

        /* Inner fill gradient overlay on hover — sits above content */
        .adsk-card-gradient {
          position: absolute;
          inset: 0;
          border-radius: 4px;
          background: linear-gradient(218deg, rgba(128, 128, 255, 0.2), rgba(128, 128, 255, 0) 50%);
          opacity: 0;
          transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
          pointer-events: none;
          z-index: 4;
        }

        .adsk-card:hover .adsk-card-gradient {
          opacity: 1;
        }

        .adsk-card-content {
          position: relative;
          z-index: 3;
          padding: 1rem;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          height: 100%;
          box-sizing: border-box;
          background: light-dark(#fff, #1a1a1a);
          border-radius: 3px;
        }

        .adsk-card-header {
          display: flex !important;
          flex-direction: row !important;
          align-items: flex-start !important;
          gap: 0.5rem;
          margin-bottom: 0.25rem;
          flex-wrap: nowrap;
        }

        .adsk-card-icon {
          width: 24px !important;
          height: 24px !important;
          min-width: 24px;
          flex-shrink: 0;
          margin-top: 2px;
          display: inline-block !important;
        }

        .dark .adsk-card-icon {
          filter: invert(1);
        }

        .adsk-card-title {
          font-size: 20px !important;
          font-weight: 700 !important;
          margin: 0 !important;
          padding: 0 !important;
          flex: 1;
          color: var(--grayscale-12);
          line-height: 1.3;
        }

        .adsk-card-badge {
          padding: 0.125rem 0.5rem;
          background: rgb(43, 194, 117);
          color: #000;
          font-size: 12px;
          font-weight: 600;
          border-radius: 999px;
          white-space: nowrap;
        }

        .adsk-card-desc {
          font-size: 16px;
          line-height: 1.5;
          color: var(--grayscale-11);
          margin: 0.25rem 0 0;
          padding-bottom: 1rem;
          border-bottom: 1px solid light-dark(#e5e5e5, #333);
        }

        .adsk-card-cta {
          display: flex;
          align-items: center;
          gap: 0.375rem;
          font-size: 14px;
          color: var(--grayscale-11);
          margin-top: 0.75rem;
          transition: color 0.15s;
        }

        .adsk-card:hover .adsk-card-cta {
          color: var(--grayscale-12);
        }

        .adsk-no-results {
          grid-column: 1 / -1;
          text-align: center;
          padding: 3rem;
          color: var(--grayscale-a8);
          font-size: 16px;
        }
      

        .adsk-footer {
          border-top: 1px solid light-dark(#c4c4c4, #333);
          background-color: light-dark(#fff, #000);
          color: light-dark(#000, #fff);
          font-family: 'Artifakt Element', sans-serif;
          font-size: 14px;
          line-height: 21px;
          box-sizing: border-box;
          width: 100%;
        }

        .adsk-footer-main {
          display: grid;
          grid-template-columns: minmax(200px, 1fr) 3fr;
          gap: 32px;
          padding: 32px 5%;
          max-width: 1440px;
          margin: 0 auto;
          box-sizing: border-box;
        }

        .adsk-footer-left {
          display: flex;
          flex-direction: column;
          gap: 24px;
        }

        .adsk-footer-logo {
          display: inline-block;
          color: light-dark(#000, #fff);
          text-decoration: none;
        }

        .adsk-footer-company {
          display: flex;
          flex-direction: column;
          gap: 12px;
        }

        .adsk-footer-link {
          color: light-dark(#000, #fff) !important;
          text-decoration: none !important;
          font-size: 14px;
          display: flex;
          align-items: center;
        }

        .adsk-footer-link:hover {
          text-decoration: underline !important;
        }

        .adsk-footer-social {
          display: flex;
          flex-direction: row;
          gap: 12px;
          align-items: center;
        }

        .adsk-footer-social-label {
          font-size: 16px;
          font-weight: 400;
        }

        .adsk-footer-social-icon {
          color: light-dark(#000, #fff) !important;
          text-decoration: none;
          font-size: 16px;
          width: 32px;
          height: 32px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
          border: 1px solid light-dark(#c4c4c4, #555);
        }

        .adsk-footer-columns {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 32px;
        }

        .adsk-footer-col {
          display: flex;
          flex-direction: column;
          gap: 12px;
        }

        .adsk-footer-col-heading {
          font-size: 16px;
          font-weight: 600;
          display: flex;
          align-items: center;
          line-height: 21px;
        }

        .adsk-footer-legal-bar {
          background-color: light-dark(#dedede, #1a1a1a);
          width: 100%;
          box-sizing: border-box;
        }

        .adsk-footer-legal-inner {
          display: flex;
          flex-wrap: wrap;
          gap: 4px 16px;
          padding: 32px 5%;
          max-width: 1440px;
          margin: 0 auto;
          align-items: center;
          font-size: 14px;
          box-sizing: border-box;
        }

        .adsk-footer-legal-link {
          color: light-dark(#000, #fff) !important;
          text-decoration: none !important;
          display: inline-flex;
          align-items: center;
          font-size: 14px;
        }

        .adsk-footer-legal-link:hover {
          text-decoration: underline !important;
        }

        .adsk-footer-copyright {
          font-size: 14px;
        }

        @media (max-width: 1024px) {
          .adsk-footer-main {
            grid-template-columns: 1fr;
          }
          .adsk-footer-columns {
            grid-template-columns: repeat(2, 1fr);
          }
        }

        @media (max-width: 640px) {
          .adsk-footer-columns {
            grid-template-columns: 1fr;
          }
        }